/* CSS Document */
@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#000000;text-align:center; background:url(images/bg01.jpg) top center no-repeat;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "微软雅黑";}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "微软雅黑";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ /*width:1000px;*/ width:1200px; margin:0 auto; }
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}

/*p1*/

.title01{ margin:1px auto 25px;}
.title01 ul{}
.title01 ul li{ background:url(images/bg03.gif); width:199px; height:41px; font-size:18px; line-height:50px; text-align:center; float:left; margin-right:1px; color:#777;}
.title01 ul li.t01{ background:url(images/bg02.gif); color: #FFF;}

.p1_con{}
.p1_con dl{ padding-left:15px;}
.p1_con dl dt{ font-size:14px; line-height:220%; float:left; width:310px; padding-top:50px;}
.p1_con dl dt b{ display:block; font:bold 30px/120% "微软雅黑"; margin:15px 0 20px;}
.p1_con dl dd{ float:right; background:url(images/p1_01.gif) top right no-repeat; width:630px;}
.p1_con dl dd img{ margin:30px 30px 0 0;}


/*p2*/
.p2_titile{ background:url(images/tt_bg.gif) repeat-x; height:177px;}
.p2_titile .fl{ width:730px; padding-top:35px;}
.p2_titile .fl li{ float:left; margin:0 16px; text-align:center; width:40px; font-size:16px;}
.p2_titile .fl li a:hover{ color:#05afdc; text-decoration:none;}
.p2_titile .fl li.t01{ background:url(images/icon01b.png) center no-repeat; padding-top:65px;}
.p2_titile .fl li.t01.this{ background:url(images/icon01a.png) center no-repeat; color:#05afdc; padding-top:65px; text-decoration:none;}
.p2_titile .fl li.t02{ background:url(images/icon02b.png) center no-repeat; padding-top:65px;}
.p2_titile .fl li.t02.this{ background:url(images/icon02a.png) center no-repeat; color:#05afdc; padding-top:65px; text-decoration:none;}
.p2_titile .fl li.t03{ background:url(images/icon03b.png) center no-repeat; padding-top:65px;}
.p2_titile .fl li.t03.this{ background:url(images/icon03a.png) center no-repeat; color:#05afdc; padding-top:65px; text-decoration:none;}
.p2_titile .fl li.t04{ background:url(images/icon04b.png) center no-repeat; padding-top:65px;}
.p2_titile .fl li.t04.this{ background:url(images/icon04a.png) center no-repeat; color:#05afdc; padding-top:65px; text-decoration:none;}
.p2_titile .fl li.t05{ background:url(images/icon05b.png) center no-repeat; padding-top:65px;}
.p2_titile .fl li.t05.this{ background:url(images/icon05a.png) center no-repeat; color:#05afdc; padding-top:65px; text-decoration:none;}
.p2_titile .fl li.t06{ background:url(images/icon06b.png) center no-repeat; padding-top:65px;}
.p2_titile .fl li.t06.this{ background:url(images/icon06a.png) center no-repeat; color:#05afdc; padding-top:65px; text-decoration:none;}
.p2_titile .fl li.t07{ background:url(images/icon07b.png) center no-repeat; padding-top:65px;}
.p2_titile .fl li.t07.this{ background:url(images/icon07a.png) center no-repeat; color:#05afdc; padding-top:65px; text-decoration:none;}
.p2_titile .fl li.t08{ background:url(images/icon08b.png) center no-repeat; padding-top:65px;}
.p2_titile .fl li.t08.this{ background:url(images/icon08a.png) center no-repeat; color:#05afdc; padding-top:65px; text-decoration:none;}
.p2_titile .fl li.t09{ background:url(images/icon09b.png) center no-repeat; padding-top:65px;}
.p2_titile .fl li.t09.this{ background:url(images/icon09a.png) center no-repeat; color:#05afdc; padding-top:65px; text-decoration:none;}


.p2_titile .fr{ width:229px; padding-top:98px;}
/*.p2_titile .fr input{ width:176px; height:28px; line-height:28px; vertical-align:middle; margin-right:1px; border:none; background:#ececec;}*/
.p2_titile .fr img{ vertical-align:middle;}

.p2_con{ border-bottom:#e7e8ea 1px solid;}
.p2_con li{ float:left; background:#f9f9f9; border:#eaeaea 1px solid; margin:0 13px 20px; /*margin:0 45px 20px; */ _display:inline;}
.p2_con li span{ display:block; position:relative;}
.p2_con li span em{ display:block; position:absolute; bottom:0; right:30px; background:url(images/icon_bg.png) no-repeat; width:25px; height:10px;}
.p2_con li div{ height:46px; overflow:hidden;}
.p2_con li div p{ float:left; line-height:46px; padding-left:10px; display:block;  font-size:14px;}
.p2_con li div i{ float:right; width:40px; height:46px; overflow:hidden; display:block; background:url(images/icon10.png) 0 16px no-repeat; line-height:46px; padding-left:16px; color:#999;}

/*20150608*/
.p2_con li{ /*width:305px;*/ width:372px; }
.p2_con li span{ display:block; position:relative; /*height:305px;*/ overflow:hidden;}
.p2_con li span img{ /*width:305px;*/ /* height:auto;*/}
.p2_con li div{ height:66px; overflow:hidden;}
.p2_con li div p{ float:left; line-height:160%;  display:block; padding:10px 5px 0 10px; font-size:14px;}
/*20150608 end*/

.p2_con .more{ text-align:center; margin:20px auto; font-size:18px;}
.p2_con .more img{ vertical-align:middle; margin-right:6px;}

/*p3*/
.p3_con{ margin:20px auto 30px;}
.p3_con h2{ padding-bottom:35px; text-align:center;}
.p3_con ol li{ width:450px; float:left; margin-right:50px; _display:inline; margin-bottom:25px;}
.p3_con ol li em{ display:block; width:79px; height:79px; line-height:79px; text-align:center; float:left; margin-right:10px; color:#fff; background:url(images/icon13.gif) no-repeat; font-size:18px; font-style:italic; font-size:36px;}
.p3_con ol li p{ display:block; float:left; color:#999;}
.p3_con ol li p b{ display:block; font-size:24px; padding:10px 0 5px 0;}
.p3_con ol li p b,.p3_con ol li p b a:link,.p3_con ol li p b a:visited,.p3_con ol li p b a:hover{ color:#000;}

.copyright{ background:#21262a; text-align:center; color:#848b8e; padding:10px 0;}



.go_top{ position:fixed;_position:absolute;background-position:0 -40px;display:block;width:60px; height:60px; background:url(images/icon_gotop.gif) no-repeat;right:18px;_right:-47px;bottom:32px;filter:alpha(opacity=80)}
.go_top:hover{filter:alpha(opacity=100)}







/*20150514*/
.p8_content{position:relative;margin:50px auto;}
.roundabout-holder{width:871px;height:548px;margin:0px auto 0 66px;}
.roundabout-moveable-item{height:460px;width:360px;cursor:pointer;background:#000;}
.roundabout-moveable-item img{ filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;  
opacity: 0.5;  background:#000;}
.roundabout-in-focus img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;  
opacity: 1;  background:#000;}
.roundabout-moveable-item span{display:none;}
.roundabout-moveable-item img{height:100%;width:100%;}
.roundabout-in-focus span{font-size:14px;position:absolute;width:330px;height:90px;line-height:26px;bottom:0px;left:0;color:#fff;padding-left:15px;display:block;text-align:left;}
.roundabout-in-focus span a{color:#fff;}
.roundabout-in-focus em{background:#000;filter:alpha(opacity=60);opacity:.6;position:absolute;width:360px;height:98px;bottom:0px;left:0;}
.p8_content .next{background:url(images/r.png) no-repeat;width:78px;height:89px;z-index:9999;position:absolute;top:220px;right:200px;cursor:pointer;}
.p8_content .prev{background:url(images/l.png) no-repeat;width:78px;height:89px;z-index:9999;position:absolute;top:220px;left:200px;cursor:pointer;}

.p1_con{overflow: hidden;}
.p1_con h3{background: url(images/title_bg.gif) no-repeat left top;width:307px;height:107px;padding:53px 0 0 140px;font-size:24px;line-height: 30px;}
.p1_left{width:650px;}
.p1_right{width:306px;}

.foucs3{ position:relative;width:650px;margin-top:-50px;height:325px;}
.foucs3 li{ text-align:center; float:left;font-size:14px;line-height:40px;width:177px;margin:30px 0 0 30px;}




.pre3{ background:url(images/prev1.gif);width:23px;height:19px; position:absolute;top:-50px;right:28px;z-index:100}
.next3{ background:url(images/next1.gif);width:23px;height:19px;top:-50px;right:0;position:absolute; z-index:100}

.foucs4{ position:relative;width:306px;height:205px;}
.foucs4 li{ text-align:center; float:left;font-size:14px;line-height:40px;width:306px;}

.pre4{ background:url(images/prev.png);width:46px;height:77px; position:absolute;top:59px;left:0px;z-index:100}
.next4{ background:url(images/next.png);width:46px;height:77px;top:59px;right:0;position:absolute; z-index:100}
.foucs4 li p{clear:both;margin-top: 10px;text-align: center;font-size:14px;}

.banner1{background-image: url(images/banner1.jpg) ;background-repeat:no-repeat;background-position: top center;height:260px;
-webkit-animation: banner 2s infinite ;animation: banner 2s infinite ;}
.banner2{background-image: url(images/banner2.jpg) ;background-repeat:no-repeat;background-position: top center;
/*height:260px; */}
.banner3{background-image: url(images/banner3.jpg) ;background-repeat:no-repeat;background-position: top center;height:260px;}

.nav { border-bottom: 1px solid #f6f6f6;}
/*列表页 详情页*/

.gray, .gray a:link, .gray a:visited, .gray a:hover {    color: #000000;}
.topBanner2{ margin:20px auto 50px;}
.p2j_con03{min-height: 600px; clear:both;}
.titleBox {   margin-bottom: 20px; }


@keyframes banner {
	25% {background-image: url(images/banner1.jpg) ;}
	50% {background-image: url(images/banner2.jpg) ;}
	75%{background-image: url(images/banner3.jpg) ;}
	100%{background-image: url(images/banner2.jpg) ;}
}
@-webkit-keyframes banner {
	25% {background-image: url(images/banner1.jpg) ;}
	50% {background-image: url(images/banner2.jpg) ;}
	75%{background-image: url(images/banner3.jpg) ;}
	100%{background-image: url(images/banner2.jpg) ;}
}

/*20150529*/
.p2_titile .fr input{vertical-align:middle;}
.p2_titile .fr input.t01{ width:176px; height:28px; line-height:28px; vertical-align:middle; margin-right:1px; border:none; background:#ececec;}

.page_n{ text-align:center; padding:20px 0;}
.page_n a{ border:#dddad2 1px solid; background:#f7f6f3; padding:10px 15px; margin:0 5px;}
.page_n a:hover{ background:#54dad1; color:#fff; text-decoration:none;}


.roundabout-in-focus em{ height:38px;}
.roundabout-in-focus span{ height:30px;}
.roundabout-in-focus span div{font-size:14px;}


.foucs3 li{ text-align:center; float:left;font-size:14px;line-height:40px;width:177px;margin:30px 0 0 30px; position:relative; cursor:pointer;}
.foucs3 li span{display: none;clear:both;text-align: center;font-size:14px; position: absolute;top:0;left:0;width:177px;height:251px;}
.foucs3 li span img{width:177px; height:251px;}
.foucs3 li:hover span{ display: block;}

/*20150812*/
.p2_cona li{ width:476px; margin:0 10px 20px;}
.p2_cona li span{ height:290px;}
.p2_cona li span img{ width:476px;}
.p2_cona li div{display:none;}

/*产品列表页*/
.p2_conPro{ }
.p2_conPro li{ float:left; background:#f9f9f9; border:#eaeaea 1px solid; margin:0 13px 20px; /*margin:0 45px 20px; */ _display:inline;}
.p2_conPro li div{ height:46px; overflow:hidden;}
.p2_conPro li div p{ float:left; line-height:46px; padding-left:10px; display:block;  font-size:14px;}

.p2_conPro li .proClassBox_a{ padding:5px 10px 5px; line-height:40px;}

/*产品详情页*/