@charset "utf-8";
/* CSS Document */

@font-face {
/* font-test*/
font-family:ali-r;
src:url('/fonts/AlibabaPuHuiTi-3-55-Regular.ttf');
}


@font-face {
/* font-test*/
font-family:ali-b;
src:url('/fonts/AlibabaPuHuiTi-3-85-Bold.ttf');
}


*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px; font-family:"微软雅黑"; margin: 0px; padding: 0px;} 

a{color:#000000;text-decoration:none;} 
a:link {text-decoration:none;color:#000000;} 
a:active {text-decoration:none;color:#000000;} 
a:hover {text-decoration:none;color:#157ac0;} 
a:visited {text-decoration:none;color:#000000;} 

h1,h2,h3,h4,h5,h6,strong,b{font-family:"微软雅黑";}
.flex{display:flex;}
.clearfix:after{ 
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }
/*** effect zoom in ***/
.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}


.img-zoom-deg img{
	transition:All 0.5s 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;
}
.img-zoom-deg:hover img {
    -webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
    transform: rotate(360deg);
}


.img-zoom-up{
	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;
} 
.img-zoom-up:hover {
	transform:translate(0,-20px);
	-webkit-transform:translate(0,-20px);
	-moz-transform:translate(0,-20px);
	-o-transform:translate(0,-20px);
	-ms-transform:translate(0,-20px);
} 





/*顶部*/
.nav_{ position: fixed; width:100%; margin: 0px; background:#FFFFFF; z-index: 99999; border-bottom: #EEEEEE 1px solid;} 
.nav_con{ width:80%; margin: 0px auto;}

.nav_l{ width:210px; float:left; padding: 5px 0px 1px;}
.nav_l img{width: 100%;}

.nav_menu {float: right;} 
.nav_menu > ul { margin:0 auto; } 
.nav_menu > ul > li {float:left; position:relative;} 
.nav_menu > ul > li:first-child{} 
.nav_menu > ul > li > a{ display: block; text-align: center;font-size: 18px; overflow: hidden;margin: 25px 60px 0px 0px; box-sizing: border-box;transition: all 0.6s;} 
.nav_menu > ul > li > a:hover{border-bottom: #157ac0 3px solid; padding-bottom: 10px; font-weight: bold;}
.nav_menu > ul > li > a i{} 



.nav_menu ul li ul {display: none;}
.nav_menu ul li:hover ul {display:block; position:absolute; top:62px; left:0; width:160px;z-index: 999999;}
.nav_menu ul li:hover ul li{} 
.nav_menu ul li:hover ul li a {font-size:17px;display:block; color:#157ac0;background-color:rgba(255,255,255,0.8);margin-bottom: 1px; text-align: center; padding: 20px 0px; border-bottom: none;}
.nav_menu ul li:hover ul li a:hover {background:#157ac0; color:#FFFFFF;}

.nav_r{ float:right; margin: 20px 0px 0px 0px;padding:5px 10px;font-size: 18px;background-color:#0b4871;color:#fff;} 
.nav_r a{color:#fff;}
.nav_r span{ padding:5px 10px;} 
.nav_r i{  padding:5px 10px;} 





/*首页-第一屏*/
.apple-banner {	width: 100%;height:100%;overflow: hidden;}
.apple-banner .swiper-container {margin-top: 0px;width: 100%;height: 100vh;}
.apple-banner .swiper-container .swiper-wrapper .swiper-slide img{ width: 100%;height:100vh;} 
.apple-banner .swiper-container .swiper-wrapper .swiper-slide .pc{ display: block;} 
.apple-banner .swiper-container .swiper-wrapper .swiper-slide .mo{ display: none;} 
.swiper-button-prev,.swiper-button-next{width:15%;height:100%;top:0;background:none; border: none; --swiper-navigation-size:0px;}
.swiper-button-prev{left:0;}	
.swiper-button-next{right:0;} 
.swiper-button-prev span,.swiper-button-next span{display:block;width: 65px;height: 65px;position: absolute;left: 20px;top: 50%;margin-top:-32px;border-radius: 100%;background: rgba(180,180,180,0.25) url(/images/arrows.png) no-repeat center 17px;opacity: 0;-webkit-transition: opacity 0.5s ease;	transition: opacity 0.5s ease;}
.swiper-button-next span{background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center -71px;left:auto;right:20px;	}
.apple-banner .swiper-container:hover .swiper-button-prev span,.apple-banner .swiper-container:hover .swiper-button-next span{	opacity: .6;}
		/*分页器*/
.apple-banner .swiper-pagination{bottom:50px;background:none;}
.apple-banner  .swiper-pagination-bullet {display: inline-block;width:3.4rem;height: 50px;margin: 0 3px;cursor: pointer;background: none;border-radius:0;opacity: 1;}
.apple-banner  .swiper-pagination-bullet span {width: 3.4rem;height: 2px;display: block;background: rgba(255,255,255,0.3);}
.apple-banner .swiper-pagination-bullet-active span{background:#157ac0;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{background: rgba(255,255,255,0.3);}
.apple-banner  .swiper-pagination-bullet i{background: #fffe00;height: 2px;transform:scaleX(0);transform-origin: 0;display: block;}
.apple-banner .autoplay .firsrCurrent i{transition:transform 2.9s linear;transform:scaleX(1);}
.apple-banner .autoplay .current i{transition:transform 4s linear;transform:scaleX(1);}
.apple-banner  .autoplay .replace span{ background:#157ac0;}
		/*内容样式*/
.slide1 {background: #000000;background-size: auto 100%;}
.slide2 {background: #000000;background-size: auto 100%;}
.slide3 {background: #000000;background-size: auto 100%;}
.slide4 {background: #000000;background-size: auto 100%;}


/*首页-第二屏*/
.main_a{ width: 100%; margin: 0; height: 100vh; background: url("../images/bg1.jpg") no-repeat center; background-size:cover; overflow: hidden; position: relative;} 

.main_a_{position: absolute;width: 100%; margin: 0; height: 100vh; padding:400px 0px 0px; box-sizing: border-box;  -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;} 
.main_a_l{ width: 100%; height: 200px; background: url("../images/bg2.png") no-repeat center; box-sizing: border-box; padding:2.5% 10%;} 
.main_a_l_tit{ float: left; width: 25%;} 
.main_a_l_tit h3{ font-size: 38px; color: #FFFFFF; font-weight: normal;} 
.main_a_l_tit span{ font-size: 30px; color: #ddd;} 
.main_a_l img{ display: block; float: left; margin-left: 6%;} 
.main_a_c{position: absolute; left: 0; width: 1220px; margin: 0; height: 100vh; background: url("../images/bg3.png") no-repeat left;padding:15% 10% 0; box-sizing: border-box;    -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;} 
.main_a_c h3{ font-size:48px; color: #FFFFFF; margin-bottom: 50px; line-height: 140%;} 







/*首页-第三屏*/
.main_b{ width: 100%; background: url("../images/bg4.jpg") no-repeat center; background-size: cover;height:100vh; overflow: hidden;margin:0px;} 
.main_b_{width:100%;height:100vh; margin: 0px; background: url("../images/bg5.png") no-repeat left; padding:15% 0 0 10%; box-sizing: border-box;-webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;} 
.main_b_ h3{ font-size:36px;   color: #000000;} 
.main_b_ p{  color: #000000; line-height: 175%; font-size: 18; margin-top:20px;} 
.main_b_ ul{ margin-top:80px;} 
.main_b_ ul li{ float: left; margin-right: 50px;} 
.main_b_ ul li img{width:70px;} 
.main_b_ ul li h6{ font-size: 16px; color: #000000; text-align: center;} 




/*首页-第四屏*/
.main_c{ width: 100%; background: url("../images/bg6.jpg") no-repeat center; background-size: cover;height:100vh; overflow: hidden;margin:0px;} 
.main_c_{width:100%;height:100vh; margin: 0px; background: url("../images/bg7.png") no-repeat right; padding:15% 10% 0 0; box-sizing: border-box;-webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; text-align: right;} 
.main_c_ h3{ font-size:36px;   color: #000000;} 
.main_c_ p{  color: #000000; line-height: 175%; font-size: 18px; margin-top:20px;} 
.main_c_ ul{ margin-top:80px; float: right;} 
.main_c_ ul li{ float: right; margin-left: 60px;} 
.main_c_ ul li img{width:80px;} 
.main_c_ ul li h6{ font-size: 16px; color: #000000; text-align: center;} 





/*首页-第五屏*/
.main_f{ width: 100%; margin: 0px; /*background: url("../images/bg8.png") no-repeat center;*/background: #eee; height: 100vh; background-size: cover;box-sizing: border-box;  overflow: hidden;} 

.main_f_{ width: 100%; margin: 0px auto;padding: 10% 0 0; text-align: center;} 
.main_f_ h3{ font-size: 36px; color: #000; line-height: 100%; -webkit-transform: translateY(-120px);
 transform: translateY(-120px);
 opacity: 0;}
.main_f_ p{ color: #000; line-height: 175%; font-size: 24px; margin: 8px 0px 0px; -webkit-transform: translateY(-120px);transform: translateY(-120px);opacity: 0;} 
.main_f_ p strong a{ color: #1975bc/*#fcf100*/;} 
.main_f_ .main_f_top{display: flex;margin:2rem auto;width:80%;}
.main_f_ .main_f_top .main_f_lis {padding:0.4rem 2rem;font-size:1.6rem;text-align: center;border-right:1px #666 solid;}
.main_f_ .main_f_top .main_f_lis:nth-child(5){border:none;}
.silder-box-1 { width: 100%; margin: 40px auto 0px; /*border-bottom: #DDDDDD 1px solid; */overflow: hidden; -webkit-transform: translateY(120px);
 transform: translateY(120px);
 opacity: 0;} 
.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;font-weight: bold;} 
.silder-button-1.btl{left:2%; top:40%;} 
.silder-button-1.btl i{color: #157ac0;  height: 40px; width: 40px; box-sizing: border-box; text-align: center; font-size: 2.2rem; padding: 10px; } 
.silder-button-1.btl i:hover{background: #157ac0; color: #FFFFFF;} 
.silder-button-1.btr{right:2%; top:40%;} 
.silder-button-1.btr i{color: #157ac0;  height: 40px; width: 40px; box-sizing: border-box; text-align: center; font-size: 2.2rem; padding: 10px; } 
.silder-button-1.btr i:hover{background: #157ac0; color: #FFFFFF;} 
.main_f_honor{width: 80%; margin: 2rem auto;height:60vh !important;overflow: hidden;} 
.main_f_honor ul{display: flex;} 
.main_f_honor ul li{ box-sizing: border-box;padding-top: 0px;padding-left:12px;float:left;} 
.main_f_honor ul li:nth-child(1){padding-left:0px;}

/*.main_f_honor ul li.f1{ padding-top: 109px; } 
.main_f_honor ul li.f2{ padding-top: 66px; } 
.main_f_honor ul li.f3{ padding-top: 18px; } 
.main_f_honor ul li.f4{ padding-top: 8px; } 
.main_f_honor ul li.f5{ padding-top: 5px; } 
.main_f_honor ul li.f6{ padding-top: 15px; } 
.main_f_honor ul li.f7{ padding-top: 68px; } 
.main_f_honor ul li.f8{ padding-top: 110px; } */
.main_f_honor ul li img{width:15.3vw;} 
.main_f_honor ul li h6{ text-align: center; color: #666; font-size: 16px;padding:20px 0;background: #ddd;} 
.main_f_honor ul #main_f_honor_f:hover h6{background: #0a3179;color: #fff;}

/*首页-第六屏*/
.main_g{width: 100%; margin: 0px; /*background: url("../images/bg09.jpg") no-repeat center;*/ height: 100vh; background-size: cover;box-sizing: border-box; padding: 12% 0 0; overflow: hidden;} 
.main_g .main_g_tit{ margin: 0px auto; text-align: center;-webkit-transform: translateY(-120px);
 transform: translateY(-120px);
 opacity: 0;} 
.main_g .main_g_tit h3{ color: #FFFFFF; font-size:40px; margin-bottom: 5px;} 
.main_g .main_g_tit p{color: #FFFFFF; font-size:20px;} 
.main_g_{width: 80%; margin: 80px auto 0px;-webkit-transform: translateY(120px);
 transform: translateY(120px);
 opacity: 0;} 
.main_g_ ul{} 
.main_g_ ul li{ width: 15.66%; float: left; margin-right: 1.2%; background: rgba(255,255,255,0.15); padding: 50px; box-sizing: border-box; height: 410px; text-align: center;} 
.main_g_ ul li:last-child{ float: right;margin-right: 0;} 
.main_g_ ul li img{} 
.main_g_ ul li h5{font-size: 20px; color: #FFFFFF; margin: 30px 0px 10px;} 
.main_g_ ul li p{ font-size: 16px; text-align: justify; color: #CCCCCC; line-height: 175%;} 

.main_g_ ul li:hover{background: rgba(255,255,255,0.25);} 







/*首页-第七屏*/

.main_d{ width: 100%; height:100vh; background: #FFFFFF; overflow: hidden;margin:0px;}  
.main_d_{width: 80%; margin: 0px auto; padding:8% 0 0 0;} 

.main_d_tit{width: 100%; margin: 0px auto 50px;  -webkit-transform: translateY(-120px);
 transform: translateY(-120px);
 opacity: 0;} 
.main_d_tit .fl{ float: left;} 
.main_d_tit .fl h3{ font-size: 40px; font-weight: normal; color: #000000; line-height: 125%;} 
.main_d_tit .fl span{  font-size: 20px;text-transform: uppercase;color: #999999;} 

.main_d_tit .fr{ float: right; margin-top: 30px;} 
.main_d_tit .fr a{ display: block; width: 120px; border: #CCCCCC 1px solid; color: #666666; text-align: center; padding: 10px 0px; font-size: 16px; transition: all 0.6s;} 
.main_d_tit .fr a:hover{width: 180px;border: #157ac0 1px solid; color: #FFFFFF;  background: #157ac0;} 

.main_d_con{ width: 100%;} 
.main_d_l{ float: left; width:50%; height:520px; overflow: hidden; position: relative; -webkit-transform: translateX(-120px);
 transform: translateX(-120px);
 opacity: 0;} 
.main_d_l img{ width: 100%; height:500px;  position: absolute; z-index: 9;} 
.main_d_l div{position: absolute; z-index: 99;background:#167bbf; box-sizing: border-box; padding: 20px; width: 100%; bottom: 0;} 
.main_d_l div p{ color: #FFFFFF; font-size: 20px; margin-bottom: 10px;} 
.main_d_l div span{color: #CCCCCC; font-size: 14px; text-align: left; line-height: 175%;} 

.main_d_r{ float: right; width: 45%; -webkit-transform: translateX(120px);
 transform: translateX(120px);
 opacity: 0;} 
.main_d_r ul{} 
.main_d_r ul li{  padding: 30px 0px; border-bottom: #EEEEEE 1px solid; box-sizing: border-box;} 
.main_d_r ul li:first-child{ border-top: #EEEEEE 1px solid;} 
.main_d_r ul li a{} 
.main_d_r ul li em{ font-size: 14px; font-style: normal; margin: 5px 0px 10px; display: block; color: #999999;}  
.main_d_r ul li p{ font-size: 20px; color: #000000;}
.main_d_r ul li span{ display: block; line-height: 175%; color: #999999; font-size: 14px;} 
.main_d_r ul li a:hover{background:#FFFFFF;} 
.main_d_r ul li a:hover em{ color: #157ac0;} 
.main_d_r ul li a:hover p{color: #157ac0;} 
.main_d_r ul li a:hover span{color: #666666;} 





/*首页-第八屏*/
.main_h{ width: 100%; height:100vh; background: #FFFFFF; overflow: hidden;margin:0px;}  
.main_h_{width: 100%; height:100vh; margin: 0px; padding:9% 0 0 0; box-sizing:border-box;} 

.main_h_tit{width: 80%; margin: 0px auto 50px; text-align: center;-webkit-transform: translateY(-120px);
 transform: translateY(-120px);
 opacity: 0;} 
.main_h_tit h3{ font-size: 40px; color: #000000; line-height: 125%;} 
.main_h_tit p{  font-size: 20px; color: #333333;} 
.main_h_tit p strong{font-size: 28px;color: #157ac0; display: inline-block; margin: 0px 5px;} 
.main_h_tit .jj{ color: #999999; font-size: 16px;line-height: 2;padding-top:5px;}
.main_h_con{ width: 80%; margin: 0px auto;-webkit-transform: translateX(120px);
 transform: translateX(120px);
 opacity: 0;} 
.main_h_con ul{ display: table;margin: 0px auto;} 
.main_h_con ul li{ float: left; padding: 0px 50px; border-right:#DDDDDD 1px solid; box-sizing: border-box; text-align: center;} 
.main_h_con ul li:last-child{ border-right: none;} 
.main_h_con ul li h5{ font-size: 20px; color: #333333; margin-top: 10px;}
.main_h_con ul li p{ color: #999999; font-size: 16px;} 
 
.main_h_ .banner{width:105%;margin:50px auto 0px;} 
.main_h_ .banner ul{ margin: 0px} 
.main_h_ .banner ul li{margin: 0px} 
.main_h_ .banner ul li img{ width: 100%; display: block; margin: 0px;}
.main_h_ .banner .dots{position:absolute; bottom:20px; right: 20px; z-index:999;}
.main_h_ .banner .dots li{display:inline-block;width:10px;height:10px; margin: 0px 0px 0px 10px; text-indent:-999em;border:1px solid #FFFFFF;border-radius:50%;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.main_h_ .banner .dots li.active{background:#FFFFFF;opacity:1;} 
.main_h_ .banner .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}


/*首页-第九屏*/

.bottom{width: 100%; height:430px; overflow: hidden;margin: 0px; background: #333333;padding:1% 0 0;}  
.bottom_tit{width: 80%; margin: 0px auto; padding: 20px 0px; border-bottom: #666666 1px solid;} 
.bottom_tit img{ float: left; width: 150px;}
.bottom_tit p{ float: right; margin-top:25px;} 
.bottom_tit p i{ font-size:20px; color: #666666; display: inline-block; margin-left: 20px;} 

.bottom_{width: 80%; margin: 30px auto 20px;} 
.bottom_l{ float: left;} 
.bottom_l h5{ color: #CCCCCC; font-size: 14px; font-weight: normal;} 
.bottom_l h3{color: #CCCCCC; font-size: 32px; margin-bottom: 30px;} 
.bottom_l p{color: #CCCCCC; font-size: 14px; margin: 5px 0px;} 
.bottom_l p strong{color: #CCCCCC; font-size: 18px;} 

.bottom_c{ float: left; margin-left: 15%; width: 50%;} 
.bottom_c ul{} 
.bottom_c ul li{ float: left; margin-right: 15%;} 
.bottom_c ul li h5{color: #999999; font-size: 18px; margin-bottom:20px;}
.bottom_c ul li p{ margin: 8px 0px;}
.bottom_c ul li p a{color: #999999; font-size: 14px;}
.bottom_c ul li p a:hover{ color: #FFFFFF;} 
.bottom_c ul li:first-child{ padding: 0px 0px 30px;} 
.bottom_c ul li:last-child{ margin-right: 0;} 

.bottom_r{ float: right;} 
.bottom_r p{color: #999999; font-size: 14px; padding: 15px 0px; text-align: center;} 

.bottom_bt{width: 80%; margin: 0px auto; padding: 15px 0px; border-top: #666666 1px solid; font-size: 12px; color: #999999;} 
.bottom_bt a{color: #999999;} 
.bottom_bt a:hover{color: #157ac0;} 






/**************************20231025****************************/


/*内页*/

@media screen and (max-width:940px) {
	.ny-banner {
		background-size: cover;
		height: 320px
	}
}
.con_em{ width:100%; padding:80px 0px;} 
.con_em_menu{ margin: 0px auto; border: #DDDDDD 1px solid; width:50%;} 
.con_em_menu ul{} 
.con_em_menu ul li{ float: left;width: 33.33%;} 
.con_em_menu ul li:last-child{ float: right;} 
.con_em_menu ul li a{ display: block; text-align: center; padding:20px 0px; font-size: 18px;} 
.con_em_menu ul li a:hover{ background: #157ac0; color: #FFFFFF;} 
.con_em_menu ul li a.on{ background: #157ac0; color: #FFFFFF;} 

.con_em_{ width: 80%; margin: 60px auto 0px;} 
.con_em_ ul{} 
.con_em_ ul li{ float: left; width: 32%; margin: 0 2% 1.325% 0; border: #EEEEEE 1px solid;padding: 20px; box-sizing: border-box;} 
.con_em_ ul li:nth-child(3n){ float: right; margin: 0 0 1.325% 0;} 
.con_em_ ul li div.img-zoom-in{ float: left; width: 45%; height: 130px; overflow: hidden;cursor:zoom-in;} 
.con_em_ ul li div.img-zoom-in img{width: 100%; height: 100%;}
.con_em_ ul li div.txt{ float: right; width: 45%; margin-top: 20px;} 
.con_em_ ul li div.txt h5{ font-size: 18px; margin-bottom: 5px;} 
.con_em_ ul li div.txt p{ font-size: 14px; line-height: 160%; color: #999999; height: 50px;} 
	.con_em_ ul li:after{
	  content: " ";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;
	  }

	.con_em_ ul li {
	  /* 触发 hasLayout */ 
	  zoom: 1; 
	  }

.con_em_b{ width: 80%; margin: 60px auto 0px;} 
.con_em_b ul{} 
.con_em_b ul li{ float: left; width: 15.5%; margin: 0 1.2% 1.2% 0; box-sizing: border-box;} 
.con_em_b ul li:nth-child(6n){ float: right; margin: 0 0 1.2% 0;} 
.con_em_b ul li div.img-zoom-in{width: 100%; height: 300px; overflow: hidden;cursor:zoom-in;} 
.con_em_b ul li div.img-zoom-in img{width: 100%; height: 100%;} 
.con_em_b ul li div.txt{ margin-top: 20px; text-align: center;} 
.con_em_b ul li div.txt h5{ font-size: 12px; margin-bottom: 5px; color: #000000;} 
.con_em_b ul li div.txt p{ font-size: 12px; line-height: 160%; color: #157ac0; height: 50px;} 
.con_em_b > h6{ display: block; margin-bottom: 30px; font-size: 14px; line-height: 175%;} 




div.black2{padding:10px;margin:10px;text-align:center;} 
div.black2 a{border:#DDDDDD 1px solid;padding:8px 15px;margin:1px;color:#666666;text-decoration:none; border-radius: 3px;} 
div.black2 a:hover{color:#FFFFFF;background-color:#157ac0;border:#157ac0 1px solid;} 
div.black2 a:active{color:#FFFFFF;background-color:#157ac0;border:#157ac0 1px solid;} 
div.black2 a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#FFFFFF;background-color:#157ac0;border:#008a7c 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 





/*在线客服*/
.yb_conct{position:fixed;z-index:9999999;bottom:20px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:14px/55px 'Microsoft YaHei';color:#FFFFFF;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#157ac0 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_top a{display:block;text-indent:54px;width:100%;height:100%;color:#FFFFFF;}
.yb_bar .yb_phone{background:#157ac0 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_cx{text-indent:0;background:#157ac0 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#157ac0 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_cx a{display:block;text-indent:54px;width:100%;height:100%;color:#FFFFFF;}
.yb_phone a{display:block;text-indent:54px;width:100%;height:100%;color:#FFFFFF;} 
.yb_bar a:hover{ color: #fff800;} 
/*在线客服*/




	.bigimg{ width: 550px; height: 720px; position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:999999;border: 10px solid #fff;}
	.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.8;filter: Alpha(opacity=80);z-index: 99999;transition:all 1s;display: none}
	.mask:hover{cursor:zoom-out}
	.mask>img{position: fixed;right:10px;top: 80px;width: 60px;}
	.mask>img:hover{cursor:pointer}






@media screen and (max-width:1600px){
	.nav_l{ width:120px;} 
	.nav_menu > ul > li > a{ margin: 16px 40px 0px 0px;} 
	.nav_r{ margin: 6px 0px 0px 0px;} 
	.nav_menu ul li:hover ul {top:50px;}
	.main_a_{padding:280px 0px 0px;}
	.main_a_l{  height:150px;}
	.main_a_l_tit h3{ font-size: 26px;} 
	.main_a_c{padding:12% 10% 0;} 
	
	.main_b_{padding:12% 0 0 10%;} 
	.main_c_{padding:12% 10% 0 0;} 
	
	.main_f_{padding:8% 0 0;} 
	.main_f_ h3{ font-size: 36px;}
	.main_f_ p{font-size: 24px;} 
	.main_f_honor{height:200px;}
	.main_f_honor ul li img{width:17.5vw;}

	.silder-box-1 { margin: 80px auto 0px;}
	
	.main_g{padding: 10% 0 0;}
	.main_g_{margin: 50px auto 0px;} 
	.main_g_ ul li{padding: 35px; height: 25rem;} 
	.main_g_ ul li h5{font-size: 20px;margin: 20px 0px 10px;} 
	.main_g_ ul li p{ font-size: 14px;} 
	
	.main_d_tit{margin: 0px auto 30px;} 
	.main_d_tit .fl h3{ font-size: 30px;} 
	.main_d_tit .fl span{  font-size: 16px;} 
	.main_d_tit .fr{ margin-top: 10px;} 
	.main_d_l{height:360px;} 
    .main_d_l img{ height:360px;} 
	.main_d_r ul li{  padding: 35px 0px;} 
	.main_d_r ul li:last-child{ display: none;}
	
	.main_h_{padding:8% 0 0 0;} 
	.main_h_tit{ margin: 0px auto 30px;} 
	.main_h_tit h3{ font-size: 36px; } 
	.main_h_tit p{  font-size: 18px; } 
	.main_h_tit p strong{font-size: 24px;} 
	
	.main_h_con ul li{ padding: 0px 20px;} 
	.main_h_con ul li img{ width: 75%; margin: 0px auto;}
	.main_h_con ul li h5{ font-size: 16px;}
	.main_h_con ul li p{font-size: 14px;} 
	
	.bottom_tit{padding: 10px 0px;} 
	.bottom_tit img{  width: 120px;}
	.bottom_l h3{font-size: 26px;} 
	.bottom_l p strong{font-size: 16px;} 

	.bottom_c ul li{ margin-right: 10%;} 
	.bottom_c ul li h5{font-size: 16px;}
	.bottom_c ul li:first-child{ padding: 0px 0px 30px;} 

	.n_img{ height:600px;} 
	.n_img div{padding:220px 0px 0px;} 
	.n_img_sq{ height:600px;} 
	.n_img_sq div{padding:180px 0px 0px;} 
	
	.con_about_a_{ padding: 180px 0px 100px; }
	.con_about_a_con{ width: 45%;} 
	.con_about_a_con h2{color: #FFFFFF; font-size: 40px;}
	.con_about_b_ .fl h2{ font-size:32px;} 
	.con_about_c_ .fr h2{ font-size: 32px;} 
	.con_about_d_ .fl h2{ font-size: 32px;}
	
	.c_pro_ ul li div.fr{ padding: 35px;}
	.c_pro_ ul li div.fr img{width: 300px; margin-top: 30px;} 
	
	.c_pro_m_a{ height:600px;}
	.c_pro_m_a_b{ height:600px;}
	.c_pro_m_a_c{ height:600px;}
	.c_pro_m_a_d{ height:600px;}
	.c_pro_m_a_{padding: 180px 0px 0px;}
	.c_pro_m_a_con h1{ font-size:60px; }
	.c_pro_m_a_con div{ width: 400px;margin-top:30px;}
	
	.c_case_ ul li{   height:220px;} 
	
	
	.con_ai_a_{ padding: 180px 0px 100px;}
	.con_ai_a_con{ width: 40%;} 



	.con_ai_b{ margin:100px 0px 80px; } 
	.con_ai_b_{ width: 80%; margin:0px auto;} 
	.con_ai_b_ .fr h2{ font-size:32px;} 
	.con_ai_c_ .fl h2{ font-size:32px;} 
	.con_ai_d_ .fr h2{ font-size:32px;} 
	
	.c_join_d_ ul li div.ft{ padding: 30px;  height:300px; } 
	.c_join_d_ ul li div.ft img{ width: 60px;} 
	.c_join_d_ ul li div.ft p{ font-size: 12px;} 
	.c_join_d_ ul li div.fb{ padding: 30px;height: 400px;} 
	.c_join_d_ ul li div.fb h6{ font-size: 14px;} 
	.c_join_d_ ul li div.fb p{ padding: 5px 0px;} 
	
	
	.con_em{ padding:50px 0px;} 


	.con_em_{margin:50px auto 0px;} 
	.con_em_ ul li div.img-zoom-in{height:150px;} 


	.con_em_b{margin: 50px auto 0px;} 

	.con_em_b ul li div.img-zoom-in{ height: 260px; } 
	.con_em_b ul li div.img-zoom-in img{height: 100%;} 

	.con_news_ ul li div.fl{ width: 32%;height: 230px;} 
	.con_news_ ul li div.fl img{ height: 230px;} 
	.con_news_ ul li div.fr{height: 230px; padding: 35px;} 
	
	

	.con_video_{ height: 220px; } 
	.con_video_ > img{ height: 220px;} 
	.con_video_ a{  height: 220px;padding-top: 70px;} 
	.vclose { position:absolute;right:20%; top:15%; cursor: pointer; }

	#dituContent{ width: 100%; height: 400px;}
}

@media screen and (max-width:1360px)and(min-width:992px){
	.nav_{ display: none;} 
	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 60px;background:rgba(255,255,255,1);} 
	}


.mobile-inner{ display: none;} 
.hei{ display: none;} 

@media screen and (max-width:991.98px){
	
	
	.nav_{ display: none;} 
	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 60px;background:rgba(255,255,255,1);} 
	.mobile-inner-header .img0 { float: left;  margin-left: 2%;padding:0.2rem 0;} 
	.mobile-inner-header .img0 img{ height:3rem;} 

	.mobile-inner-header-icon{float:right; height: 60px;font-size: 25px;text-align: center;width: 60px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;
		-o-transition: background 0.5s;	transition: background 0.5s; position: relative;}
	.mobile-inner-header-icon:hover{	background-color: rgba(255,255,255,0.2);cursor: pointer;}
	.mobile-inner-header-icon span{	 position: absolute;	left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.7);	width: 25px;height: 2px;background-color: #167bbf;}
	.mobile-inner-header-icon span:nth-child(1){transform: translateY(5px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(2){transform: translateY(-5px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(3){transform: translateY(-15px) rotate(0deg);}
	.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
	.mobile-inner-header-icon-click span:nth-child(2){display: none;}
	.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

	.mobile-inner-nav{background-color: rgba(255,255,255,0.9);width: 100%;position: absolute;top: 60px;left: 0px;	padding-top: 30px;padding-bottom: 50px;display: none;z-index: 9999999;}
	/*.mobile-inner-nav a{display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		font-weight:300;
	}
	.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;		animation-name: returnToNormal;}
	.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);	border-bottom: solid 1px rgba(255,255,255,0.2);}*/
	.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
	.mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
	.mobile-inner-nav .mobile-inner-list{width : 80%;margin: 0px auto;}
	.mobile-inner-nav .mobile-inner-list > ul{	list-style: none;margin: 0px;padding: 0px;}
	.mobile-inner-nav .mobile-inner-list > ul > li{width:100%;-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}
	.mobile-inner-nav .mobile-inner-list > ul > li > a{display: block;width:100%;border-bottom: solid 1px rgba(0,0,0,0.1);text-align : left;height:40px;line-height: 40px;padding: 0px;margin: 0px;position: relative;font-size: 1.2em;color: #000000;}
	.mobile-inner-nav .mobile-inner-list > ul > li > p{width:100%;border-bottom: solid 1px rgba(0,0,0,0.1);text-align : left;height:40px;line-height: 40px;padding: 0px;margin: 0px;position: relative;font-size: 1.2em;color: #000000;} 
	.hei{ display: block;height: 60px; width: 100%; background: #FFFFFF;} 

	.list > ul > li{-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}
	.list > ul > li > p[class=title]{}
	.list > ul > li > p[class=title] > span{position: absolute;right: 0;}
	.list-se{overflow: hidden;display: none;}
	.list-se > p{width: 100%;border-bottom: none;text-align : left;height:30px;line-height:30px;padding: 0px;margin: 0px;position: relative;font-size: 1.2em;  color: #1479b9;}
	.list-se > p > span{position: absolute;right: 0;}
	.list-se > li{position: relative;right : -100%;-webkit-transition: right .5s;-moz-transition: right .5s;-o-transition: right .5s;transition: right .5s; margin-bottom: 2px;}
	.list-se > li > p{margin: 0px;-webkit-transition   : border .5s; transition  : border .5s;-webkit-transition   : background .3s; transition  : background .3s; width: 100%; background: #F8F8F8;}
	.list-se > li > p > a{color: #333333;font-size:1em;border-bottom: dashed 1px rgba(255,255,255,0.1);line-height : 30px; padding: 2px 0px 2px 30px; display: block;} 
	.list-se>li>p:hover{}
	
	
	.apple-banner .swiper-container .swiper-wrapper .swiper-slide .pc{ display: none;} 
	.apple-banner .swiper-container .swiper-wrapper .swiper-slide .mo{ display: block;}
	.swiper-button-prev,.swiper-button-next{display: none;}
	.apple-banner .swiper-pagination{top:80%;}
	
	
	
	.main_a{ } 

	.main_a_{ padding:130px 0px 0px;} 
	.main_a_l{ width: 60%; margin: 0px auto; height: auto; background:rgba(22,123,191,0.9); padding:10% 10%;} 
	.main_a_l_tit{ float: none; width: 100%;} 
	.main_a_l_tit h3{ font-size: 1.8em; } 
	.main_a_l_tit span{ font-size: 1.2em; color: #EEEEEE; opacity: 0.5;} 
	.main_a_l img{ float: none; margin-left:0; width: 100%; margin-top: 30px;} 
	.main_a_c{ width: 80%;  height: auto; background:rgba(22,123,191,0.9); padding:10% 10% 10% 10%; left:10%; top: 20%;} 
	.main_a_c h3{ font-size: 2em;  margin-bottom: 30px; } 
	.main_a_c img{ width: 100%;} 
	
	
	
	/*首页-第三屏*/
	.main_b{  padding-top:18%; box-sizing: border-box;} 
	.main_b_{width:80%;height:auto; margin: 0px auto; background:rgba(255,255,255,0.9); padding:10% 5% 10% 5%; border-radius: 10px;} 
	.main_b_ h3{ font-size:1.6em;} 
	.main_b_ p{ line-height: 150%; font-size: 1.1em; margin-top:20px;} 
	.main_b_ ul{ margin-top:30px;} 
	.main_b_ ul li{ float: left; margin-right: 30px;}
	.main_b_ ul li:last-child{ margin-right: 0px;} 
	.main_b_ ul li img{width: 3rem;} 
	.main_b_ ul li h6{ font-size: 1em; } 




	/*首页-第四屏*/
	.main_c{  padding-top:18%; box-sizing: border-box;} 
	.main_c_{width:80%;height:auto; margin: 0px auto; background:rgba(255,255,255,0.9); padding:10% 5% 10% 5%; border-radius: 10px;text-align: left;margin-top: 10vh;} 
	.main_c_ h3{ font-size:2em;} 
	.main_c_ p{  line-height: 150%; font-size: 1.2em; } 
	.main_c_ ul{ margin-top:30px; float: none;} 
	.main_c_ ul li{ float: left; margin-left: 0px; margin-right: 50px;} 
	.main_c_ ul li img{width: 60px;}
	.main_c_ ul li h6{ font-size: 1em; } 
	
	
	
	
	
	/*首页-第五屏*/
	.main_f{} 
	.main_f_{ padding: 18% 0 0;} 
	.main_f_ h3{ font-size: 2em;}
	.main_f_ p{ font-size: 1.2em; } 
	.silder-box-1 { margin: 60px auto 0px;width: 90vw;} 
	.silder-button-1.btl{left:0%; top:35%;} 
	.silder-button-1.btl i{height:2rem;width:2rem;font-size: 1.2rem;background: #ddd;}
	.silder-button-1.btr {right: 0%;;top:35%;}
	.silder-button-1.btr i{height:2rem;width:2rem;font-size: 1.2rem;background: #ddd;}
	.main_f_honor{width: 65vw !important; margin: 0px auto;} 
	.main_f_honor ul li{  text-align: center;/*height:auto;*/} 
	.main_f_honor ul li img{width: 65vw;margin: 0px 0vw;background-size: cover;} 
	.main_f_honor ul li h6{  font-size: 1em;} 
	
	
	/*首页-第六屏*/
	.main_g{ padding: 18% 0 0; } 
	.main_g .main_g_tit{} 
	.main_g .main_g_tit h3{ font-size:2em; } 
	.main_g .main_g_tit p{ font-size:1.2em;} 
	.main_g_{ margin: 25px auto 0px;} 
	.main_g_ ul{} 
	.main_g_ ul li{ width: 32%;  margin-right: 1%; padding: 20px 10px;   height:32vh; margin-bottom: 1%;} 
	.main_g_ ul li:not(3n){float: right;margin-right: 0;}
	.main_g_ ul li:last-child{ float: left;margin-right: 0;} 
	.main_g_ ul li img{ width: 50px;} 
	.main_g_ ul li h5{font-size: 0.9em;  margin: 10px 0px 5px;} 
	.main_g_ ul li p{ font-size: 0.8em; line-height: 150%;} 
	
	.main_d{  background: #F5F5F5;}  
	.main_d_{ padding:20% 0 0 0;} 

	.main_d_tit{ margin: 0px auto 20px;} 
	.main_d_tit .fl{ float: left;} 
	.main_d_tit .fl h3{ font-size: 2em; line-height: 100%;} 
	.main_d_tit .fl span{  font-size: 1.2em; } 
	.main_d_tit .fr{ margin-top:20px;} 
	.main_d_tit .fr a{ width: 80px;  padding: 5px 0px; font-size: 0.8em; } 
	.main_d_tit .fr a:hover{width: 120px;} 
	.main_d_l{ float: none; width:100%; height:180px;} 
	.main_d_l img{ height:180px; } 
	.main_d_l div{ padding: 15px;} 
	.main_d_l div p{  font-size: 1.2em; margin-bottom: 0px;} 
	.main_d_l div span{ display: none;} 
	.main_d_r{ float: none; width:100%; margin-top:15px;} 
	.main_d_r ul{} 
	.main_d_r ul li{  padding: 10px 0px; } 
	.main_d_r ul li:last-child{ display: none;} 
	.main_d_r ul li em{ font-size: 1em;  margin: 3px 0px 9px;}  
	.main_d_r ul li p{ font-size: 1.2em; }
	.main_d_r ul li span{ font-size: 0.8em; line-height: 150%;} 

	
	/*首页-第八屏*/
  .main_h{ background: #F6F6F6;}
	.main_h_{ padding:18% 0 0 0;}
	.main_h_tit{margin: 0px auto 20px;}
	.main_h_tit h3{ font-size: 2em;line-height: 100%; margin-bottom: 5px;}
	.main_h_tit p{  font-size: 1.2em;}
	.main_h_tit p strong{font-size: 1.2em; margin: 0px 3px;}
	.main_h_tit .jj{font-size: 1rem;}
	.main_h_con{} 
	.main_h_con ul{} 
	.main_h_con ul li{ float: left; width: 50%; padding: 10px 20px; border-right:none;} 
	.main_h_con ul li:last-child{ border-right: none;} 
	.main_h_con ul li img{ width: 100%;} 
	.main_h_con ul li h5{ font-size: 1em; margin-top:5px; margin-bottom: 3px;}
	.main_h_con ul li p{ font-size: 1em;} 
	.main_h_ .banner{width:105%;margin:20px auto 0px;} 
	.main_h_ .banner ul li { text-align: center;} 
	.main_h_ .banner ul li img{ width:auto; height: 30vh;}
	.main_h_ .banner .dots{  bottom:2rem; left: 20px; z-index:999;}
	

	/*首页-第九屏*/
	.bottom{ height:400px;}  
	.bottom_tit{  } 
	.bottom_tit img{ width: 120px;}
	.bottom_tit p{   margin-top:15px;} 
	.bottom_tit p i{ font-size:1.2em;  margin-left:10px;} 
	.bottom_{ margin: 20px auto 10px;} 
	.bottom_l{ float: left;} 
	.bottom_l h5{ font-size: 1em; } 
	.bottom_l h3{ font-size: 1.5em; margin-bottom:20px;} 
	.bottom_l p{ font-size: 0.8em; margin: 5px 0px;} 
	.bottom_l p strong{ font-size: 1.2em;} 
	.bottom_c{ display: none;} 
	.bottom_r{ float: right;} 
	.bottom_r img{ width: 100px;} 
	.bottom_r p{ font-size: 1em; padding: 10px 0px;} 
	.bottom_bt{ padding: 15px 0px;  font-size: 0.8em; }








	.con_about_a{ background-size: cover; } 
	.con_about_a_{ padding: 60px 0px 60px; }
	.con_about_a_con{ width: 100%;} 
	.con_about_a_con h2{ font-size: 2em;}
	.con_about_a_con h6{ font-size: 1em; margin-top: 10px; line-height: 160%; } 
	.con_about_a_con p{  font-size:0.8em; margin: 25px 0px; line-height: 160%; opacity: 0.8;} 

	.con_about_b{  margin:50px 0px;} 
	.con_about_b_{ } 
	.con_about_b_ .fl{ float: none; width:100%; padding: 0 0 0 0; } 
	.con_about_b_ .fl h2{ font-size:1.5em; } 
	.con_about_b_ .fl h6{ font-size:1.2em; margin: 15px 0px 5px; } 
	.con_about_b_ .fl p{  font-size:1em; line-height: 160%;  } 
	.con_about_b_ .fr{ float: none; width:100%; margin-top: 20px;} 

	.con_about_c{ margin:50px 0px; } 
	.con_about_c_{ } 
	.con_about_c_ .fl{ float: none; width:100%;} 
	.con_about_c_ .fr{ float: none; width:100%; padding: 0 0 0 0;margin-top: 20px; } 
	.con_about_c_ .fr h2{ font-size:1.5em; margin-bottom: 10px;} 
	.con_about_c_ .fr p{  font-size:1em; line-height: 160%; } 

	.con_about_d{  margin:50px 0px; } 
	.con_about_d_{ width: 80%; margin:0px auto;} 
	.con_about_d_ .fl{float: none; width:100%; padding: 0 0 0 0; } 
	.con_about_d_ .fl h2{ font-size:1.5em; margin-bottom: 10px;} 
	.con_about_d_ .fl p{  font-size:1em; line-height: 160%;} 
	.con_about_d_ .fr{float: none; width:100%;margin-top: 20px;}

	.con_about_e{   background-size: cover;padding: 10% 0;} 
	.con_about_e_tit div h2{ font-size: 2em;margin-bottom: 5px;} 
	.con_about_e_tit div p{  font-size:1.2em;} 
	.silder-box-2 { margin:30px auto 0px; } 
	.con_about_e_{ width: 265px;}
	.con_about_e_ ul li{ } 
	.con_about_e_ ul li h6{ font-size: 1.5em;} 
	.con_about_e_ ul li p{font-size:1.1em; line-height: 150%;} 

	.con_about_f{  padding:50px 0px; } 
	.con_about_f_tit{ } 
	.con_about_f_tit h2{ font-size: 2em;  margin-bottom: 5px;} 
	.con_about_f_tit p{  font-size:1.2em; } 
	.str_wrap { margin: 30px auto 0px;}



    .con_about_z{ background-size: cover;  padding: 60px 0px; } 
	.con_about_z_{width: 75%;  padding:30px 10px; } 
	.con_about_z_ h2{ font-size: 2.5em; } 
	.con_about_z_ p{  font-size:1.2em; line-height: 160%;}


	.n_img{  height:180px; } 
    .n_img img{ width:100%; height: 100%;} 
	.n_img div{padding: 60px 0px 0px; } 
	.n_img div h2{ font-size: 1.8em;} 
	.n_img div em{  width:30px; margin:10px auto; height: 2px;}
	.n_img div p{  font-size: 1em; width: 80%;} 
	
	
	.n_img_sq{  height:180px; } 
    .n_img_sq img{ width:100%; height: 100%;} 
	.n_img_sq div{padding: 60px 0px 0px; } 
	.n_img_sq div h2{ font-size: 1.8em;} 
	.n_img_sq div em{  width:30px; margin:10px auto; height: 2px;}
	.n_img_sq div p{  font-size: 1em; width: 80%;} 
	.n_img_sq div span{   margin: 10px auto 0px; width:80%;} 
	.n_img_sq div span input.txt{ padding: 5px;} 
	.n_img_sq div span input.sub{ padding: 6px;  margin-top: 0px; font-size: 0.8em;} 


	.c_pro{ padding: 30px 0px;} 
	.c_pro_ ul li{ margin:10% 0; border-radius:0px; padding: 5% 0;} 
	.c_pro_ ul li div.fl{ float: none;width:100%;} 
	.c_pro_ ul li div.fr{ float: none;width:100%;  padding: 25px; }
	.c_pro_ ul li div.fr em{  height: 2px; width: 50px;} 
	.c_pro_ ul li div.fr h3{ font-size: 2em; margin:20px 0px 5px;} 
	.c_pro_ ul li div.fr h6{ font-size: 1em; width:100px; padding: 3px 0px; border-radius: 5px; margin-bottom: 20px;} 
	.c_pro_ ul li div.fr p{  line-height: 160%; font-size: 1em;} 
	.c_pro_ ul li div.fr img{ width: 100%; margin-top: 30px;} 
	.c_pro_ ul li div.fr:hover em{ width: 100px;} 
	
	
	
	
	
	.c_pro_m_a{height:auto;}
	.c_pro_m_a_b{ height:auto;}
	.c_pro_m_a_c{ height:auto;}
	.c_pro_m_a_d{ height:auto;}
	.c_pro_m_a_e{ height:auto;}
	.c_pro_m_a_{ width: 80%; margin:0px auto; padding: 100px 0px 100px; box-sizing: border-box;}
	.c_pro_m_a_con{ width: 100%;}
	.c_pro_m_a_con h1{ font-size:2.5em; }
	.c_pro_m_a_con h6{font-size: 1.2em; width: 160px;  }
	.c_pro_m_a_con p{ line-height: 160%; font-size: 1.2em; }
	.c_pro_m_a_con div{ width: 100%; background:rgba(255,255,255,0.8); margin-top: 30px;}
	
	
	.c_pro_m_b{ width:80%; margin:50px auto; }
	.c_pro_m_b_tit p{ font-size: 2em;} 
	.c_pro_m_b_tit h5{ font-size:1.8em; margin-top: -10px;} 
	.c_pro_m_b_{ margin-top: 30px;} 
	.c_pro_m_b_ ul{} 
	.c_pro_m_b_ ul li{ float: none; width: 100%; height: auto; padding:20px; margin-right:0px; border: #EEEEEE 1px solid; margin-top: 5px;} 
	.c_pro_m_b_ ul li:last-child{ float: none; margin-right: 0px;} 
	.c_pro_m_b_ ul li img{width:60px;} 
	.c_pro_m_b_ ul li h5{ font-size: 1.3em; margin:20px 0px 10px;} 
	.c_pro_m_b_ ul li p{  font-size: 0.8em; line-height: 150%; }
	
	.c_pro_m_b_c{   margin: 0px 0px -50px; padding:50px 0px;} 
	.c_pro_m_b_c_{width:80%; } 
	.c_pro_m_b_c_ .fl{ float: none; width: 100%; height: auto; } 
	.c_pro_m_b_c_ .fl img{   height: 100%;} 
	.c_pro_m_b_c_ .fr{ float: none; width: 100%; margin-top: 20px;} 
	.c_pro_m_b_c_ .fr h5{ font-size: 1.5em; } 
	.c_pro_m_b_c_ .fr p{ font-size: 0.8em; line-height: 150%;  margin: 20px 0px;} 


	.c_pro_m_c{  margin:50px 0px 30px;  padding:30px 0px;} 
	.c_pro_m_c p{ font-size: 2em;} 
	.c_pro_m_c h3{ font-size:1.8em; margin-top: -10px;}


	.c_pro_m_d{  width:80%; margin:50px auto;} 
	.c_pro_m_d .fl{ float: none; width: 100%;} 
	.c_pro_m_d .fr{ float: none; width: 100%; margin-top: 20px;} 
	.c_pro_m_d .fr h2{font-size: 1.8em;} 
	.c_pro_m_d .fr h3{font-size: 1.5em; margin-bottom:30px;} 
	.c_pro_m_d .fr h6{font-size: 1.2em; margin-bottom:5px;} 
	.c_pro_m_d .fr p{ font-size: 1em; line-height: 150%;} 
	
	
	
	.c_pro_m_e{  background-size: cover; padding:50px 0px;} 
	.c_pro_m_e_{ width:80%; }
	.c_pro_m_e_ .tit{  margin-bottom: 30px;} 
	.c_pro_m_e_ .tit p{  font-size: 1.5em; } 
	.c_pro_m_e_ .tit h3{ font-size:1.6em; margin-top: -10px;} 
	.cpe_a{ margin:20px 0px; padding: 20px; } 
	.cpe_a h5{  float: none; font-size: 1.3em; margin-bottom: 5px;} 
	.cpe_a p{  float: none; width: 100%;font-size: 0.8em; line-height: 150%;} 
	
	
	
	.c_pro_m_f{  margin:50px 0px;} 
	.c_pro_m_f .tit{ width: 80%; margin: 0px auto 30px;} 
	.c_pro_m_f .tit p{font-size: 1.8em;} 
	.c_pro_m_f .tit h3{font-size:1.6em; margin-top: -10px;} 
	.c_pro_m_f .tit span{   font-size: 1em; text-align: left; } 
	.silder-box-4 { margin: 30px auto 0px; } 
	.c_pro_m_f_{ width: 260px; } 
	.c_pro_m_f_ ul{} 
	.c_pro_m_f_ ul li{ width: 260px; height:410px;  } 
	.c_pro_m_f_ ul li h6{ font-size:3em; } 
	.c_pro_m_f_ ul li h5{ font-size:1.3em; margin-top: -30px;} 
	.c_pro_m_f_ ul li p{ font-size: 0.9em; padding: 20px 20px 0px; line-height: 150%; } 
	.c_pro_m_f_ ul li img{ width: 100%; height: 170px;}  
	
	
	
	.c_pro_m_g{ margin:50px 0px; background-size: cover;  padding: 50px 0px;} 
	.c_pro_m_g_{ width:80%;}
	.c_pro_m_g_ .tit{ margin-bottom: 30px;} 
	.c_pro_m_g_ .tit p{font-size: 1.8em;} 
	.c_pro_m_g_ .tit h3{font-size:1.6em; margin-top: -10px;} 
	.cpg_a{ margin: 20px 0px; padding: 20px; } 
	.cpg_a p{ float: none; width: 100%;font-size: 0.8em; line-height: 150%; } 
	.cpg_a img{ float:none; width: 100%;}
	.cpg_b{   padding: 20px; } 
	.cpg_b div{ float: none; width:100%;}
	.cpg_b div h5{ font-size:1.6em; } 
	.cpg_b div p{ font-size: 1em;  line-height: 150%;} 
	.cpg_b div img{width:60%;} 
	.cpg_b > img{ float:none; width: 100%; margin-top: 20px;} 
	

	
	.c_pro_m_h{ width: 80%; margin:50px auto;} 
	.c_pro_m_h .tit{  margin-bottom:30px;} 
	.c_pro_m_h .tit p{font-size: 1.8em;} 
	.c_pro_m_h .tit h3{font-size: 1.6em; margin-top: -10px; margin-bottom: 30px;} 
	.c_pro_m_h .tit img{  width:100%} 

	.c_pro_m_h_{width: 100%; } 
	.c_pro_m_h_ .fl{float: none; width:100%;  padding:20px;  height: auto;} 
	.c_pro_m_h_ .fr{float: none;width: 100%;  height: auto;} 
	.c_pro_m_h_ .fz{float: none; width:100%;  height: auto;} 
	.c_pro_m_h_ .fb{float: none;width: 100%;  padding:20px;  height: auto;} 
	.c_pro_m_h_ h5{ font-size: 1.5em;  margin-bottom: 10px;} 
	.c_pro_m_h_ p{ font-size: 1em; line-height: 150%; } 
	.c_pro_m_h_ img{  height: 100%;} 
	.c_pro_m_i{ width: 80%; margin:50px auto;} 
	
	
	
	
	.c_case{padding: 0px 0px;}
	.c_case_{ margin: 50px auto; width: 90%;}
	.c_case_ h3{ font-size: 1.5em; margin-bottom:20px;}
	.c_case_ ul{}
	.c_case_ ul li{ float: left; width:49%; height:120px;overflow: hidden;margin-right:0; margin-bottom:2%;}
	.c_case_ ul li:nth-child(2n){ float: right;}
	.c_case_ ul li:nth-child(3){ float: left; }
	
	
	
	
	.con_ai_a{ background-position: left;} 
	.con_ai_a_{ padding: 80px 0px 60px;}
	.con_ai_a_con{ width: 100%;} 
	.con_ai_a_con h6{font-size: 1.5em;} 
	.con_ai_a_con h2{  font-size: 2.5em;}
	.con_ai_a_con p{  font-size:1em; margin: 20px 0px; line-height: 150%; } 
	
	.con_ai_b{ margin:50px 0px 50px; } 
	.con_ai_b_ .fl{ float: none; width: 100%;} 
	.con_ai_b_ .fr{ float: none; width: 100%; padding: 5% 0 0 0;} 
	.con_ai_b_ .fr h2{ font-size: 1.6em; margin-bottom: 10px; margin-top: 10px;} 
	.con_ai_b_ .fr p{  font-size:1.2em; line-height: 150%; } 
	.con_ai_b_ .fr img{ width: 75%;} 
	.con_ai_c{ width: 100%; padding:50px 0px; background: #F2F2F2;} 
	.con_ai_c_ .fl{ float: none; width: 100%; padding: 0 0 5% 0; text-align: left;} 
	.con_ai_c_ .fl h2{ font-size: 1.6em;margin-bottom: 10px; margin-top: 10px;} 
	.con_ai_c_ .fl p{  font-size:1.2em; line-height: 150%; text-align: justify;} 
	.con_ai_c_ .fr{float: none; width: 100%;} 

	.con_ai_d{ width: 100%; margin:50px 0px; } 
	.con_ai_d_ .fl{ float: none; width: 100%;} 
	.con_ai_d_ .fr{ float: none; width: 100%; padding: 5% 0 0 0;} 
	.con_ai_d_ .fr h2{ font-size: 1.6em;margin-bottom:10px;margin-top: 10px;} 
	.con_ai_d_ .fr p{  font-size:1.2em; line-height: 150%;} 




	.c_join_a{ padding: 50px 0px;} 
	.c_join_a_{ width: 80%;} 
	.c_join_a_ span{ font-size: 1.5em;} 
	.c_join_a_ h6{ font-size: 1.2em; margin-top: -20px;} 
	.c_join_a_ h3{ font-size: 1.6em; } 
	.c_join_a_ h5{ font-size: 1.6em;} 
	.c_join_a_ em{ margin: 20px auto; width: 50px; height: 2px; } 

	.c_join_a_ h2{font-size:1.3em; margin-bottom: 20px;} 
	.c_join_a_ p{ font-size:1.2em; line-height: 150%;} 

	.c_join_b{ height: auto; padding:50px 0px;}
	.c_join_b_tit {width: 80%; margin: 5px auto;}
	.c_join_b_tit h2{ font-size:2em; margin-bottom:10px;}
	.c_join_b_tit p{  font-size:1em; line-height:150%;}

	.mt-tabpage { margin:30px auto 0px;  padding:20px;  border-radius: 10px;} 
	.c_join_b .mt-tabpage-title { width: 100%; } 
	.c_join_b .mt-tabpage-title .mt-tabpage-item { margin-right:2px; margin-bottom: 2px; font-size:1em;padding: 5px 12px; float: left;} 
	.c_join_b .mt-tabpage-count {  margin-top: 30px;} 
	.c_join_b .mt-tabpage-cont__wrap {position: absolute;} 
	.c_join_b .mt-tabpage-count .mt-tabpage-item {width:70vw;height:280px;} 
	.c_join_b_{ margin-top: 20px; clear: both;} 
	.c_join_b_ .fl{ float: none; width:100%; margin-top:0px;} 
	.c_join_b_ .fl h3{ font-size: 1.5em;} 
	.c_join_b_ .fl em{  margin: 10px 0px; height: 2px; } 
	.c_join_b_ .fl:hover em{width: 50px;} 
	.c_join_b_ .fl p{  line-height: 150%; font-size:0.8em;} 
	.c_join_b_ .fr{ float: none; width: 100%; margin-top: 20px;} 
	.c_join_b_ .fr img{width: 100%;}

	.c_join_e .banner{ margin:50px auto; } 
	.c_join_e .banner ul{} 
	.c_join_e .banner ul li{} 
	.c_join_e .banner ul li h3{ font-size:1.4em; margin-bottom:5px; }
	.c_join_e .banner ul li p{ font-size: 1em; margin-bottom:20px;} 
	.c_join_e .banner .dots{ top:40px;}
	.c_join_e .banner .dots li{width:10px;height:10px;}
	

	.join_con_02_{ margin:50px auto; width: 80%;} 
	.join_con_11_txt01{ font-size: 1.5em; } 
	.join_con_11_txt02{ margin: 10px 0px;} 
	.join_con_11_txt02 input{  padding: 15px; font-size: 1em; width: 49%; box-sizing: border-box;} 

	.join_con_11_txt03{ margin: 10px 0px;} 
	.join_con_11_txt03 input{  padding: 15px; font-size: 1em; width: 100%; box-sizing: border-box;} 

	.join_con_11_txt04{ margin: 10px 0px;} 
	.join_con_11_txt04 textarea{ padding: 15px; font-size: 1em; width: 100%; height: 100px; box-sizing: border-box;} 

	.join_con_11_txt05{ margin: 20px 0px;text-align: center;} 
	.join_con_11_txt05 input{ padding: 15px;width: 100%; font-size: 1.5em;box-sizing: border-box; } 



	
	
	

	.locatn a{font-size: 1em;} 
	.con_news{width: 80%; margin:20px auto;} 
	.con_news_{} 
	.con_news_ ul{} 
	.con_news_ ul li{ padding:20px 0px; } 
	.con_news_ ul li div.fl{ float: none; width:100%; height: auto;} 
	.con_news_ ul li div.fl img{ width: 100%;height: 100%;} 
	.con_news_ ul li div.fr{float: none; width: 100%; height: auto; padding:10px 0px; } 
	.con_news_ ul li div.fr em{ font-size: 1em;} 
	.con_news_ ul li div.fr h3{ margin: 15px 0px 5px;} 
	.con_news_ ul li div.fr h3 a{ font-size: 1.2em;} 
	.con_news_ ul li div.fr p{  font-size: 0.8em;line-height: 150%; } 
	.con_news_ ul li div.fc{ display:none; } 




	.n_img_news{  height:200px; } 
	.n_img_news img{ width:100%; height: 100%;} 
	.n_img_news div{padding: 40px 0px 0px; } 
	.n_img_news div h2{ display:none;} 
	.n_img_news div em{ width:50px; margin:0px auto 20px;}
	.n_img_news div h1{ font-size: 1.8em; width:80%; text-align: left;}

	.con_news_m{ width: 100%; margin: 0px auto;} 
	.con_news_m .fl{ width:100%; float: none;} 
	.con_news_m .fl h2{ display: none;} 
	.con_news_m .fl > p{ font-size: 0.8em; margin: 5px 0px;} 
	.con_news_m .fl h5{display: none;} 
	.con_news_m .fl ul{display: none;} 
	.con_news_m .fr{ width: 100%; float: none; border-left:none; padding-left:0; margin-top: 20px;} 
	.con_news_m .fr p{ font-size: 1em; line-height: 150%; margin-bottom: 20px;} 
	.con_news_m .fr img{margin: 20px auto; width: 100%; max-width: 100%;} 
	
	
	
	
	.con_video{ margin: 30px auto;} 
	.con_video ul li{ width: 100%; float: none; margin:1% 0 1% 0;}
	.con_video ul li:nth-child(3n){ float: none;margin:1% 0 1% 0;}
	.con_video ul li p{ padding: 8px 0px;} 
	.con_video_{ height: 180px;} 
	.con_video_ > img{ height: 180px;} 
	.con_video_ a{ height: 180px; padding-top: 80px;} 
	.con_video_ a img{ width: 35px; height: 35px;} 

	.videolist:hover{ cursor: pointer; }
	.videos{}
	.videos video{ width: 100%; height: 280px;} 
	.vclose { right:2%; bottom:2%;}
	
	
	
	
	.con_fw_{width:80%; margin: 50px auto;} 
	.con_fw_ .tit{ padding:20px;} 
	.con_fw_ .tit img{display:block; width: 60px; float: none; margin: 0px auto 20px;} 
	.con_fw_ .tit div{ float: none; width: 100%; border-left: none; margin-left: 0px; padding:0px 0px 0px 0px; } 
	.con_fw_ .tit div h2{ font-size:1.2em; } 
	.con_fw_ .tit div p{ font-size: 1.1em; line-height: 150%;} 
	.con_fw_ .img{ margin-top:20px;} 

	.con_fw_a{ padding:80px 0px; background-size: cover; } 
	.con_fw_a .tit{width:80%;  padding:20px;  } 
	.con_fw_a .tit img{display:block;width: 60px; float: none; margin: 0px auto 20px;} 
	.con_fw_a .tit div{float: none; width: 100%; border-left: none; margin-left: 0px; padding:0px 0px 0px 0px; } 
	.con_fw_a .tit div h2{font-size:1.2em;} 
	.con_fw_a .tit div p{ font-size: 1.1em; line-height: 150%;} 
	
	
	.con_fw_b{width:80%; margin:50px auto;} 
	.con_fw_b .tit{ padding:20px;} 
	.con_fw_b .tit img{display:block;width: 60px; float: none; margin: 0px auto 20px;} 
	.con_fw_b .tit div{ float: none; width: 100%;border-left: none; margin-left: 0px; padding:0px 0px 0px 0px; } 
	.con_fw_b .tit div h2{ font-size:1.2em;} 
	.con_fw_b .tit div p{ line-height: 150%;} 
	.ipu1{  width: 100%; height: 36px; line-height: 36px; } 
	.ipu2{   margin-left: 0px; font-size: 1.2em;  height: 36px; line-height: 36px; width:100%; margin-top: 10px;} 
	

	.con_fw_list{ padding:30px 0px 30px; } 
	.con_fw_list .tit h2{font-size: 1.5em;} 
	.con_fw_list .f_list{width:80%; margin: 30px auto;} 
	.con_fw_list .f_list ul{}
	.con_fw_list .f_list ul li{  padding:10px; margin: 5px 0px; } 
	.con_fw_list .f_list ul li img{ width: 60%;} 
	.con_fw_list .f_list ul li p{ font-size: 1.2em; margin-top:15px;} 



	.con_em{  padding:50px 0px;} 
	.con_em_menu{  width:80%;} 
	.con_em_menu ul li a{  padding:10px 0px; font-size: 1em;} 

	.con_em_{ margin: 30px auto 0px;} 
	.con_em_ ul{} 
	.con_em_ ul li{ float: none; width: 100%; margin: 0 0 0 0; border: #EEEEEE 1px solid; border-left: none; border-right: none;border-top: none;padding:20px 0px; } 
	.con_em_ ul li:nth-child(4n){ float: none; margin: 0 0 0 0;} 
	.con_em_ ul li div.img-zoom-in{  width: 42%; height: auto;} 

	.con_em_ ul li div.txt{margin-top:0px;width: 50%} 
	.con_em_ ul li div.txt h5{ font-size: 1.2em; margin-bottom: 3px;} 
	.con_em_ ul li div.txt p{ font-size: 0.8em; line-height: 150%;  height: auto;} 

	

	.con_em_b{ width: 80%; margin: 30px auto 0px;} 
	.con_em_b ul{} 
	.con_em_b ul li{ width: 45%; margin: 0 0 3% 0;}
	.con_em_b ul li:nth-child(2n){ float: right; margin: 0 0 3% 0;} 
	.con_em_b ul li:nth-child(5){ float: left; } 
	.con_em_b ul li:nth-child(15){ float: left; } 
	.con_em_b ul li div.img-zoom-in{ height:180px;} 
	.con_em_b ul li div.txt{ margin-top: 5px; height:70px;} 
	.con_em_b ul li div.txt h5{ font-size: 1em; } 
	.con_em_b ul li div.txt p{ font-size: 0.8em; line-height: 150%; height: auto;} 
	
	
	
	
	
	
	
	

	.con_contact{  width:80%; margin:50px auto; } 
	.con_contact .fl{ float: none; width:100%;} 
	.con_contact .fl ul{} 
	.con_contact .fl ul li{ padding: 10px 0px;} 
	.con_contact .fl ul li:first-child{ border-bottom:none; margin-bottom:10px;} 
	.con_contact .fl ul li h2{ font-size:1.5em;} 
	.con_contact .fl ul li p{ margin-bottom: 5px; font-size:1.2em;} 
	.con_contact .fl ul li span{ font-size:1.2em;} 

	.con_contact .fr{ float: none; width: 100%; margin-top: 20px;} 
	#dituContent{ height:200px;} 


	div.black2 a{padding:3px 8px; }
	div.black2 a.curr{padding:3px 8px;}
	
	
	.yb_conct{ display: none;} 
	
}





@keyframes clickfirst {
  0% {
	  transform: translateY(5px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(-5px) rotate(45deg);
  }
}	

@keyframes clicksecond {
  0% {
	  transform: translateY(-15px) rotate(0deg);
  }

  100% {
    transform: translateY(-5px) rotate(-45deg);
  }
}


@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-15px) rotate(0deg);
  }
}	


@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(5px) rotate(0deg);
  }
}



.wd {
  width: 1520px;
  margin: 0 auto;
}
/*.section{height:100vh ;}*/
.ny-banner {
	background-position: top center;
	background-repeat: no-repeat;
	height: 800px;
	position: relative
}

.ny-banner.lxwm-banner {
	color: #fff
}

.ny-banner.lxwm-banner .txt {
	color: #fff
}

.ny-banner .txt {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 40%;
	/*margin-top: -35px;*/
	color: #fff;
	font-size: 2rem;
	line-height:1.5;
}
.ny-banner .txt h3 {
	line-height: 40px;
	-webkit-animation: dragTop .7s ease-in-out both;
	animation: dragTop .7s ease-in-out both
}

.ny-banner .txt p {
	line-height: 20px;
	margin-top: 10px;
	-webkit-animation: dragTop .7s ease-in-out .5s both;
	animation: dragTop .7s ease-in-out .5s both;
	color:#fff;
	font-size:1.8rem;
}

@media screen and (max-width:940px) {
	.ny-banner {
		background-size: cover;
		height: 320px
	}
}


@keyframes dragTop {
	0% {
		opacity: 0;
		transform: translateY(-70px)
	}
	60% {
		opacity: 1;
		transform: translateY(20px)
	}
	90% {
		transform: translateY(-5px)
	}
	97% {
		transform: translateY(-1px)
	}
	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes dragTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-70px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(20px)
	}
	90% {
		-webkit-transform: translateY(-5px)
	}
	97% {
		-webkit-transform: translateY(-1px)
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@-moz-keyframes dragTop {
	0% {
		opacity: 0;
		-moz-transform: translateY(-70px)
	}
	60% {
		opacity: 1;
		-moz-transform: translateY(20px)
	}
	90% {
		-moz-transform: translateY(-5px)
	}
	97% {
		-moz-transform: translateY(-1px)
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1
	}
}

@-ms-keyframes dragTop {
	0% {
		opacity: 0;
		-ms-transform: translateY(-70px)
	}
	60% {
		opacity: 1;
		-ms-transform: translateY(20px)
	}
	90% {
		-ms-transform: translateY(-5px)
	}
	97% {
		-ms-transform: translateY(-1px)
	}
	100% {
		-ms-transform: translateY(0);
		opacity: 1
	}
}

.menu {
	line-height: 80px;
	text-align: center;
	border-bottom: 1px solid #b5b5b5
}

.menu li {
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	width: 170px;
	text-align: center;
	font-size: 16px;
	position: relative
}

.menu li.this a,
.menu li:hover a {
	border-color: #167bbf;
	color: #167bbf
}

.menu li:last-child:after {
	display: none
}

.menu li:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 16px;
	top: 50%;
	right: 0;
	margin-top: -8px;
	background: #b5b5b5
}

.menu li a {
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	border-bottom: 2px solid transparent
}

.mbx {
	color: #d1d0d0
}

.mbx a {
	color: #d1d0d0
}

.mbx a:hover {
	color: #167bbf
}

@media screen and (max-width:960px) {
	.menu {
		line-height: 40px;
		width:calc(100vw - 4rem);
		display: none;
	}
	.menu ul {
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.menu ul li {
		width: auto;
		min-width: 35%;
		font-size: 14px;
		-moz-box-flex: 1;
		-webkit-box-flex: 1;
		box-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		display: block;
		margin-bottom: 0
	}
}
@media screen and (max-width:1600px) {
	.menu {
  width: 100%;
}
.wd{width: 80vw;}
}
/*产品内页*/
.arc {
	padding: 50px 0
}

.arc:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.arc-left {
	background: #fff;
	width: 100%;
	padding: 0 0 30px 0;
	float: left
}

.arc-left .arc-sxp,
.arc-left .arc-tags,
.arc-left .arc-title,
.arc-left .arc-zt {
	padding: 0 30px
}

.arc-left .arc-title {
	padding-top: 0;
	text-align: center;
}

.arc-left .arc-title h2 {
	font-size: 32px;
	font-weight: 100;
	color: #303030;
	margin-bottom: 20px
}

.arc-left .arc-title .arc-info {
	font-size: 12px;
	color: #767676;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5
}

.arc-left .arc-zt {
	margin-top: 15px;
	font-size: 14px;
	color: #303030;
	line-height: 1.8;
	padding-bottom: 50px;
	border-bottom: 1px solid #e5e5e5
}

.arc-left .arc-zt img {
	max-width: 100%;
	height: auto;
	height: auto!important
}

.arc-left .arc-zt p {
	font-size: 16px;
	margin-bottom: 12px;
	line-height: 1.8
}

.arc-left .arc-tags {
	padding: 10px 30px;
	line-height: 30px
}

.arc-left .arc-tags a {
	padding: 0 6px;
	margin: 0 8px;
	background: #f5f5f5
}

@media screen and (max-width:960px) {
	.arc-left .arc-title h2 {
		font-size: 20px
	}
}

.arc-sxp {
	text-align: center;
	padding: 100px 0;
	background: #f9f9f9
}

.arc-sxp ul {
	display: table
}

.arc-sxp li {
	display: table-cell;
	white-space: nowrap;
	overflow: hidden;
	width: 1%;
	vertical-align: middle;
	line-height: 100px;
	padding: 0 8px
}

.arc-sxp li a {
	white-space: nowrap;
/*	background: #fff;
	display: block;
	border: 1px solid #e5e5e5*/
}

.arc-sxp li a:hover {
	border-color: #005c3b
}

.arc-sxp li i {
	margin: 0 4px;
	vertical-align: middle
}

.arc-sxp li.go-type {
	border: none;
	padding: 0 0
}

.arc-sxp li.go-type a {
	display: block;
	white-space: nowrap;
	border: 1px solid #005c3b;
	padding: 0 8px;
	text-align: center;
	color: #606060
}

.arc-sxp li.go-type a:hover {
	color: #005c3b;
	border-color: #005c3b
}

.arc-sxp li.go-type a i {
	font-size: 14px;
	padding-right: 6px
}

.arc-sxp li.go-type {
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width:960px) {
	.arc-left .arc-title h2 {
		font-size: 20px
	}
	.arc-sxp {
		padding: 15px 0
	}
	.arc-sxp li {
		line-height: 4rem;
		display: block;
		width:100vw;
	}
	.arc-sxp li.go-type {
		padding: 0
	}
}

.tags_list dt {
	line-height: 50px;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 20px
}

.arc-right {
	width: 23%;
	float: left;
	margin-left: 2%;
	overflow: hidden
}

.arc-right dt {
	background: #373737;
	line-height: 49px;
	color: #fff;
	padding: 0 8px
}

.arc-right dt i {
	font-size: 18px;
	margin-right: 8px;
	color: #fff
}

.arc-right .arc-ss {
	background: #fff;
	padding: 26px 15px
}

.arc-right .arc-ss form {
	position: relative
}

.arc-right .arc-ss .arc-ss-wz {
	width: 100%;
	height: 34px;
	border: 1px solid #e5e5e5;
	padding-right: 25px
}

.arc-right .arc-ss .arc-ss-tj {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 34px;
	background: url(../images/arc-ss-tj.png) no-repeat center center;
	border: none
}

.arc-right .arc-hot {
	background: #fff
}

.arc-right .arc-hot dd li:last-child a {
	border-bottom: none
}

.arc-right .arc-hot dd li a {
	padding-left: 12px;
	position: relative;
	display: block;
	line-height: 1.8;
	font-size: 12px;
	margin: 0 8px;
	padding: 8px 0 8px 12px;
	border-bottom: 1px dashed silver;
	color: #303030
}

.arc-right .arc-hot dd li a:hover {
	color: #005c3b
}

.arc-right .arc-hot dd li a i {
	position: absolute;
	left: 0;
	font-size: 18px;
	color: #005c3b;
	top: 12px;
	font-style: normal;
	height: 8px;
	display: block;
	line-height: 8px;
	font-weight: 700
}

.arc-right .arc-cp {
	background: #fff
}

.arc-right .arc-cp {
	margin-top: 12px
}

.arc-right .arc-cp dd {
	padding: 8px;
	text-align: center
}

.arc-right .arc-cp dd li {
	margin-top: 20px
}

.arc-right .arc-cp dd li img {
	width: 100%;
	height: auto;
	height: auto!important
}

.arc-right .arc-cp dd li:last-child a {
	border-bottom: none
}

.arc-right .arc-cp dd a {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px dashed #303030;
	color: #303030
}

.arc-right .arc-cp dd a:hover {
	color: #005c3b;
	border-bottom-color: #005c3b
}

.arc-right .arc-cp dd h6 {
	font-size: 12px;
	margin-top: 12px
}

@media screen and (max-width:960px) {
	.arc {
		padding: 10px 0
	}
	.arc-left,
	.arc-right {
		width: 100%;
		display: block;
		float: none;
		margin-left: 0;
		margin-top:2rem;
		padding: 0;
	}
	.arc-sxp {
		margin-top: 10px
	}
	.arc-sxp li span {
		display: none
	}
	.arc-sxp ul {
		width: 100vw;
  display: table;
}
}

.list-jmd {
	margin-top: 50px
}

.list-jmd li {
	width: 32%;
	margin-right: 2%;
	float: left;
	margin-bottom: 50px;
	background: #fff
}

.list-jmd li:hover .txt {
	background: #005c3b;
	color: #fff
}

.list-jmd li:hover .txt span {
	color: #fff
}

.list-jmd li:hover .txt span i {
	border-color: #fff
}

.list-jmd li:nth-child(3n) {
	margin-right: 0
}

.list-jmd li .txt {
	padding: 20px 5%;
	line-height: 1.2;
	font-size: 20px
}

.list-jmd li .txt p {
	padding-top: 6px
}

.list-jmd li .txt h4,
.list-jmd li .txt p {
	padding-right: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.list-jmd li .txt span {
	float: right;
	color: #005c3b
}

.list-jmd li .txt span i {
	font-size: 28px;
	border: 1px solid #005c3b;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100px;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center
}

@media screen and (max-width:960px) {
	.list-jmd {
		margin-top: 15px
	}
	.list-jmd li {
		width: 49%
	}
	.list-jmd li:nth-child(3n) {
		margin-right: 2%
	}
	.list-jmd li:nth-child(2n) {
		margin-right: 0
	}
	.list-jmd li .txt h4,
	.list-jmd li .txt p {
		padding-right: 0
	}
	.list-jmd li .txt p {
		line-height: 26px;
		height: 52px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}
	.list-jmd li .txt span {
		display: none
	}
}

@media screen and (max-width:960px) {
	.list-jmd {
		padding: 0 10px
	}
	.list-jmd li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px
	}
}

.list-shop {
	margin-top: 50px
}

.list-shop li {
	width: 23.5%;
	margin-right: 2%;
	float: left;
	margin-bottom: 50px;
	background: #f5f5f5
}

.list-shop li:hover .txt {
	background: #167bbf;
	color: #fff
}

.list-shop li:hover .txt span {
	color: #fff
}

.list-shop li:hover .txt span i {
	border-color: #fff
}

.list-shop li:nth-child(4n) {
	margin-right: 0
}

.list-shop li .txt {
	padding: 20px 5%;
	line-height: 42px;
	font-size: 18px;
	color:#167bbf
}

.list-shop li .txt span {
	float: right;
	color: #167bbf
}

.list-shop li .txt span i {
	font-size: 28px;
	border: 1px solid #167bbf;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100px;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center
}
.imgs img {
  width: 100%;
  transition: .7s;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  vertical-align: middle;
  height: auto;}
.fenye{padding:2% 0 5% 0;}
.fenye a{  padding:5px  10px;
  height: 24px;
  font-size: 14px;
  margin: 0 10px;
  transition: all 0.3s ease-in-out;}
.fenye b{
  padding:5px 10px;
  height: 24px;
  background: #167bbf;
  margin: 0 10px;
  font-size: 14px;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width:960px) {
	.list-shop {
		/*padding-left: 15px;*/
		margin-top: 15px;
		width:100%;
	}
	.list-shop li {
		width: 80vw;
		float:none;
	}
	.list-shop li .imgs img{
	}
	.list-shop li .txt {
		font-size: 14px;
		padding: 5%;
		line-height: 24px
	}
	.list-shop li .txt span {
		display: none
	}
	.fenye a{
  margin: 0px;
}
.fenye b{
  margin: 0 ;
}
}
@media screen and (max-width:960px) {

}
.arc-shop {
	margin-top: 30px
}


.arc-shop:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.arc-shop .arc-shop-l {
	width: 65%;
	float: left
}

.arc-shop .arc-shop-r {
	width: 33%;
	float: right;
	padding-top: 60px;
}

.arc-shop-dt {
	padding-bottom: 18px
}

.arc-shop-dt .arc-shop-dt-prev:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff0000'%2F%3E%3C%2Fsvg%3E")
}

.arc-shop-dt .arc-shop-dt-next:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff0000'%2F%3E%3C%2Fsvg%3E")
}

.arc-shop-dt-li img {
	width: 100%;
	height: auto;
	vertical-align: middle
}

.arc-shop-dt,
.bn,
.i-jm-bn,
.jm-2-bn,
.jm-3-bn,
.jm-5-bn {
	position: relative;
	width: 100%;
	overflow: hidden
}

.arc-shop-dt-ul,
.bn-wrapper,
.i-jm-wrapper,
.jm-2-wrapper,
.jm-3-wrapper,
.jm-5-wrapper {
	position: relative;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%
}

.arc-shop-dt-li,
.bn-slide,
.i-jm-slide,
.jm-2-slide,
.jm-3-slide,
.jm-5-slide {
	-moz-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.bn-slide img {
	width: 100%;
	height: auto;
	vertical-align: middle
}

.swiper-pagination {
	width: 100%;
	text-align: center;
	z-index: 20
}

.bn .bn-prev {
	left: 10%
}

.bn .bn-next {
	right: 10%
}

.bj-all {
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat
}
@media screen and (max-width:960px) {
	.arc-shop {
		margin-top: 10px
	}
	.arc-shop .arc-shop-l {
		width: 100%;
		float: none
	}
	.arc-shop .arc-shop-r {
		width: 100%;
		float: none;
		padding: 10px
	}

.arc-shop-dt, .bn, .i-jm-bn, .jm-2-bn, .jm-3-bn, .jm-5-bn {
  width: 100%;
}

}

.arc-shop-title dd {
	margin-top: 15px
}

.arc-shop-title dd .img {
	margin-top: 50px
}

.arc-shop-bt {
	line-height: 40px
}
.imgs {
  overflow: hidden;
  line-height: 1;
}
.arc-shop-bt b {
	position: relative;
	font-weight: 400;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 8px
}

.arc-shop-bt b:after {
	content: "";
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #005c3b;
	width: 54px
}

.arc-shop-bt span {
	font-size: 14px;
	margin-left: 6px
}

.arc-shop-r dl {
	margin-bottom: 40px
}

.arc-shop-cp {
	margin-top: 12px
}

.arc-shop-cp dd {
	padding: 0;
	text-align: center
}

.arc-shop-cp dd li {
	margin-top: 20px
}

.arc-shop-cp dd li img {
	width: 100%;
	height: auto;
	height: auto!important
}

.arc-shop-cp dd li:last-child a {
	border-bottom: none
}

.arc-shop-cp dd a {
	display: block;
	padding-bottom: 10px;
	color: #303030
}

.arc-shop-cp dd a:hover {
	color: #005c3b;
	border-bottom-color: #005c3b
}

.arc-shop-cp dd h6 {
	font-size: 16px;
	margin-top: 12px
}

.arc-shop-bd .zxzx {
	line-height: 65px;
	background: #303030;
	display: block;
	text-align: center;
	color: #fff;
	border: none;
	font-size: 18px;
	width: 100%
}

.arc-shop-link {
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	background: #005c3b;
	padding: 13px 40px;
	line-height: 1;
	color: #fff;
	margin-top: 50px;
	padding-right: 114px;
	position: relative
}

.arc-shop-link h4 {
	font-size: 25px;
	margin-bottom: 4px
}

.arc-shop-link a {
	display: block;
	color: #fff
}

.arc-shop-link i {
	font-size: 24px;
	width: 40px;
	height: 40px;
	text-align: center;
	position: absolute;
	right: 30px;
	top: 15px;
	line-height: 40px;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #fff;
	border-radius: 50%
}
.list-new {padding:5% 0;}
.list-new li{width:30%;margin-right:5%;float: left;margin-bottom: 50px;}
.list-new li:nth-child(3n){margin-right:0;}
.list-new li .imgs img{height:40vh;}
.list-new li .txt{display:block;position:relative;margin-top:-12.9vh;padding:3% 10px;color:#fff;background: rgb(0,0,0,.4);}
.list-new li .txt h4{font-size: 16px;}
.list-new li .txt h4:hover{color:#167bbf;}
.list-new li .txt p{color:#fff;}
@media screen and (max-width:960px) {
	.list-new {padding:0;display:block;margin-top:8%;}
	.list-new li{width:100%;margin-top:2rem;}
	.list-new li .txt {margin-top: -20%;padding: 3%;}
	.list-new li .imgs img{height:300px;}
}
.bd-ul {
	margin-top: 20px
}

.bd-ul li {
	margin-bottom: 8px
}

.bd-ul li #span_nativeplace_sec {
	display: none
}

.bd-ul li .bd-input {
	width: 100%;
	background: #fff;
	border: 1px solid #dcdcdc;
	line-height: 50px;
	padding: 0 10px
}

.bd-ul .bt-submit {
	line-height: 65px;
	background: #005c3b;
	text-align: center;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	color: #fff;
	border: none;
	font-size: 18px;
	width: 100%
}

.bd-ul .bt-submit:hover {
	background: #bf151d
}

.bd-ul .bd-dq:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.bd-ul .bd-dq #span_nativeplace,
.bd-ul .bd-dq #span_nativeplace_son {
	width: 48%;
	line-height: 65px;
	border: 1px solid #dcdcdc
}

.bd-ul .bd-dq #span_nativeplace {
	float: left
}

.bd-ul .bd-dq #span_nativeplace_son {
	float: right
}

.bd-ul .bd-dq option,
.bd-ul .bd-dq select {
	width: 100%;
	line-height: 65px;
	height: 65px;
	color: #888;
	border: none
}

.go-type {
	background: #fff;
	padding: 50px 0;
	text-align: center
}

.go-type a {
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	padding: 8px 11px;
	border: 1px solid #606060;
	color: #606060
}

.go-type a:hover {
	border-color: #005c3b;
	color: #005c3b
}

.arc-link-shop {
	padding-top: 50px
}

.arc-link-shop dd {
	margin-top: 50px
}

.arc-link-shop dd:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.arc-link-shop li {
	width: 23.5%;
	margin-right: 2%;
	float: left;
	margin-bottom: 50px;
	background: #f5f5f5
}

.arc-link-shop li:nth-child(4n) {
	margin-right: 0
}

.arc-link-shop li .txt {
	padding: 8px;
	line-height: 24px;
	height:10vh
}

.arc-link-shop li .txt span {
	float: right
}

.arc-link-shop li .txt span i {
	font-size: 16px
}

@media screen and (max-width:960px) {
	.arc-link-shop {
		padding: 10px
	}
	.arc-link-shop dd {
		margin-top: 10px
	}
	.arc-link-shop dd li {
		margin-bottom: 10px
	}
	.arc-link-shop li {
  width:48%;
}
}
.lx{background: #f5f5f5;}
.lxwm-1{padding:5rem 1rem}
.lxwm-1:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.lxwm-1 dl {
	width: 42.5%;
	float: left;
	height:44vh;
	background: #fff;
	padding: 3.2%
}
.bjhs {
  /*background: #f5f5f5;*/}
.lxwm-1 dd {
	margin-top: 30px
}

.lxwm-1 dd p {
	line-height: 1.8
}

.lxwm-1 dd .lxwm-p {
	/*margin-top: 70px*/
}

.lxwm-1 .lxwm-1-1 {
	border-right: 1px solid #e8e8e8;
	margin-right: 2%;
}

.lxwm-1 .lxwm-1-1 .lxwm-p {
	margin-top: 40px
}

.lxwm-1 .lxwm-1-2 {
	border-right: 1px solid #e8e8e8
}

.lxwm-1 .lxwm-1-2 img {
	width: 140px;
	height: auto
}

.lxwm-1 .lxwm-1-2 .lxwm-p {
	/*margin-top: 156px*/
}

.lxwm-1 .lxwm-1-3 {
	margin-right: 0;
	padding-left: 44px;
	background-image: url(../images/banner.jpg)
}

.lxwm-1 .lxwm-1-3 dt span {
	font-size: 20px
}

.lxwm-1 .lxwm-1-3 p {
	margin-bottom: 24px
}

.lxwm-1 .lxwm-1-3 li {
	margin-bottom: 8px
}

.lxwm-1 .lxwm-1-3 input {
	height: 45px;
	border: 1px solid #dcdcdc;
	padding: 0 8px;
	width: 100%
}

.lxwm-1 .lxwm-1-3 .bd1 {
	width: 35%;
	float: left;
	margin-right: 1%
}

.lxwm-1 .lxwm-1-3 .bd2 {
	width: 64%;
	float: left
}

.lxwm-1 .lxwm-1-3 #bd5 {
	width: 100%;
	height: 100px;
	border: 1px solid #dcdcdc;
	padding: 8px
}

.lxwm-1 .lxwm-1-3 .bd-submit {
	background: #005c3b;
	border: none;
	color: #fff;
	border-radius: 22.5px;
	cursor: pointer
}

.lxwm-1 .lxwm-1-3 .bd-submit:hover {
	background: #bf151d;
	color: #fff
}

@media screen and (max-width:960px) {
	.lxwm-1 dl {
		width: calc(100vw - 4rem);
		float: none;
		margin-right: 0;
		padding: 15px;
		margin-bottom: 2rem
	}
	.lxwm-1 .lxwm-1-3 {
		padding-left: 15px
	}
	.lxwm-1 .lxwm-1-1 {
		padding-right: 15px;
		margin-right: 0;
	}
	.lxwm-1 .lxwm-1-1 .lxwm-p {
		margin-top: 15px
	}
	.lxwm-1 .lxwm-1-2 .lxwm-p {
		margin-top: 15px
	}
.lxwm-1 dl {
	height:50vh;
}
}

.lxwm-map {
	position: relative;
	margin-bottom: 60px;
	overflow: hidden;
	margin-top: 70px
}

.lxwm-map .txt {
	position: absolute;
	background: #fff;
	right: 38px;
	top: 106px;
	z-index: 99;
	padding: 64px 34px
}

.lxwm-map .txt h3 {
	font-weight: 700
}

.lxwm-map .txt h5 {
	font-size: 20px;
	margin-top: 30px
}

.lxwm-map .txt p {
	margin-top: 4px;
	margin-left: -8px
}

.lxwm-map .txt p i {
	font-size: 26px;
	margin-right: 1px;
	vertical-align: middle
}

.lxwm-map .txt h4 {
	margin-top: 50px
}

.lxwm-map .txt h4 i {
	font-size: 36px;
	margin-right: 6px;
	vertical-align: middle
}

.lxwm-map .txt h2 {
	font-size: 40px;
	font-weight: 700;
	margin-top: 5px;
	font-family: Arial
}

.map {
	width: 100%;
	height: 600px;
	overflow: hidden;
	border: none;
	position: relative
}

.map iframe {
	width: 100%;
	height: 600px;
	border: none;
	display: block;
	overflow: hidden
}

.iw_poi_title {
	color: #C52;
	font-size: 14px;
	font-weight: 700;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}

.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}

.map-xx {
	background: #005c3b;
	padding: 35px 50px 35px 0;
	color: #fff;
	font-size: 14px
}

.map-xx a {
	color: #fff
}

.map-xx:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.map-xx li {
	width: 33.3%;
	border-right: 1px solid #fff;
	float: left;
	padding-left: 4%
}

.map-xx li:nth-child(3) {
	border-right: none
}

@media screen and (max-width:960px) {
	.lxwm-map {
		margin-top: 15px;
		margin-bottom: 0
	}
	.map-xx li {
		width: 100%;
		border-right: none;
	}
	
}
@media screen and (max-width:1600px) {
.lxwm-1{width: 90%;padding: 6% 5%;}
.lxwm-1 dl {
  padding: 3%;
}
}
/*关于我们*/

.a-page {
	/*padding-top: 50px;*/
}

.a-page dd {
	margin: 30px auto;
}
.mbx{background: #fff;}
.about-1 {
	padding:6% 0;
}

.about-1:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.about-1 .txt {
	width: 40%;
	padding: 6% 5% 5% 8%;
	float: left;
	/*-webkit-animation: dragTop 1s ease-in-out 1s both;
  animation: dragTop 1s ease-in-out 1s both;
  animation-delay: 2s;  */
}
.about-1 .txt .t-name{
	padding:3% 0;
	color:#333;
}
.txt h4{
	font-size:26px;
}
.txt h4 .en{text-transform: uppercase;color:#1875bb;}
.txt p {
	margin-top: 15px;
	margin-bottom: 8px;
	font-size: 15px;
	line-height:2;
}
#a1 .txt p {
	color:#444;
}
.about-1 .txt img {
	margin-top: 15px;
  
}

.about-1 .img {
	width: 47%;
	float: right;
 /*-webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;*/
}

@keyframes slidein {
  from {
      transform: scale(0.4);
      
    }   
  to {
      transform: scale(1);
    }
}
.t-name hr {
  background: #157ac0;
  width: 100px;
  height: 2px;
  margin-top: 10px;
  border: none;
  border-radius: 50%;
}


@media screen and (max-width:960px) {
	
.about-1 .img{
		background-size: cover;
		display: block;
		float:none;
	}
	.about-1 .img img{
		width:100vw !important;
	}
	.about-1 .txt {
		width: calc(100vw - 30px);
		display: block;
		float:none;
	}
	.about-1 .txt {
		padding: 15px
	}
	.lxwm-1{padding: none ;}
}
.ab_2{background: #f8f8f8;}
.about-2{padding:6% 0;}
.about-2-1 {
	font-size: 0
}

.about-2-1:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.about-2-1 .txt {
	width: 40%;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	padding: 8% 5% 0px 5%;
	float:right;
}

.about-2-1 .txt ul {
	margin-top: 35px
}

.about-2-1 .txt ul li {
	margin-bottom: 20px;
	padding-left: 20px;
	position: relative
}

.about-2-1 .txt ul li h4 {
	font-size: 20px;
	line-height: 30px
}

.about-2-1 .txt ul li:after {
	width: 8px;
	height: 8px;
	content: "";
	position: relative;
	top: 10px;
	left: 0;
	border-radius: 50%;
	background: #005c3b;
	position: absolute
}

.about-2-1 .txt ul li p {
	color: #606060;
	line-height: 1.6;
	margin-top: 5px
}

.about-2-1 .img {
	width: 45%;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	
}

.cu_1{background:;}
.cu_1{padding:6% 0;}
.cu_1_ {
	font-size: 0
}

.cu_1_:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both;
}

.cu_1_ ul li .txt {
	width: 40%;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	padding: 0% 5%;
}

/*.cu_1_ ul li:nth-child(2n){
	float: left;
}*/
.cu_1_ ul li{margin-top: 20px ;}
.cu_1_ ul li{
	margin-bottom: 20px;
	position: relative;
	border:0px 1px 2px 3px; 
box-shadow: rgb(22,132,191,.5);
background: #f8f8f8;
}

.cu_1_ .txt h4 {
	font-size: 20px;
	line-height: 30px
}

.cu_1_ ul li {
	
}

.cu_1_ .txt p {
	color: #606060;
	line-height: 3rem;
	margin-top: 5px
}

.cu_1_ .img {
	width: 45%;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	
}

@media screen and (max-width:960px) {
	.about-2-1 .img{
		background-size: cover;
		display: block;
		float:none;
		
	}
	.about-1 .img img{
		width:100vw !important;
	}
	.about-2-1 .img img{
  width: 100vw !important;}
	.about-2-1 .txt {
		width: calc(100vw - 30px);
		display: block;
		float:none;
		padding: 15px;
	}
	.about-2-1 .txt ul {
		margin-top: 10px
	}
	.about-2-1 .txt ul li {
		margin-bottom: 10px
	}

		.cu_1_ .img {
	width: 100%;}
	.cu_1_ .img img{
	width: 80vw;}
	.cu_1_ ul li .txt {
	width: 100%;
  padding: 5% 2%;
}
	.cu_1_ ul li .txt p{
	width: 80%;
}
.about-2-2 li{background-size: cover;}

}

.about-2-2 {
	margin-top: 16px
}

.about-2-2:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.about-2-2 li:nth-child(1) {
	background-image: url(../images/about_2_1.jpg)
}

.about-2-2 li:nth-child(2) {
	background-image: url(../images/about_2_2.jpg)
}

.about-2-2 li:nth-child(3) {
	background-image: url(../images/about_2_3.jpg)
}

.about-2-2 li:nth-child(4) {
	background-image: url(../images/about_2_4.jpg)
}

.about-2-2 li {
	width: 17.5%;
	float: left;
	padding: 5% 3%;
	color: #fff;
	margin-right: 2%
}

.about-2-2 li:nth-child(4) {
	margin-right: 0
}

.about-2-2 li p {
	line-height: 24px;
	height: 96px;
	margin-top: 14px;
	margin-bottom: 30px
}

.about-2-2 li i {
	width: 55px;
	height: 55px;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	text-align: center;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	line-height: 55px;

}

.about-2-2 li:hover {
	background-image: none;
	background: #167bbf
}

.about-2-2 li:hover i {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

@media screen and (max-width:960px) {  
	.a-page {
		margin-top: 0px;
	}
	.ny-banner .txt{
		font-size:1.4rem;}
	.ny-banner .txt p{
		font-size:1.2rem;}
	.a-page dd {
		margin-top: 10px
	}
.ab_2{
  background: #fff;
}
	.about-2-2 {
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.about-2-2 li {
		-moz-box-flex: 1;
		-webkit-box-flex: 1;
		box-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		/*-webkit-flex: 1;
		flex: 1;*/
		padding: 15px;
		position: relative;
		padding-bottom: 50px;
		margin-bottom: 2rem;
		margin-right: 0;
		height:260px;
		width:100%;
	}

	.about-2-2 li p {
		height: auto
	}
	.about-2-2 li i {
		position: absolute;
		bottom: 10px;
		display: none
	}
}
@media screen and (max-width:1600px) {
	.about-1 {
  width: 100%;
}
.about-1 .img {
  width: 45%;}
.about-2 {
  width: 100%;
}
.about-2-1 .img {
  width: 45%;}
.about-2-1 .img img{
  width: 110%;}
.about-2-2 {
  width: 100%;
}	

  .cu_1_ ul li{/*width: 100vw;*/}
  
}
.about-3-1 {
	font-size: 0
}

.about-3-1:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.about-3-1 .txt {
	width: 35%;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	padding: 10px 5%
}

.about-3-1 .txt img {
	margin-top: 75px
}

.about-3-1 .txt p {
	margin-top: 35px;
	line-height: 2
}

.about-3-1 .img {
	width: 65%;
	zoom: 1;
	display: inline-block;
	vertical-align: middle
}

.about-3-2 {
	margin-top: 15px
}

.about-3-2:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.about-3-2 li {
	width: 49.5%;
	margin-right: 1%;
	float: left
}

.about-3-2 li:nth-child(2) {
	margin-right: 0
}

.about-3-2 li img {
	width: 100%
}

@media screen and (max-width:960px) {
	.about-3-1 .img,
	.about-3-1 .txt {
		width: 100%;
		display: block
	}
	.about-3-1 .txt img {
		margin-top: 10px
	}
}

.about-4 {
	padding: 300px 10px;
	position: relative;
	text-align: center;
	line-height: 3;
	font-size:2rem;
	color: #fff;
	background: url(../images/about_3.jpg) no-repeat center center;
	background-attachment: fixed
}

.about-4:after {
	content: "";
	position: absolute;
	bottom: 0;
	height: 93px;
	left: 50%;
	margin-left: -7.5px;
	width: 15px;
	z-index: 99;
	background: url(../images/about-5-jt.png) no-repeat bottom center
}

@media screen and (max-width:960px) {
	.about-4 {
		padding: 50px 10px 110px;
		font-size:1.4rem;
	}
}

.about-5 ul {
	position: relative;
	overflow: hidden;
	padding-bottom: 160px
}

.about-5 ul:after {
	position: absolute;
	content: "";
	left: 50%;
	height: 100%;
	width: 1px;
	background: #a0a0a0;
	margin-left: -.5px;
	top: 0
}

.about-5 li {
	position: relative;
	margin-top: 85px
}

.about-5 li:hover .txt:before {
	background: #005c3b
}

.about-5 li:hover .txt:after {
	border-color: #005c3b
}

.about-5 li:hover .txt h4:after {
	background-color: #005c3b
}

.about-5 li .txt {
	position: relative
}

.about-5 li .txt h4 {
	line-height: 30px
}

.about-5 li .txt p {
	line-height: 2;
	margin-top: 8px
}

.about-5 li .txt:before {
	content: "";
	position: absolute;
	z-index: 9;
	top: 8px;
	width: 12px;
	height: 12px;
	background: #a0a0a0;
	border-radius: 50%
}

.about-5 li .txt:after {
	content: "";
	position: absolute;
	top: 4px;
	width: 16px;
	height: 16px;
	border: 2px solid #a0a0a0;
	border-radius: 50%
}

.about-5 li .txt h4:after {
	position: absolute;
	content: "";
	height: 1px;
	width: 50px;
	background: #a0a0a0;
	top: 15px
}

.about-5 li:nth-child(2n-1) {
	padding-right: 50%;
	text-align: right
}

.about-5 li:nth-child(2n-1) .txt {
	padding-right: 60px
}

.about-5 li:nth-child(2n-1) .txt:before {
	right: -6px
}

.about-5 li:nth-child(2n-1) .txt:after {
	right: -10px
}

.about-5 li:nth-child(2n-1) .txt h4:after {
	right: 0
}

.about-5 li:nth-child(2n) {
	padding-left: 50%;
	text-align: left
}

.about-5 li:nth-child(2n) .txt {
	padding-left: 60px
}

.about-5 li:nth-child(2n) .txt:before {
	left: -6px
}

.about-5 li:nth-child(2n) .txt:after {
	left: -10px
}

.about-5 li:nth-child(2n) .txt h4:after {
	left: 0
}

.about-5 li:last-child {
	bottom: 0;
	position: absolute;
	padding-right: 0;
	text-align: center;
	width: 100%
}

.about-5 li:last-child:before {
	content: "";
	top: 20px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f5f5f5;
	position: absolute;
	z-index: 9
}

.about-5 li:last-child .txt {
	padding-top: 35px;
	padding-right: 0;
	z-index: 10
}

.about-5 li:last-child .txt:before {
	left: 50%;
	right: auto;
	margin-left: -6px
}

.about-5 li:last-child .txt:after {
	left: 50%;
	right: auto;
	margin-left: -10px
}

.about-5 li:last-child .txt h4:after {
	display: none
}

@media screen and (max-width:960px) {
	.about-5 li {
		margin-top: 20px
	}
	.about-5 li:nth-child(2n-1) .txt p {
		margin-right: -40px;
		padding-left: 10px
	}
	.about-5 li:nth-child(2n) .txt p {
		margin-left: -40px;
		padding-right: 10px
	}
}

.zz-1 {
	font-size: 0;
	background: #fff;
	padding:5% 0;
}

.zz-1 .imgs {
	width: 45%;
	zoom: 1;
	display: inline-block;
	vertical-align: middle
}
.zz-1 .imgs{
}
.zz-1 .txt {
	width: 50%;
	padding: 50px 0% 50px 5%;
	zoom: 1;
	display: inline-block;
	vertical-align: middle
}

.zz-1 .txt ul {
	margin-top: 60px;
	padding-bottom: 30px
}

.zz-1 .txt ul li {
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	padding: 0 42px;
	text-align: center;
	border-right: 1px solid #bfbfbf
}

.zz-1 .txt ul li:nth-child(1) {
	padding-left: 0
}

.zz-1 .txt ul li:last-child {
	border-right: none
}

.zz-1 .txt ul li h4,
.zz-1 .txt ul li p {
	line-height: 1
}

.zz-1 .txt ul li p {
	margin-top: 6px;
	color: #303030
}

.zz-1 .txt p {
	margin-top: 30px;
	color: #606060
}

.zz-1-2 {
	padding-top: 40px;
	
}
.t-name  h4{font-size: 26px;}
.bs {padding:5%;}
.bs h4{color:#fff;}
.bs p{color:#fff;padding:20px;}
@media screen and (max-width:1600px) {
	.zz-1 .txt {
		padding: 50px 3%
	}
	.zz-1 .txt ul li {
		padding: 0 20px
	}
	.zz-1{width: 100%;}
	.zz-1 .txt {
  width: 47%;}
  .zz-1-2 img{width: 100%;}
  .zz-2{width: 100%;}

}

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

	.zz-1 .imgs{
		width: 100%;
		display: block
	}

	.zz-1 .txt{
  width: 94%;
  display: block;
  padding:6% 3%;
	}
	.zz-1-2 {
  padding-top: 0px;
}
	.zz-1 .txt p {
		margin-top: 10px
	}
	.zz-1 .txt ul {
		margin-top: 15px;
		padding-bottom: 15px;
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
	.zz-1 .txt ul li {
		-moz-box-flex: 1;
		-webkit-box-flex: 1;
		box-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		padding: 0 10px;
		display: block
	}
	.zz-1 .txt ul li p {
		font-size: 12px
	}
}

/*.zz-2 {
	font-size: 0
}*/

.zz-2 .imgs{
	width: 45%;
}
.zz-2 .imgs,
.zz-2 .txt {
	zoom: 1;
	display: inline-block;
	vertical-align: middle
}

.zz-2 .txt {
	padding: 40px 2% ;
	width: 50%;
}

.zz-2 .txt h5,
.zz-2 .txt p {
	margin-top: 30px
}
.zz-1 .txt h3 {
	color: #666;
  font-size: 1rem;
  line-height: 4
}
.zz-2 .txt p {
	color: #666;
	line-height: 1.8
}
.zz_txt2{
	padding: 40px 0% 40px 5% ;
}
@media screen and (max-width:960px) {
	.zz-2 .imgs {
		width: 100%;
		margin-bottom: 10px
	}
	.zz-2 .txt{
   width: 94%;
    display: block;
    padding: 3% 3%;
	}
	.zz_txt2{
		padding: 3% 15px;
	}
	.txt h4 {
  font-size: 1.4rem;
}

}  
@media screen and (max-width:1600px) {
	.zz-2 .txt {
  padding: 40px 2% 40px 2%;
 /* width: 45%;*/
}
.zz-3 {
  padding: 55px 0;
  width:100%;
}
.zz-4{
  width:100%;
}
}
.zz-3 {
	background: url(../images/ys3_bj.jpg) top center no-repeat;
	padding: 55px;
	margin: 50px auto;
}

.zz-3 dd ul {
	font-size: 0
}

.zz-3 dd ul li {
	padding: 30px 12px 0 0;
	width: 50%;
	zoom: 1;
	display: inline-block;
	vertical-align: middle
}

@media screen and (max-width:960px) {
	.zz-3 {
		padding: 15px
	}
	.zz-3 dd ul li {
		padding-top: 10px
	}
	.zz-3 {
  background: url(../images/ys3_bj.jpg) top center no-repeat;
  padding: 1%;
  margin: 0px auto;
  background-size: cover;
}
.bs{padding:0px;}
.t-name{
		/*width: 80%;*/
		display: block;
		padding: 6% 3%;
	}
	.t-name h4 {
  font-size: 1rem;
}
}

.zz-4 {
	background: url(../images/zz_4_bj.jpg) top center no-repeat;
	padding: 55px 0 140px 0;
}

.zz-4 .wd {
	padding-left: 50px
}

.zz-4 dt h4 .en {
  text-transform: uppercase;
  color: #1875bb;
}
.zz-4 dd {
	position: relative
}

.zz-4 dd .txt {
	width: 45%;
	padding: 2rem;
	position: relative;
	z-index: 9
}

.zz-4 dd .txt ul {
	margin-top: 60px;
	padding-bottom: 30px
}

.zz-4 dd .txt ul li {
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	text-align: center;
	border-right: 1px solid #bfbfbf
}

.zz-4 dd .txt ul li:nth-child(1) {
	padding-left: 0
}

.zz-4 dd .txt ul li:last-child {
	border-right: none
}

.zz-4 dd .txt ul li h4,
.zz-4 dd .txt ul li p {
	line-height: 1
}

.zz-4 dd .txt ul li p {
	margin-top: 6px;
	color: #303030
}

.zz-4 dd .txt p {
	color: #666
}

.zz-4 dd .zz-4-tp {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%
}

.zz-4 dd .zz-4-tp img {
	width: 100%;
	height: auto
}

.zz-4-2 {
	margin-top: 200px;
	position: relative;
	z-index: 9
}

.zz-4-2 li:nth-child(1) i {
	background-position: 0 0
}

.zz-4-2 li:nth-child(2) i {
	background-position: 0 -66.6px
}

.zz-4-2 li:nth-child(3) i {
	background-position: 0 -133.2px
}

.zz-4-2 li:nth-child(4) i {
	background-position: 0 -199.8px
}

.zz-4-2 li:nth-child(5) i {
	background-position: 0 -266.4px
}

.zz-4-2 li:nth-child(6) i {
	background-position: 0 -333px
}

.zz-4-2 li {
	text-align: center;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5%
}

.zz-4-2 li:hover p {
	color: #167bbf
}

.zz-4-2 li i {
	background-image: url(../images/zz-4-2bj.png);
	background-repeat: no-repeat;
	width: 67px;
	height: 66.6px;
	zoom: 1;
	display: inline-block;
	vertical-align: middle
}

.zz-4-2 li p {
	margin-top: 8px;
	color: #666
}

@media screen and (max-width:960px) {
	.zz-4 {
		padding: 0 ;
	}
	.zz-4 .wd {
		padding-left: 0
	}
	.zz-4 dd .txt {
		width: 94%;
    display: block;
    padding: 3%;
	}
	.zz-4 dd .txt ul {
		margin-right: 0;
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-top: 0
	}
	.zz-4 dd .txt ul li {
		-moz-box-flex: 1;
		-webkit-box-flex: 1;
		box-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		padding: 0 5px
	}
	.zz-4 dd .txt ul li p {
		font-size: 12px
	}
	.zz-4 dd .zz-4-tp {
		width: 100%;
		position: relative
	}
	.zz-4-2 {
		margin-top: 10px;
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.zz-4-2 li {
		-moz-box-flex: 1;
		-webkit-box-flex: 1;
		box-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		min-width: 30%;
		margin-right: 0
	}
}
.zz-5{padding:5% 0;}
.zz-5 dt {
	padding-left: 50px
}
.zz-5 dt p{padding-top:30px;}
.zz-5 dd {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	color: #fff;
	text-align: center;
	margin-top: 40px
}

.zz-5 dd i {
	font-size: 48px
}

.zz-5 dd h5 {
	margin-top: 10px;
	color:#167bbf;
	font-size: 16px;
}

.zz-5 dd h6 {
	margin-top: 50px
}

@media screen and (max-width:960px) {
	.zz-5 dt {
		padding-left: 10px
	}
	.zz-5 dd {
		margin-top: 10px;
		display: block
	}
}

.zz-5-left {
	/*background: url(../images/zz5_bj.jpg) top center no-repeat;*/
	background: #f5f5f5;
	background-size: cover;
	padding: 55px 10px;
	width: 48%;
	-moz-box-flex: 3;
	-webkit-box-flex: 3;
	box-flex: 3;
	-moz-flex: 3;
	-ms-flex: 3;
	-webkit-flex: 3;
	flex: 3;
	margin-right:4%;
}

.zz-5-right {
	width: 48%;
	-moz-box-flex: 2;
	-webkit-box-flex: 2;
	box-flex: 2;
	-moz-flex: 2;
	-ms-flex: 2;
	-webkit-flex: 2;
	flex: 2;
	background: #f5f5f5;
	padding: 55px 10px
}

.zz-5-cx {
	width: 50%;
	background: #167bbf;
	color: #fff;
	line-height: 61px;
	font-size: 24px;
	text-align: center;
	border-radius: 100px;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	margin-top: 10px
}

.zz-5-cx:hover {
	background: #d51821;
	color: #fff
}

.zz-5-dh {
	width: 50%;
	color: #fff;
	line-height: 61px;
	font-size: 34px;
	text-align: center;
	border-radius: 100px;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	margin-top: 10px
}

.zz-5-dh:hover {
	background: #d51821;
	color: #fff
}

@media screen and (max-width:960px) {
	.zz-5-left,
	.zz-5-right {
		width: 96%;
    padding: 2rem 2vw;
    margin-top: 2rem;
	}
	.zz-5-dh {
		width: 100%
	}
}

.zz-6 dt {
	padding-left: 50px
}

.zz-6 dd {
	margin-top: 30px
}

.zz-6 ul:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.zz-6 ul li {
	width: 24%;
	margin-right: 1.33%;
	float: left;
	margin-bottom: 20px;
	text-align: center
}

.zz-6 ul li p {
	margin-top: 8px
}

.zz-6 ul li:nth-child(4n) {
	margin-right: 0
}

@media screen and (max-width:960px) {
	.zz-6 dt {
		padding-left: 10px
	}
	.zz-6 ul li {
		width: 49%;
		margin-right: 2%
	}
	.zz-6 ul li:nth-child(2n) {
		margin-right: 0
	}
}
.jm-1,.jm-2,.jm-3,.jm-4{margin:40px auto;}

#j1 dt h4 .en,#j4 dt h4 .en {
  text-transform: uppercase;
  color: #1875bb;
}
#j1 dt p,#j4 dt p{
  padding:40px 0;
}
#j4{padding:40px 0;}
.jm-1 dt {
	padding-left: 50px;
	padding-top:50px;
}

.jm-1 dd ul {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.jm-1 dd ul li {
	max-width: 25%;
	width: 25%;
	overflow: hidden;
	white-space: wrap;
	background: #fff;
	color:#333;
}

.jm-1 dd ul li:nth-child(2):hover,
.jm-1 dd ul li:nth-child(4):hover,
.jm-1 dd ul li:nth-child(5):hover,
.jm-1 dd ul li:nth-child(7):hover {
	background: #1875bb
}

.jm-1 dd ul li:nth-child(2):hover .txt,
.jm-1 dd ul li:nth-child(4):hover .txt,
.jm-1 dd ul li:nth-child(5):hover .txt,
.jm-1 dd ul li:nth-child(7):hover .txt {
	color: #fff
}

.jm-1 dd ul li .txt {
	padding: 50px;
}

.jm-1 dd ul li .txt h5 {
	font-weight: 700;
	font-size: 18px;
}

.jm-1 dd ul li .txt p {
	margin-top: 10px
}
.jm-1 dd ul li .txt p {
	margin-top: 10px
}
@media screen and (max-width:1441px) {
	.jm-1 dt {
		padding-left: 10px
	}
	.jm-1 dd ul li .txt {
		padding: 10px
	}
}

@media screen and (max-width:960px) {
	.jm-1 dt {
		padding: 2rem 15px;
		width:100%;
	}
	.jm-1 dd ul {display: block;}
	.jm-1 dd ul li {
		width: 100%;
		max-width: 100%;
	}
	.jm-1 dd ul li img{
width: 100%
	}
	.jm-1 dd ul li .txt {
		padding: 5vh 2rem;
	}
	.jm-1 dd ul li .txt p {
		font-size: 12px;
		margin-top: 5px
	}
	
}

.jm-2 {
	
	padding: 100px 0px ;
	margin-top:60px;
}

.jm-2 dd {
	padding-right: 60%
}

.jm-2-bn {
	padding-bottom: 120px
}
.jm-2-bn h5{
	font-size: 1.2rem;
}

.jm-2-slide {
	color: #fff;
	padding:0 20px;
	font-size: 1.2rem;
  font-weight: 600;
}

.jm-2-pages {
	text-align: left
}

.jm-2-pages span {
	width: 50px;
	height: 2px;
	background: #fff;
	border-radius: 0;
	opacity: 1;
	position: relative;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s
}

.jm-2-pages span.swiper-pagination-bullet-active {
	background:#1875bb
}

.jm-3 .wd {
	padding-left: 50px
}

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

	.jm-2:after {
		z-index: 1;
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .6)
	}
	.jm-2 dt {
		z-index: 3;
		position: relative
	}
	.jm-2 dd {
		padding-right: 0;
		position: relative;
		z-index: 3
	}
	.jm-2 .jm-2-slide h5 {
		margin-bottom: 15px
	}
	.jm-2-slide {
  padding: 0px ;
	font-size: .7rem;
}

.jm-1, .jm-3, .jm-4 {
  margin: 0px auto;
}
	.jm-2 {
		background-size: cover;
		position: relative;
		padding: 15px;
		margin: 4rem auto;
	}
  .jm-4 img{width:100vw;background-size:cover ;}
}

.jm-3-slide {
	color: #fff;
	text-align: center;
	background: #fff;
	color: #333;
	padding: 110px 20px
}

.jm-3-slide:hover {
	color: #1875bb
}

.jm-3-slide:hover i {
	background: #1875bb;
	border-color: #1875bb;
	color: #fff
}

.jm-3-slide h5 {
	margin-top: 15px
}

.jm-3-slide p {
	margin-top: 26px
}

.jm-3-slide i {
	font-size: 40px;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #959595;
	zoom: 1;
	display: inline-block;
	vertical-align: middle
}

.jm-3 {
	/*padding: 70px 50px*/
}


.jm-3-left {
	position: absolute;
	left: 0;
	top: 0;
	color: #fff
}

.jm-3-left p {
	line-height: 1.8
}

.jm-3-next,
.jm-3-prev {
	font-size: 18px;
	position: absolute;
	bottom: 100px;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #fff
}

.jm-3-next:hover,
.jm-3-prev:hover {
	border-color: #1875bb;
	color: #1875bb
}

.jm-3-prev {
	left: 0
}

.jm-3-next {
	left: 60px
}

.jm-3-pages {
	display: none
}

@media screen and (max-width:960px) {
	.jm-3-slide {
		padding: 15px
	}
	.jm-3-next,
	.jm-3-prev {
		display: none
	}
	.jm-3-left {
		position: relative;
		margin-bottom: 15px
	}
	.jm-3 {
		padding: 15px
	}
	.jm-3 .wd {
		padding-left: 0
	}
	.jm-3 dt {
		padding-left: 0
	}
	.jm-3 dd {
		padding-left: 0
	}
	.jm-3-pages {
		display: block
	}
}

.jm-4 dt {
	padding-left: 50px
}

.jm-4 .jm-4-zt {
	padding: 30px;
}

.jm-4 .jm-4-zt ul {
	color: #666
}

.jm-4 .jm-4-zt ul:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.jm-4 .jm-4-zt ul li {
	width: 20%;
	float: left;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 15px;
	position: relative
}

.jm-4 .jm-4-zt ul li:nth-child(5n):after {
	display: none
}

.jm-4 .jm-4-zt ul li:after {
	background: url(../images/jm-4-li-bj.png);
	content: "";
	position: absolute;
	width: 33px;
	height: 24px;
	right: -16px;
	top: 32px
}

.jm-4 .jm-4-zt ul li:hover {
	color: #1875bb
}

.jm-4 .jm-4-zt ul li:hover i {
	border-color: #1875bb
}

.jm-4 .jm-4-zt ul li i {
	font-size: 30px;
	border: 1px solid #666;
	width: 65px;
	height: 65px;
	line-height: 65px;
	zoom: 1;
	display: inline-block;
	vertical-align: middle
}

.jm-4 .jm-4-zt ul li h5 {
	margin-top: 10px
}

@media screen and (max-width:960px) {
	.jm-4 dt {
		padding-left: 10px;
		
	}
	.jm-4 .jm-4-zt {
		padding: 3%;
    width: 94%;
	}
	.jm-4 .jm-4-zt ul li {
		width:20%
	}
	.jm-4 .jm-4-zt ul li:after {
		display: none
	}
	.jm-4 .jm-4-zt ul li h5 {
		white-space: nowrap;
		font-size: 14px
	}
}

.jm-5 {
	position: relative
}

.jm-5 dt {
	position: absolute;
	left: 50%;
	top: 72px;
	margin-left: 5%;
	z-index: 99
}

.jm-5 .jm-5-left,
.jm-5 .jm-5-right {
	width: 50%;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden
}

.jm-5 .jm-5-right .txt {
	padding-left: 10%
}

.jm-5 .jm-5-right .txt h5 {
	font-size: 20px
}

.jm-5 .jm-5-right .txt h6 {
	margin-top: 8px
}

.jm-5 .jm-5-right .txt p {
	margin-top: 43px;
	color: #666
}

.jm-5-slide {
	color: #fff;
	background: #fff;
	color: #333;
	font-size: 0;
	text-align: left
}

.jm-5-slide:hover i {
	background: #1875bb;
	border-color: #1875bb;
	color: #fff
}

.jm-5-slide i {
	font-size: 40px;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #959595;
	zoom: 1;
	display: inline-block;
	vertical-align: middle
}

.jm-5-next,
.jm-5-prev {
	font-size: 18px;
	position: absolute;
	cursor: pointer;
	left: 50%;
	bottom: 60px;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	color: #303030;
	border-radius: 50%;
	border: 1px solid #303030
}

.jm-5-next:hover,
.jm-5-prev:hover {
	border-color: #1875bb;
	color: #fff;
	background: #1875bb
}

.jm-5-prev {
	margin-left: 5%
}

.jm-5-next {
	margin-left: 10%
}

@media screen and (max-width:1440px) {
	.jm-5 dt {
		position: relative;
		top: 0;
		left: 0
	}
}

@media screen and (max-width:960px) {
	.jm-5 .jm-5-left,
	.jm-5 .jm-5-right {
		width: 100%;
		display: block
	}
	.jm-5 .jm-5-right .txt {
		padding: 15px
	}
	.jm-5 .jm-5-right .txt p {
		margin-top: 13px
	}
	.jm-5-prev {
		left: 0;
		bottom: auto;
		top: 30%
	}
	.jm-5-next {
		right: 0;
		bottom: auto;
		top: 30%;
		margin-right: 5%;
		left: auto
	}
}

.jm-6 {
	background: url(../images/jm-6-bj.jpg) repeat top left;
	padding: 50px;
	height: 500px
}

.jm-6 dd {
	color: #fff
}

.jm-6 dd h4 {
	margin-top: 145px
}

.jm-6 dd p {
	margin-top: 8px
}

@media screen and (max-width:960px) {
	.jm-6 {
		height: auto
	}
	.jm-6 dd h4 {
		margin-top: 25px
	}
}

.jm-7 {
	position: relative
}

.jm-7 .bd-ul {
	margin-top: 0;
	padding-right: 35%
}

.jm-7 .bd-ul:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.jm-7 .bd-ul .bd4 {
	width: 100%;
	margin-bottom: 0;
	line-height: 1px
}

.jm-7 .bd-ul #bd4 {
	width: 100%;
	height: 152px;
	line-height: 30px;
	display: block;
	padding: 8px;
	border: 1px solid #dcdcdc;
	font-family: "Microsoft Yahei";
	color: #666
}

.jm-7 .bd-ul li {
	float: left
}

.jm-7 .bd-ul li.bd1,
.jm-7 .bd-ul li.bd2 {
	width: 24%;
	margin-right: 1%
}

.jm-7 .bd-ul li.bd3 {
	width: 50%
}

.jm-7 .bd-tj {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 32%;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.jm-7 .bd-tj input {
	width: 49.5%;
	cursor: pointer;
	margin-right: 1%;
	background: #1875bb;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	line-height: 64px;
	border: none;
	font-size: 16px;
	color: #fff;
	text-align: center
}

.jm-7 .bd-tj input.bd-cz {
	background: #333;
	margin-right: 0
}

.jm-7 .bd-tj input:hover {
	background: #bf151d
}

.jm-7 .bd-txt {
	position: absolute;
	bottom: 100px;
	left: 68%
}

.jm-7 .bd-txt h3 {
	color: #000
}

@media screen and (max-width:960px) {
	.jm-7 .bd-ul {
		padding-right: 0;
		padding: 0 10px
	}
	.jm-7 .bd-ul li {
		float: none;
		width: 100%!important
	}
	.jm-7 .bd-tj {
		margin-top: 10px;
		position: relative;
		width: 100%
	}
	.jm-7 .bd-txt {
		position: relative;
		bottom: auto;
		left: 0;
		padding: 15px
	}
}

.arc-bc {
	border: 1px solid #cacaca;
	border-radius: 5px
}

.arc-bc .arc-bc-ul:last-child li {
	border-bottom: none
}

.arc-bc-ul {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.arc-bc-ul li {
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	padding: 8px
}

.arc-bc-ul li:nth-child(2n-1) {
	width: 110px;
	text-align: center;
	font-size: 16px
}

.arc-bc-ul li:nth-child(2n) {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
	font-size: 14px;
	border-right: none
}

.arc-bc-zt dd h6 {
	color: #114f40;
	font-size: 14px;
	margin-top: 8px
}

.arc-bc-zt dd p {
	font-size: 12px;
	margin-top: 8px
}



.cp_1,.cp_2 {
	padding:6% 0;
}

.cp_1:after,.cp_2:after {
	content: "";
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both
}

.cp_1 .txt {
	width: 40%;
	padding: 6% 5% 5% 8%;
	float: left;
	background: #f5f5f5;
	margin-top:5%;
	/*-webkit-animation: dragTop 1s ease-in-out 1s both;
  animation: dragTop 1s ease-in-out 1s both;
  animation-delay: 2s;  */
}
.cp_2 .txt {
	width: 40%;
	padding: 6% 5% 5% 8%;
	float: right;
	background: #f5f5f5;
	margin-top:5%;
}
.cp_1 .txt .t-name,.cp_2 .txt .t-name{
	padding:3% 0;
	color:#333;
}

.cp_1 .txt p,.cp_2 .txt p{
	color:#444;
}
.cp_1 .txt img ,.cp_2 .txt img{
	margin-top: 15px;
  
}

.cp_1 .img {
	width: 47%;
	float: right;
 /*-webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;*/
}
.cp_2 .img {
	width: 47%;
	float: left;
 /*-webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;*/
}

.cp_1_1 {
	padding: 300px 10px;
	position: relative;
	text-align: center;
	line-height: 3;
	font-size:2rem;
	color: #fff;
	background: url(../images/cp_1_bg.png) no-repeat center center;
	background-attachment: fixed
}
.cp_1_1 h4,.cp_1_2 h4,.cp_1_3 h4{padding:5%; font-size: 1.2rem;}

.cp_1_2 {
	padding:30vh 0;
	position: relative;
	text-align: center;
	line-height: 3;
	color: #1875bb;
	background: url(../images/cp_1_2_bg.jpg) no-repeat center center;
}
.cp_1_3 {
  padding: 30vh 0;
  position: relative;
  text-align: center;
  line-height: 3;
  color: #1875bb;
  background: url(../images/cp_1_3_bg.jpg) no-repeat center center;
    background-size: auto;
}
.xijietu {
  display: none;
}
.scale {
  overflow: hidden;
}
.cover {
  overflow: hidden;
}
.scale img {
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proshow.open {
  opacity: 1;
  visibility: visible;
}
.proshow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: all .4s;
  -webkit-transition: all .4s;
}
.proshow > span.close {
  opacity: 0;
  visibility: hidden;
}
.proshow > span {
  transition: all .3s;
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(0,0,0,.5);
  color: #fff;
  display: inline-block;
  padding: 15px 30px;
  z-index: 2;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  font-size: 16px;
}
.showbox {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
  height: 80%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  padding: 0 50px;
    padding-bottom: 0px;
  padding-bottom: 50px;
}

.proshow .swiper-container {
  height: 100%;
}
.proshow .swiper-container img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.proshow .swiper-button-next::after, .proshow .swiper-button-prev::after {
  font-size: 30px;
  color: #a4a4a4;
}
.guanbilunbo {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  cursor: pointer;
  color: #a4a4a4;
  font-size: 40px;
}
@media screen and (max-width:960px) {
.cp_1,.cp_2 {
	padding:0;
	background: #f5f5f5;
}
.cp_1 .txt,.cp_2 .txt {
  width: calc(100vw - 30px);
  padding: 3% 15px;
  margin-top: 1%;
}

.cp_1_1 {
	background-size: cover;
	padding: 10vh ;
}

.cp_1_1 h4, .cp_1_2 h4 {
  padding: 2%;
  font-size: 1rem;
}
.cp_1_2 {
  padding: 10vh 0;
  background-size: cover;
}
.cp_1_3 {
  padding: 10vh 0;
  background-size: cover;
}
.cp_1 .img,.cp_2 .img {
  
  float:none;
}

.cp_1 .img img,.cp_2 .img img{
  width: 100vw;
}

}
@media screen and (max-width:1600px) {
	.cp_1,.cp_2 {
  width: 100%;}
}
.bjcp{
	background:url(../images/cp_bg.jpg);
}
.bjcp1{
	background:#f1f4ed;
	padding: 80px 0;
}
.bjcp2{
	background:#d9effe;
	padding-top: 80px;
}
.bgcp{
	background:rgb(236,242,230,0);
	
}
.pro_d1 {
  z-index: 3;
  padding-top: 4rem;
  padding-bottom: 1.01rem;
  position: relative;
  color: #1875bb;
}

.pub_case {
  width: 80%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.pub_title_center {
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
}
.font_box {
  font-size: 0;
  overflow: hidden;
}

.h3, .pub_title_h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}
.font_box > * {
  display: inline-block;
}

.parameter_case {
  background-color: #f1f4ed;
  border: 1px solid rgba(156,211,37,.6);
  border-radius: .1rem;
  margin: 4rem auto;
  overflow: hidden;
}

.parameter_case .pub_info, .parameter_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .parameter_case textarea, .parameter_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .parameter_case input {
  width: 100%;
  border-spacing: 0;
  line-height: 1.3333;
  overflow: hidden;
}
.pro_d1 table {
  margin:0;
  padding: 0;
}

.pub_info, .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case input {
  font-size: 1rem;
  line-height: 1.666;
}
.parameter_case .pub_info, .parameter_case .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case .parameter_case textarea, .parameter_case .from_box form .form_inp .inp_case input, .from_box form .form_inp .inp_case .parameter_case input {
  border-spacing: 0;
  line-height: 1.3333;
}
.parameter_case td.th {
  text-align: center;
  min-width: 25%;
  background-color: #ecf6e0;
}
.parameter_case td {
  backface-visibility: visible;
  vertical-align: middle;
  min-width: 25%;
  
  height:3rem;
  border-bottom: 1px solid rgba(156,211,37,.6);
  border-right: 1px solid rgba(156,211,37,.6);
  padding: .5rem 1rem;
}
.ab_4 h4{
font-size:2rem;
color:#1875bb;
}

.cp_bg{  
	padding: 300px 10px;
  position: relative;
  text-align: center;
  line-height: 3;
  font-size: 2rem;
  color: #fff;
}
.cp_bg1{
  background: url(../images/cp_bg1.png) no-repeat center center;
  background-attachment: scroll;
  background-attachment: fixed;
}
.cp_bg2{
  background: url(../images/cp_bg2.png) no-repeat center center;
  background-attachment: scroll;
  background-attachment: fixed;
}
.cp_bg3{
  background: url(../images/cp_bg3.jpg) no-repeat center center;
  background-attachment: scroll;
  background-attachment: fixed;
}
.cp_bg4{
  background: url(../images/cp_bg4.jpg) no-repeat center center;
  background-attachment: scroll;
  background-attachment: fixed;
}
.cp_bg5{
  background: url(../images/cp_bg5.jpg) no-repeat center center;
  background-attachment: scroll;
  background-attachment: fixed;
}
.cp_bg6{
  background: url(../images/cp_bg6.jpg) no-repeat center center;
  background-attachment: scroll;
  background-attachment: fixed;
}
.cp_bg7{
  background: url(../images/cp_bg7.jpg) no-repeat center center;
  background-attachment: scroll;
  background-attachment: fixed;
}
.cp_bg8{
  background: url(../images/cp_bg8.jpg) no-repeat center center;
  background-attachment: scroll;
  background-attachment: fixed;
}
.ry_bg{
  background: url(../images/ry_bg.jpg) no-repeat center center;
  background-attachment: scroll;
  background-attachment: fixed;
}
.t_white{color:#fff !important;}
.main .font_box {padding:2% 0;}
@media screen and (max-width:960px) {
.ab_4 h4 {
  font-size: .9rem;
}
/*.wd{
width: 100vw;
  }*/
 .h3, .pub_title_h3 {
  font-size: 1.2rem;
}
.parameter_case td {
  height: auto;
  padding: .5rem .4rem;
}
.pub_case {
  width:98%;
}
.pub_info, .from_box form .form_inp .inp_case textarea, .from_box form .form_inp .inp_case input {
  font-size: .6rem;
}
}