@charset "gb2312";
*html{_background-image:url(about:blank);_background-attachment:fixed}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
.doc{overflow: hidden; text-align: left; font: 14px/1.5 Microsoft Yahei,tahoma,HELVETICA; color: #333; }
.doc .inner,.b_inner, .nav_inner{width:1100px; clear: both; margin:0 auto; overflow: hidden; animation:fadeFromCenter1 .5s ease 0s; }
.title{ display: block; margin: 90px auto 40px; }


@font-face {
font-family: 'sylt';
  src: url('../../images/font/sylt.eot');
  src:
    url('../../images/font/sylt.eot?#font-spider') format('embedded-opentype'),
    url('../../images/font/sylt.woff') format('woff'),
    url('../../images/font/sylt.ttf') format('truetype'),
    url('../../images/font/sylt.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.prev,.next, .prev1, .next1, #prev, #next { background:url(../images/img.png) no-repeat center center; cursor:pointer; width:43px; height:21px; position:absolute; float:left; z-index:5}

.area1{background:url(../images/banner.jpg) no-repeat center top; height:700px;}
.area2{background:url(../images/bg1.jpg) no-repeat center top; height:719px; padding-top: 95px;}
	.slideBox2{overflow:hidden;position:relative;height: 675px;}
		.slideBox2 .hd{height:22px;overflow:hidden;position:absolute;right: 466px;bottom: 0px;z-index:1;width: 168px;margin:  0 auto;}
		.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox2 .hd ul li{float:left;border-radius: 50%;margin: 0 10px;width:20px;border:solid 1px #008287;height:20px;text-align:center;background:#fff;cursor:pointer;}
		.slideBox2 .hd ul li.on{ background:#008287;border:solid 1px #008287; }
		.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
		.slideBox2 .bd img{ width:483px; height:552px; display:block; float: left;  margin-top: 5px; }
	.slideBox2 .bd ul li p{margin-left: 520px;font-size: 14px;color: #666;text-align: justify;text-indent: 2em;margin-bottom: 5px;line-height: 23px;}




.area3{background:url(../images/bg2.jpg) no-repeat center top; height:1063px;}
.area3 .com{width: 845px;height: 500px;padding-top: 485px;}
.area3 .com p{font-size: 14px;color: #ccc;text-align: justify;text-indent: 2em;line-height: 30px;padding: 0 40px 0 40px;}

.area4 .parHd li:after{content:'';background: #c89e64;width: 10px;height: 10px;position:absolute;z-index:20;top: 5px;left:50%;margin-left: -7px;border-radius: 50%;/* border: solid #6eb92b 4px; */}
.area4 .parHd li.act span{display:block;background:url(../images/dw.png) no-repeat center top;width: 21px;height: 26px;overflow:hidden;position:absolute;top: -25px;left: 50%;z-index:21;border-radius: 50%;margin-left: -12px;}
.area4 .event_box{position:relative;min-height:315px;}
.area4 .event_box .parHd {width:100%;display:inline-block;height: 86px;overflow:hidden;background: url(../images/line.jpg) repeat-x 0px 26px;}
.area4 .parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.area4 .parHd .tempWrap{margin:0 auto;}
.area4 .parHd .tempWrap:after{content:'';width:100%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.area4 .parHd li.no_line:before{display:none;}
.area4 .parHd li{display:inline-block;cursor:pointer;padding-top: 25px;font-size:14px;color:#c89e64;margin: 0 21px;position:relative;line-height: 20px;}
/*.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}*/
.area4 .parBd{margin-top: 35px;margin-bottom: 50px;}
.area4 .parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.area4 .parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.area4 .parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.area4 .parBd p{font-size: 14px;color: #c89e64;/* padding: 35px 35px; */}
.area4 div#listBox {width:100%;}
.area4 .sPrev,.sNext{width:109px;height:25px;display:block;position:absolute;top:10px;}
.area4 .sPrev{left:0;}
.area4 .sNext{ position: absolute; top: 290px; left: 541px; background: url(../../img/180/next.png) no-repeat center top;} 
/*.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
*//*.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:28px;z-index:21;}*/
.area4.parHd li span,.parHd li.clone span{display:none;}
.area4 .slideBox{overflow:hidden;margin: 0 auto;}
.area4 .parHd li.act p{ color: #008287;}


.slideBox1{overflow:hidden;position:relative;padding-left: 150px; margin-bottom: 100px;}

		.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
		.slideBox1 .bd img{ width:800px; height:600px; display:block;  }

.slideBox1 .prev{cursor:pointer;width: 43px;left: 0;top: 257.5px;background: url(../images/1.png) no-repeat center top;height: 85px;position:absolute;float:left;z-index:7;}
.slideBox1 .next{cursor:pointer;width: 43px;right: 0;top: 257.5px;background: url(../images/2.png) no-repeat center top;height: 85px;position:absolute;float:left;z-index:7;}






.picScroll-left{overflow:hidden;position:relative;padding-left: 115px;/* margin-top: 48px; */}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ float:left; _display:inline; margin: 0 10px; overflow:hidden; background: #fff; text-align:center;   width:270px; height:400px; border:1px #ccc solid}
.picScroll-left .bd ul li a{width: 270px;  overflow: hidden;  height: 400px; display: table-cell;vertical-align: middle;*font-size: 419px; }
.picScroll-left .bd ul li a  img {max-width:260px; margin: 0 auto;  max-height: 390px;  display:block;  vertical-align: middle;overflow: hidden; display: block; }

.picScroll-left .prev{cursor:pointer;width:53px;left: 0;top: 150.5px;background: url(../images/1.png) no-repeat center top;height:99px;position:absolute;float:left;z-index:7;}
.picScroll-left .next{cursor:pointer;width:53px;right: 0;top: 150.5px;background: url(../images/2.png) no-repeat center top;height:99px;position:absolute;float:left;z-index:7;}
/*.picScroll-left.prev:hover{background: url(../../img/179/7.png) no-repeat center top; }
.picScroll-left .next:hover{background: url(../../img/179/8.png) no-repeat center top; }*/

.area5 .lc{ display: block; opacity: 0;}
.area6{background:url(../images/bg3.jpg) no-repeat center top; height:823px; margin-top: 90px; }
.area6 .box{ width: 635px; height: 823px; position: relative; float: right;} 
.area6 .left{ width: 130px; height: 623px; position: absolute; left: 0; top: 100px; z-index: 2; background: url(../images/bg6.jpg) no-repeat center top; }
.area6 .left li{height: 90px;font-size: 16px;color: #ccc;line-height: 90px;text-align: right;padding-right: 22px; cursor: pointer;}
.area6 .right{ width: 550px; height: 823px; position: absolute; right:0; top: 0;} 
.area6 .right img{ width: 550px; height: 823px;}
.area6 .right li{ width: 550px; height: 823px;}
.area6 .left li:hover{ background: url(../images/sj.png) no-repeat 120px center;}

/*.area6 .tabNav:first-child li{ margin-left: 16px;}*/

.area7 .com{ height: 550px; background: url(../images/bg4.jpg) no-repeat center top; overflow: hidden; }
.area7 .com li{ width: 275px; float: left; height: 275px;}
.area7 p{ font-size: 14px; color: #666; text-align: justify; line-height: 24px;  padding: 0 18px;}
.area7 h3{font-size: 18px;color: #008287;text-align: center;line-height: 71px;height: 45px;background: url(../images/sj1.png) no-repeat center top;font-weight:  bolder;margin-bottom: 15px;}
.area7 .com li:first-child{ margin-left: 275px;}
.area7 .com li:nth-child(2), .area7 .com li:nth-child(4){ margin-left: 275px;}
.area7 .com li:nth-child(3){ clear: both; margin-top: 20px;}
.area7 .com li:nth-child(4){ margin-top: 20px;}
.area7 p span{ font-size: 18px; color: #008287; font-weight: bolder;}
.area8{ height: 755px; background: url(../images/bg5.jpg) no-repeat center top; margin-top: 90px; }