/* CSS Document */

.wm{margin:0 10%;}
.wm2{margin:0 auto;width:1200px;}

.zd01{width:100%;transition: all 0.3s ease-in-out;height:110px;background:#fff;}
.top{width:100%;height:110px;}
.logo{float:left;margin-top:21px;}
.logo .l_01{float:left;}
.logo .l_02{float:left;padding-left:10px;}
.logo .l_02 h2{color:#0080c6; font-weight:100; line-height:27px; font-size:40px; letter-spacing:0px; float:left; padding-left:12px; padding-top:15px;padding-bottom:3px; }
.logo .l_02 h3{color:#0080c6; font-style:normal;  font-size:15px;font-weight:normal;padding-left:12px;}
.logo .l_02 h3 span{ color:#ff0000;  font-size:15px;font-weight:normal}

.top_r{float:right;}


/*栏目导航*/
.menu{margin-top:20px;float:right;}
.menu ul li{float:left;}
.menu ul li a:link,.menu ul li a:visited{padding:0 24px;display:block;font-size:16px;color:#151515;}
.menu ul li a:hover{padding:0 24px;display:block;font-size:16px; text-decoration:none;color:#0080c6;}
.menu ul li:last-child a{padding-right:0px;}


.mbdh{ display:none;}

/*ban*/
.banner {
	width: 100%;
	height: 444px;
	overflow: hidden;
	position: relative;
	font-size: 0
}
.b-img {
	height: 300px;
	position: absolute;
	left: 0;
	top: 0;
}
.b-img a {
	display: block;
	height: 444px;
	float: left;
}
.b-list {
	height: 50px;
	padding-top: 380px;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}
.b-list span {
	display: block;
	cursor: pointer;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 3px solid #fff;
	float: left;
	margin: 0 5px;
	_margin: 0 3px;
}
.b-list .spcss {
	border: 3px solid #00489e;
}
.bar-left {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100px;
	height: 100%;
	left: 0px;
	background: none;
	top: 0px;
}
.bar-right {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100px;
	height: 100%;
	right: 0px;
	background: none;
	top: 0px;
}
.bar-left em {
	display: block;
	width: 50px;
	height: 100px;
	background: url(../images/arrow.png) 0px 0px no-repeat;
	margin: 0 auto;
	margin-top: 198px;
}
.bar-right em {
	display: block;
	width: 50px;
	height: 100px;
	background: url(../images/arrow.png) -50px 0px no-repeat;
	margin: 0 auto;
	margin-top: 198px;
}
.bar-left .emcss {
	background-position: 0px -100px;
}
.bar-right .emcss {
	background-position: -50px -100px;
}



#ab21{width:100%; float:left; background:url(../images/images/ab.jpg) no-repeat top center #749dc0; height:300px; color:#FFFFFF;padding-top:50px;}
#ab21 a{color:#FFFFFF}
#ab21 h3{width:100%;  font-size:30px; float:left; line-height:50px; padding-bottom:15px; color:#FFFFFF }
.ab2-1{width:655px; float:left;line-height:26px; }

.m2{background:#9abedd;width:180px; margin-right:1000px; line-height:33px; float:left;color:#9abedd; margin-top:30px; text-align:center;  text-transform:uppercase;position: relative;z-index: 3; display: block; font-weight: normal; line-height:33px; height:33px;  color: #000;border-radius:3px;}

.m2 a{border-radius:0px; width:180px; line-height:33px; float:left; color:#000;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:33px; height:33px;  color: #000;}
.m2 a:hover{ 
	background:#FFFFFF\9;color: #fff;}
.m2:after{content:'';position:absolute;height:100%;width:0;background:#6690b5;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.m2:hover:after,.ydao ul li.cur:after{width:100%;color: #fff; border-radius:3px;}



#bottom{width:100%;overflow:hidden;padding:50px 0;background:#272727;color:#fff;}
#bottom .bt{font-size:20px;color:#fff;padding-bottom:23px;}
#bottom ul li{line-height:26px;}
#bottom a{color:#bcbcbc;font-size:15px;}
#bottom a:hover{color:#fff;}
#bottom .bot_01{float:left;width:24%;}
#bottom .bot_ewm{float:right;line-height:32px;}
#bottom .bot_ewm img{margin-top:10px;}


.bot{width:100%;overflow:hidden;padding:20px 0;background:#191919;padding:20px 0;color:#6d6d6d;line-height:28px;}
.bot a{color:#6d6d6d !important;font-size:15px;}
.bot a:hover{color:#fff !important;}
.link{float:right;}

.mbfor {display: none;}



/*ny*/

.ny_ban{height:345px;width:100%;overflow:hidden;}
.ny_ban01{background:url(../images/images/f1.jpg) no-repeat top center;}
.ny_ban02{background:url(../images/images/f2.jpg) no-repeat top center;}
.ny_ban03{background:url(../images/images/f3.jpg) no-repeat top center;}
.ny_ban04{background:url(../images/images/f4.jpg) no-repeat top center;}

.ba_con{margin-top:220px;}
.ba_con h4 {font-size:50px;line-height: 62px;color: #fff; font-weight:bold;text-transform:none;}
.ba_con p {font-size: 17px;line-height: 26px;color: #FFF;}
.ba_con p a {color: #FFF;}

/*内页栏目导航*/
.ab11{width:100%; padding-left:0px;margin-bottom:40px;}
.ab11 ul{overflow:hidden; }
.ab11 ul li{display:block;float:left;margin:0 1%; }
.ab11 ul li a{float:left; text-align:center;line-height:40px; font-size:17px; display:block;width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.ab11 ul li a:hover{float:left;}
.list_li1{width:23%;}
.list_li2{width:31%;}

.zz1{  float:left; padding-top:10px; }

.zz1 a{ color:#FFFFFF;background:#0080c6;float:left;  line-height:40px; border-radius:5px;
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;}

.zz1 a: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);}
	
.zz2{float:left;  padding-top:10px; }


.zz2 a{ color:#434343;background:#e6e6e6;  float:left;  line-height:40px;  border-radius:5px;
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;}


.zz2 a:hover{color:#FFFFFF;background:#0080c6; 
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}


.ny_about01{margin-top:50px;}
.ny_about01 .title{font-size:35px; color:#000000; font-weight:normal; text-align:center; padding-bottom:30px;}
.ny_about01 .more{width:200px;height:34px;line-height:34px;text-align:center;margin:0 auto;}
.ny_about01 .more:hover{background:#1e8edf;}
.ny_about01 .more:hover a{color:#fff;}
.ny_about01 .js{font-size: 15px;line-height: 30px;color: #646464;margin-top:20px;}


.mt60{height:60px;}


#ny_content{margin-top:60px;min-height:200px;}
#ny_content .box{font-size: 15px;line-height: 30px;color: #646464;margin-top:20px;}

/*about*/
.ny_about_con img{width:100%;height:auto;max-width:100%;}
.ny_about_con h3 { font-size:30px;
	line-height:35px;
	font-weight: normal;
	padding-left:0px;
	border-left:1px solid #000;
	color:#000000;
	float: left;
	padding-left:3%;
	margin-bottom:30px;
	width:97%;
}


/*Company Honor*/
.imglist ul{margin-top:30px;}
.imglist ul li{text-align:center;float:left;display:inline;width:22%;height:240px; margin:1%;overflow:hidden; border: #f1f1f1 1px solid;}
.imglist ul li img{background:#FFFFFF;width:100%;height:190px; }
.imglist ul li span{line-height:20px; padding-top:15px;height:35px;display:block;text-align:center}




/*产品搜索*/
.gsjj_con1_div1{background: #ededed; float:left;padding: 30px 30px 20px 30px; margin-top:50px; margin-bottom:0px; width:96%;}

.gsjj_con1{background: url(../images/jj1_02.jpg) no-repeat center center ;background-size: cover;}

.alzs .gsjj_con1_div1{background: #f1f1f1;}

.alzs .gsjj_con1_div1_al {background: #f1f1f1;}

.case .ej_nav_u1 li{width: 50%;}

.alzs_div_sousuo{font-size: 0;/*margin-bottom: 35px;*/}

.alzs_div_sousuo_span{display: inline-block;vertical-align: top;width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: white;

background: #ffd600;cursor: pointer;transition: 0.3s ease-in-out;}

.alzs_div_sousuo_span img{margin-right: 10px;margin-top: -2px;}

.alzs_div_sousuo_span:hover{background: #d8b607}

.alzs_div_sousuo input[type=text]{display: inline-block;vertical-align: top;width: calc(100% - 214px);margin-right: 14px;border: none;box-sizing: border-box;

height: 50px;background: white;padding-left:30px;font-size: 16px;}

.alzs_div_tx{font-size: 0;margin-top: 20px;display: none;}

.alzs_div_tx span{display: inline-block;vertical-align: top;width: 75px;font-size: 15px;color: #282828;font-weight: bold;}

.alzs_div_tx_u1{display: inline-block;vertical-align: top;width: calc(100% - 75px);font-size: 0;}

.alzs_div_tx_u1 li{display: inline-block;vertical-align: top;}

.alzs_div_tx_u1 li a{padding: 0 25px;border-right: 1px solid #e2e2e2;line-height: 1;font-size: 16px;color: #777;}

.alzs_div_tx_u1 li a:hover{color: #ffd600;}

.alzs_div_tx_u1 li.active a{color: #ffd600;}

/*sousuo e*/

/*产品*/
.zzzzz1 { color: #FFFFFF;font-size:16px;}

/*产品详情*/
.detaildiv1
{ width:48%;float:right;  font-size:17px; line-height:30px;margin-top:10px;}
.detaildiv
{ width:50%; height:auto;  float:left;  font-size:16px; line-height:27px; margin-top:10px;  border-right:#ededed solid 1px;
}
.detaildiv h3
{ font-size:40px; color:#000000;
    font-weight:normal;
    margin-bottom: 30px; line-height:45px;
}
.detaildiv h4
{font-size: 20px;
color:#0080c6; margin-bottom: 20px;font-weight:bold;
}


.xiangqing{ width:100%; float:left; background:#f0f0f0; height:43px; line-height:40px; border-top:#0080c6 solid 3px; margin-top:30px;}
.xiangqing h5{float:left; background:#0080c6; line-height:40px; border-top:#0080c6 solid 3px; font-size:17px; padding-left:20px; padding-right:20px; color:#FFFFFF; font-weight:normal; margin-bottom:20px;}

.xiangqing1{ width:100%; float:left; line-height:25px;  padding-top:30px;}
.xiangqing2{ width:1200px; float:left; line-height:25px; margin-bottom:50px; color:#bbbbbb}

.nr3{ float:right; width:48px; height:0px; position: relative;clear: both; z-index:100; }
.nnnn{ width:519px; height:395px; float:left}

.pppp{ border-top:#ededed solid 1px; float:left; padding-top:30px; text-align:center;width:100%;}
.pppp img{max-width:100%;height:auto;}


.cbc{ color:#000000; text-decoration:underline; float:left; width:510px;}
.cbc1{float:left; width:510px;}

.mm11 {
	line-height: 30px; float:left;

	text-align: center;
	width:150px;
	margin-top: 0px; font-style:normal; margin-right:10px;
} 

.mm11 a{ margin-bottom:20px;
	line-height: 30px; float:left;
	color: #fff;
	background:#b1b1b1;
	text-align: center;
	width:150px;
font-style:normal; margin-right:500px;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;
} 

.mm11 a:hover{
	line-height: 30px; float:left;
	color: #fff;
	background:#0080c6;
	text-align: center;
	width:150px;
 font-style:normal; margin-right:500px; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s; transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);} 


.mm22{
	line-height: 30px; float:left; 

	text-align: center;
	width:150px;
	margin-top: 0px; font-style:normal; 
} 

.mm22 a{ margin-bottom:20px;
	line-height: 30px; float:left;
	color: #fff;
	background:#0080c6;
	text-align: center;
	width:150px;
font-style:normal; margin-right:500px;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;
} 

.mm22 a:hover{
	line-height: 30px; float:left;
	color: #fff;
	background:#28a049;
	text-align: center;
	width:150px;
 font-style:normal; margin-right:500px; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s; transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);} 


.aak{width:122px;height:36px;line-height:36px;text-align:center;background:#015198;color:#fff;border:0px;}

.pnpage{ width:100%; float:left; padding-bottom:0px; padding-top:40px; margin-top:20px; border-top:#e4e4e4 solid 1px;}
.pnpage1{ width:400px; float:left; text-align:left;}
.pnpage2{ width:400px; float:right; text-align:right}
.pnpage3{ width:340px; float:left; text-align:center;}






/*可持续性发展*/
.yy{width:100%; float:left;    border-bottom:#e9e9e9 solid 1px; padding-bottom:50px; padding-top:50px;}

.yy1{ float:left; width:44%; height:300px; overflow:hidden }
.yy1 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.yy1 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.yy2{ width:51%; float:right;}
.yy2 h3{width:100%; height:220px; float:left; font-size:25px; color:#000; font-weight:normal; line-height:80px; text-align:left}
.yy2 h3 span{width:100%; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}

.yy2 h5{width:100%;  float:left; font-size:25px; font-weight:normal; line-height:80px; text-align:left; color:#000;}
.yy2 ul{ float:left; }
.yy2 ul li{float:left; line-height:22px; padding-bottom:15px; font-size:15px; width:530px;}
.yy2 ul li a{ float:left; }
.yy2 ul li a:hover{ float:left; color:#0080c6;-moz-transition: all .3s ease 0s;-ms-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;-webkit-transition:all .3s ease 0s; padding-left:5px;}

.yy3{ float:right; width:44%; height:300px; overflow:hidden }
.yy3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.yy3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.yy4{ width:51%; float:left;}
.yy4 h3{width:100%; height:220px; float:left; font-size:25px; color:#000; font-weight:normal; line-height:80px; text-align:left}
.yy4 h3 span{width:100%; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}

.m3{background:#fff; border:#1e64c9 solid 1px; width:130px;line-height:32px; float:left;color:#1e64c9; text-align:center; 
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:32px; margin-top:10px; }

.m3 a{border-radius:0px; width:130px;line-height:32px; float:left; color:#1e64c9;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:32px;  }
.m3 a:hover{ 
	background:#f0f0f0\9;color: #fff;}
	
.m3:after{content:'';position:absolute;height:100%;width:0;background:#1e64c9;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; color: #fff;}
.m3:hover:after,.ydao ul li.cur:after{width:100%;color: #fff!important;}

.y_1{ width:250px; float:left; color:#FFFFFF; font-size:15px; line-height:25px; }
.y_1 h4{ width:250px; float:left; color:#FFFFFF; font-size:37px; font-weight:normal; line-height:70px!important; padding-top:45px;}
.y_1 a{ color:#FFFFFF;}


/*REACH*/
.imglist4 ul li{text-align:center;float:left;display:inline;width:220px;height:300px; margin:20px 20px;overflow:hidden; border: #e4e4e4 1px solid;background:#FFF; padding:10px; border-radius:5px;}
.imglist4 ul li img{background:#FFF; width:220px; height:300px;}


/*人力资源*/
#f8-1{ width:100%;
height:145px;
float:left;
background:#28292e;
}

.zz5{  float:left; }

.zz5 a{ color:#0080c6; float:left;  line-height:50px; font-weight:900; 
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;}


.zz5 a:hover{ 
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;}
	
.zz6{float:left; }


.zz6 a{  color:#000; float:left;  line-height:50px;
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;}


.zz6 a:hover{
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;}




/*内页联系我们*/
.ny_ly_con_l{float:left;width:60%;}
.ny_ly_con {width:36%; float:right; padding-top:60px; padding-bottom:50px;}
.ny_ly_con img{width:124px !important;height:auto;}

.kuang1 {
	line-height: 40px;
	height: 40px;
	width: 100%;
	background:#e2e2e2; border:#e2e2e2  solid 1px;
	color: #000;
	font-family:microsoft yahei;
	padding-left: 20px;
	margin: 5px;
}.font7 table tr td img {
	float: left;
	height: 52px;
	width: 166px;
}
.kuang3 {
	line-height: 40px;
	height: 40px;border:#e2e2e2  solid 1px;
	width: 150px;		background:#e2e2e2;

	color: #000;
	font-family:microsoft yahei;
	padding-left: 20px;
	margin: 5px;
}
.kuang2 {
	line-height: 28px;
	height:100px;border:#e2e2e2  solid 1px;
	width: 100%;		background:#e2e2e2;
color: #000;
	font-family:microsoft yahei;
	padding-left: 20px;
	margin: 5px;
}
.ann {
	line-height: 40px;
	color: #FFF;
	background-color: #0080c6;
	text-align: center;
	height: 40px;
	width: 198px;
	font-family:microsoft yahei;
	font-size: 15px;
	border: 1px solid #1e64c9;
	margin-top: 15px; margin-left:5px;
}



.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
.nypro span.current,.nypro a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;font-size:14px;}
.nypro span.current,.nypro a.num:hover { background:#f0f7fc; border:#208d3e 1px solid; color:#208d3e;font-size:14px;}
.nypro a.num,.nypro a.end,.nypro a.next,.nypro a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;font-size:14px;}
.nypro a.end,.nypro a.next,.nypro a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;font-size:14px;}
.nypro a.prev { margin:0 5px;font-size:14px;}

.newspage {
 width:100%; PADDING-TOP: 40px; TEXT-ALIGN: center; float:left;padding-bottom:0px;
}
.newspage A { 
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; FONT: 12px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
.newspage A:hover {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #4e4e4e; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage A:active {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #4e4e4e; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.current {
BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #4e4e4e; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.disabled {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}