@charset "utf-8";
@import "fontsmore.css";
/* CSS Document */
*{margin:0;padding:0;}
body{font-family:"pom",Arial, Helvetica, sans-serif;color:#222431;padding:0;margin:0;list-style:none;font-size:14px; }
ul, ol, dl {padding: 0;margin: 0;}
ul li{list-style:none;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;padding-right: 15px;padding-left: 15px;}
a img {border: none;text-decoration:none;outline:none;color:#222431;}
a:link {color:#0b0c10;text-decoration: underline;}
a:visited {color: #0b0c10;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
a{-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-transition-duration:.3s; text-decoration:none;}
.container{
	max-width:1920px;/* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
	min-width:1170px;/* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
	margin:0 auto;
	overflow:hidden;
	min-height:1000px;
}
.cnfont_yh{font-family:"Microsoft YaHei";}
.cnfont{ font-weight:600;}
.bob{ width:100%; height:40px; float:left;}
.bmin{ width:100%; height:30px; float:left;}
.bmin2{ width:100%; height:20px; float:left;}
.bline{ width:60%; height:1px; float:left; background:#e0e0e0;}	
.bline2{ width:100%; height:2px; float:left; background:#FFF;}		


/*首页--头部*/
.topbox{ width:100%; height:40px; float:left; background:#183a81;}
.topm{ width:1170px; height:40px; margin:0 auto;}
.topl{ width:1040px; height:40px; float:left;}
.cen{ width:130px; float:left; height:40px;}	
.cen ul li{ padding:0px 3px; float:right; font-size:12px; line-height:40px; color:#fff; list-style:none;}
.cen a{ text-decoration:none; color:#fff;}
.cen a:hover{ color:#eb614c; }
#cen{color:#eb614c; }

.header{width:100%;min-height:80px;float:left;}	
.header-m{width:1170px;min-height:80px;margin:0 auto;}	
.logo{width:445px;height:80px;float:left;overflow:hidden;}
.header-mr{width:725px;height:80px;float:left;}


/*首页--导航*/
.navboxM{width:725px;height:80px;float:left;}
.navboxM ul li{ width:auto; height:80px;float:right;list-style:none;line-height:80px;
-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-transition-duration:.3s;}
.navbox-mr{ padding-left:50px;font-size:14px;}
.cnnavbox-mr{ padding-left:70px;font-size:15px;}
.navboxM ul li a{text-decoration:none;color:#000;display:block; }		
.navboxM ul li a:hover{color:#3a72e9;}	
#choose{color:#3a72e9;}	


/*首页--搜索*/	
.search{width:200px;height:40px;float:left;overflow:hidden; margin-left:850px;}
.seacrh ul li{float:left;list-style:none;}
.search:hover #search_input1{border-bottom:1px solid #FFF; visibility:visible;opacity:1;}
#search_input1{outline:none;height:28px; *height:28px; visibility:hidden; width:145px; padding:0px 5px; margin-right:5px; border:0px; line-height:28px;float:left;color:#FFF;
font-size:13px; margin-top:6px; background:#183a81;transition:all .4s ease;-webkit-transition:all .4s ease;opacity:0;}
#search_input2{ float:left; width:25px; height:40px; outline:none; }


/*首页*/
.bg{ background:#f6f6f6;}
.md{ width:1170px;}
.contain{ width:100%; min-height:500px; float:left;}
.containM{ margin:0 auto; min-height:300px; overflow:hidden;}


/* loc */
.loc{width:100%;height:30px; float:left; color:#FFF; text-align:center; line-height:30px; font-size:14px;}
.loc a{color:#FFF;text-decoration:none;}	
.loc a:hover{color:#eb614c;text-decoration:underline;}		
#loc{ color:#eb614c;}


/*首页--banner*/
.bannerbox{width:100%;min-height:235px;float:left; overflow:hidden;}
.banner{width:100%;height:620px;float:left;overflow:hidden;}
.bannerM{ width:1170px;height:235px; margin:0 auto;}


/* ~~ 首页关于我们 ~~ */
.syabbox{ width:100%; min-height:200px; float:left;}
.syab-t{width:100%; height:40px; float:left; font-size:32px; line-height:40px; text-align:center; margin-top:60px;}
.syab{ width:100%; min-height:100px; float:left; font-size:14px; line-height:30px; margin-top:20px;}
.syab a{ text-decoration:none; display:block; color:#222431;}



/* ~~ 首页产品 ~~ */
.sysortbox{ width:100%; height:250px; float:left; margin-top:-125px;}
.sysortM{ width:1170px; height:250px; margin:0 auto; position:relative; z-index:2;}
.syones{ width:390px; height:250px; float:left;}
.image-box{width:390px; height:250px; float:left;}
.syones-name{ width:100%; height:50px; line-height:50px; float:left; text-align:center; font-size:32px; margin-top:70px;}
.syones-bob{ width:150px; height:40px; float:left; border:1px solid #FFF; margin-top:10px; margin-left:120px; line-height:40px; text-align:center;font-size:14px;
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari 和 Chrome */
border-radius: 20px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syones-bob a{ text-decoration:none; color:#FFF; cursor:pointer; display:block;}
.syones-bob:hover{ background:#eb614c;border:1px solid #eb614c;
-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-transition-duration:.5s;
transform:translate(0px,-5px);
-ms-transform:translate(0px,-5px); /* IE 9 */
-moz-transform:translate(0px,-5px); /* Firefox */
-webkit-transform:translate(0px,-5px); /* Safari and Chrome */
-o-transform:translate(0px,-5px); /* Opera */
}


/* ~~ 首页推荐产品 ~~ */
.sytjcpbox{ width:100%; background:url(../img/images/page/tjcp.jpg) no-repeat; height:730px; float:left;}
.sytjcp{ width:1290px; min-height:300px; margin:0 auto;}
.sytj-title{ width:100%; min-height:130px; float:left; line-height:130px; text-align:center; font-size:26px; color:#FFF; margin-top:20px;}
.sytj-cp{ width:100%; height:500px; float:left;}



/* ~~ 关于我们 ~~ */
.ad-md{ width:890px;}
.all-t{ width:100%; float:left; height:50px; font-size:32px; text-align:center; color:#FFF; margin-top:78px;}
.aboutbox{ width:100%; min-height:500px; float:left; background:url(../img/page/abbg.jpg) center top no-repeat; }
.about-t{ width:100%; height:120px; line-height:120px;  float:left; font-size:32px; color:#222431; text-align:center; }
.about-info{ width:100%; min-height:400px; line-height:28px; font-size:14px; color:#222431; word-spacing:2px;}
.abpic{ background:url(../img/page/abbg02.jpg) center center no-repeat; width:100%; height:200px; float:left;}
.inzsbox{ width:100%; height:auto; float:left;}



/* ~~ 产品中心 ~~ */
.sort-title{ width:100%; height:120px; line-height:120px; float:left; text-align:center; font-size:26px; color:#222431;}

.sortbox{ width:270px; padding:15px 45px 25px 45px; float:left; height:500px; overflow:hidden; position:relative;}
.sort{ width:268px; height:460px; float:left; border:1px solid #ebebeb;overflow:hidden;}
.sort-pic{ width:268px; height:339px; float:left; overflow:hidden; border-bottom:1px solid #ebebeb; cursor:pointer;}
.sort-pic img{ width:268px; height:339px; float:left;}
.sortbox .sort-pic .ss{transition: 1.5s;-webkit-transition: 1.5s;-moz-transition: 1.5s;}
.sortbox:hover .sort-pic .ss{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}

.sortbox span{ position:absolute; top:16px; left:46px; z-index:-1;}
.sortbox:hover span{ position:absolute; top:16px; left:46px; z-index:1;}
.sort-name{ width:208px; min-height:60px; float:left; margin: 0px 30px; border-bottom:1px solid #ebebeb;}
.sort-name table{ width:208px; height:60px; float:left; font-size:16px; color:#222431; text-align:center;}
.sort-link{  width:100px; height:40px; float:left;  margin-top:18px; margin-left:90px; }
.sort-flink{ width:17px; height:17px; float:left; margin:5px 5px;position:relative; overflow:hidden;}
.sort-flink a img{ width:17px; height:17px; float:left;}
.sort-flink a span{ width:17px; height:17px; display:none;}
.sort-flink a:hover span{position:absolute; z-index:1; top:0; left:0;display:block;}

.sort:hover{
background:#FFF;
-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-transition-duration:.3s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#55cca7,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 5px 15x #55cca7;/*兼容firefox*/
-webkit-box-shadow: 0px 5px 15px #55cca7;/*兼容safari或chrome*/
box-shadow:0px 5px 15px #55cca7;/*兼容opera或ie9*/		
	}



/* ~~ 产品展示 ~~ */
.nav-loc{ width:850px; min-height:42px; float:left; margin-bottom:20px; overflow:hidden; margin-left:15px;}
.nav-loc0{ width:181px; height:42px; float:left; font-size:14px; padding:0px 15px;}
.nav-loc0 table{ width:181px; text-align:center; height:42px; float:left; line-height:20px;}
.nl1{background:url(../img/page/loc01.png) no-repeat;color:#FFF;}
.nl1s{background:url(../img/page/loc01s.png) no-repeat; color:#23232e;}
.nl2{background:url(../img/page/loc02.png) no-repeat;color:#FFF;}
.nl2s{background:url(../img/page/loc02s.png) no-repeat;color:#23232e;}
.nl3{background:url(../img/page/loc03.png) no-repeat;color:#FFF;}


.pM2-L{ width:300px; float:left; min-height:150px;overflow:hidden;}
.sort_nav{ width:270px; float:left; min-height:150px; float:left; font-size:16px;border: 1px solid #f0f0f0;}

.pM2-R{ width:870px; float:left; overflow:hidden; min-height:500px;}
.rmbox{ width:100%; float:left; overflow:hidden; min-height:500px;}
.cpbox{ width:270px; padding:10px; float:left; height:500px; overflow:hidden; position:relative;}
.cpbox .sort-pic .ss{transition: 1.5s;-webkit-transition: 1.5s;-moz-transition: 1.5s;}
.cpbox:hover .sort-pic .ss{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}

.cpbox span{ position:absolute; top:11px; left:11px; z-index:-1;}
.cpbox:hover span{ position:absolute; top:11px; left:11px; z-index:1;}

.page_other{width:100%;height:40px;float:left;text-align:center;font-size:14px;padding-bottom:20px; overflow:hidden;}
.page_other a{width:30px;height:30px;text-decoration:none;}
.page_other a img{width:30px;height:30px;}	
.page_other a span{padding:3px 5px;background:#8d71d1;text-align:center;font-size:13px;color:#FFF;}	

.cpinfobox{ width:100%; min-height:500px; float:left; }
.cpinfo-l{ width:420px; min-height:560px; float:left; margin-top:10px; margin-left:15px;}
.cpb_cont{width:420px;height:560px;overflow:hidden;position:relative; float:left;}
.cpct_p_05{width:420px;height:560px;float:left;text-align:center;}

.cpinfo-r{ width:405px; min-height:560px; float:left; margin-top:10px; margin-left:30px;}
.cpinfo-name{ width:60%; min-height:60px; float:left; font-size:16px; overflow: hidden; line-height:30px;}
.p1{ color:#038bff;}
.p2{ color:#222431;}

.cpinfo-info{ width:100%; min-height:200px; float:left; }
.cpinfo1{ width:100%; height:30px; line-height:30px; float:left;color:#038bff; font-size:16px;}
.cpinfo2{ width:100%; min-height:40px; float:left; line-height:40px; font-size:14px;color:#222431;}

.cpinfomore{ width:845px; min-height:200px; float:left; margin-left:15px;}
.tabbox{width:845px; min-height:200px; float:left;}
.tabbox .tab{height:50px;}
.tabbox .tab a{ font-size:16px; width:281px; height:50px;float:left; line-height:50px;text-decoration:none;color:#222431; background:#f5f6f8;position:relative; z-index:1;text-align:center;}
.tabbox .tab a:hover{text-decoration:none; background:url(../img/page/cpinfo.jpg) no-repeat; text-align:center; color:#FFF;}
.tabbox .tab a.on{text-decoration:none; background:url(../img/page/cpinfo.jpg) no-repeat; text-align:center; color:#FFF;}
.tabbox .content{overflow:hidden;min-height:100px;padding:10px;border:2px solid #eaeaea; font-size:16px; color:#222431;line-height:25px;}
.tabbox .content li{display:none;}



/* ~~ 证书 ~~ */	
.md-cert{ width:1080px;}
.certbox{ width:270px; padding:15px 45px 25px 45px; float:left; height:500px; overflow:hidden; position:relative;}
.cert{ width:268px; height:460px; float:left; border:1px solid #ebebeb;overflow:hidden;}
.cert-pic{ width:268px; height:359px; float:left; overflow:hidden; border-bottom:1px solid #ebebeb;cursor:pointer;}
.certbox .cert-pic .ss{transition: 1.5s;-webkit-transition: 1.5s;-moz-transition: 1.5s;}
.certbox:hover .cert-pic .ss{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}

.certbox span{ position:absolute; top:16px; left:45px; z-index:-1;}
.certbox:hover span{ position:absolute; top:16px; left:45px; z-index:1;}
.cert-name{ width:125px; min-height:65px; float:left; margin:10px 71px; border-bottom:1px solid #ebebeb;}
.cert-name table{ width:125px; height:65px; float:left; font-size:16px; color:#222431; text-align:center;}

.cert:hover{ background:#FFF;
-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-transition-duration:.3s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#55cca7,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 5px 25x #55cca7;/*兼容firefox*/
-webkit-box-shadow: 0px 5px 25px #55cca7;/*兼容safari或chrome*/
box-shadow:0px 5px 25px #55cca7;/*兼容opera或ie9*/		
	}


/* ~~ 联系我们 ~~ */	
.contact{width:100%; min-height:400px; float:left;}
.con-pic{width:569px;height:445px;float:left;overflow:hidden;}

.b_cont{width:569px;height:445px;overflow:hidden;position:relative; float:left;}
.ct_p_05{width:569px;height:445px;float:left;text-align:center;}

.scrDotList_wrap{text-align:center;width:100%;position:absolute; background:#960;}
.scrDotList{padding:0 10px;zoom:1;line-height: 0;}
.scrDotList span{display:inline-block;width:10px;height:10px;background:#000000;cursor:pointer;font-size:0;line-height:0;vertical-align:top;font-size: 0px;margin: 0 5px;}
.scrDotList span.on{background:#e6e6e6;}

a.scrArrAbsLeft{position:absolute;right:40px;bottom:0px;width:40px;height:40px;background:url(../js/qpic/l.png) no-repeat #FFF;cursor:pointer;}
a.scrArrAbsLeft:hover{ background-color:#f5f5f5;}
a.scrArrAbsRight{position:absolute;right:0;bottom:0px;width:40px;height:40px;background:url(../js/qpic/r.png) no-repeat #FFF;cursor:pointer;}
a.scrArrAbsRight:hover{background-color:#f5f5f5;}

.feedback{width:570px;min-height:200px;float:left;overflow:hidden; padding-left:31px;}
.feedback-t{ width:100%; height:50px; float:left; font-size:30px;}

.con-mgs-info{width:100%;min-height:300px;float:left;}
.lxO{width:570px;min-height:50px;float:left; margin-top:10px;}

#input1{height:50px; *height:50px; width:539px; border:0px solid #e0e2e5; 
line-height:50px;float:left;color:#acabab; font-size:14px; padding:1px 15px; background:#f5f6fa; }
#input3{ border:0px solid #e0e2e5; color:#acabab; float:left;resize:none;width:539px; height:100px; 
padding:10px 15px; font-size:14px;background:#f5f6fa; }

.lxbut{ width:210px; height:82px; float:left; margin-top:40px;}
.lxbut:hover{background:url(../img/page/botton.jpg) left bottom no-repeat;
transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
#button1{width:192px;height:42px;outline:none;float:left;outline:none;line-height:42px;text-align:center;color:#FFF;
font-size:14px;cursor:pointer;border:0;background:url(../img/page/botton.png) no-repeat; margin-left:7px;}	
#button1{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}

#button1:hover{
transform:translate(0px,-5px);
-ms-transform:translate(0px,-5px); /* IE 9 */
-moz-transform:translate(0px,-5px); /* Firefox */
-webkit-transform:translate(0px,-5px); /* Safari and Chrome */
-o-transform:translate(0px,-5px); /* Opera */
}

.map{ width:100%; height:520px; float:left;}
.map iframe{width:100%; height:520px; float:left;}
	
/* ~~ 脚注 ~~ */
.footbox{width:100%; min-height:390px; float:left; background:#232531;}

.footp{ width:100%; height:340px; float:left;}
.footp-one{ width:500px; float:left; height:340px;}
.fo-top{ width:100%; height:105px; float:left; }
.logob{ background:url(../img/images/page/logob.png) left bottom no-repeat;}
.fone{ width:100%; height:auto; float:left;}
.fone-t{ width:100%; height:40px; float:left; font-size:16px; color:#FFF; line-height:40px;}
.fone-info{ width:100%; min-height:95px; float:left;  font-size:14px; line-height:25px; color:#b7b9c8;}
#fone-info{ width:50%;}

.fous{ width:100%; float:left; height:auto;}
.flbox{ width:100%; float:left; height:auto;}
.flink{ width:20px; height:20px; float:left; margin:5px 8px;position:relative; overflow:hidden;}
.flink a span{ width:20px; height:20px; float:left;}
.flink a:hover span{position:absolute; z-index:1; top:0; left:0;}

.footp-two{ width:480px; float:left; height:340px; }
.footp-three{ width:190px; float:left; height:340px;}

.footd{width:100%; height:50px; line-height:50px; color:#FFF; font-size:12px; float:left;background:#0e1015;}
.footdM{ width:1170px; height:auto; margin:0 auto;}
.footd-l{ width:700px; float:left; height:50px;}
.footd-r{ width:470px; float:left; height:50px;}
.footd-r ul li{width:auto; height:50px;float:right;list-style:none;font-size:13px;line-height:50px;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-transition-duration:.3s;}
.fd-mr{ padding-left:20px;}
.footd-r ul li a{text-decoration:none;color:#696a7c;display:block;}		
.footd-r ul li a:hover{color:#3a72e9;}	

.footd-l a{color:#1ed6cc; text-decoration:none;}
.footd-l a:hover{color:#eb614c;}	



/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}