* { box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-text-size-adjust: none; outline: none; }

/* 通用滚动条代码 */
::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #555;
}


body{-webkit-text-size-adjust:none; margin:0px; padding:0px}
body {color: #181818;font-size: 16px;line-height: 1.5; padding: 0px; margin: 0px;font-family:"Microsoft YaHei","Shonar Bangla","Arial"}

img { vertical-align: top}
a,
a:hover {color: inherit;text-decoration: none;}

ul,li {list-style: none;}

li{ list-style:none; margin:0px; padding:0px}

a:hover {text-decoration: none;}
div,p,h1,h2,h3,h4,h5,h6,ul,dl,dd,dt,li {margin: 0px;padding: 0px;}
img {border: 0; vertical-align:top}

a {-webkit-transition:color 0.3s ease 0s;transition:color 0.3s ease 0s; text-decoration:none}
a:hover, a:focus, a:active, a:visited {text-decoration: none; outline: none; }
.space1{ overflow:hidden; clear:both; height:10px; width:100%}
.space2{ overflow:hidden; clear:both; height:20px; width:100%}
.space3{ overflow:hidden; clear:both; height:30px; width:100%}
.space4{ overflow:hidden; clear:both; height:40px; width:100%}

.main_box{ max-width:1470px; overflow:hidden; width:94%; margin:0 auto;}



#fixed_1{ width:100%; height:650px ;background-size:cover; background:#005b9a; position: relative}






@media only screen and (max-width:1500px) {
.main_box{ max-width:1300px; overflow:hidden; width:94%; margin:0 auto;}	
#fixed_1{ width:100%; height:550px}

}

@media only screen and (max-width:1300px) {
.main_box{ max-width:1200px; overflow:hidden; width:94%; margin:0 auto;}
#fixed_1{ width:100%; height:450px ;}
}

@media only screen and (max-width:1000px) {
.space2{ overflow:hidden; clear:both; height:10px; width:100%}
.space3{ overflow:hidden; clear:both; height:10px; width:100%}
.space4{ overflow:hidden; clear:both; height:20px; width:100%}
#fixed_1{ width:100%; height:350px ;}

}
@media only screen and (max-width:800px) {
#fixed_1{ width:100%; height:280px ;}
}
.hui_bg{ background:#F6F6F6; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
.bai_bg{ background:#ffffff; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }


@media only screen and (max-width:1400px) {
.hui_bg{ background:#F6F6F6; width:100%; padding:60px 0px 60px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
}


@media only screen and (max-width:1100px) {
.hui_bg{ background:#F6F6F6; width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
}


.sy_ad_txt{ padding: 0px; overflow: hidden; width: 100%; float: left;height:auto; left:0;position: absolute; z-index: 4;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}
.sy_ad_txt h3{padding: 0px; overflow: hidden; color: #fff;font-size: 25px; max-width:90%; width: 1660px; margin: 0 auto;text-align: left;font-weight: normal}
.sy_ad_txt h3 span{font-size: 40px;display: block; font-weight: bold; }
.sy_ad_txt h4{padding: 0px; overflow: hidden;font-weight: normal }

.M_btn_k{ width:140px;text-align: center; margin-top: 20px}

@media only screen and (max-width:1300px) {
	.sy_ad_txt h3{font-size: 20px;  }	
	.sy_ad_txt h3 span{font-size: 30px;}
}

@media only screen and (max-width:800px) {
.M_btn_k{ width:100px;text-align: center; margin: 0 auto;margin-top: 10px}
.sy_ad_txt h3{font-size: 18px; text-align: center;  margin-top: 5px}		
.sy_ad_txt h3 span{font-size: 25px;}
.M_btn_k .btn_an1{font-size:14px;color: #fff;line-height:30px;letter-spacing: 0px; border:#fff 1px solid; border-radius:50px;  text-align:center;  font-weight:300;}

}

@media only screen and (max-width:700px) {
.sy_ad_txt h3{font-size: 16px; text-align: center; line-height: 180%}		
.sy_ad_txt h3 span{font-size: 20px;}

}

@media only screen and (max-width:550px) {
	
.sy_ad_txt h3 span{font-size: 18px; display: inline-block}
}



.actGotop{position:fixed;_position:absolute;bottom:60px;right:2%;width:40px;height:40px;display:none; z-index:9999}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:inline-block; text-align:center; background:#005cbb; border-radius:50% }
.actGotop a:hover{ background:#22a565;outline:none; background-size:25px 25px;}

.actGotop a i{color: #fff; font-size: 28px; line-height: 40px; vertical-align: middle}

/*---------智慧运维---------------*/
.zhyw_bg{overflow:hidden;background:url(../images/zhyw_bg.jpg) no-repeat top fixed; background-size:cover;  position: relative; min-height: 750px }

.zhyw_masks{ position: absolute; z-index: 1; width: 100%; background:rgba(0, 0, 0, 0.3); top:0; left: 0; height: 100%; padding: 0px;  margin: 0px}

.zhyw_L{ width: 49%;float: left; margin: 0px; padding: 0px; overflow: hidden; position: relative; z-index: 3}
.zhyw_R{ width: 49%;float: right; margin: 0px; padding: 0px; overflow: hidden;position: absolute; z-index: 4;top:0;left:51%; height: 100%}

.zhyw_dv{max-width: 720px; float: right; overflow: hidden; margin-top: 18%;}


#player{ margin: 0px; padding: 0px; }


.zhyw_navlist{ margin: 0px; padding: 0px; position: relative; height:100%}
.zhyw_navlist a{display: inline}
.zhyw_navlist li{margin: 0px; padding: 0px;  overflow: hidden; height:100%;float: left; width: 50%;position: relative;}

.zhyw_navlist a:nth-child(2) li{ border-left:rgba(255, 255, 255, 0.3) 1px solid; border-right:rgba(255, 255, 255, 0.3) 1px solid;}

.zhyw_navlist li dl{margin: 0px; padding: 0px;  text-align: center; position: absolute; left: 0px;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index: 5; width: 100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.zhyw_navlist li dl dt{margin: 0px; padding: 0px;  overflow: hidden;color: #fff;font-size:18px;  text-align: center; margin-bottom: 20px }
.zhyw_navlist li dl dt img{ width: 70px; height: 70px; vertical-align: top}
.zhyw_navlist li dl dd {margin: 0px; padding: 0px;  overflow: hidden; color: #fff;  text-align: center;font-size: 14px; line-height: 190%}

.zhyw_navlist li:hover{background:rgba(0, 0, 0, 0.2); backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);	}
.zhyw_navlist li:hover dl{ top: 46%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1450px) {
.zhyw_bg{min-height: 650px }
.zhyw_dv{max-width: 720px; width: 90%; float: right; overflow: hidden; margin-top: 18%; margin-right: 2%}
.zhyw_navlist li dl dt img{ width: 60px; height:60px; vertical-align: top}
}

@media only screen and (max-width:1300px) {
.zhyw_bg{min-height: 500px }
.zhyw_navlist li dl dt{font-size:16px;  text-align: center; margin-bottom: 20px }

}

@media only screen and (max-width:1100px) {
.zhyw_navlist li dl dt img{ width: 60px; height: 60px; vertical-align: top}
.zhyw_navlist li dl dt{font-size:16px;  text-align: center; margin-bottom: 20px }
.zhyw_bg{background:url(../images/zhyw_bg.jpg) no-repeat center; background-size:cover;min-height: 420px }

}

@media only screen and (max-width:1000px) {
.zhyw_bg{min-height: 220px; height: auto}
.zhyw_navlist li dl dt{font-size:16px;  text-align: center; margin-bottom:10px }
.zhyw_dv{max-width: 720px; width: 94%; float: none; overflow: hidden;  margin-right:0; margin: 0 auto;margin-top: 40px; height: auto; margin-bottom:40px}
	
.zhyw_L{ width: 100%;float:left;top:0; margin: 0px; padding:0px; overflow: hidden; position: relative; z-index: 3;}
.zhyw_R{ width: 100%;float:left; margin: 0px; padding: 0px; overflow: hidden;position:relative; z-index: 4;left:0; height:auto;}
	
.zhyw_navlist li{ padding:20px 0px 0px 0px; overflow: hidden; height: 130px}	
.zhyw_navlist li dl{margin: 0px; padding:0px 5px;  text-align: center; position: inherit; left: 0px;top: inherit;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0); z-index: 5;}	
.zhyw_navlist li dl dt img{ width:40px; height: 40px; vertical-align: top;top: 0px}
}

.pc_k{display: block}
.wap_k{display: none}


@media only screen and (max-width:1000px) {
	.wap_k{display: block}
	.pc_k{display: none}
.zhyw_navlist li dl dt{font-size: 14px}
.zhyw_masks{background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));} 
.zhyw_navlist li{border-top:rgba(255, 255, 255, 0.3) 1px solid;}
.zhyw_navlist li:hover dl{ top: 0;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
}


@media only screen and (max-width:600px){
	.zhyw_dv{margin-top:30px; height: auto; margin-bottom:30px}
}



/*---------news---------------*/
.sy_news_L{ overflow:hidden; float:left; width:49%; background:#FDFDFD; margin:0% 0 1% 0;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}	
.sy_news_R{ overflow:hidden; float: right; width:49%;}		
.sy_news_L a{ display:inline}
	
.sy_newtu{ overflow:hidden; margin:20px;}	
.sy_newtt{overflow:hidden; padding:10px 0px; margin:0px;}
.sy_newtt dl{ overflow:hidden; padding:0px 0px; margin:0px;}	
.sy_newtt dl dt{ overflow:hidden; padding:0px; margin:0px; font-size:20px;  line-height: 30px; color:#222;white-space:nowrap;text-overflow:ellipsis; margin-bottom: 5px}	
.sy_newtt dl dd{ overflow:hidden; padding:0px; margin:0px; line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#888; font-size:16px}		
.sy_date{ overflow:hidden; float:left; width:60px; margin-right:30px; font-family: 'BEBAS';}	
.sy_date { font-size:18px; line-height:34px; text-align:center; color:#888}	
.sy_date p{ font-size:14px; line-height:24px; padding:0px; margin:0px; border-top:#ddd 1px solid;color:#888}		
	
.sy_newsimg{ width:100%; overflow:hidden; position:relative; margin-bottom:10px}
.sy_newsimg img{height:auto; width:100%; overflow:hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}	
	


.img_box{overflow: hidden; position: relative; margin-bottom: 18px}
.img_box .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.img_box .product_img img{display: block;width: 100%;height:auto; vertical-align: top}
.img_box:hover .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}



.sy_news_L:hover .sy_newtt dl dt{ color:#006fce}	
.sy_news_L:hover .sy_newtt dl dd{ color:#555}	

.sy_news_L:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}

.sy_newslist{ overflow:hidden; margin:0px; padding:0px}
.sy_newslist li{ overflow:hidden; margin:0px; list-style:none; margin-bottom:15px; background:#FDFDFD; padding:7px 10px ;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.sy_newslist li a{ display:inline}

.sy_newslist li:hover .sy_newtt dl dt{ color:#fff}	
.sy_newslist li:hover .sy_newtt dl dd{ color:#fff}	
.sy_newslist li:hover{ background:#006fce; }
.sy_newslist li:hover .sy_date{ color:#FFFFFF }
.sy_newslist li:hover .sy_date p{ color:#FFFFFF }

@media (max-width:1550px) {
.sy_news_L{ overflow:hidden; float:left; width:50%;}	
.sy_news_R{ overflow:hidden; float: right; width:48%;}	
}

@media only screen and (max-width:1500px) {
.img_box .product_img img{ height: 388px}	
	
.sy_newtt dl dt{font-size:18px;  line-height: 30px; }	
.sy_newtt dl dd{line-height:24px;font-size:16px}	
	
}
@media only screen and (max-width:1400px) {
.sy_newtt dl dt{font-size:16px;  line-height: 30px;}	
.sy_newtt dl dd{line-height:24px;font-size:14px}		
}
@media only screen and (max-width:1300px) {
	.img_box .product_img img{ height: 356px}	
.sy_newslist li{margin-bottom:12px; background:#FDFDFD; padding:5px 10px ;}		
}

@media only screen and (max-width:1030px) {
.sy_newtt dl dt{ line-height:26px;}	
.sy_newtt dl dd{line-height:22px;}
	
.img_box .product_img img{ height: 304px}	
.sy_newslist li{margin-bottom:10px; background:#FDFDFD; padding:3px 10px ;}		
.sy_date { line-height:30px;margin-right:20px; }	
.sy_date p{ line-height:22px;}		
	
}
@media only screen and (max-width:900px) {
.sy_news_L{ overflow:hidden; float:left; width:55%;}	
.sy_news_R{ overflow:hidden; float: right; width:43%;}	
	
}

@media (max-width:800px) {
.sy_news_L{ overflow:hidden; float:left; width:100%; background:#FDFDFD; margin:0% 0px 20px 0px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}	
.sy_news_R{ overflow:hidden; float:left; width:100%;}	
.sy_newsimg{ height:auto; width:100%; overflow:hidden; position:relative; margin-bottom:10px}
.sy_newsimg img{max-height:auto; width:100%; height:auto;overflow:hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}	
.img_box .product_img img{ height: auto}		
}






/*-----------ser---------------*/
.ser_fw{ overflow:hidden; display:block;padding: 80px 0 80px;}
.ser_fw{overflow:hidden;background:url(../images/ser_bg1.jpg) no-repeat center fixed; background-size:cover;  position: relative; }

.ser_zc_box{overflow:hidden; margin:0px;padding: 0px; min-height: 650px; position: relative}

.fuwu_box{overflow:hidden; margin:0px;padding: 0px; width: 45%;left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}
.fuwu_box dl{overflow:hidden; margin:0px;padding: 0px;}
.fuwu_box dl dt{overflow:hidden; margin:0px;padding: 0px;font-size: 25px; line-height: 180%;color: #fff}

.fuwu_btn_k{ width:160px;text-align: center; margin: 20px 0px  30px 0px}
.btn_an1{font-size:16px;color: #fff;line-height:40px;letter-spacing: 0px; border:#fff 1px solid; border-radius:50px;  text-align:center;  font-weight:300;}

.btn_an1:hover{ background: #fff; color: #22a565}

.fuwu_tel_box{font-size:40px;color: #fff;letter-spacing: 2px; font-weight:300;font-family:'AVGBBT';}
.fuwu_tel_box i{ margin-right: 5px}

@media only screen and (max-width:1450px) {
.ser_zc_box{min-height: 500px}	
.fuwu_box dl dt{font-size: 22px; }
}
@media only screen and (max-width:1300px) {
.fuwu_box{ width: 50%;}
.fuwu_box dl dt{font-size: 20px; }
.ser_zc_box{min-height: 400px}	
.fuwu_tel_box{font-size:30px;}

}


@media only screen and (max-width:1200px) {
.ser_fw{background:url(../images/ser_bg1.jpg) no-repeat center; background-size:cover;}
.fuwu_box{ width: 60%;}
.fuwu_box dl dt{font-size:18px; }
.fuwu_tel_box{font-size:26px;}
.ser_zc_box{min-height: 300px}	
}

@media screen and (max-width:1100px) {
.fuwu_box dl dt{font-size:16px; }
.ser_fw{padding: 40px 0 40px;}
.fuwu_box{ width: 80%; margin: 0 auto; float: none; margin-left: 10%}
.ser_zc_box{min-height: 260px}
.fuwu_btn_k{ width:120px;text-align: center; margin: 20px 0px  20px 0px}
.M_btn_k{font-size:14px;line-height:36px;}
}

@media screen and (max-width:800px) {
.fuwu_tel_box{font-size:22px;}
.fuwu_btn_k{ width:100px;text-align: center; margin: 20px 0px  20px 0px}

.fuwu_btn_k .btn_an1{font-size:14px;color: #fff;line-height:30px;letter-spacing: 0px; border:#fff 1px solid; border-radius:50px;  text-align:center;  font-weight:300;}
}
@media screen and (max-width:600px) {
.fuwu_box{ width: 90%; margin: 0 auto; float: none; margin-left: 5%}
.ser_zc_box{min-height: 300px}
}

/*----------ser----//-----------*/



/*-----------hz---------------*/

.hz_bg{background:#f5f5f5 url("../images/map-bg.png") no-repeat center; background-size: 95%}
.hzkf{ overflow:hidden; display:block;padding: 80px 0 80px;}

.hzhf_list{ overflow:hidden; margin-top: 60px;padding: 0px}
.hzhf_list li{ float:left; width:15%; margin-right:2%; overflow:hidden; margin-bottom:2%; padding: 0px; list-style: none}
.hzhf_list li:nth-child(6n+0){ margin-right:0;}
.hzhf_list li .imgs{ overflow:hidden; position:relative; padding-top:42%;}
.hzhf_list li .imgs img{
display: block;width: 100%; height:100%;
 position:absolute; left:0; top:0;-webkit-transform:scale(1);
  -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);
  -webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;
  }
.hzhf_list  li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

@media screen and (max-width:1100px) {
.hzhf_list{ overflow:hidden; margin-top: 30px;padding: 0px}
.hzkf{ overflow:hidden; display:block;padding: 40px 0 40px;}
}
@media screen and (max-width:700px) {	
.hzhf_list li{ width:23.5%;margin-right:2%;}
.hzhf_list li:nth-child(6n+0){ margin-right:2%;}
.hzhf_list li:last-child{margin-right:0%;}
.hzhf_list li:nth-child(4n+0){ margin-right:0%;}
	
.hz_bg{background-size:cover}
}

@media screen and (max-width:400px) {
.hzhf_list li{ width:32.64%;margin-right:1%;}
.hzhf_list li:nth-child(4n+0){ margin-right:1%;}
.hzhf_list li:nth-child(6n+0){ margin-right:0%;}
.hzhf_list li:nth-child(3n+0){ margin-right:0%;}
.hzhf_list li:last-child{margin-right:0%;}
}


@media screen and (max-width: 360px) {
.hzhf_list li{ width:48.9%; margin-right:2%}

.hzhf_list li:nth-child(3n+0){ margin-right:2%;}
.hzhf_list li:nth-child(4n+0){ margin-right:0%;}
.hzhf_list li:nth-child(6n+0){ margin-right:0%;}
.hzhf_list li:nth-child(2n+0){ margin-right:0%;}
.hzhf_list li:last-child{margin-right:0%;}
}

/*-----------hz-----//---------*/


 /* ---footer---------- */
.foot_cop_bg{background: #333333; overflow: hidden; margin: 0px; padding: 15px 0px; border-top: 1px solid #444}
.foot_cop_xx{ font-size: 14px;line-height: 22px;color: #999;}
.foot_cop_nav{ overflow: hidden; margin: 0px; padding:0px;float: right;display: inline-block;}



.foot_bg{background: #333333;color: #ffffff; overflow: hidden; margin: 0px; padding: 60px 0px;}
.foot_nav_L{color: #ffffff; overflow: hidden; margin: 0px; padding:0px;float: left; width: 70%}
.foot_nav_R{color: #ffffff; overflow: hidden; margin: 0px; padding:0px;float: right; width: 30%}

.foot_nav_L li{overflow: hidden; margin: 0px; padding:0px;float: left; width: 16.666%; display: block}
.foot_nav_L li dl{overflow: hidden; margin: 0px; padding:0px;}
.foot_nav_L li dl dt{overflow: hidden; margin: 0px; padding:0px; line-height: 30px; font-size: 17px;font-weight: 700}
.foot_nav_L li dl dd{overflow: hidden; margin: 0px; padding:0px; line-height: 30px; margin-top: 15px; font-size: 16px;}
.foot_nav_L li dl dd a{color: #999;}
.foot_nav_L li dl dt a{color: #ffffff;}
.foot_nav_L li dl dd a:hover{color: #005cbb;}
.foot_nav_L li dl dt a:hover{color: #005cbb;}

.foot_nav_R{overflow: hidden; margin: 0px; padding:0px;}
.foot_nav_R dl{overflow: hidden; margin: 0px; padding:0px; text-align: right}
.foot_nav_R dl dt{overflow: hidden; margin: 0px; padding:0px; text-align: right; margin-bottom: 6px}
.foot_nav_R dl dd{overflow: hidden; margin: 0px; padding:0px; font-size: 14px;line-height: 26px;color: #999;}

.d_tel{font-size: 26px;letter-spacing: 2px;font-family: 'AVGBBT'; color: #22a565}

.foot_logo{ overflow: hidden; margin: 0px; padding:0px; text-align: right; margin-bottom: 5px}
.foot_logo img{ height: 50px; width: auto; vertical-align: top}


.foot_2wm_box{overflow: hidden; margin: 0px; padding:0px;text-align: right; padding-top: 20px}
.foot_2wm{overflow: hidden; margin: 0px 10px; padding:0px;  display: inline-block} 
.foot_2wm p{overflow: hidden; margin: 0px; padding:0px;text-align: center;font-size: 14px; line-height: 30px;}
.foot_2wm img{ width: 110px; height: 110px; vertical-align: top; border-radius: 8px;}


@media screen and (max-width: 1200px) {
.foot_nav_L li dl dt{overflow: hidden; margin: 0px; padding:0px; line-height: 30px; font-size: 16px;font-weight: 700}
.foot_nav_L li dl dd{overflow: hidden; margin: 0px; padding:0px; line-height: 24px; margin-top: 5px; font-size: 14px;}
.foot_nav_L{width: 68%}
.foot_nav_R{ width: 32%}
.foot_2wm img{ width: 100px; height: 100px; vertical-align: top; border-radius: 8px;}
.foot_bg{ padding: 40px 0px;}

}
.d_logo_k{display: none; margin-bottom: 20px}
@media screen and (max-width: 1000px) {
.foot_2wm:nth-child(2){display: none}

.foot_nav_L li{overflow: hidden; margin: 0px; padding:0px;float: left; width: 33.333%; display: block}
.foot_nav_L{width: 100%; margin-bottom: 15px}
.foot_nav_R{ width: 100%; display: none}
.d_logo_k{display: block}	
.foot_logo{ overflow: hidden; margin: 0px; padding:0px; text-align: center; margin-bottom: 5px}	
.foot_nav_R dl dt{text-align: center}
.foot_nav_R dl{overflow: hidden; margin: 0px; padding:0px; text-align: center}
.foot_2wm_box{overflow: hidden; margin: 0px; padding:0px;text-align: center; padding-top: 20px}	
	
.foot_bg{ padding: 30px 0px;}
}
@media screen and (max-width: 750px) {
.foot_cop_nav{ overflow: hidden; margin: 0px; padding:0px;float: none;display:block; text-align: center}	
	.foot_cop_xx{text-align: center}
	.foot_logo img{ height: 30px; width: auto; vertical-align: top}
}


 /* ---footer--//------ */




  /* --back_top------- */
.b-top {
  position: fixed;
  right: 5%;
  bottom: 80px;
  z-index: 9;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(55, 55, 55, 0.3);
  border-radius: 5px;
  line-height: 39px;
  width: 39px;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: 0px 0;
  transform: translate3d(0, 0, 0) scale(0);
  pointer-events: none;color: #0150b2;
}
.b-top:before {
  content: '';
  width: 39px;
  height: 39px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px;
}
.b-top:hover {background-color: #fff; color: #0150b2;width: 39px;padding: 0;}
.b-top.active {transform: translate3d(0, 0, 0) scale(1);pointer-events: all;}

  /* --back_top--//--- */





.sub_banner {
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s;
}

.sub_banner .s {
  width: 100%;
  height: auto;
  position: relative;
}

.sub_banner img {
  opacity: 0;
  visibility: hidden;
  filter:contrast(2.5) brightness(2.5);
  -webkit-transition: all 1s;
  -webkit-transform: scale(1.05); 
}


.sub_banner.active img {
  filter: contrast(1) brightness(1);
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);width:100%;height: auto;
}

.nr_lmbox{padding-top:0px;position: absolute; z-index:2;left: 0px;height: 100%; width: 100%; opacity: 1; background:rgba(0, 0, 0, 0.0);}


.nr_lm_txt_K{margin: 0 auto;overflow: hidden;}


.nr_lm_txt{position: absolute;  height: auto;left:0; width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index:auto;}

.nr_lm_txt{padding:0px;overflow: hidden; }
.nr_lm_txt dl {max-width: 1470px;width: 94%; margin: 0 auto}
.nr_lm_txt dl dt{padding: 0px;margin: 0;overflow: hidden;font-size:40px; color: #fff; line-height:52px;padding-bottom: 8px;font-weight: 700;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); position: relative}
.nr_lm_txt dl dd{padding: 0px;margin: 0;overflow: hidden;font-size:30px; color: #21a464;line-height:36px;font-weight: 400;text-transform: capitalize;    font-family:  "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";     letter-spacing: -0.5px;}

.nr_lm_txt dl dt::after{ position: absolute; z-index: auto; content: ""; height: 2px; width: 156px; background: #21a464; bottom: 0px; left: 0px}
@media (max-width: 1300px) {
	.nr_lm_txt dl dd{font-size:22px;}
	.nr_lm_txt dl dt{font-size:30px; }
	.nr_lm_txt dl dt::after{ width: 120px; }
}
@media (max-width: 800px) {
.nr_lm_txt dl dt{font-size:26px; line-height: 28px;text-align: center;color: #fff }	

.nr_lm_txt dl dd{font-size:18px; line-height: 30px;text-align: center;color: #fff  }
	
	.nr_lm_txt dl dt::after{ position: absolute; z-index: auto; content: ""; height: 2px; width: 104px; background: #fff; bottom: 0px; left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}
 }



.dh_box{ overflow:hidden; line-height:40px;font-size:14px;color:#666; background: #f5f5f5}
.wzdh_k{ overflow:hidden; line-height:40px;font-size:14px;color:#666}
.wzdh_k span a{ font-size:14px; color:#666}
.wzdh_k i{ margin-right:3px;color:#666;font-size:16px;}

.content_bt{ width:100%; line-height:34px; font-size:34px;margin-bottom:15px; color:#222; text-align:center; }
.content_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; line-height:25px; text-align:center; overflow: hidden; margin-bottom: 20px}
.i_date{margin-right:5px;}
.i_from{ margin-right:5px}
.i_View{}


.side_ConR{ margin:0px; padding:55px 6% 50px 6%; overflow:hidden;background:#fff;}

@media only screen and (max-width:980px) {
.side_ConR{ margin:0px; padding:30px 4% 30px 4%; overflow:hidden; background:#fff}
}



.news_title_bt{ width:100%; line-height:34px; font-size:24px;margin-bottom:15px; color:#222;}

.content_time i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300}

.content_txt{line-height:190%; color:#333333; font-size:16px; overflow:hidden; padding:0px; text-align:justify}
.content_txt p{line-height:190%; color:#333333; font-size:16px; overflow:hidden;}
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}


.content_img{overflow:hidden; width:100%; text-align:center}
.content_img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content_txt table{ table-layout: fixed;word-break: break-all; }
.content_txt table td{border:1px solid #999}
.content_txt table{border:1px solid #999} 

.main_inbox{ overflow:hidden;  margin:0px; padding:40px 5% 40px 5%;}
@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
}

@media (max-width: 1400px) {
.content_txt{line-height:190%; color:#333333; font-size:14px; overflow:hidden; padding:0px;}
.content_txt p{line-height:190%; color:#333333; overflow:hidden;}
}
@media (max-width: 1300px) {
.content_txt{font-size:14px; }	
.content_txt p{font-size:14px; }	
.content_time{ margin-bottom:15px}	
.content_bt{ font-size:24px;}
}
@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
.news_title_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;font-weight:bold;text-align: center }
.content_time{font-size:12px; }
.content_time i{ font-size:14px;}
.content_bt{ font-size:22px;}
}

@media screen and (max-width: 650px) {
.content_time{text-align: center}	
}



/*-----page------*/

.page_k{ text-align:center; padding:0px; font-size:14px;border-top:#CCCCCC 0px solid; margin-top:35px;}
.page_k a{ font-size:14px}
.page_k a:hover{ font-size:14px}


.post_prev_box{width: 100%; height: auto; margin: 0px; padding: 0px; margin-top:30px; margin-bottom: 20px; overflow: hidden;}

.post_prev{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: left;display: flex}
.post_prev .icon{width: 20px;line-height: 20px; position: relative;height: 20px;}
.post_prev .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block; line-height: 20px;font-size: 14px}
.post_prev .icon i{ font-size: 24px; line-height: 20px;color: #ccc; vertical-align: middle; margin-top: -5px}
.post_prev .icon::before{width:1px;height:14px;position:absolute;right:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_next{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: right;display: flex}
.post_next .icon{width: 20px; display:inline-block;line-height:20px; height: 20px; position:relative;float:right; text-align: right; margin-left: 5px}
.post_next .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;line-height: 20px; font-size: 14px}
.post_next .icon i{ font-size: 24px; line-height: 20px; vertical-align:top;color: #ccc; }
.post_next .icon::before{width:1px;height:14px;position:absolute;left:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 16px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 16px}

.post_prev:hover{ background: #005cbb}
.post_prev:hover a{ color: #fff}
.post_next:hover{ background: #005cbb}
.post_next:hover a{ color: #fff}

@media screen and (max-width: 1300px) {
	
.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 14px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 14px}	
}

@media screen and (max-width: 900px) {
.post_prev{width: 100%; margin-bottom: 15px}
.post_next{width: 100%;}
}



/*---------关于我们---------------*/
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; margin-bottom:20px}
.about_L_txt{ font-size:16px; line-height:220%;overflow:hidden; padding:0px; margin:0px;}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:46%; }
.about_R img{ width:100%; height:auto; vertical-align:top}

.gsjs_bt{font-size: 36px;width: 100%;margin: 0px 0px 25px 0px;line-height: 40px; color:#111;font-weight: bold}

@media screen and (max-width: 1400px) {
.gsjs_bt{font-size: 30px;margin: 0px 0px 15px 0px;}	
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; margin-bottom:20px}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:47%; }
}
@media screen and (max-width: 1200px) {
.gsjs_bt{font-size: 25px;margin: 0px 0px 15px 0px;text-align: center}	
.about_L{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; margin-bottom:20px}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; }
}

.dm_culture{overflow:hidden;background:url(../images/hw_bg.jpg) no-repeat center top; background-size:cover; min-height: 750px; position: relative}

.dm_wh_box{ position: absolute; z-index: 2;float: left;width: 100%; height:100%; padding: 0px; margin: 0px;left:0; top: 0;}
.dm_wh_box li{ width: 33.333%;float: left; position: relative; height: 100%; overflow: hidden}
.dm_wh_box li dl{ padding: 50px 10px; margin: 0px; text-align: center; left: 0;top: 50%; position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index: 5; width: 100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.dm_wh_box li dl dt{ padding: 0px; margin: 0px; text-align: center; margin-bottom: 10px}
.dm_wh_box li dl dd{ padding: 0px; margin: 0px; text-align: center;font-size: 18px; line-height: 30px;color: #fff}
.dm_wh_box li dl dt h3{font-size: 25px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px;position: relative; color: #fff; margin-top: 5px}
.dm_wh_box li dl dt h3::after{ position: absolute; z-index: auto; content: ""; height: 3px; width: 50px; background: #fff; bottom: 0px; left: 0px; left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}
.dm_wh_box li dl dt img{ width:auto; height: 70px;vertical-align: top}
.dm_wh_box li:nth-child(2){ border-left:rgba(255, 255, 255, 0.3) 1px solid; border-right:rgba(255, 255, 255, 0.3) 1px solid;}


.dm_wh_box li:hover{ background:rgba(0, 0, 0, 0.2);}
.dm_wh_box li:hover dl{top: 46%; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.dm_wh_box li:hover dl dt img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


@media (max-width: 1400px) {
.dm_culture{min-height: 600px;}
.dm_wh_box li dl dd{font-size: 16px; line-height:24px;}
}

@media (max-width: 1300px) {
.dm_wh_box li dl dt img{ width:auto; height: 60px;vertical-align: top}
.dm_culture{min-height: 500px;}
}

@media (max-width: 1200px) {
	.dm_wh_box li dl dt h3{font-size: 22px;}
.dm_culture{min-height: 400px;}
}
@media (max-width: 1100px) {
.dm_wh_box li dl dt h3{font-size: 22px;}
.dm_culture{min-height: 360px;}
}

@media (max-width: 900px) {
.dm_wh_box li dl dt img{ width:auto; height:50px;vertical-align: top}
.dm_wh_box li dl dt h3{font-size: 20px; line-height: 24px}
.dm_culture{min-height: 300px;}
}
@media (max-width: 600px) {
.dm_wh_box li dl dd{font-size: 14px; line-height:22px;}
.dm_wh_box li dl dt h3{font-size: 18px;}
.dm_wh_box li dl dt img{ width:auto; height:40px;vertical-align: top}
	
}


.fzlc_bg{overflow:hidden;background:#f7f7f7 url(../images/bg_city.jpg) no-repeat top fixed; background-size:cover;}
@media (max-width: 1100px) {
.fzlc_bg{background:url(../images/bg_city.jpg) no-repeat center; background-size:cover;min-height: 420px }
}

/*---------关于我们--//-------------*/



.sy_title{ text-align:center; margin-bottom:20px}
.sy_title h3{ color: #222;font-size: 38px;line-height:46px; margin:0px; padding:0px; margin-bottom:10px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-weight: 600}
.sy_title .x_txt{ margin:0 auto;line-height: 30px;padding:0px 8px;font-size:16px; color: #666;  }

@media only screen and (max-width:1190px) {
.sy_title h3{ color: #222;font-size: 30px;line-height:36px;}
.sy_title .x_txt{font-size: 16px;line-height: 24px;}
.sy_title{ text-align:center; margin-bottom:20px}
}
@media only screen and (max-width:800px) {
.sy_title h3{ color: #222;font-size: 24px; line-height:28px;}
.sy_title .x_txt{font-size: 14px;}
}



/*---------新闻-----------------*/
.news_list_dm{overflow:hidden; padding: 0px; margin: 0px;}
.news_list_dm li a{display: inline}
.news_list_dm li{overflow:hidden; padding: 0px; margin: 0px; width: 32%;float: left; margin-right: 2%; margin-bottom:2%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.news_list_dm li dl{overflow:hidden; padding: 30px 30px; margin: 0px; background: #fff}
.news_list_dm li dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 22px; color: #222; line-height: 30px; height:60px;text-align: justify; margin-bottom: 5px}
.news_list_dm li dl dd{overflow:hidden; padding: 0px; margin: 0px;font-size: 16px; color: #888; line-height: 30px;white-space:nowrap;text-overflow:ellipsis;}

.news_list_dm li .img_box_wx{overflow: hidden; position: relative}
.news_list_dm li .img_box_wx .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.news_list_dm li .img_box_wx .product_img img{display: block;width:100%;height: auto; vertical-align: top}


.news_list_dm li:nth-child(1){ width: 100%;float: left; margin-right:0%; margin-bottom:4%; background: #fff; }
.news_list_dm li:nth-child(3n+1){margin-right:0%;}


.news_list_dm li:nth-child(1) .img_box_wx{ width: 48%;float:left; margin-right: 2%}

.news_list_dm li:nth-child(1) dl{ padding-top: 7%}
.news_list_dm li:nth-child(1) dl dt{border-bottom: 1px solid #e5e5e5;margin-bottom: 25px; font-size:28px;  max-height:85px;line-height:40px; height: auto;overflow: hidden;  padding-bottom: 10px;box-sizing:border-box;}
.news_list_dm li:nth-child(1) dl dd{ margin-bottom: 10px; max-height: 60px}



.news_list_dm li:hover .img_box_wx .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.news_list_dm li:hover dl dt{ color:#0161ba}
.news_list_dm li:hover dl dd{ color:#555}

.news_list_dm li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


.xw_time{overflow:hidden; padding: 0px; margin: 0px;font-size: 14px; color: #888; line-height: 26px;}
.xw_time i{ margin-right: 4px}


@media screen and (max-width: 1450px) {
.news_list_dm li:nth-child(1) dl dt{ font-size:22px;  max-height:75px;line-height:35px;}	
.news_list_dm li dl dt{font-size:20px;line-height: 30px;}	
}

@media screen and (max-width: 1300px) {
.news_list_dm li:nth-child(1) .img_box_wx{ width: 48%;float:left; margin-right: 1%}
.news_list_dm li:nth-child(1) dl{ padding-top:5%}	
.news_list_dm li dl dt{font-size:18px;line-height: 30px;}
	.news_list_dm li dl{overflow:hidden; padding: 25px 25px;}
}
@media screen and (max-width: 1000px) {
.news_list_dm li:nth-child(1) dl dt{ font-size:20px;  max-height:65px;line-height:30px; margin-bottom: 10px}	
.news_list_dm li:nth-child(1) .img_box_wx{ width: 50%;float:left; margin-right: 1%}
.news_list_dm li:nth-child(1) dl{ padding-top:2%}	
.news_list_dm li dl dt{font-size:16px;line-height: 24px; height:48px;}
.news_list_dm li dl{overflow:hidden; padding: 25px 25px;}
}

@media screen and (max-width:750px) {
.news_list_dm li{overflow:hidden; padding: 0px; margin: 0px; width:49%;float: left; margin-right: 2%; margin-bottom:2.5% }	
.news_list_dm li:nth-child(3n+1){margin-right:2%;}
.news_list_dm li:nth-child(2n+0){margin-right:0%;}
	
.news_list_dm li:nth-child(1){ width:49%;float: left; margin-right:2%; margin-bottom:2.5%; background: #fff}
.news_list_dm li:nth-child(1) .img_box_wx{ width: 100%;float: none; margin-right:0%}
.news_list_dm li:nth-child(1) dl{ padding-top:25px}
.news_list_dm li:nth-child(1) dl dt{border-bottom: 0px solid #e5e5e5;margin-bottom: 5px; font-size:16px;  max-height:48px;line-height:24px; height: 48px;overflow: hidden;  padding-bottom: 0px;}
.news_list_dm li:nth-child(1) dl dd{ margin-bottom:0px; max-height: 24px;font-size: 14px; line-height: 24px}
.news_list_dm li dl dd{font-size: 14px; line-height: 24px}	
}

@media screen and (max-width:600px) {
.news_list_dm li{overflow:hidden; padding: 0px; margin: 0px; width:100%;float: left; margin-right: 0%; margin-bottom:20px }	
.news_list_dm li:nth-child(3n+1){margin-right:0%;}
.news_list_dm li:nth-child(2n+0){margin-right:0%;}	
.news_list_dm li:nth-child(1){ width:100%;float: left; margin-right:0%; margin-bottom:20px; background: #fff}
.news_list_dm li:nth-child(1) dl dt{ height:24px;  height: auto;line-height: 24px}
.news_list_dm li dl dt{ height:24px; height: auto; line-height: 24px}
	
.news_list_dm li dl dd{ margin-bottom:0px; max-height: 48px;font-size: 14px; line-height: 24px;white-space:normal;text-overflow:inherit;}
.news_list_dm li:nth-child(1) dl dd{ margin-bottom:0px; max-height: 48px;font-size: 14px; line-height: 24px;white-space:normal;text-overflow:inherit;}
}




.news_list_tj{overflow:hidden; padding: 0px; margin: 0px;margin: 0 auto; width: 94%; background: #f5f5f5; margin-bottom: 10px}
.news_list_tj a{display: inline}
.news_list_tj dl{overflow:hidden; padding: 25px 25px; }
.news_list_tj dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 20px; color: #222; line-height: 30px; height:60px;text-align: justify; margin-bottom: 5px}
.news_list_tj dl dd{overflow:hidden; padding: 0px; margin: 0px;}

.news_list_tj .img_box_tj{overflow: hidden; position: relative}
.news_list_tj .img_box_tj .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}

.news_list_tj .img_box_tj .product_img img{display: block;width:100%;height: auto; vertical-align: top}

.news_list_tj:hover .img_box_tj .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.news_list_tj:hover dl dt{ color:#0161ba}
.news_list_tj:hover dl dd{ color:#555}

.news_list_tj:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #fff}



@media screen and (max-width: 1450px) {
.news_list_tj dl dt{font-size:20px;line-height: 30px;}	
}

@media screen and (max-width: 1300px) {
.news_list_tj dl dt{font-size:18px;line-height: 30px;}
}
@media screen and (max-width: 1000px) {
.news_list_tj dl dt{font-size:16px;line-height: 24px; height:48px;}
}

@media screen and (max-width:750px) {
.news_list_tj dl dd{font-size: 14px; line-height: 24px}	
}

@media screen and (max-width:600px) {
.news_list_dm li dl dt{ height:24px; height: auto; line-height: 24px}
.news_list_dm li dl dd{ margin-bottom:0px; max-height: 48px;font-size: 14px; line-height: 24px;white-space:normal;text-overflow:inherit;}
}

.xx_btn_k{width:140px; margin:0 auto; }
.xx_btn{ margin:0px; text-align:center; color:#005cbb;  border:#005cbb 1px solid; line-height:40px; height:40px; font-size:16px; border-radius:30px;}
 
.xx_btn_k:hover .xx_btn{ background:#22a565; color:#fff;border:#22a565 1px solid;}
.xx_btn i{ margin-right: 5px; font-size:18px; }


/*---------新闻--//-------------*/

/*---------社会责任-----------------*/
.news_zheren{overflow:hidden; padding: 0px; margin: 0px;}
.news_zheren li a{display: inline}
.news_zheren li{overflow:hidden; padding: 0px; margin: 0px; width: 32%;float: left; margin-right: 2%; margin-bottom:2%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;background: #f6f6f6}
.news_zheren li dl{overflow:hidden; padding: 30px 30px; margin: 0px;}
.news_zheren li dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 22px; color: #222; line-height: 30px; height:60px;text-align: justify;}
.news_zheren li dl dd{overflow:hidden; padding: 0px; margin: 0px;font-size: 16px; color: #888; line-height: 30px;white-space:nowrap;text-overflow:ellipsis;}

.news_zheren li .img_box_wx{overflow: hidden; position: relative}
.news_zheren li .img_box_wx .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.news_zheren li .img_box_wx .product_img img{display: block;width:100%;height: auto; vertical-align: top}

.news_zheren li:nth-child(3n+0){margin-right:0%;}


.news_zheren li:hover .img_box_wx .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.news_zheren li:hover dl dt{ color:#0161ba}
.news_zheren li:hover dl dd{ color:#555}

.news_zheren li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #fff}


@media screen and (max-width: 1450px) {
.news_zheren li dl dt{font-size:20px;line-height: 30px;}	
}

@media screen and (max-width: 1300px) {
.news_zheren li dl dt{font-size:18px;line-height: 30px;}
}
@media screen and (max-width: 1000px) {
	.news_zheren li dl{overflow:hidden; padding: 20px 20px;}
.news_zheren li dl dt{font-size:16px;line-height: 24px; height:48px;}
}

@media screen and (max-width: 750px) {
.news_zheren li{overflow:hidden; padding: 0px; margin: 0px; width: 49%;float: left; margin-right: 2%; margin-bottom:20px;}
.news_zheren li:nth-child(3n+0){margin-right:2%;}
.news_zheren li:nth-child(2n+0){margin-right:0%;}
}

@media screen and (max-width: 420px) {
.news_zheren li{overflow:hidden; padding: 0px; margin: 0px; width:100%;float: left; margin-right: 0%; margin-bottom:20px;}
.news_zheren li:nth-child(3n+0){margin-right:0%;}
.news_zheren li dl dt{font-size:16px;line-height: 24px; height:48px; height: auto}
}

/*---------社会责任---//--------------*/


/*---------服务理念---------------*/
.Service_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; margin-bottom:20px}
.Service_R { overflow:hidden; padding:0px; margin:0px; float: right; width:45%; position: relative}
.Service_R img{ width:100%; height:auto; vertical-align:top}

.Service_txt{overflow:hidden; padding:0px; margin:0px; }
.Service_txt dd{overflow:hidden; padding:0px; margin:0px;font-size: 20px; line-height: 180%}

.Service_tel_box{overflow:hidden; padding:0px; margin:0px; position: absolute; z-index: 2; bottom: 0px;right:0px ; width: 85%; background: #fff; border-bottom: 1px solid #22a565;box-shadow:0 0 10px 1px rgba(0,0,0,.1); margin-right: 10px}
.Service_tel_box dl{overflow:hidden; padding:30px 40px; margin:0px; text-align:center}
.Service_tel_box dl dt{overflow:hidden; padding:0px; margin:0px;}
.Service_tel_box dl dd{overflow:hidden; padding:0px; margin:0px;}

.Ser_tel_box{font-size:40px;letter-spacing: 2px; font-weight:300;font-family:'AVGBBT'; color: #005cbb;}
.Ser_tel_box a i{ margin-right: 5px;color: #22a565;font-size: 40px}
.Service_tel_box dl dd i{ margin-right: 5px;color: #22a565;}



@media screen and (max-width: 1400px) {
.Service_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:46%; margin-bottom:20px}
.Service_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:50%; }
}
@media screen and (max-width: 1200px) {
.Service_txt dd{overflow:hidden; padding:0px; margin:0px;font-size: 16px; line-height: 180%}
.Ser_tel_box{font-size:33px;}
.Ser_tel_box a i{ margin-right: 5px;color: #22a565;font-size: 30px}
.Service_L{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; margin-bottom:20px}
.Service_R{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; }
	
.Service_tel_box{overflow:hidden; padding:0px; margin:0px; position: absolute; z-index: 2; bottom: 0px;right:0px ; width: 80%; background: #fff; box-shadow:0 0 10px 1px rgba(0,0,0,.1); margin-right:10%;}
}

.set_list{ overflow:hidden; padding:0px; margin:0px; margin-top: 15% }
.set_list li{ overflow:hidden; padding:0px; margin:0px; width: 32%;float:left; margin-right: 2%;}
.set_list li dl{ overflow:hidden; padding:0px; margin:0px; }
.set_list li dl dt{ overflow:hidden; padding:0px; margin:0px; font-size: 22px; color: #222; margin-bottom:8px; text-align: center}
.set_list li dl dd{ overflow:hidden; padding:0px; margin:0px;font-size: 14px;color: #666; line-height: 180%}
.set_list li dl dt img{ width:60px; height: auto;vertical-align: top}

.set_list li:nth-child(3n+0){ margin-right:0%;}

@media screen and (max-width: 1200px) {
	.set_list li dl dt{font-size: 20px;}
	.set_list{margin-top: 40px }
}

@media screen and (max-width: 1000px) {
	.set_list li dl dt img{ width:50px; height: auto;vertical-align: top}
	.set_list li dl dt{font-size: 18px;}
.Service_tel_box{overflow:hidden; padding:0px; margin:0px; position: absolute; z-index: 2; bottom: 0px;right:0px ; width:92%; background: #fff; box-shadow:0 0 10px 1px rgba(0,0,0,.1); margin-right:4%;}
}
@media screen and (max-width: 600px) {
.set_list{margin-top: 30px }
.Ser_tel_box a i{ margin-right: 5px;color: #FF6500;font-size: 30px}
.Ser_tel_box{font-size:28px;letter-spacing: 2px; font-weight:300;font-family:'AVGBBT'; color: #222;}	
.Service_tel_box{overflow:hidden; padding:0px; margin:0px; position: absolute; z-index: 2; bottom: 0px;right:0px ; width:98%; background: #fff;box-shadow:0 0 10px 1px rgba(0,0,0,.1); margin-right:1%;}
.Service_tel_box dl{overflow:hidden; padding:30px 20px; margin:0px;}
	
	.set_list li{ overflow:hidden; padding:0px; margin:0px; width:100%;float:none; margin-right: 0%; margin-bottom: 20px}
}





.dm_fuwu{overflow:hidden;background:url(../images/fw_bg.jpg) no-repeat center top; background-size:cover; min-height: 750px; position: relative}

.dm_fuwu_box{ position: absolute; z-index: 2;float: left;width: 70%; height:100%; padding: 0px; margin: 0px;left:15%; top: 0;}
.dm_fuwu_box li{ width: 33.333%;float: left; position: relative; height: 100%; overflow: hidden;cursor: pointer}
.dm_fuwu_box li dl{ padding: 50px 10px; margin: 0px; text-align: center; left: 0;top: 50%; position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index: 5; width: 100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.dm_fuwu_box li dl dt{ padding: 0px; margin: 0px; text-align: center; margin-bottom: 10px}
.dm_fuwu_box li dl dd{ padding: 0px; margin: 0px; text-align: center;font-size: 18px; line-height: 30px;color: #fff}
.dm_fuwu_box li dl dt h3{font-size: 22px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px;position: relative; color: #fff; margin-top: 5px}
.dm_fuwu_box li dl dt .fw_tu{ width:90px; height: 90px;vertical-align: top; border-radius: 50%; border:1px solid #fff; text-align: center; margin: 0 auto; margin-bottom: 20px}
.dm_fuwu_box li dl dt .fw_tu img{ width:auto; height: 50px;vertical-align: top; margin-top: 20px}
.dm_fuwu_box li:nth-child(2){ border-left:rgba(255, 255, 255, 0.3) 1px solid; border-right:rgba(255, 255, 255, 0.3) 1px solid;}


.dm_fuwu_box li:hover{ background:rgba(0, 0, 0, 0.2);}
.dm_fuwu_box li:hover dl{top: 46%; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.dm_fuwu_box li:hover dl dt img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
@media (max-width: 1500px) {
.dm_fuwu_box{ width: 90%;left:5%;}
}
@media (max-width: 1400px) {
.dm_fuwu{min-height: 600px;}
.dm_fuwu_box li dl dd{font-size: 16px; line-height:24px;}

}

@media (max-width: 1300px) {
.dm_fuwu_box li dl dt img{ width:auto; height: 60px;vertical-align: top}
.dm_fuwu{min-height: 500px;}

.dm_fuwu_box{ width: 100%;left:0%;}
}

@media (max-width: 1200px) {
	.dm_fuwu_box li dl dt h3{font-size: 22px;}
.dm_fuwu{min-height: 400px;}
}
@media (max-width: 1100px) {
.dm_fuwu_box li dl dt h3{font-size: 22px;}
.dm_fuwu{min-height: 360px;}
}

@media (max-width: 900px) {
.dm_fuwu_box li dl dt .fw_tu{ width:70px; height: 70px;}
.dm_fuwu_box li dl dt .fw_tu img{ width:auto; height: 36px;vertical-align: top; margin-top: 17px}
	
.dm_fuwu_box li dl dt h3{font-size: 18px; line-height: 24px}
.dm_fuwu{min-height: 300px;}
}
@media (max-width: 600px) {
	
.dm_fuwu_box li dl dt .fw_tu{ width:60px; height: 60px;}
.dm_fuwu_box li dl dt .fw_tu img{ width:auto; height: 30px;vertical-align: top; margin-top: 15px}
	
.dm_fuwu_box li dl dd{font-size: 14px; line-height:22px;}
.dm_fuwu_box li dl dt h3{font-size: 16px;}

	
}




/*---------服务理念---------------*/



/*--------联系我们---------------*/
#allmap {height:600px;width:100%;overflow: hidden; box-sizing: inherit; position: relative}
#result {width:100%;font-size:12px;}

.soso_lx{float: right; display: inline-block; font-size: 14px; line-height: 34px; padding: 1px 10px; background: #22a565; position: absolute;z-index: 2; right: 10px; top: 10px;color: #fff; border-radius: 6px}
.soso_lx i{color: #fff}
.soso_lx a{color: #fff}


@media screen and (max-width: 1200px) {
.soso_lx{right: inherit; top: 220px;left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
}



.lx_contact_xx{background:#fff; max-width: 450px; position: absolute; z-index: 1; right: 15%; top: 50px;border-bottom: 4px solid #005cbb}
.lx_contact_xx dl{ margin:0px; padding:40px 30px 20px 30px; margin-bottom: 14px}

.lx_contact_xx dl dt{ font-size:30px; color:#222; line-height:40px; font-weight:normal; padding-bottom:15px; text-align: center}
.lx_contact_xx dl dd{ font-size:16px; color:#333; line-height:28px; padding:0px}
.lx_contact_xx dl dd h3{ margin-bottom: 10px}
.lx_contact_xx dl dt img{max-width: 100%; width: auto; height: auto; vertical-align: top}

.lx_contact_L{width:100%; position: relative;}


.lx_contact_R{height:550px; background:#fff; float:left; width:35%; }
.lx_contact_R dl{ margin:30px 40px; padding:0px; }

.lx_contact_R dl dt{ font-size:30px; color:#222; line-height:40px; font-weight:normal; padding-bottom:10px}
.lx_contact_R dl dd{ font-size:14px; color:#333; line-height:26px; border-top:#66666680 1px dotted; padding:15px 0px}

.wx2wm{ width:120px; height:auto; margin: 0 auto; margin-top: 10px}
.wx2wm img{ width:100%; height:auto; vertical-align:top}
.wx2wm p{ text-align:center; line-height:30px}
.sh_tel_k{ background:url(../images/contact_ico.png) no-repeat  left center ; padding-left:70px; height:64px; color:#22a565}
.sh_tel_number{ line-height:34px; font-size:28px; color:#22a565;font-family: 'BEBAS';}
.sh_tel_zi{ font-size:16px; color:#666; line-height:30px}

@media only screen and (max-width:1450px) {
.lx_contact_xx{ right: 8%; }
.lx_contact_xx dl{ margin:0px; padding:30px 20px 20px 20px;}

#allmap {height:550px;	}
}

@media only screen and (max-width:1300px) {
.sh_tel_number{ line-height:34px; font-size:26px;}
.lx_contact_xx{ right: 3%; max-width: 400px;}
.lx_contact_xx dl{ margin:0px; padding:30px 20px 20px 20px;}

#allmap {height:530px;	}
}
@media only screen and (max-width:1200px) {
.lx_contact_xx{background:#fff; max-width:100%; position: inherit; z-index: 1; right:0%; top:00px;border-bottom: 4px solid #005cbb;}
.lx_contact_xx dl{ margin:0px; padding:30px 30px 20px 30px; margin-bottom: 14px}
#allmap {height:270px;	}	
}

@media only screen and (max-width:1000px) {
.sh_tel_number{ line-height:34px; font-size:22px;}
}

@media only screen and (max-width:800px) {
.lx_contact_xx dl{ margin:0px; padding:30px 20px 20px 20px; margin-bottom: 14px}
.lx_contact_L{width:100%; float:left;}
.lx_contact_xx dl dt img{ height: 40px; width: auto}
}

@media only screen and (max-width:500px) {
.lx_contact_xx dl dd{font-size: 14px; line-height: 24px}
.lx_contact_xx dl dd h3{font-size: 16px}

}

.fgs_list{ overflow:hidden; padding:0px; margin:0px; }
.fgs_list li{ overflow:hidden; padding:40px 30px; margin:0px; width:49%;float:left; margin-right: 2%; margin-bottom: 2%; background: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position: relative;cursor: pointer}
.fgs_list li dl{ overflow:hidden; padding:0px; margin:0px;}
.fgs_list li dl dt{ overflow:hidden; padding:0px; margin:0px; font-size: 20px; color: #222; margin-bottom:10px; font-weight: bold}
.fgs_list li dl dd{ overflow:hidden; padding:0px; margin:0px;font-size: 16px;color: #666; line-height: 190%}

.fgs_tu{ width: 30%; margin-left: 30px; float: right; padding: 0px}
.fgs_tu img{width: 100%; height: auto; vertical-align: top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.fgs_list li:nth-child(2n+0){ margin-right:0%;}
.fgs_list li::after{ height: 4px; width:0; background: #005cbb; position: absolute; z-index: 1; bottom: 0px; left: 0; content: "";transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.fgs_list li:hover::after{ height: 4px; width: 100%; background: #005cbb; position: absolute; z-index: 1; bottom: 0px; left: 0; content: "";transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }

@media only screen and (max-width:1200px) {
	.fgs_list li dl dt{ font-size: 18px;}
	.fgs_list li{ overflow:hidden; padding:30px 20px;}
}

@media only screen and (max-width:1000px) {
	.fgs_list li dl dt{ font-size: 18px;}
	.fgs_list li{ overflow:hidden; padding:20px 20px; width: 100%; margin-bottom:20px; margin-left: 0px}
}
@media only screen and (max-width:800px) {
.fgs_tu{ width: 30%; margin-left:20px; float: right; padding: 0px}
}

@media only screen and (max-width:600px) {
.fgs_list li dl dt{ font-size: 16px;}
}
@media only screen and (max-width:500px) {
.fgs_tu{ width: 100%; margin-left:0px; float: none; padding: 0px; margin-bottom: 20px}
.fgs_tu img{width: 75%; height: auto; vertical-align: top}	
	.fgs_list li dl dd{ font-size: 14px;}
}

/*---------联系我//---------------*/








.common-name { font-family: 'GokStencil';font-size: 40px;text-transform: uppercase;}

.R_more{ width:auto;float: right; font-size: 16px; color: #555; line-height: 40px}
.R_more a{ font-size: 16px;line-height: 40px}

@media (max-width: 1600px) {
  .common-name {font-size: 35px;}
}
@media (max-width: 1440px) {
  .common-name { font-size: 30px;}
}
.common-name span { text-transform: uppercase;}
@media (max-width: 1366px) {
  .common-name { font-size: 28px;}
}
@media (max-width: 1024px) {
  .common-name {font-size: 24px;}
}
.common-des {font-size: 30px;}
@media (max-width: 1600px) {
  .common-des {font-size: 24px;}
}
@media (max-width: 1440px) {
  .common-des {
    font-size: 22px;
  }
}
.common-des span {display: block;}
@media (max-width: 1024px) {
  .common-des {font-size: 19px;}
}
@media (max-width: 768px) {
  .common-des {font-size: 19px;}
}




.scroll-ico{position:absolute; bottom:20px; left:50%; z-index:2; width:22px; height:31px; margin:0 0 0 -11px; padding:0 0 10px;}
.scroll-ico:after{display:block; content:''; position:absolute; bottom:0px; left:50%; width:14px; height:7px; margin:0 0 0 -7px; background:url(../images/arr-white-bottom.png) no-repeat center; background-size:contain; animation-name:move; animation-duration:1.5s; animation-iteration-count:infinite;}
.scroll-ico img{ width:22px; height:31px}


@media (max-width: 1300px) {
.scroll-ico{  bottom:10%;}
	
}

@media (max-width: 1200px) {
.scroll-ico{ display: none}
	
}

@keyframes move{
	from {
	bottom:0;
	opacity:1;
	}
	to {
	bottom:-10px;
	opacity:0;
	}
}

/*------搜索列表-------*/

.soso_txt{ overflow:hidden; margin:0px; padding:0px; margin-bottom:15px; font-size:18px; color:#333333; line-height:30px; text-indent:10px}
.soso_txt span{ font-size:20px; color:#FF0000; margin-left:4px; margin-right:4px}


@media only screen and (max-width:1200px) {
.soso_txt{ overflow:hidden; margin:0px; padding:0px; margin-bottom:5px; font-size:16px; color:#333333; line-height:24px;}
.soso_txt span{ font-size:16px; color:#FF0000}
}


.wx_news_list{ margin:0px; padding:0px; overflow: hidden}
.wx_news_list li{ margin:0px; padding:4px 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px; line-height:42px; border-bottom: #ccc 1px  dotted;position: relative;text-indent: 15px}

.wx_news_list li::after{ position:absolute; content: ""; width: 4px; height:4px; border-radius: 50%; border: 2px solid #005cbb; z-index: auto; float: left;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);left: 0px}
.wx_news_list li:hover::after{ background: #22a565}



.wx_news_list li a{ display:inline; font-size:16px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wx_news_list li span{ float:right; margin-left:20px; color:#555; font-size:16px}

.wx_news_list li:hover a{color:#005cbb}
.wx_news_list li i{ color:#3d94c1; margin-right: 5px;font-size:18px; }
.wx_news_list li:hover{ border-bottom: #005cbb 1px  dotted;}

@media (max-width: 1300px) {
.wx_news_list li a{ display:inline; font-size:16px;}
.wx_news_list li span{  font-size:14px}
.wx_news_list li{line-height:32px;}
}

@media (max-width: 900px) {
.wx_news_list li a{ display:inline; font-size:14px;}
.wx_news_list li span{  font-size:14px}
.wx_news_list li{line-height:30px;}
}



.linkbox{margin:0; padding:0px;overflow:hidden}
.linkbox h3{height:34px;margin:10px 0;border-bottom:1px solid #dbe4ea;overflow:hidden;font-size: 20px;font-weight: bold; color: #0161ba;}
.linkbox h3 a{ display:inline; color: #0161ba;font-size: 20px;} 
.linkbox .f6{margin:0; padding-bottom:10px;overflow:hidden}
.linkbox .f6 li{height:auto;line-height:34px;padding-left:8px;font-size:18px; display: inline-table; background: url(../images/dot1.png) left  15px no-repeat; margin-bottom:15px; width: 20%;float:left; line-height: 190%; color: #111}
.linkbox .f6 li p{line-height:26px;font-size: 16px;padding-left:6px;background: url(../images/dot1.png) left  center no-repeat; font-weight: normal; line-height: 30px;  color: #666}

.linkbox .f6 li a:hover{color:#005cbb;}

@media (max-width: 991px) {
.linkbox .f6 li a{display:block;height:40px;font-size:16px;}
.linkbox .f6 li{ width: 25%;}
.linkbox .f6 li p a{line-height:26px;font-size: 14px;}
}
@media (max-width: 800px) {
.linkbox .f6 li{width: 33.333%;}
.linkbox .f6 li a{height:30px;font-size:16px; line-height:30px}
.linkbox h3 a{ display:inline;font-size: 18px;} 
}
@media (max-width:600px) {
.linkbox .f6 li{width: 50%;}
}

@media (max-width:360px) {

}



/*------智慧运维-------*/
.zhyw_box{margin:0; padding:0px;overflow:hidden}

.zhyw_box li{margin:0; padding:0px;overflow:hidden; width: 32%; float:left; margin-right:2%;position: relative; background:#005cbb}

.zhyw_box li dl{margin:0; padding:80px 10px;overflow:hidden; color: #fff ;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.zhyw_box li dl dt{margin:0; padding:0px;overflow:hidden;font-weight: bold;font-size: 20px; line-height: 30px; margin-bottom: 10px; text-align: center}
.zhyw_box li dl dd{margin:0; padding:0px;overflow:hidden;font-size: 16px; line-height: 26px; text-align: center }

.xiaotu{text-align: center; margin-bottom: 10px}
.xiaotu img{height: 60px; width: 60px;vertical-align: top}

.zhyw_box li:nth-child(3n){margin-right: 0%;}
.zhyw_box li:hover dl{background:rgba(0, 0, 0, 0.2); backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.zhyw_box li:hover .xiaotu img{animation: tada 2s infinite;}
@media (max-width:800px) {
.zhyw_box li dl dd{font-size: 14px; line-height: 26px;}	
.zhyw_box li dl dt{font-size:18px;line-height: 26px;}
}
@media (max-width:700px) {
.zhyw_box li{width: 100%; margin-left: 0px; margin-bottom: 20px}
.xiaotu{text-align: center; margin-bottom:0px}
.xiaotu img{height: 50px; width: 50px;vertical-align: top}
.zhyw_box li dl{margin:0; padding:30px 10px;}
}

/*------服务方案-------*/

.fwfa{ padding:0px;overflow:hidden; width: 92%; margin: 0 auto;}

.fwfa dl{margin:0;padding:100px 15px 10px 15px;overflow:hidden; color: #fff ;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;  height: 440px;background:rgba(0, 0, 0, 0.2);}
.fwfa dl dt{margin:0; padding:0px;overflow:hidden;font-weight: bold;font-size: 20px; line-height: 30px; text-align: center; padding-bottom: 20px; margin-bottom: 40px;position: relative; margin-top: 40px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.fwfa dl dd{margin:0; padding:0px;overflow:hidden;font-size: 18px; line-height: 26px; text-align: center; }
.fwfa dl dt::after{position: absolute; z-index: auto; width: 50px; height: 3px; background: #fff; content: "";
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
 bottom: 0px}

.fwfa:hover dl{background:rgba(0, 0, 0, 0.4);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }
.fwfa:hover dl dt{margin-top: 30px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media (max-width:1000px) {
	.fwfa dl dd{font-size: 16px;}	
.fwfa dl{margin:0;padding:80px 15px 10px 15px; height: 400px}
}


@media (max-width:800px) {
	.fwfa dl dd{font-size: 16px;}	
	.fwfa dl dt{margin-bottom: 20px; padding-bottom: 10px;}
.fwfa dl{margin:0;padding:60px 15px 10px 15px; height: 320px}
}
@media (max-width:450px) {
.fwfa dl{margin:0;padding:40px 15px 10px 15px; height: 280px}
}




/*------品牌优-------*/


.ser_M{ overflow:hidden; padding:0px; margin:0px;}
.ser_M li{ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n-1){ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n){ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}



.img_box1{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:50%; float:left;  position: relative; z-index:2}
.img_box1 img{ overflow:hidden; vertical-align: middle;width:100%;height:auto;z-index:2; position: relative; }

.ser_M li:nth-child(2n-1).img_box1{ float:left;}
.ser_M li:nth-child(2n) .img_box1{ float: right;}


@media only screen and (max-width:767px) {
.ser_M li:nth-child(2n-1){padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n){ padding:0px 0px 0px 0px; overflow:hidden;}
.img_box1{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:100%; float: none; margin-bottom: 10px}

.ser_M li:nth-child(2n-1).img_box1{ float:none;}
.ser_M li:nth-child(2n) .img_box1{ float: none;}
}



.ser_txt1{overflow:hidden; padding:7% 0px 10px 0px; margin:0px; }
.ser_txt1 dl{overflow:hidden; padding:0px; width:86%; margin:0 auto}
.ser_txt1 dl dt{overflow:hidden; padding:0px; margin:0px; font-size:28px; color:#005cbb; line-height:34px;  margin-bottom:10px; font-weight:bold; position: relative; padding-bottom: 20px}
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;font-size:16px;  line-height:190%;color:#555}
.ser_txt1 dl dd strong{color:#333;font-weight:bold}
.ser_txt1 dl dd  h3{color:#111; margin-bottom: 5px; margin-top: 10px}

.ser_txt1 dl dt::after{ height:4px; width:100px; position: absolute;content:""; float: left;left:0;  bottom: 0px; z-index: 4; background: #21a464;}

.img_box1:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.ser_txt1 dl:hover dt::after{
	background:-webkit-linear-gradient(left,#204776,#01b7ec);
	background:-o-linear-gradient(right,#204776,#01b7ec);
	background:-moz-linear-gradient(right,#204776,#01b7ec);
	background:linear-gradient(to right,#204776,#01b7ec); transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1200px) {
.ser_txt1 dl dt{font-size:26px; line-height:30px; }
.ser_txt1{overflow:hidden; padding:4% 0px 10px 0px; margin:0px; }
}

@media only screen and (max-width:1000px) {
.ser_txt1{overflow:hidden; padding:2% 0px 10px 0px;}
.ser_txt1 dl{overflow:hidden; padding:0px; width:94%; margin:0 auto}
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;  font-size:14px; line-height:180%;color:#555}
.ser_txt1 dl dt{font-size:24px; }
}

@media only screen and (max-width:767px) {
.ser_txt1{overflow:hidden; padding:40px 0px 10px 0px;}
.ser_txt1 dl{overflow:hidden; padding:0px; width:94%; margin:0 auto}
.ser_txt1 dl dt{font-size:20px; line-height:24px }
}

@media only screen and (max-width:740px) {
.ser_txt1 dl{overflow:hidden; padding:0px;padding-bottom:15px; width:92%; margin:0 auto}
.ser_txt1{overflow:hidden; padding:10px 0px 10px 0px;width:100%; margin:0 auto}
}



.jmys_list_dm{overflow:hidden; padding: 0px; margin: 0px;}
.jmys_list_dm li a{display: inline}
.jmys_list_dm li{overflow:hidden; padding: 0px; margin: 0px; width: 32%;float: left; margin-right: 2%; margin-bottom:2%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.jmys_list_dm li dl{overflow:hidden; padding: 20px 10px 30px 10px; margin: 0px; background: #fff}
.jmys_list_dm li dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 22px; color: #222; line-height: 34px; text-align: justify; margin-bottom: 8px; text-align: center;font-weight: 700}
.jmys_list_dm li dl dd{overflow:hidden; padding: 0px; margin: 0px;font-size: 16px; color: #888; line-height: 24px; text-align: center}

.jmys_list_dm li .img_box_wx{overflow: hidden; position: relative}
.jmys_list_dm li .img_box_wx .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.jmys_list_dm li .img_box_wx .product_img img{display: block;width:100%;height: auto; vertical-align: top}

.jmys_list_dm li:nth-child(3n+0){margin-right:0%;}
.jmys_list_dm li:last-child dl{ background: #005cbb} 
.jmys_list_dm li:last-child dl dt{color: #fff} 
.jmys_list_dm li:last-child dl dd{ color: #fff} 

.jmys_list_dm li:hover .img_box_wx .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.jmys_list_dm li:hover dl{ background: #005cbb} 
.jmys_list_dm li:hover dl dt{ color:#fff}
.jmys_list_dm li:hover dl dd{ color:#fff}

.jmys_list_dm li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1100px) {
	.jmys_list_dm li dl{padding: 20px 10px 10px 10px;}
	.jmys_list_dm li dl dt{font-size: 18px;}	
	.jmys_list_dm li dl dd{font-size: 14px; line-height: 22px; min-height: 44px}
}

@media only screen and (max-width:800px) {
.jmys_list_dm li{ width: 49%;float: left; margin-right: 2%; }
.jmys_list_dm li:nth-child(3n+0){margin-right:2%;}
.jmys_list_dm li:nth-child(2n+0){margin-right:0%;}
}
@media only screen and (max-width:550px) {
	.jmys_list_dm li dl{padding: 20px 10px 20px 10px;}
.jmys_list_dm li{ width: 100%;float: left; margin-right: 0%; margin-bottom: 20px}
.jmys_list_dm li:nth-child(3n+0){margin-right:0%;ine-height: 22px; }
		.jmys_list_dm li dl dd{ line-height: 22px;  min-height: 22px; height: auto}
}





.l-sub{padding:0px; display:block;position: relative; height: auto; overflow: hidden}
.l-sub ul{margin: 0px; padding: 0px;text-align:center;width: 100%;position: relative; }
.l-sub li{ overflow:hidden;line-height:46px; height: 46px; text-align:center;list-style:none;font-size:18px;display: inline-block; margin: 0px 5px}
.l-sub a{ display: block; color: #222; font-size:18px; height: 46px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;padding: 0px 40px; background: #ddd ; }
.l-sub a:hover{color: #fff; font-size:18px; text-decoration:none; height: 46px;line-height:46px; background: #005cbb}
.l-sub li.active a{text-decoration:none; height:46px; position: relative; background: #005cbb; color: #fff}
.l-sub li.active:hover a{ background: #21a464}

@media only screen and (max-width: 1000px) {
.l-sub ul{margin: 0px; height: 39px;}
.l-sub li{font-size:16px;line-height:36px; height: 36px;}
.l-sub a{ font-size:16px;line-height:36px; height: 36px;padding: 0px 20px}
.l-sub a:hover,.l-sub a:active,.l-sub li.active a{font-size:16px;;line-height:36px; height: 36px; }
.l-sub li.active a{ height:36px;}
}

@media only screen and (max-width: 400px) {
	.l-sub a{ padding: 0px 20px}
}




.gcyth_bg{overflow:hidden;background:url(../images/gcyth_bg.jpg) no-repeat center; background-size:cover;min-height: 800px; position: relative}

.gcyth_box{ position: absolute; z-index: 2;float: left;width: 100%; height:100%; padding: 0px; margin: 0px;left:0; top: 0;}
.gcyth_box li{ width: 25%;float: left; position: relative; height: 100%; overflow: hidden;border-right:rgba(255, 255, 255, 0.3) 1px solid; cursor: pointer}
.gcyth_box li dl{ padding: 50px 10px; margin: 0px; text-align: center; left: 0;top: 50%; position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index: 5; width: 100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.gcyth_box li dl dt{ padding: 0px; margin: 0px; text-align: center; margin-bottom: 10px}
.gcyth_box li dl dd{ padding: 0px  20px; margin: 0px; text-align: center;font-size: 18px; line-height: 30px;color: #fff}
.gcyth_box li dl dt h3{font-size: 25px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px;position: relative; color: #fff; margin-top: 5px}
.gcyth_box li dl dt h3::after{ position: absolute; z-index: auto; content: ""; height: 3px; width: 50px; background: #fff; bottom: 0px; left: 0px; left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}
.gcyth_box li dl dt img{ width:auto; height: 70px;vertical-align: top}
.gcyth_box li::last-child{ border-right:rgba(255, 255, 255, 0.3) 0px solid;}


.gcyth_box li:hover{ background:rgba(0, 0, 0, 0.2); backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);	}
.gcyth_box li:hover dl{top: 46%; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.gcyth_box li:hover dl dt img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width: 1450px) {
	.gcyth_bg{min-height: 600px;}
	.gcyth_box li dl dt h3{font-size: 20px; line-height: 30px;}	
	.gcyth_box li dl dd{font-size: 16px; line-height:24px; }	
}
@media only screen and (max-width: 1200px) {
.gcyth_bg{min-height: 500px;}
.gcyth_box li dl dt img{ width:auto; height: 60px;vertical-align: top}
}
@media only screen and (max-width: 1000px) {
.gcyth_bg{min-height: 400px;}
.gcyth_box li dl dt img{ width:auto; height: 50px;vertical-align: top}
.gcyth_box li dl dt h3{font-size: 18px; line-height: 26px;}	
.gcyth_box li dl dd{font-size: 14px; line-height:24px; }	
}


@media only screen and (max-width: 760px) {
	.gcyth_box li dl dd{ padding: 0px 5px;}
.gcyth_bg{min-height: 500px; height: auto}
.gcyth_box li{ width: 50%;float: left; height: auto; min-height: 250px;border-bottom:rgba(255, 255, 255, 0.3) 1px solid;}
.gcyth_box li dl{ padding:20px 10px; margin: 0px; text-align: center; left: 0;top: inherit; position: inherit;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%); z-index: 5; width: 100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
	.gcyth_box{ position: inherit; }
	.gcyth_box li dl dt img{ width:auto; height: 45px;vertical-align: top}
	.gcyth_box li:nth-child(2){border-right:rgba(255, 255, 255, 0.3) 0px solid;}
	.gcyth_box li:nth-child(3){border-bottom:rgba(255, 255, 255, 0.3) 0px solid;}
	.gcyth_box li:nth-child(4){border-bottom:rgba(255, 255, 255, 0.3) 0px solid;border-right:rgba(255, 255, 255, 0.3) 0px solid;}
	
	.gcyth_box li dl dt h3{font-size: 16px; line-height: 26px;}	
	
}

@media only screen and (max-width: 380px) {
	.gcyth_box li{ width: 50%;float: left; height: auto; min-height: 270px;}	
}


@media only screen and (max-width: 350px) {
.gcyth_box li{ width: 100%;float: left; height: auto; min-height: 50px; height: auto;}
.gcyth_box li{border-right:rgba(255, 255, 255, 0.3) 0px solid;}
.gcyth_box li:nth-child(3){border-bottom:rgba(255, 255, 255, 0.3) 1px solid;}

}





/*-----cp-ser-xx---------*/

.cp_ser_L{ width:27%; float:right; overflow:hidden; margin:0px; padding:0px; background:#f4f4f4; min-height:600px}
.cp_ser_R{ width:73%; float: left; overflow:hidden; margin:0px; padding:0px; padding-right: 3%; background: #fff}

.cp_ser_title_k{ padding:30px 0px; margin:0px; overflow:hidden; background:#eef5ff; border-bottom:#dae3f2 1px solid}
.cp_ser_title_k dl{ padding:0px; margin:0px; overflow:hidden;}
.cp_ser_title_k dl dt{ padding:0px; margin:0px; overflow:hidden; font-size:20px; color:#005cbb; line-height:24px; font-weight:600; padding-top:7px; text-align: center}

.cp_bt_prev{ width:40px; height:40px; overflow:hidden; margin:0px; padding:0px; float:left; text-align:center;}
.cp_bt_next{ width:40px; height:40px; overflow:hidden; margin:0px; padding:0px; float: right; text-align:center}

.cp_ser_sm{line-height:190%; color:#222; font-size:16px; overflow: auto; padding:0px; margin:10px 0px 10px 20px; height:450px; margin-right: 10px}
.cp_ser_sm p{line-height:190%; color:#222; font-size:16px; overflow:hidden;}
.cp_ser_sm img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}
@media (max-width: 1400px) {
.cp_ser_sm{line-height:190%; color:#222; font-size:14px; overflow:hidden;}
.cp_ser_sm p{line-height:190%; color:#222; overflow:hidden; font-size:14px;}
}

  
@media only screen and (max-width:1290px) {
.cp_ser_sm{line-height:190%; color:#222; font-size:16px; overflow: auto; padding:0px; margin:10px 0px 10px 20px; height:360px}
.cp_ser_L{ width:27%; float:right; overflow:hidden; margin:0px; padding:0px; background:#f4f4f4; min-height:512px}
}

@media only screen and (max-width:1100px) {
.cp_ser_sm{line-height:190%; color:#222; font-size:14px; overflow: auto; padding:0px; margin:10px 0px 10px 20px; height:310px}
.cp_ser_L{ width:27%; float:right; overflow:hidden; margin:0px; padding:0px; background:#f4f4f4; min-height:466px}
}

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

.cp_ser_L{ width:100%; float:left; overflow:hidden; margin:0px; padding:0px; background:#f4f4f4; min-height:50px; height:auto; margin-bottom:20px}
.cp_ser_R{ width:100%; float: right; overflow:hidden; margin:0px; padding:0px}
.cp_ser_sm{line-height:190%; color:#222; font-size:14px; overflow: hidden; padding:0px; margin:20px 20px 20px 20px; height:auto}
}

@media only screen and (max-width:600px) {
.cp_ser_title_k dl dt{ padding:0px; margin:0px; overflow:hidden; font-size:16px; color:#144a74; line-height:24px; font-weight:600; padding-top:7px}
.cp_ser_title_k{ padding:20px 0px; margin:0px; overflow:hidden; background:#eef5ff; border-bottom:#dae3f2 1px solid}
}