@charset "utf-8";
/* CSS sxf 2013 */
*{margin:0;padding:0;list-style-type:none;}
body{ font-family:"Microsoft YaHei",Verdana, Arial, Helvetica, sans-serif; color:#39685a; font-size:14px;background-color: #fff;}
a,img{border:0;}
a { text-decoration:none}
a:hover{ text-decoration:none;}
a:focus{ outline:none}
a i{ display:none; cursor:pointer; }
.fl{ float:left;*display:inline}
.fr{ float:right;*display:inline}
img{display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cb { clear:both;}
.corg { color:#e8683b;}
.cblu { color:#00aeff;}
.pr{ position:relative} 
.pa{ position:absolute}
.cg { color:#8dc014;}
.ovh{ overflow:hidden;*zoom:1}
.tac{ text-align:center}
.tar{ text-align:right}
.mt10{ margin-top:10px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt40{ margin-top:40px}
.mt50{ margin-top:50px}
.tac{ text-align: center;}
.tac img{ display: block; margin: auto}


.wp{width:1080px; margin:auto;font-size: 14px;}
.p1{ background: url(../images/bg_01.jpg) no-repeat top center;height: 801px;}

.p2{background: url(../images/bg_02.jpg) no-repeat top center; position: relative;height: 1163px;overflow: hidden;*zoom:1; }
.p2 .video{ width: 855px; height: 355px;margin: 215px auto 0;}
.p2 p{padding-top: 50px;}
.p2 p img{display: block; margin: auto}
.p2 .tit{padding-top: 80px;}
.tit{display: block; padding: 0px 0px 0 0;}
.tit img{display: block; margin: auto}


.p3{ background: url(../images/bg_03.jpg) no-repeat top; overflow: hidden;height: 842px; position: relative;}
.p3 .hd{font-size: 0; padding-top: 30px;text-align: center;}
.p3 .hd a{ width: 409px;background: url(../images/cnav01.png) no-repeat; line-height:67px; height: 67px; text-align: center; color: #000;font-size: 20px;display: inline-block;*display: inline;*zoom: 1; margin: 0 20px;font-weight: bold;}
.p3 .hd a.on{ background: url(../images/cnav02.png) no-repeat; color:#6c480e;}
.p3 .bd{padding-top: 20px;}
.p3 .item {position: relative;}
.piclist { width: 890px; margin: auto}
.piclist .cprev,
.piclist .cnext{ width: 39px; height: 79px;display: block;position: absolute; top:230px;}
.piclist .cprev{background: url(../images/prev.png) no-repeat;left:-80px;}
.piclist .cnext{background: url(../images/next.png) no-repeat;right:-80px;}
.piclist .chd{}
.piclist .chd li img{display: block; margin: auto}
.piclist .chd h4{font-size: 30px;color:#000;font-weight: bold; padding: 0 60px}
.piclist .chd p{line-height: 22px;padding: 15px 60px 0; color: #000}
.piclist .cnav{padding-top: 30px;font-size: 0;text-align: center;}
.piclist .cnav li{display: inline-block;*display: inline;*zoom: 1; width: 11px; height: 11px;background: url(../images/dot.png) no-repeat; margin: 0 6px; cursor: pointer;}
.piclist .cnav li.on{background: url(../images/dot2.png) no-repeat;}



.p4{ background: url(../images/bg_04.jpg) no-repeat top center #fcf6f6;height: 944px}
.fq01{ width: 375px;left:0px; top:20px;}
.fq02{ width: 375px;left:360px;top:50px;}
.fq03{ width: 375px;left:730px;top:0px;}
.p4 h4{font-size: 18px;font-weight: normal; padding: 10px 30px 0}
.p4 p{font-size: 14px;text-indent: 2em;line-height: 20px; padding: 10px 30px;height: 100px}
.fq01 p,
.fq03 p{height: 140px}


.p5{ background: url(../images/bg_05.jpg) no-repeat top center;overflow: hidden;*zoom:1;height: 1110px}
.p5 .wp{margin-top: 10px}
.gl01{left:0; top:0;}
.gl02{right:0; top:0;}
.gl03{left:0; top:375px;}
.gl04{right:0;  top:387px;}
.p5 a img{transition:all .3s;}
.p5 a:hover img{transform:rotate(-4deg) scale(1.05);}



.p6{ background: url(../images/bg_06.jpg) no-repeat top center;overflow: hidden;*zoom:1;height: 1640px}
.pro-list ul{padding-top: 10px; padding-left: 30px; overflow: hidden;*zoom:1;}
.pro-list li{float: left; width: 275px;margin-left: -27px;transition:all .3s;}
.pro-list li:hover{transform:translateY(-10px)}
.pro-list li.t{margin-top: 50px}
.pro-list li a{display: block; position: relative;color: #000}
.pro-list li a i{width: 123px; height: 35px; background: url(../images/btn_rd.png) no-repeat;position: absolute; display: block; left:10px; top:222px;}
.pro-list li a p{padding: 35px 30px 0; font-size: 12px}
.pro-list li a span{font-size: 16px;color: #217297;text-align: center;display: block; padding-top: 15px;}
.pro-list li a span label{font-size: 30px;font-weight: bold;}
.lk-list{text-align: center;padding-top: 40px;}
.lk-list img{display: inline-block;vertical-align: middle;margin: 0 20px;}
.tip{color: #000}





/******** 侧栏 ***********/
.htlShare{bottom: 5px; overflow: visible; position: fixed; right: 0; width: 46px; z-index: 999999;}
#rlist1{float: right; margin-bottom: 45px; width: 46px; z-index: 101;}
#rlist5{clear: both; overflow: hidden; position: relative; right: -10px; width: 160px; z-index: 999999;}
.cf li{height: 46px; margin-bottom: 5px; position: relative; width: 46px;}
.cf li:hover{background: none repeat scroll 0 0 #FFAE01;}
.cf a{display: block; height: 46px; overflow: hidden; text-indent: -99em;}
.cf a{background: url(../images/spirite_temp.png) no-repeat;}
.share .share_a{background-position: 0 -128px;}
.share .share_a:hover, .share .cur{background-position: -105px -128px;}
.top .top_a{background-position:-53px -128px;}
.top .top_a:hover{background-position: -158px -128px;}
.share_lis{background: none repeat scroll 0 0 #FFAE01; height: 30px; padding: 8px 0 8px 3px; position: absolute; right: 44px; top: 0; width: 112px;}
.share_lis a{display: inline; float: left; height: 30px; margin-left: 5px; width: 30px;}
.share_lis .a0{background-position: 0 -88px;}
.share_lis .a1{background-position: -40px -88px;}
.share_lis .a2{background-position: -80px -88px;}
.share_lis .a3{background-position: -120px -88px;}
.share_lis .a4{background-position: -160px -88px;}
#w2wm{background: #009EDA; border-bottom-left-radius: 4px; border-top-left-radius: 4px; cursor: pointer; height: 100px; overflow: hidden; padding-top: 4px; text-align: center; width: 36px;}
#w2wm p{border-top-left-radius: 4px; color: #FFFFFF; font-size: 12px; height: 75px; line-height: 16px; padding: 6px 11px 0; width: 14px;}
#w2wm .pointr{background: url(../images/shareArr4.gif) no-repeat scroll 4px -19px rgba(0, 0, 0, 0); display: block; height: 19px; width: 36px;}
#w2wm .pointl{background: url(../images/shareArr4.gif) no-repeat -23px -19px; display: block; height: 19px; width: 36px;}
.ewm{background: #fff; border: 3px solid #009eda; border-right: none; padding: 10px; text-align: center; width: 100px;}
.ewm img{height: 178px; width: 100px;}
#ewm{width: 100%; position: fixed; right: 0; bottom: 10px;}