@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
ul{ padding:0px; margin:0px;}

table td{table-layout:fixed; word-break: break-all; overflow:hidden; } 
p{ margin:0px; padding:0px;}

body{ margin:0 auto;padding:0px;width:100%; font-family:microsoft yahei;font-size:15px!important;color:#646464; }

.menu_pc{ display:block}
.menu_wap{ display:none}
.foot_wap{ display:none}

.bia{ background:#fff; border-top:10px solid #0076d4; width:100%;  margin:0 auto;z-index:1000; position:relative; height:110px;}
.zd_head{ width:100%; height:110px; position:absolute}
/*导航*/
.wd1200{ width:1200px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.dingbu{ padding-top:18px!important; padding-bottom:20px!important; height:79px; width:1200px; margin:0 auto; }
.nav_bgc{ margin-top:25px;}
.nav{  margin:0 auto; height:30px;}
.nav li {float: left;display:inline-block;list-style: none;font-size: 16px;text-align: center;position: relative; padding-bottom:45px;}
.nav li a { padding-left:15px; padding-right:15px; color:#333;display: block;text-align: center;position: relative;height: 30px;line-height: 30px;}
.nav li.hover a, .nav li:hover a {color:#0076d4;}
.nav li .subnav {background: #fff;border-top: 3px solid #0076d4;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 50px; width: 100%;z-index: 99999999;}
.nav li .subnav {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #666!important;display: block;font-size: 15px;font-weight: 500;line-height: 40px;height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;}
.nav li .subnav a:hover {color: #0076d4!important;background: #f9f9f9;text-indent: 10px;}
.yuyan {line-height:30px; margin-top:-5px;}
.yuyan ul li{ float:left; line-height:45px; text-align:center; color:#FFF; background:#0076d4; border-radius:25px; width:45px; height:45px;}
.yuyan ul li:nth-child(2n){ margin-left:10px;}
.yuyan ul li a{ color:#fff; font-size:16px;}
.yuyan ul li img{ margin-top:10px;}

/*首页产品*/
.clearfix{ clear:both}
.chanpin{ background:rgba(0,118,212,0.8); width:100%; height:119px; margin:0 auto;z-index:1000; position:relative;margin-top:-119px;}
.chan{  height:119px; margin:0 auto; width:1200px; }
.chan ul li{ padding-top:35px; width:33%!important;  float:left; text-align:center; color:#fff;-webkit-transition: margin-top .8s; 
-moz-transition: margin-top .8s;-o-transition: margin-top .8s;}
.chan ul li h2{ margin-bottom:8px; color:#fff; padding:0px; margin:0px; font-size:20px;}
.chan ul li h3{ font-weight:normal; color:#fff; font-size:16px; margin-top:10px;}
.chan ul li:hover { margin-top:-10px; display:block}
.indexbanner{ margin-top:-110px;}


/*重点产品*/
.clearfix{ clear:both}
.chanpin1{ width:100%; padding-bottom:20px;}
.cpzuo{ width:440px;height:557px;  overflow:hidden!important; background:url(../images/index_14.jpg) no-repeat center; }
.cptop{ padding:50px 40px;padding-bottom:30px;}
.cptop h2{ font-size:30px; color:#000; margin-top:10px;}
.cpmore{ background:#0076d4; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; border-radius:50%}
.cpmore a{ color:#fff; font-size:30px; font-weight:bold}
.cpzuo ul{ padding:40px; padding-top:0px;}
.cpzuo ul li{ margin-top:20px; margin-bottom:20px;}
.cpzuo ul li a{ color:#333; line-height:20px; font-size:17px;}
#demo{overflow:hidden;height:320px;width:100%; }

.wd1200{ padding-top:60px;padding-bottom:60px;width:1200px;margin:0 auto}
.wenzi1{ text-align:center; margin:0 auto; padding-bottom:40px;}
.wenzi1 h2{ color:#000; font-size:40px; padding:0px;margin:0px; font-weight:bold; text-transform:uppercase }
.wenzi1 h3{ font-size:17px; color:#555;padding-top:10px; padding-bottom:10px; margin:0px; font-weight:normal; width:80%; line-height:25px; margin:0 auto}

.cpyou{ width:760px;}
.cpyou ul li{ float:left; width:50%; height:278px; background:#efefef;}
.cpyou ul li h2{ font-size:20px; font-weight:normal; padding:0px; margin:0px; font-weight:bold}
.cpyou ul li h3{ font-size:14px; margin-top:15px; margin-bottom:15px; font-weight:normal;}
.cpyou ul li h4{font-weight:normal;font-size:17px; border:1px solid #fff; border-radius:25px; padding: 7px 10px; width: 120px; text-align:center}

.cpyou ul li:nth-child(1){ background:#0076d4!important}
.cpyou ul li:nth-child(1) a{ color:#fff;}
.cpyou ul li:nth-child(4){ background:#0076d4}
.cpyou ul li:nth-child(4) a{ color:#fff;}
.cpyou ul li:nth-child(2) h4{ border:1px solid #d8d8d8; }
.cpyou ul li:nth-child(3) h4{ border:1px solid #d8d8d8; }
.cpyou .cpman{ padding:40px 40px;}


/*公司简介*/
.gongsi{ background:url(../images/index_10.png) no-repeat center; width:100%; margin:0 auto}
.abzuo{ width:50%}
.abzuo h2{ color:#000; font-size:35px;padding:0px; margin:0px;}
.abzuo .abline{ background:#0076d4; height:3px; width:70px; margin-top:15px;}
.abnr{ color:#555; font-size:15.5px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:7;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; line-height:30px; height:210px;margin-bottom:20px; margin-top:20px; margin-bottom:20px;}
.anniu a{ color:#fff;}
.anniu{background:#0076d4; border-radius:5px;width:130px;text-align:center; height:40px; line-height:40px;}

.anniu {  text-align:center;
-webkit-transition: margin-top .8s;
-moz-transition: margin-top .8s;
-o-transition: margin-top .8s;}
.anniu:hover{ margin-top:-10px!important;display:block; }
.anniu:hover a{ color:#fff;}

.abyou{ width:45%; display: flex;justify-content: center;
align-items: center;overflow:hidden; border-radius:5px;}
.abyou  img{width:100%;transition: all 0.8s;}
.abyou  img:hover{   transform: scale(1.1);}


/*三个图片效果*/
.zzp{ width:28%; float:left}
.pro { width:100%; background:url(../images/index_12.png) no-repeat center top;  clear:both; overflow:visible; }
.tu_biankuang{ padding:47.5px;}
.tu_biankuang h2{ font-size:50px; color:#0076d4; font-size:30px;}
.tu_biankuang .tuline{ background:#0076d4; height:2px; width:50px; margin:0 auto; text-align:center; margin-top:10px;}
.tu_biankuang h3{ font-family:Arial, Helvetica, sans-serif;font-size:16px; font-weight:normal; color:#0076d4; opacity:0.5; text-transform:uppercase; margin-top:10px;}

.pro_con dl { width:100%; height:228px;text-align:center;   color:#fff; position:relative; overflow:hidden;  border-bottom-right-radius:25px;transition:all 0.4s;}
.flex { display:flex; justify-content: space-between;}
.flex-wrap { flex-wrap: wrap;}

.index_2_5_mid_1{background:#fff;width:100%;border-top-left-radius:25px; color:#555; text-align:center; line-height:40px; font-size:20px; }

.teshu{background:#0076d4;width:100%;border-top-left-radius:25px;color:#fff;text-align:center;line-height:40px; }
.teshu .tu_biankuang h2{ font-size:50px; color:#fff; font-size:30px;}
.teshu .tu_biankuang .tuline{ background:#fff; height:2px; width:50px; margin:0 auto; text-align:center; margin-top:10px;}
.teshu .tu_biankuang h3{ font-family:Arial, Helvetica, sans-serif;font-size:16px; font-weight:normal; color:#fff; opacity:0.8; text-transform:uppercase; margin-top:10px;}

.pro_con dl dt {width:100%; position:absolute;}
.pro_con dl dt img {  width:100%; height:228px;  transition:all 0.5s;}

.pro_con dl dd .tb { display:none;  transition:all 0.5s; position:absolute; top:590px; left:50px;}

.pro_con dl dd {  position:relative; z-index:999; background-color:rgba(231,0,18,0);  text-align:left;width:100%;  height:228px; }
.pro_con dl dd:before { content:" ";background-color:rgba(231,0,18,0);width:100%; height:228px; display:block; transition:all 0.4s;position:absolute; z-index:-9;}
.pro_con dl dd h3 { font-size:37px; line-height:30px; margin-top:16px; text-transform:uppercase; position:absolute; top:415px; left:50px;transition:all 0.5s;}

.pro_con dl dd p { font-size:14px; line-height:20px;  transition:all 0.5s; width:286px; margin:0px auto; margin-top:10px; margin-bottom:15px;  transition:all 0.5s; position:absolute; top:590px; left:50px;display:none; }
.pro_con dl dd b { font-size:32px; font-weight:400; line-height:25px; margin-bottom:10px; font-family:"Atrament Medium"; position:absolute; top:336px; left:50px; }
.pro_con dl dd .xx1 { position:absolute; top:480px; left:50px; }
.pro_con dl dd .p_more {display:none; margin:0px auto;  transition:all 0.5s; }
.pro_con dl dd .p_b { margin-top:106px;transition:all 0.4s;}
.pro_con dl dd span { transition:all 0.5s; position:absolute; top:590px; left:50px;display:none;}



.pro_con a:hover dl {transform:translateY(-20px);}
.pro_con a:hover dl dt img {transform:scale(1.1);}
.pro_con a:hover dl dd {  }
.pro_con a:hover dl dd .tb { display:block; position:absolute; top:70px; left:50px;}
.pro_con a:hover dl dd:before { content:" "; transform:translateY(-0px); width:155px; height:45px; margin-top:92px; margin-left:89px; border-radius:5px;

	background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(23,139,154,.9)), to(rgba(23,139,154,.9)));
	background-image: -webkit-linear-gradient(top,  rgba(23,139,154,.9), rgba(23,139,154,.9));
	background-image: -moz-linear-gradient(top, rgba(23,139,154,.9), rgba(23,139,154,.9));
	background-image: linear-gradient(top, rgba(23,139,154,.9), rgba(23,139,154,.9));}
.pro_con a:hover dl dd h3 {  position:absolute; top:163px; left:50px; display:none;     }
.pro_con dl dd h4 { display:none;  }
.pro_con a:hover dl dd h4 {  display: block;   position:absolute; top:163px; left:50px; font-size:37px; line-height:30px; margin-top:16px; text-transform:uppercase; position:absolute;  }
.pro_con a:hover dl dd b { display:none;  }
.pro_con a:hover dl dd .xx1 { display:none;  }
.pro_con a:hover dl dd p {  font-size:15px; line-height:26px; display:block; position:absolute; top:236px; left:50px;  }
.pro_con a:hover dl dd .p_more {display:block;}
.pro_con a:hover dl dd .p_b { margin-top:66px;}
.pro_con a:hover dl dd span {font-size:16px;line-height:26px; position:absolute; top:101px; left:136px; display:block; }



/*新闻*/
.syxw{height:38px; line-height:38px; font-size:35px; width:30%;  font-weight:bold; color:#000;}
.syxwdh{width:70%; }

a.dha { font-size: 16px; line-height:42px; color: #fff; background:#0076d4; display:block; width:148px; height:42px; text-align:center; float:right; margin-left:10px;}
a.dh1 { font-size: 16px; line-height:42px; color: #000; background:#EBEBEB; display:block; width:148px; height:42px; text-align:center; float:right; margin-left:10px;}
a.dh1:visited {font-style: normal; color: #000; text-decoration: none;}
a.dh1:hover { color:#ffffff; text-decoration: none; background:#0076d4; }
a.dh1:active { color: #ffffff; background:#0076d4;}
.ntop{ padding-bottom:40px;}、

.xinwen{ width:1200px; margin:0 auto;}
.xwt{ width:559px; height:368px; overflow:hidden; float:left; position:relative;}
.xwt img{ width:559px; height:368px;}
.xwt  img{width:100%;transition: all 0.8s;}
.xwt  img:hover{   transform: scale(1.1);}

.xwtsj{ width:559px; height:100px; position:absolute; z-index:99; bottom:0px; background:url(../images/xwbj.png) repeat-y;}
.xwtsj01{ width:22%; height:90px; padding-top:20px; float:left; text-align:center; color:#FFF; background:rgba(0,118,212,0.8) }
.xwtsj01 span{ font-size:44px; color:#fff; }
.xwtsj01  p{ margin-top:-8px;}
.sgd{width:100%; height:105px; position:absolute; z-index:999; bottom:0px;}




.xwtsj02{ width:70%; height:100px; float:left; line-height:100px; color:#FFF; font-size:18px; padding-left:4%; padding-right:4%;background:rgba(0,0,0,0.8) }


.xwkuai{ width:580px; height:auto; float:right;}
.xwzx:last-child{ margin-bottom:0px;}
.xwzx{ height:105px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.xwzxwz{ width:460px; float:left;}
.xwzxwzbt{ font-weight:bold; font-size:16px; padding-bottom:10px; margin-top:3px; padding-right:20px;}
.xwzxwzbt a{ color:#585858;}
.xwzxwzbt a:hover{ color:#0076d4;}

.xwzxwznr{ height:48px; overflow:hidden;line-height:24px; color:#989898; font-size:13px; margin-bottom:5px; text-align:left;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;overflow:hidden;
}

.xwzximg{ width:85px; height:70px; padding-top:10px; float:left; background:#f5f5f5; margin-right:30px; text-align:center; font-size:12px; }
.xwzximg span{ font-size:40px; padding-top:10px; color:#333; }
.xwzximg p{ margin-top:-8px;}


.fdaohang{ background:#0076d4; height:70px; width:100%; margin:0 auto}
.fdaohang ul{ width:52%; margin:0 auto;}
.fdaohang ul li a{ color:#fff; font-size:16px;}
.fdaohang ul li{ float:left; line-height:70px; color:#fff;}
.fdaohang .fts{ color:#fff; padding-left:20px; padding-right:20px;}

/*-------底部-----------*/
.foot{ background:#333333; width:100%; margin:0 auto}
.foota{ width:1100px; margin:0 auto;padding-bottom:40px; padding-top:50px; color:#bfbfbf; border-bottom:1px solid #474747 }
.ftel { background:url(../images/index_15.png) no-repeat left; padding-left:70px; line-height:56px; color:#fff; font-size:30px; font-weight:bold}


.fazuo{ width:40%;}
.falian{ line-height:30px; margin-top:20px;}
.falian a{ color:#e1e2e2}
.fbzuo{ width:42%; line-height:30px; margin-top:15px; margin-left:10px;}
.fbzuo a{ color:#e1e2e2}

.flian{ line-height:30px; margin-top:30px;}

.ewm img{ padding:5px; background:#fff; border-radius:5px;}
.ewm .fl{ text-align:right; padding-right:10px; padding-top:30px;}
.banquan{ width:1200px; margin:0 auto; padding-top:30px; padding-bottom:30px;}

a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #bfbfbf;}
a.zzb07link:hover {text-decoration: underline;color: #bfbfbf;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#bfbfbf;}



/*----内页---*/
.wenzi{ text-align:center; margin:0 auto;}
.wenzi h2{ color:#000; font-size:35px; padding:0px; margin:0px;}
.wenzi h2 span{ color:#6dae4d;}
.wenzi .wline{ background:#d01717; height:3px; width:50px; margin:0 auto; text-align:center;margin-top:15px; margin-bottom:15px; }
.wenzi h3{ font-size:17px; color:#555; font-weight:normal; width:80%; margin:0 auto; line-height:28PX;}



.ny_weizhi{ background:#f2f2f2; width:100%; margin:0 auto; line-height:60px; height:60px;}
.weizhi{ width:1200px; margin:0 auto; color:#333;}
.weizhi span{ margin-left:10px; margin-right:10px;}

.nymain { padding-top:50px; width:1200px; margin:0 auto; padding-bottom:60px;}

/*简介*/
.neirong{ padding-top:40px; line-height:30px; margin-top:40px; border-top:1px solid #d8d8d8}
.neirong_biankuang{ min-height:200px; line-height:35px; font-size:15.5px; padding: 50px; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); margin-top:50px;}
.neirong .abnr{-webkit-line-clamp:10;/*显示行数*/ height:auto; }



.nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center bottom; height:300px; }
.nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:300px; }
.nyhonor{width:100%; margin:0 auto; background:url(../images/nyhonor.jpg) no-repeat center; height:300px; }

.nyjob{width:100%; margin:0 auto; background:url(../images/nyjob.jpg) no-repeat center; height:300px; }
.nycuoshi{width:100%; margin:0 auto; background:url(../images/nycuoshi.jpg) no-repeat center; height:300px; }

.nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:300px; }
.nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:300px; }


.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #0076d4; line-height: 30px; text-decoration: none; clear:both;}
.contentPage a:link {color: #0076d4; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #0076d4; font-weight: normal;}
.contentPage a:visited {color: #0076d4; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #0076d4; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#0076d4;font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #0076d4; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

/*内也联系方式*/
.nylian_z{ width:40%}
.nylian_y{ width:55%;}
.rit-box .top-tit {
border-bottom: 1px dotted #BBBBBB;
padding-bottom: 20px;}
.rit-box .top-tit h3 {font-size: 18px;font-weight: 700;}
.rit-box .top-tit p {font-size: 15px;color: #999999;margin-top: 10px;}
.city li.on, .city li:hover {background-color: #0076d4;}
.city li {float: left;margin-right: 10px;width: 150px;height: 38px;text-align: center;line-height: 38px;font-size: 15px;background-color: #ECF0F1;}
.city li a{ color:#fff}
.city {width: 420px;display: table;margin-top: 15px;}
.kbm{ margin-top:20px;}

/*内页人才招聘*/
.ny_job table td{ padding-left:10px; padding-right:10px;}
.ny_job table{ margin-top:40px;}
.ny_job table:first-child{ margin-top:0px;}
.job_miao{ font-size:16px;}
.miaox{ font-weight:bold; font-size:17px; color:#333; margin-top:10px;}

/*资质荣誉*/
/*专利证书*/

.tupian ul li{ float:left;width:31%; text-align:center; overflow:hidden;margin-left:1%; margin-right:1%; margin-bottom:30px; border:1px solid #d8d8d8;background: #fff; height:290px;
border: 1px dotted #ccc;
border-radius: 5px;
box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1)}


.chanpinlbbc{display:table-cell;vertical-align:middle; padding:5px;  overflow: hidden!important; height:240px; background-size: cover !important; display: flex;justify-content: center;
align-items: center;}

.chanpinlbbc img{cursor: pointer;transition: all 0.6s; max-height:240px; max-width:100%; overflow:hidden}

.chanpinlbbc img:hover{transform: scale(1.2);}
/*内页新闻*/
.nyxinwen ul li{ float:left; width:44%; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); line-height:30px;padding:30px;border-radius:5px; margin-bottom:25px;}
.nyxinwen ul li:nth-child(2n){ float:right}


.biaoti{ color:#000; font-size:18px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow:hidden;margin-top:5px; }
.xwmiao{color:#555; opacity:0.5; font-size:15px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;height:44px; line-height:22px; margin-top:8px; margin-bottom:10px;}

.nyxinwen ul li{
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.nyxinwen ul li:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}
		
	
.xline{ background:#0076d4; height:2px; width:40px; margin-top:15px; margin-bottom:15px;}
.riqi{ color:#0076d4}
.nybt{ line-height:40px; text-align:center; color:#0076d4; font-size:20px;}

.fanhui{ border-top:5px solid #f2f2f2; margin-top:30px;}
.fanhui ul{ margin-top:15px;}
.fanhui ul li{ line-height:30px; float:left}
.fanhui ul li:nth-child(1){ float:left}
.fanhui ul li:nth-child(2){ float:right}


/*产品详细页*/
.font3{ color:#fff; font-size:18px;}
.proxx table a:hover{ color:#0076d4}
.proxx table tbody > tr:nth-child(even) {background-color: #fff;}  
.proxx table tbody > tr:nth-child(odd) {background-color: #f1f1f1;}
.nyleft{ width:23%;}
	.nyleft h2{ text-align:center; background:#0076d4; height:100px; line-height:100px; font-weight:bold; color:#fff; font-size:25px; padding:0px; margin:0px;}
	.nyleft h3{ text-align:center; background:#0076d4; height:80px; line-height:80px; font-weight:bold; color:#fff; font-size:20px; padding:0px; margin:0px;}
	.nyleft h3 a{ color:#fff}
	.nyleft ul li a{ font-size:17px;}
	.nyleft ul li:hover a{color:#fff;}
	.nyleft ul li:hover{ background:#0076d4; }
	.nyleft ul li{border-bottom:1px solid #fff;line-height:50px; text-align:center}
	.nyleft ul{ background:#f2f2f2;}
	.nyleft ul li:last-chld{ border-bottom:0px;}
	.nyright{ width:72%;}
	.rtop h2{ color:#000; font-size:25px;}
	.rtop { padding-bottom:20px;border-bottom:1px solid #d8d8d8;}
	.nyright .neirong{ padding-top:0px;margin-top:0px;padding-left:0px; padding-right:0px; border-top:0px;}
	.probt{ margin-top:20px;color:#0076d4; height:50px; line-height:50px; font-weight:bold;text-align:left; font-size:22px; font-weight:bold}
.nyright .weizhi{ width:auto; margin-top:10px;}
.nywenzi{ border-bottom:1px solid #d8d8d8; padding-bottom:20px;}
.nywenzi h2{ padding:0px; margin:0px;}
.productxx table th{padding:11px; color:#333; line-height:30px;  border:1px solid #ccc; border-top:0; border-right:0; }
.productxx table td{padding:11px; color:#333; line-height:30px;  border:1px solid #ccc; border-top:0; border-right:0; }
.productxx table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0;}
/*内页产品分类*/
.nymenu{ width:80%; margin:0 auto; margin-top:50px;}
.nymenu ul li a{ font-size:17px;}

.nymenu ul li{ float:left; width:32%; text-align:center; background:#f2f2f2; border-radius:5px; height:48px; line-height:48px; -webkit-transition: margin-top .8s; 
-moz-transition: margin-top .8s;-o-transition: margin-top .8s; margin-left:5px; margin-right:5px;}
.nymenu ul li:hover { margin-top:-5px; display:block; background:#0076d4; }
.nymenu ul li:hover  a{color:#fff; }
.nymenu ul li a:hover, .nymenu ul li a.active {color: #fff; background:#0076d4; display:block;border-radius:5px;}


@media all and (max-width:1024px){
.menu_pc{ display:block}
.menu_wap{ display:none}
.foot_wap{ display:none}
	
	
.zd_head{ width:100%; height:110px; position:absolute}
/*导航*/
.wd1200{ width:95%;}
.dingbu{ padding-top:18px!important; padding-bottom:20px!important; height:79px; width:95%; margin:0 auto; }
.nav_bgc{ margin-top:45px; width:63%}

.nav{  margin:0 auto; height:30px;}
.nav li {font-size: 16px;}
.nav li a { padding-left:10px; padding-right:10px;}

.yuyan { margin-top:-75px;}


/*首页产品*/
.clearfix{ clear:both}

.chan{ width:95%; }



/*新闻*/
.cen{ width:95%!important;}
.i4 .txt p {padding-right: 5px!important;}

.xwtsj02{ width:70%; height:100px; float:left; line-height:100px; color:#FFF; font-size:18px; padding-left:4%; padding-right:4%;background:rgba(0,0,0,0.8) }
.xwt{ width:50%}

.xwkuai{ width:45%; height:auto; float:right;}
.xwzx:last-child{ margin-bottom:0px;}
.xwzx{ height:105px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.xwzxwz{ width:70%; float:left;}
.xwzxwzbt{ font-weight:bold; font-size:16px; padding-bottom:10px; margin-top:3px; padding-right:20px;}
.xwzxwzbt a{ color:#585858;}
.xwzxwzbt a:hover{ color:#0076d4;}

.xwzxwznr{ height:24px; overflow:hidden;line-height:24px; color:#989898; font-size:13px; margin-bottom:5px; text-align:left;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;overflow:hidden;
}

.xwzximg{ width:20%; height:70px; padding-top:10px; float:left; background:#f5f5f5; margin-right:30px; text-align:center; font-size:12px; }
.xwzximg span{ font-size:40px; padding-top:10px; color:#333; }
.xwzximg p{ margin-top:-8px;}



.fdaohang ul{ width:70%;}


/*-------底部-----------*/
.foota{ width:95%;  }



.fazuo{ width:40%;}

.fbzuo{ width:40%; margin-left:50px;}

.banquan{ width:95%;}




/*----内页---*/



.weizhi{ width:95%; }

.nymain { padding-top:50px; width:95%; margin:0 auto; padding-bottom:60px;}







/*内页新闻*/
.nyxinwen ul li{width:42%;}

.neirong  ul{ width:80%; margin:0 auto; padding-top:30px!important;}
.neirong .abzuo{ width:55%; background:#f2f2f2; height:320px!important;}
.neirong .ul-num li {width: 50%; margin-bottom:50px;}
.neirong .ul-num li:nth-child(2){ text-align:right}
.neirong .i2 .txt p{ padding-right:40px;}
.ul-num span {
    font-size: 45px!important;
    position: relative;
    line-height: 1;
    margin-bottom: 5px;
}

	}
	
@media all and (max-width:768px){
.menu_pc{ display:block}
.menu_wap{ display:none}
.foot_wap{ display:none}
	
.bia{ background:#fff; border-top:10px solid #0076d4; width:100%;  margin:0 auto;z-index:1000; position:relative; height:150px;}
.zd_head{ width:100%; height:150px; position:absolute}
.banner_img{
background-position:center; background-repeat:no-repeat; background-size:cover; height:70vh!important;}  


/*导航*/
.logo{ float:none; width:100%; margin:0 auto; text-align:center}
.wd1200{ width:95%;}
.dingbu{ padding-top:18px!important; padding-bottom:20px!important; height:79px; width:95%; margin:0 auto; }
.nav_bgc{ margin-top:5px; width:100%; float:none}

.nav{  margin:0 auto; height:30px; width:100%}
.nav li {font-size: 16px; }
.nav li a { padding-left:10px; padding-right:10px;}

.yuyan { margin-top:-40px;}
.abnr{ color:#555; font-size:14.5px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; line-height:30px; height:150px;margin-bottom:20px; margin-top:20px; margin-bottom:20px;}

/*首页产品*/
.clearfix{ clear:both}

.chan{ width:95%; }
.chan ul li h2{ font-size:17px;}


/*专利证书*/
.tupian ul li:nth-child(2n){ float:right}
.tupian ul li{ float:left;width:48%; text-align:center; overflow:hidden;margin-left:0%; margin-right:0%; margin-bottom:30px; border:1px solid #d8d8d8;background: #fff; height:170px;
border: 1px dotted #ccc;
border-radius: 5px;
box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1)}

.biaoti{ font-size:15px;}
.chanpinlbbc{display:table-cell;vertical-align:middle; padding:5px;  overflow: hidden!important; height:120px; background-size: cover !important; display: flex;justify-content: center;
align-items: center;}

.chanpinlbbc img{cursor: pointer;transition: all 0.6s; max-height:150px; max-width:100%; overflow:hidden}

.chanpinlbbc img:hover{transform: scale(1.2);}

/*新闻*/
.cen{ width:95%!important;}
.i4 .txt p {padding-right: 5px!important;}

.xwtsj02{ width:70%; height:100px; float:left; line-height:100px; color:#FFF; font-size:18px; padding-left:4%; padding-right:4%;background:rgba(0,0,0,0.8) }
.xwt{ width:100%; float:none}
.xwtsj{ width:100%}
.xwkuai{ width:100%; margin-top:30px; float:none; height:auto; float:right;}
.xwzx:last-child{ margin-bottom:0px;}
.xwzx{ height:105px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.xwzxwz{ width:70%; float:left;}
.xwzxwzbt{ font-weight:bold; font-size:16px; padding-bottom:10px; margin-top:3px; padding-right:20px;}
.xwzxwzbt a{ color:#585858;}
.xwzxwzbt a:hover{ color:#0076d4;}

.xwzxwznr{ height:48px; overflow:hidden;line-height:24px; color:#989898; font-size:13px; margin-bottom:5px; text-align:left;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;overflow:hidden;
}

.xwzximg{ width:20%; height:70px; padding-top:10px; float:left; background:#f5f5f5; margin-right:30px; text-align:center; font-size:12px; }
.xwzximg span{ font-size:40px; padding-top:10px; color:#333; }
.xwzximg p{ margin-top:-8px;}

.tu_biankuang {
    padding: 27.5px;
}
.pro_con dl dd{ height:auto}
.pro_con dl dt img {  width:100%; height:auto;  transition:all 0.5s;}
.pro_con dl { width:100%; height:128px;text-align:center;   color:#fff; position:relative; overflow:hidden;  border-bottom-right-radius:25px;transition:all 0.4s;}

.fdaohang ul{ width:80%; }
.fdaohang .fts{ padding-left:10px; padding-right:10px;}

/*-------底部-----------*/
.foota{ width:95%;  }



.fazuo{ width:45%; }
.ftel{ font-size:22px;}
.fbzuo{  width:45%; float:right;margin-left:0px; margin-bottom:50px}
.ewm{float:none; width:auto; margin-left:37%;text-align:center}
.banquan{ width:95%;}




/*----内页---*/



.weizhi{ width:95%; }
.nyleft{ display:none}
.nyright{ width:100%; float:none}
.nymain { padding-top:50px; width:95%;}







/*内页新闻*/
.nyxinwen ul li{width:90%; float:none; padding:5%;}

.neirong  ul{ width:100%; margin:0 auto; padding-top:30px!important;}
.neirong .abzuo{ width:55%; background:#f2f2f2; height:240px!important;}
.neirong .ul-num li {width: 50%; margin-bottom:20px!important;}
.neirong .ul-num li:nth-child(2){ text-align:right}
.neirong .i2 .txt p{ padding-right:40px;}
.ul-num span {font-size: 35px!important;}
.ul-num p{ padding-left:5px!important; font-size:13px!important;}
.i3  .txt p{ padding-left:20px; margin-top:0px!important;}
.i4  .txt p{ padding-right:20px;margin-top:0px!important;}

/*内也联系方式*/
.nylian_z{ width:100%; float:none}
.nylian_y{ width:100%; float:none; margin-top:30px;}
.rit-box .top-tit {
border-bottom: 1px dotted #BBBBBB;
padding-bottom: 20px;}
.rit-box .top-tit h3 {font-size: 18px;font-weight: 700;}
.rit-box .top-tit p {font-size: 15px;color: #999999;margin-top: 10px;}
.city li.on, .city li:hover {background-color: #0076d4;}
.city li {float: left;margin-right: 10px;width: 150px;height: 38px;text-align: center;line-height: 38px;font-size: 15px;background-color: #ECF0F1;}
.city li a{ color:#fff}
.city {width: 420px;display: table;margin-top: 15px;}
.kbm{ margin-top:20px;}

/*内页人才招聘*/
.ny_job table td{ padding-left:10px; padding-right:10px;}
.ny_job table{ margin-top:40px;}
.ny_job table:first-child{ margin-top:0px;}
.job_miao{ font-size:16px;}
.miaox{ font-weight:bold; font-size:17px; color:#333; margin-top:10px;}


	}
	
	@media all and (max-width:640px){

.menu_pc{ display:none}
.menu_wap{ display:block}
.pc_banner{ display:none}
.wap_banner{ display:block}

.foot_wap{ display:block}



.wenzi h2{font-size:30px;}
.wenzi h3{ font-size:15px;width:100%; }

/*内页人才招聘*/
.ny_job table td{ padding-left:10px; padding-right:10px;}
.ny_job table{ margin-top:40px;}
.ny_job table:first-child{ margin-top:0px;}

.neirong ul {
    width: 100%;
    margin: 0 auto;
    padding-top:0px!important;
}

.nymenu{ margin-top:10px; margin-bottom:20px;}
.nyright .weizhi{ display:none}
.neirong .abyou{ float:none; width:100%;}
.neirong .abzuo{ width:100%!important; height:auto!important; padding-bottom:10px;padding-top:30px; float:none}
.ul-num span {
    font-size: 25px!important;
}
.neirong .i2 .txt p {
    padding-right: 10px!important;
}
.i4 .txt p{ line-height:20px;}

/*首页产品*/
.clearfix{ clear:both}
.chanpin{ background:rgba(0,0,0,0.3); width:100%; height:145px; margin:0 auto;z-index:3; position:relative;margin-top:-145px;}
.chan{  height:145px; margin:0 auto; width:95%; overflow:hidden }
.chan ul li{ padding-top:15px; width:48%!important;  float:left; text-align:center; color:#fff;-webkit-transition: margin-top 0s; 
-moz-transition: margin-top .0s;-o-transition: margin-top .0s;}
.chan ul li h2{ margin-bottom:4px; color:#fff; padding:0px; margin:0px; font-size:16px;}
.chan ul li h3{ font-weight:normal; color:#fff; font-size:16px; margin-top:5px;}
.chan ul li:hover { margin-top:-0px; display:block}
.chan ul li:nth-child(2n){ float:right}



/*公司简介*/
.gongsi{ background:url(../images/index_10.png) no-repeat bottom #f8f8f8; width:100%; margin:0 auto; }
.abzuo{ width:100%; float:none}
.abzuo h2{ font-size:30px;}



.abyou{ width:100%; float:none; display: flex;justify-content: center; margin-top:30px;
align-items: center;overflow:hidden; border-radius:5px;}
.abyou  img{width:100%;transition: all 0.8s;}
.abyou  img:hover{   transform: scale(1.1);}
.ul-num {
    clear: both;
    padding-top: 10px!important;
}
.ul-num li{ width:50%!important; padding-top:20px;}
.ul-num li:nth-child(2){ float:right; text-align:right}

.banner_img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
     height: 100vh!important; 
}

.city li{ margin-top:30px;}
/*三个图片效果*/
.zzp{ width:100%!important; float:none}
.pro { width:100%; background:url(../images/index_12.png) no-repeat center top #f8f8f8;  clear:both; overflow:auto }
.zzp:nth-child(3){ margin-top:30px;}
.tu_biankuang{ padding:30px 10px;}
.tu_biankuang h2{ font-size:25px; color:#0076d4; }
.tu_biankuang .tuline{ background:#0076d4; height:2px; width:50px; margin:0 auto; text-align:center; margin-top:10px;}
.tu_biankuang h3{ font-family:Arial, Helvetica, sans-serif;font-size:16px; font-weight:normal; color:#0076d4; opacity:0.5; text-transform:uppercase; margin-top:5px;}

.pro_con dl { width:100%; height:228px;text-align:center;   color:#fff; position:relative; overflow:hidden;  border-bottom-right-radius:25px;transition:all 0.4s;}
.flex { display:block; justify-content:none;}
.flex-wrap { flex-wrap: none;}

.index_2_5_mid_1{background:#fff;width:100%;border-top-left-radius:25px; color:#555; text-align:center; line-height:40px; font-size:20px; }

.teshu{ margin-top:30px; background:#0076d4;width:100%;border-top-left-radius:25px;color:#fff;text-align:center;line-height:40px; }
.teshu .tu_biankuang h2{ font-size:25px; color:#fff;}
.teshu .tu_biankuang .tuline{ background:#fff; height:2px; width:50px; margin:0 auto; text-align:center; margin-top:10px;}
.teshu .tu_biankuang h3{ font-family:Arial, Helvetica, sans-serif;font-size:16px; font-weight:normal; color:#fff; opacity:0.8; text-transform:uppercase; margin-top:10px;}

.pro_con dl dt {width:100%; position:absolute;}
.pro_con dl dt img {  width:100%; height:228px;  transition:all 0.5s;}

.pro_con dl dd .tb { display:none;  transition:all 0.5s; position:absolute; top:590px; left:50px;}

.pro_con dl dd {  position:relative; z-index:999; background-color:rgba(231,0,18,0);  text-align:left;width:100%;  height:228px; }
.pro_con dl dd:before { display:none; content:" ";background-color:rgba(231,0,18,0);width:100%; height:228px; display:block; transition:all 0.4s;position:absolute; z-index:-9;}
.pro_con dl dd h3 { font-size:37px; line-height:30px; margin-top:16px; text-transform:uppercase; position:absolute; top:415px; left:50px;transition:all 0.5s;}

.pro_con dl dd p { font-size:14px; line-height:20px;  transition:all 0.5s; width:286px; margin:0px auto; margin-top:10px; margin-bottom:15px;  transition:all 0.5s; position:absolute; top:590px; left:50px;display:none; }
.pro_con dl dd b { font-size:32px; font-weight:400; line-height:25px; margin-bottom:10px; font-family:"Atrament Medium"; position:absolute; top:336px; left:50px; }
.pro_con dl dd .xx1 { position:absolute; top:480px; left:50px; }
.pro_con dl dd .p_more {display:none; margin:0px auto;  transition:all 0.5s; }
.pro_con dl dd .p_b { margin-top:106px;transition:all 0.4s;}
.pro_con dl dd span { transition:all 0.0s; position:absolute; top:0px; left:30%;display:block; top:100px; margin:0 auto; background: rgba(23,139,154,.9); text-align:center; width:140px; height:40px; border-radius:5px; line-height:40px;}



.pro_con a:hover dl {transform:translateY(-0px);}
.pro_con a:hover dl dt img {transform:scale(1);}
.pro_con a:hover dl dd {  }
.pro_con a:hover dl dd .tb { display:block; position:absolute; top:0px; left:0px;}
.pro_con a:hover dl dd:before { display:none; content:" "; transform:translateY(-0px); width:140px; line-height:40px; height:40px; margin-top:100px;left:30%; border-radius:5px;

	background-image:none;
	background-image: none;
	background-image: none;
	background-image:none}
.pro_con a:hover dl dd h3 { display:none;position:absolute; top:163px; left:50px; display:none;     }
.pro_con dl dd h4 { display:none;  }
.pro_con a:hover dl dd h4 {  display: block;   position:absolute; top:163px; left:50px; font-size:37px; line-height:30px; margin-top:16px; text-transform:uppercase; position:absolute;  }
.pro_con a:hover dl dd b { display:none;  }
.pro_con a:hover dl dd .xx1 { display:none;  }
.pro_con a:hover dl dd p {  font-size:15px; line-height:26px; display:block; position:absolute; top:236px; left:50px;  }
.pro_con a:hover dl dd .p_more {display:block;}
.pro_con a:hover dl dd .p_b { margin-top:66px;}
.pro_con a:hover dl dd span {font-size:16px;line-height:26px; position:absolute; top:101px; left:136px; display:block; }



/*新闻*/
.syxw{height:38px; float:none; line-height:38px; font-size:30px; width:40%;  font-weight:bold; color:#000;}
.syxwdh{width:100%; float:none; margin-top:30px; }

a.dha { font-size: 16px; line-height:42px; color: #fff; background:#0076d4; display:block; width:48%; height:42px; text-align:center; float:left; margin-left:0px;}
a.dh1 { font-size: 16px; line-height:42px; color: #000; background:#EBEBEB; display:block;width:48%;height:42px; text-align:center; float:right; margin-left:0px;}
a.dh1:visited {font-style: normal; color: #000; text-decoration: none;}
a.dh1:hover { color:#ffffff; text-decoration: none; background:#0076d4; }
a.dh1:active { color: #ffffff; background:#0076d4;}
.ntop{ padding-bottom:40px;}、

.xinwen{ width:95%; }
.xwt{ width:100%; height:auto!important; overflow:hidden; float:none; position:relative;}
.xwt img{ width:100%;height:auto!important;}
.xwt  img{width:100%;transition: all 0.8s;}
.xwt  img:hover{   transform: scale(1.1);}

.xwtsj{ width:100%; height:80px; position:absolute; z-index:99; bottom:0px;}
.xwtsj01{ width:30%; height:70px; padding-top:10px; float:left; text-align:center; color:#FFF; background:rgba(23,139,154,0.8) }
.xwtsj01 span{ font-size:44px; color:#fff; }
.xwtsj01  p{ margin-top:-8px;}
.sgd{width:100%; height:105px; position:absolute; z-index:999; bottom:0px;}




.xwtsj02{ width:62%; height:70px; padding-top:10px;float:left; line-height:30px; color:#FFF; font-size:16px; padding-left:4%; padding-right:4%;background:rgba(0,0,0,0.8) }


.xwkuai{ width:100%; height:auto; float:none;}
.xwzx:last-child{ margin-bottom:0px;}
.xwzx{ height:105px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.xwzxwz{ width:70%; float:left;}
.xwzxwzbt{ font-weight:bold; font-size:16px; padding-bottom:10px; margin-top:3px; padding-right:20px;}
.xwzxwzbt a{ color:#585858;}
.xwzxwzbt a:hover{ color:#0076d4;}

.xwzxwznr{  height:24px; overflow:hidden;line-height:24px; color:#989898; font-size:13px; margin-bottom:5px; text-align:left;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;overflow:hidden;
}

.xwzximg{ width:23%; height:70px; padding-top:10px; float:left; background:#f5f5f5; margin-right:15px; text-align:center; font-size:12px; }
.xwzximg span{ font-size:40px; padding-top:10px; color:#333; }
.xwzximg p{ margin-top:-8px;}


.weizhi{ width:95%;}

.banquan{ line-height:25px;}





.nymain {margin: 0 auto;padding-top: 30px;padding-bottom: 30px;}


.nymain .wenzi h2{ padding-bottom:20px;}

.neirong {padding-top: 30px; line-height: 30px;min-height: 200px; margin-top:0px;}
.lianyou  { margin-top:20px;}
	
	
.nyxinwen ul li{ float:none; width:90%; padding:5%;}
.nyxinwen ul li:nth-child(2n){ float:none}
.fanhui ul li{ float:none; width:100%}
.fanhui ul li:nth-child(2n){ float:none}
.fanhui .fr{ float:none!important}
.fanhui .fl{ float:none!important}
.nybt {font-size: 17px;}
.nymenu{ width:95%; }
.wd1200{ padding-top:35px; padding-bottom:35px;}


.fazuo{ float:none; width:100%;}
.fbzuo{ float:none; width:100%; margin-top:0px; margin-bottom:0px;}
.fdaohang{ display:none}
.ewm{ width:100%; float:none; text-align:center; margin-top:20px; }

.nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center; height:100px; background-size:200% }
.nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:100px; background-size:200% }
.nyjob{width:100%; margin:0 auto; background:url(../images/nyjob.jpg) no-repeat center; height:100px; background-size:200%  }
.nyfac{width:100%; margin:0 auto; background:url(../images/nyfac.jpg) no-repeat center;height:100px; background-size:200% }
.nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:100px; background-size:200%  }
.nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:100px; background-size:200% }
.yincang{ display:none}




body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑";background: #fff;width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

ul{ margin-bottom:0px!important;}
a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .shanghl00 ul .on{ background:#FE6C9C;  }

.focus .bd{
position:relative;
z-index:0;
margin:0px;
padding:0px;
overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

.focus .bd li a{
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.focriqi{ font-size:0.75em;}

.toubu{ position:fixed; left:0; top:0px; width:100%; z-index:999;background:#fff; height:50px;box-shadow: 0px 1px 5px #9c8e93; }
.toubuge{ width:100%;background:#fff; height:50px;}
.main-header {
height: 50px;
background-color:#fff;
z-index: 60;
width:100%;
position:relative;
box-sizing: border-box;border-bottom: 1px solid #F2F2F2;}
.cd-logo { position: absolute; left: 10px;top:2px;}

.search_open {display: block;width: 30px;height:30px;background: url(../images/wap_sea.png) no-repeat;position: absolute;right:60px;top:10px;color: #fff;text-align: center;background-position:center center; background-size:auto 25px;}
.menu_open {display: block;width: 30px; height:30px;
background: url(../images/wap_menu.png) no-repeat;position: absolute;right:10px;top:10px;color: #fff;font-size: 12px;text-align: center;background-position:center center; background-size:auto 25px;}
.cshow{ display:block!important;}
.chide{ display:none!important;}
.zicai{display:block;}
.ziguanbi{display:none;}

.animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center;
background-size: auto 25px;} 

.animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
-o-transform:rotate(-360deg); /* Opera */} 


.rl{ float:right;}
.fl{ float:left;}


.tbottom{ height:4.2em;}
#BottomNav { background-color:#0076d4; bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9; box-sizing:border-box; }
#BottomNav ul li { opacity:0.9;
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; }

#BottomNav ul li a {color: #fff;display: block;padding-top:0.8rem;padding-bottom:0.2rem}


#BottomNav ul li a div {font-size: 0.9em; padding-top:0.18rem;padding-bottom:0.5rem; }
#BottomNav .a {background-image: url(../images/shl-a.png);}
#BottomNav .b {background-image: url(../images/shl-b.png);}
#BottomNav .c { background-image: url(../images/shl-c.png);}
#BottomNav .d {background-image: url(../images/vperson.png);}
#BottomNav .e {background-image: url(../images/vbob1.png);}
#BottomNav .f { background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important;}
#BottomNav .icon { background-position: center center; background-repeat: no-repeat; display: block; height: 1.4rem; margin: 0 auto; width: 1.4rem;background-size: auto 1.5em;}




.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}
.menu_open{ display: block;}
.menu_close{ display: none; background: url('../images/wap_close.png') no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
.menu { position: fixed; width: 230px; height: 100%; top: 50px; right:-230px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
.menu .menu-li{border-bottom: 1px solid #222;}
.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
.menu .twoul{ display: none;}
.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}

.menuico_right{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_down{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
.nybanner{ width:100%}
.nybanner img{ width:100%; display:block}	
}

/*产品*/


.pro_fl_title{ font-size:14px; font-weight:bold; color:white; text-align:center; line-height:40px; background-color:#0076d4; }
.pro_fl_title a{color:white;}

.pro_tb{ width:100%; margin-bottom:20px; border:1px solid #ccc; border-bottom:0; border-left:0;}
.pro_tb tr td{ font-size:13px; color:#333; line-height:40px;font-family:Arial,"Microsoft YaHei"; border:1px solid #ccc; border-top:0; border-right:0;}
.pro_tb tr td a{ color:#333;}





.pro_title{ font-size:14px; color:white; line-height:40px; text-align:center; background-color:#298e16; font-weight:bold;}
.pro_nr_box table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0;}
.pro_nr_box table tr td{ padding:11px; font-size:13px; color:#333; line-height:50px;border:1px solid #ccc; border-top:0; border-right:0;}
.pro_nr_box p{ font-size:13px; color:#333; line-height:28px;}




.pro_more{ width:150px;background-color:#0764b9; margin:0 auto;  margin-bottom:20px;}
.pro_more p a{ display:block; font-size:13px; color:#333;  text-align:center; line-height:28px;background-color:#e5e5e5;}
.pro_more p a:hover{background-color: #0076d4; color:white;}








.mainlevel{position:relative;}
.sub_menu{ display:none; position:absolute; top:67px; left:-36px; width:164px; z-index:9999;border-bottom:3px solid #0076d4;}
.sub_menu dd{float:none; text-align:center; line-height:60px;  margin-bottom:1px; background-color:#0076d4; overflow: hidden; 
white-space: nowrap;text-overflow: ellipsis;}

.sub_menu dd a{ display:block;color:#fff!important;  float:none!important;line-height:50px!important; height:50px!important;font-size:15px!important;  border:0!important; padding-left:0!important; padding-right:0!important; padding-bottom:0!important;}
.sub_menu dd a:hover{ color:#fff!important;}
.mainlevel:hover .sub_menu{display:block;}