@charset "utf-8";
/* ====================== reset ================= */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;margin:0;padding:0; list-style:none}
*{margin: 0;padding: 0;}
body,button,input,select,textarea{font-family:"微软雅黑";font-size: 12px;color: #333333;}
body{_background-image: url(about: blank);_background-attachment: fixed;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;font-weight: bold;}
ul,ol{list-style:none;}
a{color:#333;outline:none;text-decoration: none;}
a:hover{txt-decoration:underline;color:#ed7918;}
img{border:0px;/* display: table-cell;*/ vertical-align:middle;}
a img{ border:0px;}
table{border-collapse:collapse;border-spacing:0;}
/*clear both*/
.clear:after{ content:"."; display:block; height:0;max-height:0; font-size:0; clear:both; visibility:hidden; overflow:hidden;zoom:1;}
.l{float: left;}
.r{float: right;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb7{margin-bottom:7px;}
.mb10{margin-bottom:10px;}
.mt15{ margin-top:15px;} 
.mt50{ margin-top:50px;} 
.pt10{ padding-top:10px;}
.pt5{ padding-top:5px;}
.pt15{ padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pr5{ padding-right:5px;}
.mb30{ margin-bottom:30px;}
.pt70{ padding-top:70px;}
.mauto{ margin:0 auto; }
.wrap{width: 100%;_overflow: hidden;}
.wrapper{width:1000px;margin:0px auto;}
.W100x{ width:100%;}
.center{ text-align:center;}
body{background:#fff;}


/*=========================首页页面====================================*/

/* 导航 */
.nav{margin-top:20px;padding-bottom:20px;border-bottom: 5px solid #009295;}
.nav ul{width:810px;float: right; font-family: "微软雅黑";}
.nav li{float: left;font-size: 16px; text-align: center;}
.nav li a{ color: #333;display: block;padding:10px 13px;}
.nav li a:hover{ background: url(../img/nav_on.png) no-repeat center center;color:#ed7918;}



/* banner */
.banner{ height:400px; overflow:hidden;}
.fullSlide{ width:100%;  position:relative;  height:400px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:400px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:400px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:32px; left:0; height:21px; line-height:21px; background:url(../img/touming.png) no-repeat center 0px; text-align:center; _background:#000; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center;   }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:14px; margin:5px; background:url(../img/tg_flash_p.png) -21px 0; overflow:hidden; line-height:9999px; }	
.fullSlide .hd ul .on{ background-position:0 0; }



/* 产品 */
.main{ background:url(../img/bg.jpg);width: 100%; padding:40px 0px;}
.xmpro{background:url(../img/pro_tit.png) no-repeat; height: 323px;width: 197px;padding-top: 90px;float: left;}
.xmpro ul{ width: 170px;margin: 0px auto;}
.xmpro li{background: url(../img/icon.png) no-repeat 10px center;float:left;padding-left: 20px;line-height: 40px;height: 40px;overflow: hidden;border-bottom: 1px solid #f0f0f0; }
.xmpro li a{font-size: 16px; width: 150px;float: left;}

.xmpro_rx{float: right;width: 780px;}
.xmpro_rx_t{font-size: 24px;}
.xmpro_rx_cont{}
.xmpro_rx_cont ul{margin: 0px -10px 0px 0px;zoom: 1; overflow: hidden;}
.xmpro_rx_cont li{width: 250px;height: 170px;position: relative;text-align: center;cursor: default; overflow: hidden; float: left;margin-right: 13px;margin-top:15px;}
.xmpro_rx_cont li img{max-width: 250px;max-height: 170px;overflow: hidden;position: relative;}

.mask,.content {
   width:250px;color: #fff;
   height: 170px;font-size: 18px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.mask font{top:-35px;left:-100px; position: absolute;width: 250px;text-align: center;}
.xmpro_rx_cont li a.info {
   background:url(../img/icon9.png) center no-repeat;
   display:block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:30px;
   height: 30px;
}
.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(10,150,153,0.86);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.second-effect a.info {
	position:relative;
	opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
   opacity: 1;top:0px;left: 0px;
   border:100px solid rgba(10,150,153,0.86);
}
.second-effect:hover font{opacity: 1;top:-35px;left:-100px; position: absolute;width: 250px;text-align: center;}
.second-effect:hover a.info {
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
	



.tel{background: url(../img/tel_bg.jpg) no-repeat center 0px;height: 165px;text-align: center;padding-top: 35px;}

.title{background: url(../img/tit_bg.png) no-repeat center center;margin:20px 0px; width:1000px; position:relative;height: 50px;line-height: 50px;text-align: center; color: #3c4e65;font-size: 16px;}
.title font{font-size:24px;position:absolute;top:-30px;width:1000px;text-align: center;display: block;}


.xmabout{background: url(../img/ab_bg.png) no-repeat; height: 130px; padding:115px 30px 20px 390px;line-height: 21px;}
.more{float: right;background: #009295; width:80px; height:30px; line-height: 30px;color:#fff; font-size: 14px;text-align: center;margin-top: 10px;}

.bg1{background: #fff;padding: 30px 0px;}

.xmcase{margin:0px -20px 0px 0px; z-index: 1;zoom: 1; overflow: hidden;}
.xmcase dl{ width: 490px;float: left;margin-right:20px;margin-bottom:20px;position:relative;display: inline-block;height: 180px;}
.xmcase dl dt{ width: 223px;float: left;}
.xmcase dl img{ width: 223px;height:180px;overflow: hidden;}
.xmcase dl dd{line-height: 21px; position: absolute;right:0px;z-index: 2;background: url(../img/txt_bg.png) no-repeat; width: 237px;height:150px;color:#fff; padding: 15px 15px 15px 25px;}
.xmcase_tit{border-bottom:1px solid #fff ;font-size: 14px;line-height: 28px;height: 28px;display:block;margin-bottom: 10px;color: #fff;font-weight: bold;}
.xmcase_more{border: 1px solid #fff;width: 100px;height: 30px;color: #fff;float: left;margin-top: 10px; text-align: center;line-height: 30px;}

.xmfuwu{margin:0px -82px 0px 0px; z-index: 1;zoom: 1; overflow: hidden;}
.xmfuwu dl{ width: 132px;float: left;margin-right: 82px; text-align: center;}
.xmfuwu dl dt img{width: 132px; height: 152px;}
.xmfuwu dl dd{ color: #3c4e65;font-size: 16px;line-height:21px;margin-top: 10px;}
.xmfuwu dl dd h2{ color: #0a9699;font-size: 18px; font-weight: normal;margin-bottom: 10px;}
.xmfuwu dl dt img:hover{ cursor:pointer;
transform:rotate(30deg);
-ms-transform:rotate(30deg); 	/* IE 9 */
-moz-transform:rotate(30deg); 	/* Firefox */
-webkit-transform:rotate(30deg); /* Safari 和 Chrome */
-o-transform:rotate(30deg); 	/* Opera */
}


.xmnews{margin:0px -30px 0px 0px; z-index: 1;zoom: 1; overflow: hidden; padding-bottom: 50px;}
.xmnews li{float:left; _display:inline; margin-top: 15px;margin-right:30px;padding: 10px; overflow:hidden; text-align:center; background: #fff;width:290px;}
.xmnews_pic{ text-align:center; }
.xmnews_pic img{ width:290px; height:140px; display:block; }
.xmnews_tit{ line-height:25px; margin:10px auto; width: 270px;}
.xmnews_tit a{ font-size: 16px; text-align: center; }
.xmnews_tit hr{ border-top: 1px solid #ddd; margin: 5px 0px;}
.xmnews_tit p{text-align: left;color:#999;}

.xmnews li:hover{background: #0a9699; cursor: pointer;color: #fff;}
.xmnews li:hover .xmnews_tit a{ color:#fff;}
.xmnews li:hover .xmnews_tit p{ color:#fff;}


.footer{background: #0a9699; color: #fff;width: 100%; text-align: center;position: relative; padding-bottom: 30px;}
.footer_t{ width:126px;margin:0px auto;}
.footer_t img{position: relative;top:-18px}
.footer_b{line-height:21px; width: 100%; float: left;}



/*=========================子页面====================================*/
.subpage{height: auto; overflow: hidden; width: 100%;background:url(../img/bg.jpg);padding:40px 0px;}

.subline{ text-align: center; width: 800px;margin: 0px auto;padding-bottom: 20px;height: 32px;}
.subline li {float:left; font-size:14px;  }
.subline li a {float: left; overflow:hidden;line-height: 32px;height:32px;padding:0px 20px;outline:none;}
.subline li a:hover{background: #0a9699;color: #fff;}



/*=========================新闻动态====================================*/

.news{margin: 20px 0px; padding-bottom: 30px;float: left;}

.news_line{background: #fff; padding: 15px; width:970px;float: left; margin-bottom: 20px;}
.news_date{float: left; width:120px;font-size: 14px;text-align: center;font-family: arial;}
.news_date font{font-size:36px;}
.news_date hr{ border-top: 2px solid #c8c8c8;width:50px; margin: 5px auto;}
.news_line dl{width: 830px;float: right;}
.news_line dl dt{width: 130px;height:80px;float: left;}
.news_line dl dd{float: right;width: 675px;margin-top: 5px;}
.news_line_tit{font-size: 18px;}

.news_line:hover{background: #0a9699; cursor: pointer;color: #fff;}
.news_line:hover a{ color:#fff;}


/*=========================售后服务====================================*/

.service{margin: 20px 0px; text-align: center;padding-bottom: 30px;}


/*=========================下载====================================*/
.down{margin: 20px 0px;padding-bottom: 30px;background: url(../img/line.png) no-repeat 169px 55px;float: left;}
.down_line{padding:0px 30px;height: 82px; width: 960px;float: left;background: #fff;margin-bottom: 20px;}
.down_line_date{ width: 120px;text-align:center;float: left;height:62px;background: url(../img/icon7.png) right center no-repeat;padding-top:20px;padding-right:30px;font-size: 14px;font-family: arial;}
.down_line_date font{font-size:24px;display: block;}
.down_line_txt{ width: 760px;height:82px;float: right;background: url(../img/icon6.png) right center no-repeat;line-height:82px;font-size: 18px;}




/*========================页码====================================*/
.npage{ text-align:center; margin:40px auto; font-family:"Euphemia"; font-size: 16px }
.npage li{ display:inline-block; *display:inline; *zoom:1;}
.npage li a{ display:block; border-radius:5px; width:35px; height:35px; line-height:35px; text-align:center; border:1px solid #e9e9e9; margin-right:5px; color: #999; }
.npage li:first-child a,
.npage li:last-child a{ display:block; border-radius:5px; height:35px;line-height:35px; text-align:center; }
.npage li.active a,.npage li a:hover{ background:#0a9699; border:1px solid #0a9699; color:#fff; }


@media screen and (max-width: 768px){

 .npage li a{ display:block; border-radius:35px; width:35px; height:35px; line-height:35px; text-align:center; border:1px solid #ccc; margin-right:5px; }
 

}

/*=========================article页面====================================*/

.art{overflow:hidden;height:auto; width:960px; padding:10px 20px;}
.art_tit{ line-height:21px;text-align:center;margin-bottom:10px;color:#a4a2a2; }
.art_tit h2{ color:#0a9699;border-bottom:1px solid #e1e1e1; padding-bottom:10px;margin-bottom:10px;line-height:45px;font-size: 30PX; font-family: "微软雅黑"; font-weight: normal;}
.art_infro {padding: 20px;width:916px;float: left;background: #fcfbfb;border: 1px solid #eceaea;color: #999;line-height: 21px;margin-bottom: 20px;}
.art_cont{ line-height:25px;padding:10px 20px 20px;text-indent:20px;border-bottom:1px dashed #d6d6d6; position:relative;}
.art_foot{line-height: 22px;overflow: hidden;width:920px; padding:20px;margin-top: 20px;background: #f8f8f8; font-family: "微软雅黑";}
.art_foot p{ float: left;width:920px; color: #999;}
.art_foot a {width:90px; height:22px;line-height:22px;overflow:hidden;text-indent:20px;font-size:12px;}

	
/*=========================产品展示====================================*/

.product{ text-align: center;padding-bottom:20px;}
.product_cont{}
.product_cont ul{margin:0px -20px 0px 0px; z-index: 1;zoom: 1; overflow: hidden; padding-bottom: 50px;}
.product_cont li{ float:left; _display:inline; margin-top: 15px;margin-right:18px;padding: 10px; overflow:hidden; text-align:center; background: #fff;border: 1px solid #eaeaea;width:215px; }    
.product_cont li img{ width:215px; height:145px; display:block; }
.product_cont .xmptit{line-height:25px;font-size: 14px; margin:10px auto; width: 211px;border-top: 1px solid #f3f3f3; padding-top:5px;}
.product_cont .xmptit_an{display:block;font-size:16px;color:#fff;width: 92px;height: 26px;text-align: center;margin:0px auto;background: #dbdbdb;}
.product_cont li:hover{background: #0a9699; cursor: pointer;color: #fff;}
.product_cont li:hover .xmptit .xmptit_an{ color:#0a9699;background: #fff;}
.product_cont li:hover .xmptit a{color:#fff;}


/*=========================产品展示详细页====================================*/

.vew_down{margin: 20px 0px;padding-bottom: 30px;}
.vew_down_cont{ width: 800px;margin: 0px auto;}
.vew_down_cont li{ background: url(../img/icon8.png) no-repeat 10px center #fff;padding-left:40px; padding-right:20px;margin-bottom: 10px; height:45px;line-height:45px;border-bottom: 1px solid #e8e8e8;}



/*=========================关于我们====================================*/
.about{overflow:hidden;height:auto;margin: 20px 0px; padding-bottom: 30px;}
.about_c{line-height:21px; font-family: "微软雅黑"; font-size: 14px; margin-top: 30px;background: url(../img/jjbg.jpg) no-repeat 0px center;padding-left:420px;padding-right:30px;min-height: 300px;}



/*=========================biaopei====================================*/

.bpxx{margin: 20px 0px; text-align: center;padding-bottom: 30px;}
.bpxx_c{ width:850px; margin: 0px auto;font-size: 16px;}
.bpxx_c ul{margin:0px -60px 0px 0px; z-index: 1;zoom: 1; overflow: hidden;}
.bpxx_c li{ width: 164px;float: left;margin-right: 60px;margin-bottom: 20px;line-height: 25px;}
.bpxx_c li img{width: 164px;height: 71px;background: #fff;}


/*=========================联系我们====================================*/

.contact{margin: 20px 0px;padding-bottom: 30px;}
.contact_t{margin-top: 20px; text-align: center;}
.contact_c{font-size: 14px;width: 820px;margin: 0px auto; padding-top: 30px;color:#666666;}
.contact_c_l{ width:220px; float: left;}
.contact_c_r{ width:570px; float: right;font-family: arial;}