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

@font-face {
/* font-test*/
font-family:SourceHanSans;
src:url('/fonts/SourceHanSansOLD-Normal-2.otf');
}

*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px; font-family:SourceHanSans; /*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:#9c2923;} /*
a:visited {text-decoration:none;color:#000000;} */
.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);
}


.div-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;
} 
.div-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: rgba(0,0,0,0.5); z-index: 99999; border-bottom: #666666 1px solid;} 
.nav_con{ width:85%; margin: 0px auto;} 

.nav_l{ width:120px; float:left; padding: 15px 0px;} 
.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; overflow: hidden;margin: 35px 35px 0px; height:40px; box-sizing: border-box;transition: all 0.6s;} 
.nav_menu ul li a p{font-size: 16px; color: #FFFFFF; margin-bottom: 50px; transition: all 0.6s;} 
.nav_menu ul li a span{font-size: 12px; color: #FFFFFF;  display: inline-block;transform:scale(0.85,0.85); text-transform: uppercase;} 
.nav_menu ul li a.this{ border-bottom: #9c2923 2px solid;} 
.nav_menu ul li a:hover{border-bottom: #9c2923 2px solid;} 
.nav_menu ul li a:hover{margin: 25px 35px 0px; height:50px; } 
.nav_menu ul li a:hover p{margin-bottom: 0px;} 

.nav_menu ul li ul {display: none;}
.nav_menu ul li:hover ul {display:block; position:absolute; top:52px; left:0; width:160px;z-index: 999999;}
.nav_menu ul li:hover ul li a {display:block; color:#9c2923;background-color:rgba(0,0,0,0.5);margin-bottom: 1px;}
.nav_menu ul li:hover ul li a:hover {background:#9c2923; color:#FFFFFF;}


.nav_r{ float:right; margin: 40px 0px 0px 20px; position: relative;} 
.nav_r i{ color: #FFFFFF; width:28px; height:28px; display:block;} 
.nav_r div{display: none; overflow: inherit;transition: all 0.8s;} 
.nav_r:hover{ cursor: pointer;} 
.nav_r:hover div { display: block; position: absolute; z-index: 99999999; left: -36px;} 
.nav_r:hover div img{ max-width:170px;}
.fa-weixin{ background:url(/images/i_wx.png) no-repeat; background-size:cover;width:28px; height:28px;}


@media screen and (max-width: 1600px){
	.nav_menu ul li a{margin: 35px 20px 0px;} 
	.nav_menu ul li a:hover{margin: 25px 20px 0px; } 
} 



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


@media screen and (max-width:768px){
	
	
	.nav_{ display: none;} 
	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 70px;background:#000000;} 
	.mobile-inner-header .img0 { float: left; margin-top: 0; margin-left: 5%; padding: 2% 0 0;} 
	.mobile-inner-header .img0 img{ width: 70%;} 

	.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{	color: #62c3d0;	position: absolute;	left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.7);	width: 25px;height: 2px;background-color: rgba(255,255,255,1);}
	.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: 80px;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(255,255,255,0.5);text-align : left;height:40px;line-height: 40px;padding: 0px;margin: 0px;position: relative;font-size: 1.2em;color: #000000;}
	
	.hei{ display: block;height:70px; width: 100%; background: #000000;} 


}






@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);
  }
}






/*首页-第一屏*/
.apple-banner {	width: 100%;height:100%;overflow: hidden;}
.apple-banner .swiper-container {margin-top: 0px;width: 100%;height: 960px;}
.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:80px;height: 50px;margin: 0 3px;cursor: pointer;background: none;border-radius:0;opacity: 1;}
.apple-banner .swiper-pagination-bullet span {width: 80px;height: 2px;display: block;background: rgba(255,255,255,0.3);}
.apple-banner .swiper-pagination-bullet-active span{background:#9c2923;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{background: rgba(255,255,255,0.3);}
.apple-banner .swiper-pagination-bullet i{background: #9c2923;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:#9c2923;}
		/*内容样式*/
.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%;}

.banner_top{ display: none;} 

@media screen and (max-width: 1600px){
	.swiper-slide img{ width: 100%;} 
} 


@media screen and (max-width:768px){
	.swiper-slide img.pc{ display: none;} 
	.swiper-slide img.mo{ display: block;} 
	.apple-banner{ display: none;} 
	.banner_top{ display: block;} 
	.banner_top{position: relative;overflow: auto;text-align: center;width:100%;margin:0 auto;} 
	.banner_top ul{} 
	.banner_top ul li{ height:100vh;} 
	.banner_top ul li img{ width: 100%; height: 100%;} 
	.banner_top .dots{position:absolute;left:0;right:0;bottom:20%;z-index:3;}
	.banner_top .dots li{display:inline-block;width:8px;height:8px;margin:0 4px;text-indent:-999em;border:1px solid #FFFFFF;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
	.banner_top .dots li:first-child{ background: none;} 
	.banner_top .dots li.active{background:#FFFFFF;opacity:1;} 
	.banner_top .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;}
} 






/*首页-第二屏*/
.main_a{ width: 100%; margin: 0px; height: auto; background:#F6F6F6; overflow: hidden;} 
.main_a_{ width: 100%; height: 100%; padding:10% 8%; box-sizing: border-box; } 
.main_a_ .main_a_l{ float: left; width: 100%; } 

.main_a_ .main_a_l .main_a_l_b {width: 100%;} 
.main_a_ .main_a_l .main_a_l_b h3{ font-size: 36px; color: #333; } 
.main_a_ .main_a_l .main_a_l_b span{ font-size: 14px; color: #666;} 
.main_a_ .main_a_l .main_a_l_b p{ color: #666; line-height: 175%; font-size: 14px; text-align: justify; margin: 30px 0px;} 

.main_a_ .main_a_l .main_a_l_list { margin:30px 0px 0px;} 
.main_a_ .main_a_l .main_a_l_list ul{} 
.main_a_ .main_a_l .main_a_l_list ul li{float: left; text-align: center; padding-right: 40px; margin-right: 40px; border-right: #DDDDDD 1px solid;} 
.main_a_ .main_a_l .main_a_l_list ul li:last-child{ border-right:none;} 
.main_a_ .main_a_l .main_a_l_list ul li h5{ color: #FFFFFF; font-size: 30px; font-weight: lighter;} 
.main_a_ .main_a_l .main_a_l_list ul li p{ color: #FFFFFF; font-size: 14px; margin: 0px;} 

.main_a_ .main_a_l .main_a_r_list { margin:30px 0px 30px;  background:#9c2923; padding:20px 0px;} 
.main_a_ .main_a_l .main_a_r_list ul{ } 
.main_a_ .main_a_l .main_a_r_list ul li{float: left; text-align: center; margin:0px; width: 25%;} 
.main_a_ .main_a_l .main_a_r_list ul li h5{ color: #FFFFFF; font-size: 16px; margin: 10px 0px 5px;} 
.main_a_ .main_a_l .main_a_r_list ul li p{ color: #FFFFFF; font-size: 12px; line-height: 150%;} 

.main_a_ .main_a_l  a{ display: block; color: #FFFFFF; border: #FFFFFF 1px solid; border-radius: 5px; font-size: 12px; width: 100px;text-align: center; padding: 5px 0px; transition: all 0.8s;} 
.main_a_ .main_a_l  a:hover{ width: 160px; } 


.main_a_ .main_a_r{ float: right; width: 45%; margin-top: 100px;} 
.main_a_ .main_a_r .main_a_r_video{width: 100%; height: 435px; overflow: hidden;} 
.main_a_ .main_a_r .main_a_r_video img{ width: 100%;} 



@media screen and (max-width: 1600px){
    .main_a_{ padding:13% 8%;} 
	.main_a_ .main_a_l .main_a_l_b h3{ font-size: 28px; } 
	.main_a_ .main_a_l .main_a_l_b span{ font-size: 12px;} 
	.main_a_ .main_a_l .main_a_l_b p{font-size: 12px; margin: 20px 0px;}
	
	.main_a_ .main_a_l .main_a_l_list { margin:20px 0px 50px;} 
	.main_a_ .main_a_l .main_a_l_list ul li{padding-right: 30px; margin-right: 30px;} 
	.main_a_ .main_a_l .main_a_l_list ul li h5{ font-size: 24px;} 
	.main_a_ .main_a_l .main_a_l_list ul li p{  font-size: 12px;} 

	.main_a_ .main_a_l .main_a_r_list { display: none;} 

	
	.main_a_ .main_a_r{ margin-top: 20px;} 
	.main_a_ .main_a_r .main_a_r_video{ height: 320px;} 
} 

@media screen and (max-width:768px){
    .main_a{ overflow:hidden; height:63vh; background:#f6f6f6;} 
	.main_a_{ } 
	.main_a_ .main_a_l{ float: none; width:100%; } 
	.main_a_ .main_a_l .main_a_l_b h3{ font-size: 1.8em; color:#333;} 
	.main_a_ .main_a_l .main_a_l_b span{ font-size: 0.8em; color:#333;} 
	.main_a_ .main_a_l .main_a_l_b p{  line-height: 27px; font-size: 15px; margin: 20px 0px; color: #666;} 
	
	
	.main_a_ .main_a_l .main_a_l_list { margin:20px 0px 20px;} 
	.main_a_ .main_a_l .main_a_l_list ul li{padding-right:12px; margin-right:12px;} 
	.main_a_ .main_a_l .main_a_l_list ul li h5{ font-size: 1.2em;  margin-bottom: 3px;} 
	.main_a_ .main_a_l .main_a_l_list ul li p{ font-size: 0.7em; } 

	
	.main_a_ .main_a_r{ float: none; width:100%; margin-top: 30px;} 
	.main_a_ .main_a_r .main_a_r_video{ height: 160px; } 
	.main_a_ .main_a_l a{ color:#333; font-size:15px; line-height:30px; border: #666 1px solid;}
} 




/*首页-第三屏*/
.main_banner{width:100%; height: 100%; overflow: hidden;margin:0px; background: url("/images/bg01.jpg") no-repeat center; padding:8% 7.5% 0%; box-sizing: border-box;}
.main_banner > h3{font-size: 36px; color: #FFFFFF;} 
.main_banner > span{font-size: 14px; color: #CCCCCC;} 
.banner{position: relative;overflow: auto;text-align: center;width:100%;margin:0 auto;} 
.banner ul{} 
.banner ul li{ height:80vh;} 

.banner .dots{position:absolute;left:0;right:0;bottom:15%;z-index:3;}
.banner .dots li{display:inline-block;width:8px;height:8px;margin:0 4px;text-indent:-999em;border:1px solid #FFFFFF;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active{background:#FFFFFF;opacity:1;} 
.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;}

.banner_a{width: 100%; margin: 50px auto 0px; padding:0; box-sizing: border-box;} 
.banner_a .fl{ float: left; width: 30%; margin-top:8%;} 
.banner_a .fl h3{ color: #FFFFFF; font-size: 24px; margin-bottom: 30px; text-align: left; font-weight: lighter;}
.banner_a .fl h3 span{font-size: 48px;} 
.banner_a .fl a{ display: block; color: #FFFFFF; border: #FFFFFF 1px solid; border-radius: 5px; font-size: 12px; width: 100px;text-align: center; padding: 5px 0px; transition: all 0.8s; margin-top: 50px;} 
.banner_a .fl a:hover{ width: 160px; } 
.banner_a .fl p{color: #FFFFFF;line-height: 175%; font-size: 16px; text-align: justify;} 
.banner_a .fr{ float: right; width: 60%;} 
.banner_a .fr img{ width: 100%;} 

@media screen and (max-width: 1600px){
	.main_banner > h3{font-size: 24px;} 
	.main_banner > span{font-size: 12px;} 
	.banner_a{ margin: 30px auto 0px;} 
	.banner_a .fl{ margin-top:5%;} 
	.banner_a .fl h3 span{font-size: 30px;} 
	.banner_a .fl p{font-size: 14px; } 
} 

@media screen and (max-width:768px){
	
	.main_banner{ background-size: cover; height:85vh;}
	.main_banner > h3{font-size: 1.8em; margin-bottom: 5px;} 
    .main_banner > span{font-size: 1em;} 
	
	.banner .dots{position:absolute;left:0;right:0;bottom:20%;z-index:3;}
	.banner_a{ margin: 30px auto 0px; } 
	.banner_a .fl{ float: none; width: 100%; margin-top:2%;} 
	.banner_a .fl h3{  font-size: 1.5em; margin-bottom:20px; }
	.banner_a .fl h3 span{font-size: 1.2em;} 
	.banner_a .fl p{ line-height: 150%; font-size: 1em;} 
	.banner_a .fl a{ margin-top: 20px;} 
	.banner_a .fr{ float: none; width: 100%; margin-top: 30px;} 
	.banner_a .fr img{ width: 100%;} 
	
} 




/*首页-第四屏*/
.main_b{ width: 100%; background: url("/images/bg02.jpg") no-repeat center; background-size: cover;height:110vh; overflow: hidden;margin:0px;} 
.main_b_{width:1280px; margin: 0px auto; padding:10% 0 0 0; box-sizing: border-box; text-align: center;} 
.main_b_ h3{ font-size: 40px; font-weight: normal; color: #FFFFFF;} 
.main_b_ span{ display: block; text-transform: uppercase;color: #CCCCCC;} 
.main_b_ p{font-size: 16px; width: 50%; text-align: center; margin: 10px auto 50px; color: #FFFFFF; line-height: 175%;} 
.main_b_ em{display: block; background: #FFFFFF; height: 2px; width: 50px; margin: 30px auto;} 
.main_b_ img{ width: 100%;} 

@media screen and (max-width: 1600px){
	.main_b_ h3{ font-size: 24px;} 
	.main_b_ span{ font-size: 12px;} 
	.main_b_ p{font-size: 12px;  margin: 10px auto 30px;  } 
	.main_b_ em{margin: 20px auto;}
	.main_b_ img{/* width: 80%; */display: block;margin: 0px auto;} 
} 

@media screen and (max-width:768px){
	
	.main_b{ background-size: cover; height:70vh;}
	.main_b_{width:80%;  padding:25% 0 0 0;} 
	.main_b_ h3{ font-size: 1.8em; margin-bottom: 5px;} 
	.main_b_ p{font-size: 1em; width: 100%;  margin: 10px auto 30px;  line-height: 160%;} 
	.main_b_ em{ margin:30px auto;} 
	.main_b_ img{ width: 100%;} 
}


.fa-qq{ background:url(qq.png) no-repeat; background-size:100%;}
.fa-weixinb{ background:url(wxc.png) no-repeat; background-size:100%;}
.fa-weibo{ background:url(wb.png) no-repeat; background-size:100%;}

.fa {
    display: inline-table; width:24px; height:24px;
}
/*首页-第五屏*/

.main_d{ width: 100%; background: url("/images/bg03.jpg") no-repeat center; background-size: cover;height:100vh; overflow: hidden;margin:0px;}  
.main_d_{width: 100%; margin: 0px auto; padding:10% 0 0 0;} 

.main_d_tit{width: 100%; margin: 0px auto 50px; text-align: center;} 
.main_d_tit h3{ font-size: 40px; font-weight: normal; color: #FFFFFF;} 
.main_d_tit span{ display: block; text-transform: uppercase;color: #CCCCCC;} 

.main_d_l{ float: left; width:600px; height: 432px; overflow: hidden; position: relative; margin-left:15%; box-sizing: border-box;} 
.main_d_l img{ width: 100%; height: 432px;  position: absolute; z-index: 9;} 
.main_d_l div{position: absolute; z-index: 99;background: rgba(0,0,0,0.5); box-sizing: border-box; padding: 20px; width: 100%; bottom: 0;} 
.main_d_l div p{ color: #FFFFFF; font-size: 16px; margin-bottom: 10px;} 
.main_d_l div span{color: #CCCCCC; font-size: 12px; text-align: justify;} 

.main_d_r{ float: right; width: 53.5%;} 
.main_d_r ul{} 
.main_d_r ul li{} 
.main_d_r ul li a{ display: block; padding: 27px 280px 26px 80px; box-sizing: border-box;} 
.main_d_r ul li em{ font-size: 14px; font-style: normal; margin-bottom: 3px; display: block; color: #FFFFFF;}  
.main_d_r ul li p{ font-size: 18px; margin-bottom:10px; color: #FFFFFF;}
.main_d_r ul li span{ display: block; line-height: 150%; color: #CCCCCC; font-size: 12px; margin: 5px 0px;} 
.main_d_r ul li a:hover{background:#FFFFFF;} 
.main_d_r ul li a:hover em{ color: #000000;} 
.main_d_r ul li a:hover p{color: #000000;} 
.main_d_r ul li a:hover span{color: #999999;} 


@media screen and (max-width: 1880px){
	.main_d_r{ float: right; width: 52%;} 
	.main_d_r ul li a{  padding: 27px 60px 26px 50px; } 

} 


@media screen and (max-width: 1600px){
	.main_d_tit{ margin: 0px auto 30px;} 
	.main_d_tit h3{ font-size: 24px;} 
	.main_d_tit span{ font-size: 12px;} 
	
	.main_d_l{  width:450px; height: 300px;} 
	.main_d_l img{  height:300px;} 
	.main_d_r{ width: 52%;} 
	.main_d_r ul li a{  padding: 10px 130px 10px 80px; } 
	.main_d_r ul li em{ font-size: 12px; }  
	.main_d_r ul li p{ font-size: 14px; margin-bottom:5px; }
} 

@media screen and (max-width: 1300px){
	.main_d_tit{ margin: 0px auto 30px;} 
	.main_d_tit h3{ font-size: 24px;} 
	.main_d_tit span{ font-size: 12px;} 
	
	.main_d_l{  width:420px; height: 280px;} 
	.main_d_l img{  height:280px;} 
	.main_d_r{ width: 50%;} 
	.main_d_r ul li a{  padding: 10px 130px 10px 80px; } 
	.main_d_r ul li em{ font-size: 12px; }  
	.main_d_r ul li p{ font-size: 14px; margin-bottom:5px; }
} 

@media screen and (max-width:768px){
	
	.main_d{ background-size: cover; height:80vh;}
	.main_d_tit{ margin: 0px auto 30px;} 
	.main_d_tit h3{ font-size: 1.8em; margin-bottom: 5px;} 
    .main_d_{width: 85%;padding:10% 0 0 0;} 
	.main_d_l{ float: none; width:100%; height: 160px; margin-left:0;} 
	.main_d_l img{  height: 160px;} 
	.main_d_l div{ padding: 10px;} 
	.main_d_l div p{  font-size: 1em; line-height: 150%;} 
	.main_d_l div span{ display: none; } 

	.main_d_r{ float: none; width: 100%; margin-top: 30px;} 
	.main_d_r ul li a{ display: block; padding: 10px 10px 10px 10px; } 
	.main_d_r ul li em{ font-size: 0.8em;}  
	.main_d_r ul li p{ font-size: 1em;  line-height: 150%;}
	.main_d_r ul li span{display: none;} 
	
} 





/*首页-第六屏*/
.main_c{width: 100%; margin: 0px; background: url("/images/bg04.jpg") no-repeat center; background-size: cover;height:100vh; overflow: hidden;} 
.main_c_{width:1280px; margin: 0px auto; padding:12% 0 0 0; box-sizing: border-box; text-align: center;} 
.main_c_ h3{ font-size: 40px; font-weight: normal; color: #FFFFFF;} 
.main_c_ span{ display: block; text-transform: uppercase;color: #CCCCCC;} 
.main_c_ p{font-size: 36px; margin: 80px 0px 10px; text-align: center; color: #FFFFFF; } 
.main_c_ h6{ font-size: 60px; color: #FFFFFF;margin: 0px 0px 80px;} 
.main_c_ em{display: block; background: #FFFFFF; height: 2px; width: 50px; margin: 30px auto;} 
.main_c_ img{ width: 100%;} 
.main_c_ > a{ display: block; color: #FFFFFF; border: #FFFFFF 1px solid; margin: 0px auto;border-radius: 5px; font-size: 14px; width: 100px;text-align: center; padding: 5px 0px; transition: all 0.8s;} 
.main_c_ > a:hover{ width: 160px; background: #FFFFFF; color: #9c2923;} 

@media screen and (max-width: 1600px){
	.main_c_ h3{ font-size: 36px;} 
	.main_c_ p{font-size: 20px; margin: 50px 0px 10px; } 
	.main_c_ h6{ font-size: 40px; margin: 0px 0px 50px;} 
} 

@media screen and (max-width:768px){
	.main_c{ background-size: cover;}
	
	.main_c_{width:80%;  padding:25% 0 0 0; } 
	.main_c_ h3{ font-size: 1.8em;  margin-bottom: 5px;} 
	.main_c_ p{font-size: 1.5em; margin: 50px 0px 10px; line-height: 150%;} 
	.main_c_ h6{ font-size: 2.5em; margin: 0px 0px 50px;} 
	.main_c_ img{ width: 100%;} 

	
} 

/*首页-第七屏*/

.main_e{width: 100%; overflow: hidden;margin: 0px; background:#323232;padding:2% 0 0;}  
.main_e_tit{width:1200px; margin: 0px auto; padding: 20px 0px; border-bottom: #999999 1px solid;} 
.main_e_tit img{ float: left; }
.main_e_tit p{ float: right; margin-top: 30px;} 
.main_e_tit p i{ font-size:24px; color: #999999; display: inline-block; margin-left: 20px;} 

.main_e_{width: 1200px; margin: 50px auto 30px;} 
.main_e_l{ float: left;} 
.main_e_l h5{ color: #CCCCCC; font-size: 16px; font-weight: normal;} 
.main_e_l h3{color: #FFFFFF; font-size: 30px; margin-bottom: 30px;} 
.main_e_l p{color: #CCCCCC; font-size: 16px; margin: 5px 0px; line-height:30px;} 
.main_e_l p strong{color: #FFFFFF; font-size: 16px;} 

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

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

.main_e_bt{width: 85%; margin: 0px auto; padding: 20px 0px; border-top: #999999 1px solid; font-size: 12px; color: #CCCCCC;} 
.main_e_bt a{color: #CCCCCC;} 
.main_e_bt a:hover{color: #CCCCCC;} 



/******************************************2023TBS***********************************************/





.index_bga{ border-top: 4px solid #fff; width: 100%; background: url(../images/index_bga.jpg) no-repeat center; background-size: cover; padding: 120px 0 80px 0; position: relative;}
.index_bga::before{ content: ''; width: 33.333%; height: 4px; background: #009944; position: absolute; left: 0; top: -4px;}
.index_bga::after{ content: ''; width: 33.333%; height: 4px; background: #e60012; position: absolute; right: 0; top: -4px;}
.inda_top{ padding-bottom: 21px; position: relative; width: 100%; background: url(../images/inda_bg.jpg) no-repeat right bottom; background-size: 21.354% auto;}
.inda_top .kg{ display: flex; justify-content: space-between; align-items: flex-end;}
.indat_l{ flex: 0 1 38.235%;}
.indat_bt p{ color: #333; font-size:24px; line-height:42px; font-family: 'Ddinr';}
.indat_bt h2{ font-size: 48px; color: #009944; margin-top: 10px;}
.indat_ms{ color: #999; line-height: 30px; padding-top: 30px;}
.indat_zj{ padding-top: 45px;}
.indat_zj ul{ display: flex; justify-content: space-between;}
.indat_zj li{ flex: 1; text-align: center;}
.indat_pic img{ max-width: 90%;}
.indat_mc{ color: #999; font-size: 0.875rem;}
.indat_more{ padding-top: 40px;}
.indat_more a{ width: 120px; height: 40px; line-height: 40px; display: block; text-align: center; color: #fff; background: #009944;}
.indat_more a span{ font-family: '宋体'; padding-left: 8px;}
.indat_r{ flex: 0 1 58.823%;}
.indat_r p{ position: relative; width: 82.502%;}
.indat_r p::after{ content: ''; width: 100%; background: url(../images/indat_xt.png) no-repeat; background-size: auto 100%; width: 13px; height: 100%; position: absolute; right: -31px; top: 0;}
.indat_r p img{ display: block; width: 100%;}
.inda_bom{ padding-top: 119px; width: 100%;}
.inda_bom .kg{position: relative;}
.inda_bom .kg::after{ content: ''; width: 13px; height: 100%; background: url(../images/indab_xt.png) no-repeat left bottom; position: absolute; left: -31px; top: 0;}
.indab_bt{ position: absolute; right: 0; font-size: 3.75rem; line-height: 1em; top: -35px; color: #fff; z-index: 9;}
.indab_nr{ display: flex;}
.indab_l{ flex: 0 1 60%;}
.indab_l ul{ display: flex; flex-wrap: wrap;}
.indab_l li{ flex: 0 1 50%; position: relative;}
.indab_l li:nth-child(1){ flex: 0 1 100%;}
.indab_pic{ overflow: hidden;}
.indab_pic img{ display: block; width: 100%; transition: 0.5s;}
.indab_l li:hover .indab_pic img,.indab_r li:hover .indab_pic img{ transform: scale(1.05);}
.indab_mc{ position: absolute; color: #fff; height: 60px; bottom: 0; left: 39px; font-size: 1.5rem;}
.indab_r{ flex: 0 1 40%;}
.indab_r li{position: relative;}
@media screen and (max-width:1600px){
.indat_ms{line-height: 28px; padding-top: 28px;}
}
@media screen and (max-width:1598px){
.index_bga{padding: 90px 0 80px 0;}
.indat_l{ flex: 0 1 45%;}
.indat_bt p{font-size: 30px;}
.indat_bt h2{ font-size: 36px;}
.indat_zj{ padding-top: 35px;}
.indat_r{ flex: 0 1 52%;}
.indat_r p{width: 94%;}
.indab_bt{font-size: 3rem; top: -24px;}
.indab_mc{height: 50px; left: 20px; font-size: 1.25rem;}
}
@media screen and (max-width:1360px){
.indat_bt p{ font-size: 3rem;}
.inda_bom{ padding-top: 90px;}
.indab_bt{ font-size: 2.5rem; top: -20px;}
}
@media screen and (max-width:1279px){
.indab_mc{height: 40px; left: 3%; font-size: 1.125rem;}
}
@media screen and (max-width:1020px){
.index_bga{padding: 60px 0 70px 0;}
.inda_top .kg{ flex-wrap: wrap;}
.indat_bt p{ font-size: 2.5rem;}
.indat_l{ flex: 0 1 100%;}
.indat_r{ flex: 0 1 100%; margin-top: 40px;}
.indat_r p{ width: 96%;}
.inda_bom{ padding-top: 60px;}
.indab_mc{height: 30px; left: 10px; font-size: 0.9375rem;}
.indab_bt{ font-size: 2rem; top: -16px;}
}
@media screen and (max-width:700px){
.main_e_tit,.main_e_ { width:90%; margin:auto;}
.index_bga{padding: 40px 0 50px 0;}
.indat_bt{ text-align: center;}
.indat_bt p{ font-size: 2.5rem;}
.indat_bt h2{ margin-top: 5px;}
.indat_ms{ font-size: 0.9375rem; line-height: 24px; padding-top: 24px;}
.indat_zj{ padding-top: 30px;}
.indat_more{ padding-top: 25px;}
.indat_more a{ width: 100px; line-height: 36px; height: 36px; font-size: 0.9375rem;}
.indat_r{ margin-top: 30px;}
.indat_r p::after{ display: none;}
.indat_r p{ width: 100%;}
.inda_bom{ padding-top: 20px;}
.indab_bt{ position: relative; text-align: center; right: auto; top: auto; font-size: 1.625rem; padding-bottom: 15px;}
.indab_nr{ flex-wrap: wrap;}
.indab_l,.indab_r{ flex: 0 1 100%;}
.indab_mc{ line-height: 20px; height: auto; bottom: 10px;}
.main_e_tit img{ width:100%;}
.main_e_l h3{color: #FFFFFF; font-size: 30px; margin-bottom: 10px;} 
.main_e_r{ float:left;}
.main_e_r p{ text-align:left;}
.indc_dd{ width:100%; margin:auto;}
}


.index_bgb{ background: url(../images/index_bgb.jpg) no-repeat center; background-size: cover; width: 100%; padding: 55px 0 80px 0; overflow: hidden;}
.indb_gd{position: relative; overflow: hidden;}
.indb_btfl{ position: relative; display: flex; justify-content: space-between; align-items: flex-end;}
.indb_btfl::before{ content: ''; width: calc( 100% - 130px ); position: absolute; right: 0; bottom: 12px; background: rgba(255,255,255,0.1); height: 1px;}
.indb_fl{ padding-bottom: 12px;}
.indb_fl,.indb_fl ul{ display: flex;}
.indb_fl li{ position: relative; margin-left: 80px;}
.indb_fl li:nth-child(1){ margin-left: 0;}
.indb_fl li a{ display: block; line-height: 80px; height: 80px; color: #fff; font-size: 1.125rem; transition: 0.5s;}
.indb_fl li:hover a,.indb_fl li.on a{ color: #009944; transition: 0.5s;}
.indb_fl li::after{ content: ''; width: 100%; height: 2px; background: #009944; position: absolute; bottom: 0; left: 0; transform: scaleX(0); transition: 0.5s;}
.indb_fl li:hover::after,.indb_fl li.on::after{ transform: scaleX(1); transition: 0.5s;}
.indb_nr{ margin-top: 50px; background: #fff; width: 100%;}
.indb_nr li{ width: 80.529%;}
.indb_nr li a{ display: flex; position: relative;}
.indb_nr li a::before{ content: 'ROMONTE ART'; color: #f5f5f5; font-size: 6.25rem; position: absolute; left: 0; bottom: 0; font-family: 'Ddinr'; line-height: 0.7em;}
.indb_l{ flex: 0 1 37.4%; box-sizing: border-box; padding-left: 50px; padding-top: 35px; order: 1;}
.indb_tit{ border-bottom: 1px solid #f5f5f5; padding-bottom: 25px;}
.indb_tit h3{ font-size: 2.25rem; font-weight: bold; color: #00272f;}
.indb_tit p{ font-size: 1.5rem; color: #ccc; font-family: 'Ddinr'; text-transform:uppercase; }
.indb_wb{ padding-right: 40px; padding-top: 25px;}
.indb_ms{ font-size: 1rem; color: #666; line-height: 30px;}
.indb_zj{ display: flex; flex-wrap: wrap; padding-top: 50px;}
.indb_zj p{ border: 1px solid #999; width: calc( 32% - 2px );}
.indb_zj p:nth-child(3n-1){ margin: 0 2%;}
.indb_zj p:nth-child(n+4){ margin-top: 2%;}
.indb_zj p img{ display: block; width: 100%;}
.indb_pic{ overflow: hidden; flex: 0 1 61.725%; order: 0; position: relative;}
.indb_pic img{ display: block; width: 100%;}
.indb_pic::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); transition: 0.5s;}
.indb_nr .tempWrap{overflow: inherit !important;}
.indb_nr li.cur .indb_l{order: 0;}
.indb_nr li.cur .indb_pic{order: 1;}
.indb_nr li.cur .indb_pic::after{background: rgba(0,0,0,0); transition: 0.5s;}
.indb_jt{ position: absolute; left: 50px; bottom: 20px;}
.indb_jt a{ display: block; width: 90px; height: 40px; background: url(../images/indb_jt.png) no-repeat center #009944; float: left; cursor: pointer;}
.indb_jt a.prev{background: url(../images/indb_jt.png) no-repeat center #00272f; transform: scaleX(-1);}
@media screen and (max-width:1680px){
.indb_nr li a::before{ font-size: 5.625rem;}
.indb_l{ padding: 35px 0 0 40px;}
.indb_tit{ padding-bottom: 15px;}
.indb_tit h3{ font-size: 2rem;}
.indb_tit p{ font-size: 1.375rem;}
.indb_wb{ padding-top: 15px;}
.indb_zj{ padding-top: 30px;}
.indb_jt{ left: 40px;}
}
@media screen and (max-width:1598px){
.indb_fl li{margin-left: 60px;}
.indb_nr li a::before{ font-size: 5rem;}
.indb_l{ padding: 20px 0 0 30px;}
.indb_tit{ padding-bottom: 10px;}
.indb_tit h3{ font-size: 1.875rem;}
.indb_tit p{ font-size: 1.25rem;}
.indb_ms{ font-size: 1rem; line-height: 26px;}
.indb_jt{ left: 30px;}
}
@media screen and (max-width:1360px){
.indb_nr li{ width: 86%;}
}
@media screen and (max-width:1279px){
.indb_fl li{margin-left: 40px;}
.indb_nr li{ width: 100%;}
.indb_nr li a::before{ font-size: 4.5rem;}
.indb_l{ flex: 0 1 38.275%; padding: 20px 0 0 20px;}
.indb_tit h3{ font-size: 1.5rem;}
.indb_ms{ font-size: 0.9375rem; line-height: 22px;}
.indb_jt{ left: 20px; bottom: 15px;}
.indb_jt a{ width: 80px; height: 36px;}
}
@media screen and (max-width:1020px){
.indb_fl li{margin-left: 25px;}
.indb_nr li a::before{ font-size: 3.5rem;}
.indb_fl li a{ height: 60px; line-height: 60px; font-size: 1rem;}
.indb_nr{ margin-top: 30px;}
.indb_l{ padding: 10px 0 0 10px; order: 0;}
.indb_tit{ padding-bottom: 5px;}
.indb_tit h3{ font-size: 1.25rem;}
.indb_tit p{ font-size: 1rem;}
.indb_wb{ padding: 10px 10px 0 0;}
.indb_ms{ font-size: 0.875rem; line-height: 20px;}
.indb_zj{ padding-top: 10px;}
.indb_jt{ left: 10px; bottom: 10px;}
.indb_jt a{ width: 50px; height: 30px;}
.indb_l{ order: 1;}
}
@media screen and (max-width:700px){
.index_bgb{ padding: 40px 0 50px 0;}
.indb_btfl{ display: block;}
.indb_fl,.indb_btfl::before{ display: none;}
.indb_nr{ margin-top: 15px;}
.indb_nr li a{ display: block;}
.indb_l{ padding: 5%;}
.indb_ms{ height: 80px;}
}

.index_bgc{ background: url(../images/index_bgc.jpg) no-repeat center top; background-size: cover; width: 100%; position: relative; overflow: hidden; padding: 60px 0 80px 0;}
.indc_btzs{ display: flex; justify-content: space-between; align-items: flex-end;}
.indc_sz ul{ display: flex;}
.indc_sz li{ margin-left: 100px;}
.indc_sz li:nth-child(1){ margin-left: 0;}
.indcsz_nr{ color: #009944; font-size: 4.5rem; font-family: 'Ddinr'; display: flex;}
.indcsz_mc{ color: #fff;}
.indc_nr{ padding-top: 20px;}
.indc_nr ul{ display: flex; justify-content: space-between;}
.indc_nr li{ float: left; flex:0 1 31.77%; position: relative; cursor: pointer;}
.indc_nr li::before{ content: ''; width: 0%; height: 4px; background: #009944; position: absolute; left: 0; bottom: 0; z-index: 9; transition: 0.4s 0.2s;}
.indc_nr li::after{ content: ''; width: 0%; height: 4px; background: #e60012; position: absolute; left: 96%; bottom: 0; z-index: 9; transition: 0.5s;}
.indc_nr li:hover::before{ width: 92%; transition: 0.4s;}
.indc_nr li:hover::after{ width: 4%; transition: 0.1s 0.4s;}
.indc_kg{ position: relative; border-bottom: 4px solid #dadddb; overflow: hidden;}
.indc_pic{ overflow: hidden;}
.indc_pic img{ display: block; width: 100%;}
.indc_po{ position: absolute; left: 0; bottom: -78%; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: 0.5s;}
.indc_nr li:hover .indc_po{background: rgba(0,0,0,0.65); bottom: 0%; transition: 0.5s;}
.indc_bt{ padding: 9% 0 0 5.5%; color: #fff;}
.indc_bt h3{ font-size: 2.25rem;}
.indc_bt p{ font-family: 'Ddinr'; font-size: 1.125rem; margin-top: 6px;}
.indc_kj{ margin: 7% 0 0 5.5%; width: 75%; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(255,255,255,0.2); border-left: 1px solid rgba(255,255,255,0.2);}
.indc_kj dl{ box-sizing: border-box; flex: 0 0 50%; display: flex; padding: 33px 0; border-top: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); align-items: center; color: #fff;}
.indc_nr li:nth-child(1) .indc_kj dl{padding: 25px 0;}
.indc_kj dl dt{ padding: 0 6px;}
.indc_kj dl dd p{ color: #fff; font-size: 16px;}
.indc_kj dl dd span{ font-size: 0.75rem; font-family: 'Ddinr'; color: #666;}
.indc_nr li:nth-child(2) .indc_kj dl:nth-child(2){ opacity: 0;}
.indc_an{ display: none;}
.indc_gd{ margin-top: 119px; position: relative;}
.indc_gd .indb_fl>li>a{ font-family: 'Ddinr'; font-size: 1.5rem;}
.indcgd_nr{ background: url(../images/indcgd_bg.jpg) no-repeat right top #0f333e; background: auto 100%; margin-top: 55px;}
.indcgd_l{ width: 59.77%;}
.indcgd_l li img{ display: block; width: 100%;}
.indcgd_r{ width: 37.295%; padding-top: 20px;}
.indcgd_img{ width: 95.43%;}
.indcgd_img img{ display: block; width: 100%;}
.indcgd_wb{ margin-top: 30px; width: 96%;}
.indcgd_wb h3{ border-left: 4px solid #009944; padding-left: 8px; height: 24px; line-height: 24px; color: #fff; font-size: 1.5rem;}
.indcgd_wb p{ padding-top: 24px; color: #ccc; line-height: 24px; padding-left: 12px;}
.indcgd_jt{ position: absolute; width: 59.77%; left: 0; top: 58%; display: flex; justify-content: space-between;}
.indcgd_jt a{ border: 2px solid #999; background: url(../images/indcgd_jt.png) no-repeat center; display: block; width: 36px; height: 36px; cursor: pointer; transition: 0.5s;}
.indcgd_jt a:hover{ border: 2px solid #009944; background: url(../images/indcgd_jtb.png) no-repeat center; transition: 0.5s;}
.indcgd_jt a.prev{ margin-left: 1%; transform: scaleX(-1);}
.indcgd_jt a.next{ margin-right: 1%;}
@media screen and (max-width:1680px){
.indc_kj dl{padding: 25px 0;}
.indc_nr li:nth-child(1) .indc_kj dl{padding: 40px 0;}
.indcgd_wb{ margin-top: 20px;}
.indcgd_wb p{ padding-top: 18px; line-height: 22px;}
}
@media screen and (max-width:1598px){
.indcsz_nr{font-size: 4rem; line-height: 1em;}
.indc_bt{ padding: 7% 0 0 5%; color: #fff;}
.indc_bt h3{ font-size: 1.875rem;}
.indc_bt p{ font-size: 1.125rem;}
.indc_kj{ margin: 5% 0 0 5%; width: 87%;}
.indc_kj dl{padding: 12px 0;}
.indc_nr li:nth-child(1) .indc_kj dl{padding: 25px 0;}
.indcgd_img{ width: 85%;}
.indcgd_wb h3{font-size: 1.375rem;}
.indcgd_wb p{ font-size: 0.9375rem;}
}
@media screen and (max-width:1360px){
.indc_nr li{ flex:0 1 32.5%;}
.indc_kj{width: 90%;}
.indc_kj dl{padding: 20px 0;}
.indc_nr li:nth-child(1) .indc_kj dl{padding: 34px 0;}
.indc_bt h3{ font-size: 1.625rem;}
.indc_bt p{ font-size: 1rem;}
.indc_kj dl dt{ padding: 0 5px;}
.indc_kj dl dt img{ height: 44px;}
.indc_gd{ margin-top: 80px;}
.indcgd_nr{ margin-top: 40px;}
.indcgd_img{ width: 80%;}
.indcgd_wb p{ padding-top: 10px; font-size: 0.875rem; line-height: 22px;}
}
@media screen and (max-width:1279px){
.indc_bt h3{ font-size: 1.375rem;}
.indc_bt p{ font-size: 1rem; margin-top: 3px;}
.indc_kj dl{padding: 18px 0;}
.indc_nr li:nth-child(1) .indc_kj dl{padding: 30px 0;}
.indc_kj dl dt img{ height: 28px;}
.indc_kj dl dd p{ font-size: 1rem;}
.indc_kj dl dd span{ display: none;}
.indcgd_img{ width: 96%;}
.indcgd_wb{ margin-top: 60px;}
.indcgd_wb p{ display: none;}
}
@media screen and (max-width:1020px){
.indcsz_nr{ font-size: 3rem;}
.indc_sz li{ margin-left: 60px;}
.indc_nr{padding-top: 30px;}
.indc_po{background: rgba(0,0,0,0.65); bottom: 0;}
.indc_bt h3{ font-size: 1.25rem;}
.indc_bt p{ font-size: 0.875rem;}
.indc_kj{ width: 96%; margin: 5% 2% 0 2%;}
.indc_kj dl{padding: 14px 0;}
.indc_nr li:nth-child(1) .indc_kj dl{padding: 22px 0;}
.indc_kj dl dt{ padding: 0 3px;}
.indc_kj dl dt img{ height: 20px;}
.indc_kj dl dd p{ font-size: 0.875rem;}
.indcgd_wb{ margin-top: 35px;}
.indcgd_wb h3{ font-size: 1.125rem;}
.indc_gd{ margin-top: 60px;}
}
@media screen and (max-width:700px){
.index_bgc{ padding: 40px 0 50px 0;}
.indc_dd{ display: block;background: url(/images/index_bgc.jpg) no-repeat center top; background-size: cover; width: 100%; position: relative; overflow: hidden; padding:25% 0%;}

.indc_nr li{ width:94%; margin:auto;}
.indc_sz{ margin-top: 15px;}
.indc_sz li{ margin-left: 0; flex: 0 1 50%; text-align: center;}
.indcsz_nr{ justify-content: center; font-size: 2.5rem;}
.indcsz_mc{ font-size: 0.875rem;}
.indc_nr{ margin: 0 auto; padding-top: 25px; width: 100%;}
.indc_bt h3{ font-size: 1.5rem;}
.indc_bt p{ font-size: 1rem;}
.indc_kj{ width: 90%; margin: 5% 5% 0 5%;}
.indc_kj dl{padding: 18px 0;}
.indc_nr li:nth-child(1) .indc_kj dl{padding: 28px 0;}
.indc_kj dl dt img{ height: 40px;}
.indc_kj dl dd p{ font-size: 1rem;}
.indc_kj dl dd span{ display: block;}
.indc_gd{ margin-top: 40px;}
.indcgd_nr{ margin-top: 20px;}
.indcgd_l,.indcgd_r{ width: 100%; float: none;}
.indcgd_r{ padding-top: 0;}
.indcgd_wb{ margin-top: 0; padding: 10px 4%;}
.indcgd_wb h3{ font-size: 1rem;}
.indcgd_img{ display: none;}
.indcgd_jt{ position: initial; top: auto; left: auto;}
.indcgd_jt a{ position: absolute; top: 50%; width: 26px; height: 26px;}
.indcgd_jt a.prev{ left: 0;}
.indcgd_jt a.next{ right: 0;}
}

.index_bgd{ width: 1200px; margin:auto;  padding: 60px 0; position: relative;}
.indd_img{ position: absolute; right: 0; top: 44px; z-index: 9; width: 44.497%;}
.indd_img img{ display: block; width: 100%;}
.indd_nr{ padding-top: 25px; width:100%; margin:auto;}
.indd_nr ul{ display: flex; flex-wrap: wrap;}
.indd_nr li{ flex: 0 1 25%; position: relative; cursor: pointer;}
.indd_dt{ overflow: hidden;}
.indd_dt img{ display: block; width: 100%; opacity: 0; transition: 0.5s;}
.indd_nr li:hover .indd_dt img{ transform: scale(1.05); opacity: 1; transition: 0.5s;}
.indd_po{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,153,68,1); transition: 0.5s;}
.indd_nr li:nth-child(2) .indd_po,.indd_nr li:nth-child(4) .indd_po,.indd_nr li:nth-child(5) .indd_po,.indd_nr li:nth-child(7) .indd_po{background: rgba(65,88,92,0.7);}
.indd_nr li:hover .indd_po{ background: rgba(0,0,0,0.5) !important; transition: 0.5s;}
.indd_pic{ padding-top: 25%;}
.indd_mc{ text-align: center; color: #fff; margin-top: 10px; font-size: 1.125rem;}
@media screen and (max-width:1598px){
.indd_pic img{ width: 55px;}
.indd_mc{ font-size:20px;}
}
@media screen and (max-width:1279px){
.indd_pic img{ width: 34px;}
.indd_mc{ font-size: 0.9375rem;}
}
@media screen and (max-width:1020px){
.indd_pic{ padding-top: 12%;}
.indd_pic img{ width: 30px;}
.indd_mc{ font-size: 0.875rem; margin-top: 5px;}
}
@media screen and (max-width:700px){
.kg{ width:92%; margin:auto; padding:10% 0;}
.index_bgd{ padding: 30px 0; width:100%; margin:auto; background:url(/images/join06.jpg) no-repeat; background-size: cover;}
.indd_nr li:nth-child(1) .indd_po,.indd_nr li:nth-child(4) .indd_po,.indd_nr li:nth-child(5) .indd_po,.indd_nr li:nth-child(8) .indd_po{background: rgba(0,153,68,1);}
.indd_nr li:nth-child(2) .indd_po,.indd_nr li:nth-child(3) .indd_po,.indd_nr li:nth-child(6) .indd_po,.indd_nr li:nth-child(7) .indd_po{background: rgba(65,88,92,0.7);}
.indd_nr{ padding-top: 15px; width: 100%;}
.indd_pic{ padding-top: 10%;}
.indd_nr li{ flex: 0 1 50%; position: relative; cursor: pointer;}
.indd_pic img{ width: 40px;}
.indd_mc{ font-size: 17px; margin-top: 15px;}
.indd_img{ position: relative; right: auto; top: auto; bottom: -40px; width: auto; padding-left: 5%;}
}

.index_bge{ background: url(../images/index_bge.jpg) no-repeat center; background-size: cover; width: 100%; padding: 59px 0 54px 0;}
.inde_l{ width: 38.588%; margin-right: 3.512%;}
.inde_l .indat_bt{ padding-left: 6.5%; padding-top: 35px;}
.indel_wb{ background: #009944; padding: 35px 0 20px 6.5%; margin-top: 41px; position: relative;}
.indel_wb::after{ content: ''; background: url(../images/inde_po.png) no-repeat; width: 103px; height: 9px; position: absolute; right: 10px; bottom: 20px;}
.inde_bt{ color: #fff; display: flex;}
.inde_bt p{ line-height: 35px; height: 35px; font-size: 2.25rem; font-weight: bold;}
.inde_bt span{ margin-left: 15px; padding: 0 17px; line-height: 33px; height: 33px; border: 1px solid #fff; font-size: 1.5rem;}
.indel_ms{ margin-top: 35px; color: #ccc; font-size: 1.125rem; line-height: 24px;}
.indel_ms p:nth-child(2){ margin-top: 15px;}
.inde_more{ margin-top: 25px;}
.inde_more a{ text-align: center; display: block; background: #222; width: 120px; height: 40px; line-height: 40px; color: #fff;}
.inde_more a span{ padding-left: 7px;}
.indel_zj{ padding-left: 6.5%; padding-top: 75px;}
.indel_zj ul{ display: flex; color: #fff;}
.indel_zj li:nth-child(2){ margin-left: 65px;}
.indel_sz{ display: flex; font-size: 4.5rem; font-family: 'Ddinr'; line-height: 0.8em;}
.indel_sm{ margin-top: 8px; font-size: 1.125rem;}
.inde_r{ width: 57.9%;}
.inde_nr{ border: 2px solid #fff;}
.inde_nr li{ overflow: hidden;}
.inde_nr li img{ display: block; width: 100%;}
.inde_an{ padding-top: 5px;}
.inde_an ul{ display: flex; justify-content: space-between;}
.inde_an li{ flex: 0 1 24.63%; cursor: pointer;}
.inde_an li a{ overflow: hidden; display: block; border: 2px solid #999;}
.inde_an li a img{ display: block; width: 100%;}
.inde_an li:hover a,.inde_an li.on a{ border: 2px solid #009944;}
@media screen and (max-width:1680px){
.inde_bt p{ line-height: 34px; height: 34px; font-size: 2rem;}
.inde_bt span{ margin-left: 10px; padding: 0 12px; line-height: 32px; height: 32px; font-size: 1.25rem;}
.indel_ms{ margin-top: 30px;}
.indel_zj{ padding-top: 35px;}
}
@media screen and (max-width:1600px){
.indel_wb{margin-top: 30px;}
.indel_ms{ margin-top: 25px; font-size: 1rem; line-height: 22px;}
}
@media screen and (max-width:1598px){
.inde_l .indat_bt{ padding-left: 5%; padding-top: 10px;}
.indel_wb{padding: 25px 0 20px 5%; margin-top: 20px;}
.inde_bt p{ line-height: 32px; height: 32px; font-size: 1.75rem;}
.inde_bt span{padding: 0 10px; line-height: 30px; height: 30px; font-size: 1.125rem;}
.indel_ms{ margin-top: 20px;}
.inde_more{ margin-top: 23px;}
.indel_sz{ font-size: 3.75rem;}
.indel_sm{ margin-top: 5px; font-size: 1rem;}
}
@media screen and (max-width:1360px){
.indel_zj{ padding-left: 6%; padding-top: 20px;}
.indel_sz{ font-size: 3.5rem;}
}
@media screen and (max-width:1279px){
.inde_l .indat_bt{ padding-top: 0;}
.indel_wb{ padding: 15px 0 20px 5%;}
.inde_bt p{ font-size: 1.25rem; line-height: 28px; height: 28px;}
.inde_bt span{ font-size: 1rem; line-height: 26px; height: 26px;}
.indel_ms{ margin-top: 13px; font-size: 0.875rem; line-height: 20px;}
.inde_more a{ width: 100px; line-height: 32px; height: 32px; font-size: 0.875rem;}
.indel_zj li:nth-child(2){ margin-left: 35px;}
.indel_sz{ font-size: 3rem;}
.indel_sm{ font-size: 0.875rem;}
}
@media screen and (max-width:1020px){
.inde_l,.inde_r{ width: auto; float: none;}
.inde_r{ padding-top: 35px;}
}
@media screen and (max-width:700px){
.index_bge{ padding: 40px 0 50px 0;}
.inde_l{ margin-right: 0;}
.indel_wb{ padding: 3%;}
.inde_r{ padding-top: 25px;}
}

.index_bgf{ background: url(../images/index_bgf.jpg) no-repeat center; background-size: cover; width: 100%; padding: 55px 0 80px 0; overflow: hidden;}
.indf_tab{ padding-top: 75px; display: flex; justify-content: space-between;}
.indf_l{ flex: 0 1 23.53%; position: relative;}
.indfl_pic{ overflow: hidden;}
.indfl_pic img{ display: block; width: 100%; transition: 0.5s;}
.indf_l:hover .indfl_pic img{ transform: scale(1.05);}
.indfl_mc{ position: absolute; left: 0; bottom: 0; height: 65px; line-height: 65px; width: 100%; overflow: hidden; text-indent: 7.5%; color: #fff; font-size: 1.5rem;}
.indf_r{ flex: 0 1 75%;}
.indf_r ul{display: flex; justify-content: space-between;}
.indf_r li{flex: 0 1 31.375%;}
.indf_pic{ overflow: hidden;}
.indf_pic img{ display: block; width: 100%; transition: 0.5s;}
.indf_r li:hover .indf_pic img{ transform: scale(1.05);}
.indf_rq{ font-size: 3rem; font-family: 'Ddinr'; color: #fff; line-height: 0.8em; padding: 20px 0 ;}
.indf_rq span{ font-size: 1.25rem; padding-left: 15px;}
.indf_mc{ margin-top: 24px; height: 40px; line-height: 40px; color: #fff; font-size: 1.125rem; overflow: hidden; transition: 0.5s;}
.indf_ms{ color: #999; font-size: 1rem; line-height: 24px; height: 48px; margin-top: 8px; overflow: hidden;}
.indf_more{ margin-top: 45px; color: #009944;}
.indf_more span{ padding-left: 10px;}
.indf_r li:hover .indf_mc{ color: #009944; transition: 0.5s;}
@media screen and (max-width:1600px){
.indf_rq{ font-size: 2.5rem; padding: 15px 0 ;}
.indf_rq span{ font-size: 1.125rem; padding-left: 10px;}
.indf_mc{ margin-top: 15px;}
}
@media screen and (max-width:1598px){
.indf_tab{ padding-top: 45px; align-items: flex-start;}
.indfl_mc{ height: 50px; line-height: 50px; text-indent: 6%; font-size: 1.125rem;}
.indf_rq{ font-size: 2.25rem; padding: 10px 0 ;}
.indf_mc{ margin-top: 10px;}
.indf_more{ margin-top: 30px;}
}
@media screen and (max-width:1360px){
.indf_mc{ height: 36px; line-height: 36px;}
.indf_ms{ font-size: 0.9375rem; line-height: 22px; height: 44px; margin-top: 5px;}
.indf_more{ margin-top: 22px;}
}
@media screen and (max-width:1279px){
.indfl_mc{ font-size: 1rem; height: 40px; line-height: 40px;}
.indf_rq{ font-size: 2rem;}
.indf_rq span{ font-size: 1.25rem;}
.indf_mc{ height: 30px; line-height: 30px; overflow: hidden; margin-top: 5px; font-size: 1rem;}
.indf_ms{ font-size: 0.875rem; line-height: 20px; height: 40px;}
.indf_more{ margin-top: 15px; font-size: 0.875rem;}
}
@media screen and (max-width:700px){
.index_bgf{ padding: 40px 0 50px 0;}
.index_bgf .indb_fl{ display: block; padding-top: 5px;}
.index_bgf .indb_fl ul{ justify-content: center;}
.index_bgf .indb_fl li a{ line-height: 40px; height: 40px;}
.indf_tab{ padding-top: 5px;}
.indf_l{ display: none;}
.indf_r{ flex: 0 1 100%;}
.indf_r li{ flex: 0 1 49%;}
.indf_r li:nth-child(3){ display: none;}
.indf_rq{ font-size: 1.625rem;}
.indf_rq span{ font-size: 1.125rem;}
.indf_mc{ height: 30px; line-height: 30px; overflow: hidden; margin-top: 5px; font-size: 0.9375rem;}
.indf_ms{ margin-top: 0;}
}

.link_bg{ width:100%; height:45px; position:relative; display: flex;}
.link_title{ height:45px; line-height: 45px; font-size: 1rem; flex: 0 1 140px; color: #999; position:relative; z-index:9;}
.link_nr{ height:45px; overflow:hidden; line-height:45px;}
.link_nr a{ display:block; float:left; margin-right:20px; font-size:0.875rem; color: #999;}
.link_nr a:hover{ text-decoration:underline;}

.foot_bg{ background: #000; width:100%; position:relative; z-index:9;}
.ftelnav{ background: url(../images/foot_bg.jpg) no-repeat center; background-size: cover; padding-top: 35px; padding-bottom: 25px;}
.foot_top{ display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 25px;}
.fzj{ padding-top: 5px;}
.fzj a:nth-child(2){ margin-left: 20px;}
.foot_bom{ display: flex; justify-content: space-between; padding-top: 30px; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 35px;}
.fnav{ display: flex; width: 60%; justify-content: space-between;}
.fnav dl dt{ padding-bottom: 25px;}
.fnav dl dt a{ display: block; font-size: 1.125rem; color: #fff;}
.fnav dl dd{ line-height: 32px;}
.fnav dl dd a{ color: #999; transition: 0.5s;}
.fnav dl dd a:hover{ color: #fff; transition: 0.5s;}
.foot_l{ text-align: right;}
.fbt span{ display: block; color: #999; font-size: 0.875rem;}
.fbt p{ font-size: 2.25rem; color: #009944; padding: 5px 0;}
.fol_nr p{ line-height: 22px; color: #999; margin-bottom: 10px;}
.fol_nr a{ color: #009944;}
.fol_nr a:hover{ text-decoration: underline;}
.fewm{ padding-top: 15px;}
.fewm ul{ display: flex; justify-content: flex-end;}
.fewm li{ text-align: center;}
.fewm li:nth-child(2){ margin-left: 16px;}
.fewm_mc{ text-align: center; height: 30px; line-height: 30px; color: #999; font-size: 0.875rem;}
.fbq{ padding: 18px 0; line-height:24px; font-size:0.875rem; color:#999; border-top: 1px solid #009944;}
.fbq .kg{ display: flex; justify-content: space-between; align-items: center;}
.fbq em{ font-style: normal;}
.fbq a{ color: #999;}
.fbq a:hover{ text-decoration: underline;}
@media screen and (max-width:1279px){
.link_bg{ display: none;}
.flogo img{ height: 46px;}
.fnav dl dt{ padding-bottom: 15px;}
.foot_bom{ border-bottom: none;}
.fnav{ width: 57%;}
.fbq em{ display: none;}
}
@media screen and (max-width:1020px){
.fnav dl dt a{ font-size: 1rem;}
.fnav dl dd{ font-size: 0.875rem; line-height: 26px;}
.fnav{ width: auto; flex: 0 1 60%;}
.foot_l{ flex: 0 1 36%;}
.fbt p{ font-size: 1.875rem;}
.fol_nr p{ font-size: 0.9375rem;}
}
@media screen and (max-width:700px){
.ftelnav{ padding: 20px 0 0 0;}
.foot_top{ padding-bottom: 15px;}
.flogo img{ height: 36px;}
.fzj a img{ height: 26px;}
.fnav{ display: none;}
.foot_l{ flex: 0 1 100%;}
.fbt p{ font-size: 1.625rem;}
.fol_nr p{ font-size: 0.875rem;}
.fewm{ padding-top: 5px;}
.fbq{ padding: 15px 0 65px 0; line-height: 22px;}
.fbq .kg{ display: block; text-align: center;}
}
/*首页style结束*/

/*内页style开始*/
.about_banner{ background:url(../images/about_banner.jpg) no-repeat center; width:100%; height:500px; position:relative;}
.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat center; width:100%; height:500px; position:relative;}
.service_banner{ background:url(../images/service_banner.jpg) no-repeat center; width:100%; height:500px; position:relative;}
.join_banner{ background:url(../images/join_banner.jpg) no-repeat center; width:100%; height:500px; position:relative;}
.news_banner{ background:url(../images/news_banner.jpg) no-repeat center; width:100%; height:500px; position:relative;}
.ysbc_banner{ background:url(../images/ysbc_banner.jpg) no-repeat center; width:100%; height:500px; position:relative;}
.yssx_banner{ background:url(../images/yssx_banner.jpg) no-repeat center; width:100%; height:500px; position:relative;}
.proshow_banner{ background:url(../images/proshow_banner.jpg) no-repeat center; width:100%; height:186px; position:relative;}
.main_tit{ text-align: center; padding-top: 170px;}
.main_tit p{ font-size: 4.5rem; color: #009944; font-family: "Ddinr";}
.main_tit .ny_tit{ color: #fff; font-size: 1.875rem;}
.main_flbg{width:100%; position:relative; z-index: 99; height: 75px; border-top: 4px solid #dadddb; background: url(../images/main_flbg.jpg) no-repeat center;}
.main_flbg::before{ content: ''; width: 33.333%; height: 4px; background: #009944; position: absolute; left: 0; top: -4px;}
.main_flbg::after{ content: ''; width: 33.333%; height: 4px; background: #e60012; position: absolute; right: 0; top: -4px;}
.main_flbg .kg{ display: flex; justify-content: space-between;}
.main_fl ul{ display: flex;}
.main_fl li{ position:relative; margin-left: 100px;}
.main_fl li:nth-child(1){ margin-left: 0;}
.main_fl li a{ color:#999; font-size:1.125rem; height:75px; display:block; line-height:75px; text-align:center; position:relative; z-index:9;}
.main_fl li:hover a,.main_fl li.cur a{ color: #fff; transition: 0.5s;}
.main_wz{ line-height: 75px; height: 75px; color: #fff; font-size: 0.875rem;}
.main_wz img{ margin-bottom: -2px;}
.main_wz span{ padding: 0 10px;}
.main_wz a{ color: #fff;}
.main_wz a:hover{ text-decoration: underline;}
/*.main{ background:url(../images/abo_bgd.jpg) no-repeat center; background-size: cover; padding-top:75px; padding-bottom:120px;}*/
.cont_bg{padding-top:75px; position: relative; z-index: 99;}
.about_nr{ color:#5a5a5a; font-size:1rem; line-height:30px;}
.about_nr img{ max-width:100%;}
@media screen and (max-width:1598px){
.about_banner,.contact_banner,.service_banner,.join_banner,.news_banner,.ysbc_banner,.yssx_banner{ background-size: cover; height: 400px;}
.main_tit{ padding-top: 120px;}
.main_tit p{ font-size: 4rem;}
.main_fl li{ margin-left: 70px;}
}
@media screen and (max-width:1279px){
.about_banner,.contact_banner,.service_banner,.join_banner,.news_banner,.ysbc_banner,.yssx_banner{ height: 300px;}
.main_tit{ padding-top: 100px;}
.main_tit p{ font-size: 3rem;}
.main_tit .ny_tit{ font-size: 1.625rem;}
.main_fl li{ margin-left: 50px;}
.main_fl li a{ font-size: 1rem;}
}
@media screen and (max-width:1020px){
.main_fl li{ margin-left: 25px;}
.main_wz span{ padding: 0 6px;}
}
@media screen and (max-width:700px){
.about_banner,.contact_banner,.service_banner,.join_banner,.news_banner,.ysbc_banner,.yssx_banner{height: 160px;}
.main_tit{ padding-top: 45px;}
.main_tit p{ font-size: 2rem;}
.main_tit .ny_tit{ font-size: 1.375rem;}
.main_flbg{ height: 50px; border-top: 2px solid #dadddb;}
.main_flbg::before{height: 2px; top: -2px;}
.main_flbg::after{height: 2px; top: -2px;}
.main_flbg .kg{ overflow: hidden; width: 100%;}
.wrapper ul{ display: block;}
.wrapper{ width: 100%; overflow: hidden;}
.wrapper li{ float: left; margin-left: 0;}
.wrapper li a{ padding: 0 14px; line-height: 50px; height: 50px;}
.main_fl li a{line-height: 50px; height: 50px; padding: 0 10px;}
.main_wz{ display: none;}
.cont_bg{padding-top:40px;}
.about_nr{font-size:0.9375rem; line-height:24px;}
}
/*about*/
.abo_bga{ background: url(../images/abo_bga.jpg) no-repeat center; background-size: cover; width: 100%; padding: 110px 0 0 0; position: relative;}
.abo_bga .kg{ display: flex;}
.aboa_l{ flex: 0 1 24.882%; position: relative;}
.aboa_l::after{ content: ''; background: rgba(255,255,255,0.2); width: 1px; height: 100%; top: 0; right: 0; position: absolute;}
.aboal_tit h2{ font-size: 3rem; color: #fff; line-height: 1em;}
.aboal_tit::after{ content: ''; width: 64px; height: 2px; background: #009944; display: block; margin-top: 38px;}
.aboal_bz{ padding-top: 105px;}
.aboal_bz span{ color: #009944;}
.aboal_bz p{ font-size: 1.875rem; color: #fff; letter-spacing: 8px; margin-top: 12px;}
.aboal_bz em{ font-style: normal; font-size: 0.75rem; font-family: 'Ddinr'; text-transform: uppercase; display: block; color: #666; letter-spacing: 4px; margin-top: 4px;}
.aboal_zj{ padding-top: 130px; width: 78%;}
.aboal_zj ul{ display: flex; flex-wrap: wrap;}
.aboal_zj li{ flex: 0 1 50%; text-align: center;}
.aboal_zj li:nth-child(n+3){ margin-top: 75px;}
.aboal_pic img{ max-width: 100%;}
.aboal_mc{ text-align: center; color: #fff;}
.aboal_tm{ position: absolute; bottom: 50px; left: 0; width: 27.6%; padding-top: 50px; text-align: center; border-top: 1px solid rgba(255,255,255,0.2);}
.aboal_tm img{ max-width: 96%;}
.aboa_r{ flex: 0 1 75.118%;}
.aboa_ms{ padding-left: 7%; color: #fff; font-size: 1.125rem; line-height: 30px; padding-bottom: 91px; position: relative;}
.aboa_ms::after{ content: ''; width: 109%; height: 1px; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.2);}
.aboa_vdo{ margin: 90px 0 72px 7%; position: relative;}
.aboa_vdo img{ display: block; width: 100%;}
@media screen and (max-width:1598px){
.aboal_tit h2{ font-size: 2.25rem;}
.aboal_tit::after{ width: 54px; margin-top: 30px;}
.aboal_bz{ padding-top: 55px;}
.aboal_bz span{ color: #009944;}
.aboal_bz p{ font-size: 1.625rem; letter-spacing: 4px;}
.aboal_bz em{letter-spacing: 2px;}
.aboal_tm{width: 25.822%;}
.aboal_tm img{ max-width: 90%;}
.aboa_ms{ padding: 0 0 40px 4%; font-size: 1rem;}
.aboa_vdo{ margin: 40px 0 50px 4%;}
}
@media screen and (max-width:1279px){
.abo_bga{ padding: 80px 0 0 0;}
.aboal_tit h2{ font-size: 2rem;}
.aboal_bz{ padding-top: 35px;}
.aboal_bz p{ letter-spacing: 0; font-size: 1.5rem;}
.aboal_bz em{letter-spacing: 0.8px;}
.aboal_zj{ width: 94%; padding-top: 80px;}
.aboal_zj ul{ justify-content: space-between;}
.aboal_zj li{ flex: 0 1 48%;}
.aboal_zj li:nth-child(n+3){ margin-top: 35px;}
.aboal_mc{ font-size: 0.9375rem;}
}
@media screen and (max-width:1020px){
.abo_bga{ padding: 60px 0 0 0; overflow: hidden;}
.aboal_tit h2{ font-size: 1.75rem;}
.aboal_tit::after{ width: 34px; margin-top: 25px;}
.aboal_bz{ padding-top: 25px;}
.aboal_bz p{ font-size: 1.125rem;}
.aboal_bz em{letter-spacing: 0px;}
.aboa_l{ flex: 0 1 30%;}
.aboa_r{ flex: 0 1 70%;}
.aboal_tm{width: 30.7%;}
}
@media screen and (max-width:700px){
.abo_bga{ padding: 40px 0 50px 0;}
.abo_bga .kg{ display: block;}
.aboal_tit{ text-align: center;}
.aboal_tit h2{ font-size: 1.625rem;}
.aboal_tit::after{ margin: 15px auto 0 auto;}
.aboal_bz{ text-align: center; padding-top: 15px;}
.aboal_bz p{ margin-top: 8px; font-size: 1.375rem;}
.aboal_zj{ width: 100%; padding-top: 20px;}
.aboal_zj li{ flex: 0 1 24%;}
.aboal_zj li:nth-child(n+3){ margin-top: 0px;}
.aboal_mc{ font-size: 0.875rem;}
.aboa_l::after{ display: none;}
.aboa_r{ padding-top: 35px;}
.aboa_ms{ padding: 0 0 25px 0; font-size: 0.9375rem; line-height: 24px;}
.aboa_vdo{ margin: 25px 0 0px 0%;}
.aboal_tm{ display: none;}
}

.abo_bgb{ background: url(../images/abo_bgb.jpg) no-repeat center; background-size: cover; width: 100%; padding: 120px 0 135px 0;}
.abob_gd{ margin-top: 17px; position: relative;}
.abob_gd::after{ content: ''; width: 100%; height: 1px; background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,1) ,rgba(255,255,255,0) ); position: absolute; left: 0; top: 50%;}
.abob_nr{ width: 88%; margin: 0 auto;}
.abob_nr li{ width: 20%; float: left; position: relative; display: flex; justify-content: center; transition: 0.5s; padding-top: 207px;}
.abob_nr li:nth-child(2n){ padding-top: 0px;}
.abob_nr li a{ display: block; color: #fff; position: relative; padding-top: 35px;}
.abob_nr li a::after{ content: ''; width: 12px; height: 12px; border-radius: 50%; background: #fff; position: absolute; left: 0%; top: 0; margin-left: 0px;}
.abob_nr li:nth-child(2n) a{ padding-top: 0; padding-bottom: 35px;}
.abob_nr li:nth-child(2n) a::after{ bottom: 0; top: auto;}
.abob_nf{ font-family: 'Ddinr'; font-size: 4.5rem;}
.abob_ms{ line-height: 24px; margin-top: 10px; height: 96px;}
.abob_ms p {width:96%;text-align:justify;}
.abob_an a{font-family:"AgencyFB"; display: block; color: rgba(255,255,255,1); font-size: 5rem; position: absolute; top: 50%; margin-top: -41px; width: 78px; height: 78px; border: 2px solid rgba(255,255,255,1); text-align: center; line-height: 70px; border-radius: 50%; cursor: pointer; z-index: 9;}
.abob_an a.prevStop,.abob_an a.nextStop{ border: 2px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.2);}
.abob_an a.prev{ left: 0;}
.abob_an a.next{ right: 0;}
.abob_jt{ display: none;}
@media screen and (max-width:1598px){
.abob_an a{ width: 56px; height: 56px; font-size: 3rem; line-height: 56px; margin-top: -30px;}
.abob_nr li{ padding-top: 191px;}
.abob_nf{ font-size: 3.5rem;}
}
@media screen and (max-width:1279px){
.abo_bgb{ padding: 80px 0;}
.abob_nr li{ padding-top: 205px;}
.abob_nf{ font-size: 3rem;}
.abob_ms{ font-size: 0.875rem; line-height: 20px; height: 120px;}
.abob_an a{ width: 46px; height: 46px; font-size: 2.5rem; line-height: 46px; margin-top: -25px;}
}
@media screen and (max-width:1020px){
.abo_bgb{ padding: 60px 0;}
.abob_nr{ overflow: hidden;}
.abob_nr li{ width: 33.333%;}
}
@media screen and (max-width:700px){
.abo_bgb{ padding: 40px 0 50px 0;}
.abob_nr li{ padding-top: 0px;}
.abob_gd::after{top: 5px;}
.abob_nr{ width: 100%;}
.abob_nr li a::after{left: 15%;}
.abob_nr li:nth-child(2n) a::after{ top: 0; bottom: auto;}
.abob_nr li a{ display: block; padding: 0 15%;}
.abob_nf{ font-size: 2.5rem; padding-top: 20px;}
.abob_ms{ height: auto; font-size: 0.9375rem; line-height: 22px;}
.abob_an a{ width: 26px; height: 26px; font-size: 1.5rem; line-height: 26px; margin-top: -15px;}
}

.abo_bgc{ background: url(../images/abo_bgc.jpg) no-repeat center; background-size: cover; width: 100%; padding: 120px 0; overflow: hidden;}
.aboc_gd{ margin-top: 60px; position: relative;}
.aboc_nr ul{ display: flex; justify-content: space-between;}
.aboc_nr li{ flex: 0 1 18%;}
.aboc_pic{ overflow: hidden;}
.aboc_pic img{ display: block; width: 100%; transition: 0.5s;}
.aboc_nr li:hover .aboc_pic img{ transform: scale(1.05);}
.aboc_mc{ text-align: center; color: #fff; height: 50px; line-height: 50px; font-size: 1.125rem;}
.aboc_an{ padding-top: 20px;}
.aboc_an ul{display: flex; justify-content: center;}
.aboc_an li{ width: 8px; height: 8px; border: 1px solid #949696; border-radius: 50%; margin: 0 6px; cursor: pointer; overflow: hidden; text-indent: -999em; transition: 0.5s;}
.aboc_an li.on{ background: #009944; border: 1px solid #009944; transition: 0.5s;}
.aboc_yd{ display: none;}
@media screen and (max-width:1279px){
.abo_bgc{padding: 70px 0;}
.aboc_gd{ margin-top: 40px;}
.aboc_nr li{ flex: 0 1 24%;}
.aboc_mc{height: 40px; line-height: 40px; font-size: 1rem;}
}
@media screen and (max-width:700px){
.abo_bgc{padding: 40px 0 50px 0;}
.aboc_gd{ margin-top: 20px;}
.aboc_pc{ display: none;}
.aboc_yd{ display: block;}
.aboc_yd li{ width: 49%; float: left;}
.aboc_yd li:nth-child(2){ float: right;}
.aboc_mc{font-size: 0.9375rem;}
}

.abo_bgd{background: url(../images/abo_bgd.jpg) no-repeat center; background-size: cover; width: 100%; padding: 120px 0; overflow: hidden;}
.abod_btbz{ display: flex; align-items: flex-end; justify-content: space-between;}
.abod_bz p{ color: #009944;}
.abod_bz span{ display: block; color: #fff; font-size: 1.875rem; margin-top: 8px;}
.abod_top{ padding-top: 40px;}
.abod_top ul{ display: flex; justify-content: space-between;}
.abod_top li{ flex: 0 1 32.236%;}
.abodt_pic{ overflow: hidden;}
.abodt_pic img{ display: block; width: 100%; transition: 0.5s;}
.abod_top li:hover .abodt_pic img{ transform: scale(1.05);}
.abodt_mc{ height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 1.125rem;}
.abod_bom{ margin-top: 80px;}
.abod_bom ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.abod_bom li{ flex: 0 1 49.118%;}
.abod_bom li:nth-child(1) a{ display: flex; justify-content: space-between;}
.abod_bom li:nth-child(n+3){ margin-top: 1.764%;}
.abodm_pic{ overflow: hidden;}
.abodm_pic img{ display: block; width: 100%; transition: 0.5s;}
.abod_bom li:hover .abodm_pic img{ transform: scale(1.05);}
.abodm_l{ overflow: hidden; flex: 0 1 59.163%;}
.abodm_l img{ display: block; width: 100%; transition: 0.5s;}
.abodm_l:hover img{ transform: scale(1.05);}
.abodm_r{ overflow: hidden; position: relative; flex: 0 1 39.043%;}
.abodm_r>img{ display: block; width: 100%;}
.abodm_po{ width: 100%; position: absolute; left: 0; top: 0;}
.abodm_bt{ text-align: center; padding-top: 53px;}
.abodm_bt p{ font-size: 1.875rem; color: #fff;}
.abodm_ms{ width: 180px; margin: 73px auto 0 auto; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 15px 0; font-size: 1.125rem; line-height: 30px; color: #fff;}
@media screen and (max-width:1598px){
.abodm_bt{ padding-top: 35px;}
.abodm_ms{ margin: 30px auto 0 auto; padding: 10px 0; font-size: 1rem; line-height: 26px;}
}
@media screen and (max-width:1279px){
.abo_bgd{padding: 80px 0;}
.abod_bz span{ font-size: 1.625rem;}
.abodt_mc{ height: 50px; line-height: 50px; font-size: 1rem;}
.abod_bom{ margin-top: 60px;}
.abodm_bt img{ max-width: 50%;}
.abodm_bt p{ font-size: 1.5rem;}
.abodm_ms{ margin: 15px 2% 0 2%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 0.875rem; line-height: 22px; width: auto;}
}
@media screen and (max-width:1020px){
.abodm_bt{ padding-top: 25px;}
.abodm_bt img{ max-width: 40%;}
.abodm_bt p{ font-size: 1rem;}
.abodm_ms{ margin: 15px 2% 0 2%; padding: 5px 0; font-size: 0.8125rem; line-height: 20px; width: auto;}
}
@media screen and (max-width:700px){
.abo_bgd{padding: 40px 0 50px 0;}
.abod_btbz{ display: block;}
.abod_bz{ text-align: center; padding-top: 15px;}
.abod_bz span{ font-size: 1.25rem; margin-top: 3px;}
.abod_top{ padding-top: 20px;}
.abodt_mc{ padding-top: 10px; line-height: 20px; font-size: 0.875rem;}
.abod_bom{ margin-top: 20px;}
.abod_bom li{ flex: 0 1 100%;}
.abod_bom li:nth-child(n+2){ margin-top: 1.764%;}
}
/*about*/

/*service*/
.ser_bga{ background: url(../images/ser_bga.jpg) no-repeat center; background-size: cover; width: 100%; padding: 120px 0 100px 0;}
.sera_btyw{ display: flex; align-items: flex-end; justify-content: space-between;}
.sera_yw{ text-transform: uppercase; color: rgba(255,255,255,0.5); font-size: 1.125rem; font-family: 'Ddinr';}
.sera_kg{ margin-top: 80px; position: relative;}
.sera_nr{ position: absolute; width: 100%; left: 0; top: 0; display: flex; justify-content: space-between;}
.sera_nr ul{ flex: 0 1 21%;}
.sera_nr li{ display: flex; background: #fff;}
.sera_nr li:nth-child(n+2){ margin-top: 25px;}
.sera_pic{ overflow: hidden; flex: 0 1 57.43%;}
.sera_pic img{ display: block; width: 100%; transition: 0.5s;}
.sera_nr li:hover .sera_pic img{ transform: scale(1.05);}
.sera_wb{ flex: 1; text-align: center;}
.sera_tb{ padding-top: 17%;}
.sera_mc{ text-align: center; color: #222; padding-top: 12px; font-size: 1.125rem;}
.sera_img{text-align: center;}
.sera_img img{ max-width: 56%;}
@media screen and (max-width:1598px){
.sera_tb img{ max-width: 40%;}
.sera_mc{ font-size: 1rem;}
}
@media screen and (max-width:1279px){
.ser_bga{padding: 80px 0 140px 0;}
.sera_kg{ margin-top: 50px;}
.sera_nr ul{ flex: 0 1 25%;}
.sera_nr li:nth-child(n+2){ margin-top: 10px;}
}
@media screen and (max-width:1020px){
.ser_bga{padding: 80px 0 100px 0;}
.sera_kg{ margin-top: 30px;}
.sera_nr ul{ flex: 0 1 25%;}
.sera_tb{ padding-top: 8%;}
.sera_tb img{ max-width: 30%;}
.sera_mc{ font-size: 0.875rem; padding-top: 5px; width: 80%; margin: 0 auto;}
}
@media screen and (max-width:700px){
.ser_bga{padding: 40px 0 0px 0;}
.sera_btyw{ display: block;}
.sera_yw{ display: none;}
.sera_kg{ margin-top: 25px;}
.sera_nr{ position: relative; left: auto; top: auto;}
.sera_nr ul{ flex: 0 1 49%;}
.sera_nr li:nth-child(n+2){ margin-top: 8px;}
.sera_img{ position: relative; bottom: -30px;}
.sera_img img{ max-width: 100%;}
}

.ser_bgb{background: url(../images/abo_bgc.jpg) no-repeat center; background-size: cover; width: 100%; padding: 120px 0;}
.serb_nr{ padding-top: 80px;}
.serb_nr ul{ display: flex; justify-content: space-between;}
.serb_nr li{ background: #fff; flex: 0 1 11.7647%; text-align: center; padding: 40px 0;}
.serb_pic img{ max-width: 50%; transition: 0.5s;}
.serb_nr li:hover .serb_pic img{ transform: rotate(360deg);}
.serb_mc{ text-align: center; line-height: 30px; color: #009944; font-size: 1.5rem; margin-top: 30px;}
@media screen and (max-width:1598px){
.serb_pic img{ max-width: 40%;}
.serb_mc{ line-height: 24px; font-size: 1.25rem; margin-top: 20px;}
}
@media screen and (max-width:1279px){
.ser_bgb{padding: 90px 0;}
.serb_nr{ padding-top: 50px;}
.serb_nr li{flex: 0 1 13%; padding: 30px 0;}
}
@media screen and (max-width:1020px){
.serb_nr{ padding-top: 40px;}
.serb_nr li{flex: 0 1 13.5%;}
.serb_mc{ line-height: 22px; font-size: 1.125rem; margin-top: 10px;}
}
@media screen and (max-width:700px){
.ser_bgb{padding: 50px 0;}
.serb_nr{ padding-top: 20px;}
.serb_nr ul{ flex-wrap: wrap;}
.serb_nr li{flex: 0 1 24%; padding: 25px 0;}
.serb_nr li:nth-child(n+5){ flex: 0 1 32.4%; margin-top: 5px;}
.serb_mc{ line-height: 20px; font-size: 1rem; margin-top: 10px;}
}
/*service*/

/*join*/
.join_bga{ background: url(../images/join_bg.jpg) no-repeat center top; padding: 80px 0; width: 100%; overflow: hidden;}
.jia_title{ text-align: center; color: #fff; font-size: 2.5rem;}
.jia_title h2{ display: flex; justify-content: center;}
.jia_title h2 span{ font-size: 1rem; display: inline-block; position: relative; padding: 0 15px; height: 32px; line-height: 32px; background: #e60012; border-radius: 6px; margin-top: 8px; margin-left: 25px;}
.jia_title h2 span::after{ content: ''; width: 0; height: 0; border: 4px solid transparent; border-top: 7px solid #b11515; position: absolute; left: 18px; bottom: -11px;}
.jia_nr{ padding-top: 50px;}
.jia_nr ul{ display: flex; justify-content: space-between;}
.jia_nr li{ flex: 0 1 30.77%; position: relative;}
.jia_pic{ overflow: hidden;}
.jia_pic img{ display: block; width: 100%; transition: 0.5s;}
.jia_nr li:hover .jia_pic img{ transform: scale(1.05);}
.jia_mc{ position: absolute; left: 20px; bottom: 19px; display: flex; color: #fff; align-items: flex-end;}
.jia_mc p{ border-left: 3px solid #009944; padding-left: 5px; line-height: 30px; height: 30px; font-size: 1.875rem;}
.jia_mc span{ padding-left: 14px;}
.jia_an{ display: none;}
@media screen and (max-width:1279px){
.join_bga{ background-size: cover; padding: 60px 0 80px 0;}
.jia_title{font-size: 2rem;}
.jia_title h2 span{ margin-left: 10px;}
.jia_nr{ padding-top: 30px;}
.jia_nr li{ flex: 0 1 32%;}
.jia_mc{ left: 3%; bottom: 10px;}
.jia_mc p{ font-size: 1.5rem; line-height: 24px; height: 24px;}
.jia_mc span{ padding-left: 10px;}
}
@media screen and (max-width:1020px){
.join_bga{padding: 50px 0 70px 0;}
.jia_nr{ padding-top: 20px;}
.jia_mc{ display: block;}
.jia_mc p{ font-size: 1.25rem; line-height: 20px; height: 20px; margin-bottom: 3px;}
}
@media screen and (max-width:700px){
.join_bga{padding: 40px 0 50px 0;}
.jia_title{font-size: 1.625rem;}
.jia_title h2 span{ margin-top: 5px; line-height: 28px; height: 28px; padding: 0 10px; font-size: 0.875rem;}
.jia_title h2 span::after{border-top: 5px solid #b11515; bottom: -9px}
.jia_nr{ padding-top: 20px;}
.jia_nr ul{ display: block;}
.jia_mc{ display: flex;}
}

.join_bgb{ background: url(../images/join_bgb.jpg) no-repeat center; background-size: cover; width: 100%; padding: 80px 0; overflow: hidden;}
.jib_title{ text-align: center; color: #fff;}
.jib_title p{ font-size: 1.5rem;}
.jib_title h2{ font-size: 2.5rem; margin-top: 7px;}
.jib_nr{ padding-top: 55px;}
.jib_nr ul{ display: flex; justify-content: space-between;}
.jib_nr li{ flex: 0 1 15.3846%; position: relative;}
.jib_nr li::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #009944; opacity: 0; transition: 0.5s;}
.jib_nr li:hover::after{ opacity: 1; transition: 0.5s;}
.jib_nr li a{ display: block; border: 1px solid rgba(255,255,255,0.5); padding: 35px 0 45px 10%; color: #fff; position: relative; z-index: 9; transition: 0.5s;}
.jib_nr li:hover a{ border: 1px solid #009944; transition: 0.5s;}
.jib_sz{ display: flex; align-items: center;}
.jib_sz p{ font-size: 4.5rem; font-family: 'Ddinr'; line-height: 0.8em;}
.jib_sz span{ padding-left: 7px; font-size: 1.125rem;}
.jib_ms::before{ content: ''; width: 24px; height: 1px; margin: 37px 0; display: block; background: rgba(255,255,255,0.5);}
.jib_ms{ font-size: 1.125rem; line-height: 24px;}
@media screen and (max-width:1279px){
.join_bgb{padding: 70px 0 80px 0;}
.jib_title h2{ font-size: 2rem;}
.jib_nr{ padding-top: 35px;}
.jib_nr li{ flex: 0 1 19%;}
}
@media screen and (max-width:1020px){
.jib_nr li{ flex: 0 1 19%;}
.jib_nr li a{ padding: 30px 5%;}
.jib_sz p{ font-size: 3.25rem;}
.jib_ms::before{margin: 20px 0;}
.jib_ms{ font-size: 0.9375rem;}
}
@media screen and (max-width:700px){
.join_bgb{padding: 40px 0 50px 0;}
.jib_title p{ font-size: 1.375rem;}
.jib_title h2{ font-size: 1.625rem; margin-top: 2px;}
.jib_nr{ padding-top: 20px;}
.jib_nr ul{ flex-wrap: wrap;}
.jib_nr li{ flex: 0 1 32%;}
.jib_nr li:nth-child(n+4){ margin-top: 2%; flex: 0 1 49%;}
.jib_ms{ font-size: 0.9375rem; line-height: 20px;}
}

.join_bgc{background: url(../images/join_bgc.jpg) no-repeat center; background-size: cover; width: 100%; padding: 80px 0 90px 0; overflow: hidden;}
.jic_title{ text-align: center; color: #fff;}
.jic_title p{ font-size: 1.5rem;}
.jic_title h2{ font-size: 2.5rem;}
.jic_title span{ display: block; padding-top: 45px;}
@media screen and (max-width:1279px){
.jic_title h2{ font-size: 2rem;}
.jic_title span{ padding-top: 25px; padding-bottom: 30px;}
}
@media screen and (max-width:700px){
.join_bgc{padding: 40px 0 50px 0;}
.jic_title p{ font-size: 1.375rem;}
.jic_title h2{ font-size: 1.625rem;}
.jic_title span{ padding-top: 15px; padding-bottom: 30px;}
}

.join_bgd{background:url(../images/abo_bgd.jpg) no-repeat center; background-size: cover; padding:80px 0; width: 100%;}
.jidt_nr{ padding-top: 55px;}
.jidt_nr ul{ display: flex;}
.jidt_nr li{ flex: 0 1 50%; position: relative;}
.jidt_pic{ overflow: hidden;}
.jidt_pic img{ display: block; width: 100%;}
.jidt_po{ position: absolute; top: 10%; display: flex; width: 560px; justify-content: space-between; align-items: flex-end;}
.jidt_nr li:nth-child(1) .jidt_po{ right: 5.2%;}
.jidt_nr li:nth-child(2) .jidt_po{ left: 5.2%;}
.jidt_bt{ color: #222; font-size: 1.875rem; line-height: 36px;}
.jidt_bt p{font-weight: bold;}
.jidt_bt p:nth-child(2){ color: #009944;}
.jidt_ms{ line-height: 24px; color: #666; font-size: 1.125rem;}
.jidt_ms::before{ content: ''; width: 16px; height: 1px; background: #666; margin-bottom: 14px; display: block;}
.jid_bom{ background: url(../images/jidb_bg.jpg) no-repeat center; background-size: cover; width: 100%; padding: 45px 0;}
.jid_bom .kga{ display: flex; align-items: center;}
.jidb_l{ flex: 0 1 40.3%;}
.jidb_bt p{ color: #fff; font-size: 1.875rem; font-weight: bold; line-height: 36px;}
.jidb_bt p:nth-child(2){ color: #009944;}
.jidb_nr{ border: 2px solid #009944; border-right: none; margin-top: 30px; padding: 45px 8% 55px 8%;}
.jidb_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.jidb_nr li{ flex: 0 1 32%;}
.jidb_nr li:nth-child(n+4){ margin-top: 2%;}
.jidb_nr li img{ display: block; width: 100%;}
.jidb_r{ flex: 0 1 59.7%; display: flex; justify-content: space-between;}
.jidb_lpic{ flex: 0 1 49.35%;}
.jidb_lpic img{ display: block; width: 100%;}
.jidb_lpic p{ height: 56px; line-height: 56px; text-align: center; color: #222; background: #fff; overflow: hidden;}
.jidb_img{ flex: 0 1 49.35%; align-content: space-around; display: flex; flex-wrap: wrap;}
.jidb_img p{ flex: 0 1 100%;}
.jidb_img p img{ display: block; width: 100%;}
@media screen and (max-width:1279px){
.jidt_nr{ padding-top: 30px;}
.jidt_po{ width: 90%;}
.jidt_nr li:nth-child(1) .jidt_po{ right: 5%;}
.jidt_bt{ font-size: 1.5rem; line-height: 28px;}
.jidt_ms{ font-size: 1rem;}
.jidb_bt p{ font-size: 1.5rem; line-height: 28px;}
.jidb_lpic p{ font-size: 0.9375rem; line-height: 20px; height: 40px; padding: 5px 5%;}
}
@media screen and (max-width:1020px){
.join_bgd{padding:60px 0 70px 0; width: 100%;}
.jidt_nr li:nth-child(1) .jidt_po{display: block; width: 96%; right: 2%; top: 4%;}
.jidt_nr li:nth-child(2) .jidt_po{ right: 2%; top: 4%;}
.jidt_bt{ font-size: 1.25rem;}
.jidt_ms::before{ margin-bottom: 7px;}
.jidt_ms{ margin-top: 7px;}
.jidb_bt p{ font-size: 1.25rem;}
.jidb_nr{ padding: 25px 5% 30px 5%;}
}
@media screen and (max-width:700px){
.join_bgd{padding:40px 0 0px 0;}
.jidt_nr{ padding-top: 20px;}
.jidt_nr ul{ display: block;}
.jidt_nr li:nth-child(1) .jidt_po{ width: 94%; right: 2%; top: 5%;}
.jid_bom{ padding: 40px 0 50px 0;}
.jid_bom .kga{ display: block;}
.jidb_bt{ text-align: center;}
.jidb_nr{ margin-top: 25px; padding: 4%; border: 2px solid #009944;}
.jidb_r{ margin-top: 15px;}
.jidb_img{ align-content: space-between;}
.jidb_lpic p{ font-size: 0.875rem; line-height: 18px; height: 36px; padding: 5px 5%;}
}

.join_bge{background:url(../images/join_bg.jpg) repeat-y center top; padding:80px 0; width: 100%;}
.join_bge .abod_btbz .abod_bz p{ font-size: 1.875rem; font-weight: bold; line-height: 36px;}
.join_bge .abod_btbz .abod_bz span{font-size: 1.875rem; font-weight: bold; line-height: 36px; margin-top: 0;}
.join_bge .abod_top li{ flex: 0 1 30.5%;}
.join_bge .abod_bom li{ flex: 0 1 49.6%;}
.join_bge .abod_bom li:nth-child(n+3){ margin-top: 1%;}
.join_bge .abod_bom li .abodm_bt{ padding-top: 35px;}
.join_bge .abod_bom li .abodm_ms{ margin: 60px auto 0 auto;}
.jid_tyg{ padding-top: 60px;}
.jtyg_title{ text-align: center; color: #fff;}
.jtyg_title h2{font-size: 2.5rem;}
.jtyg_title p{ font-size: 1.5rem; padding-top: 8px;}
.jtyg_nr{ padding-top: 55px;}
.jtyg_nr ul{ display: flex; justify-content: space-between;}
.jtyg_nr li{ flex: 0 1 29.462%; display: flex; flex-wrap: wrap; align-content: space-between;}
.jtyg_nr li:nth-child(2){ flex: 0 1 39.539%; display: block;}
.jtyg_nr li a{ display: block; overflow: hidden;}
.jtyg_nr li a img{ display: block; width: 100%; transition: 0.5s;}
.jtyg_nr li a:hover img{ transform: scale(1.05);}
.jid_mdfc{ padding-top: 60px;}
.mdfc_nr{ padding-top: 55px;}
.mdfc_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.mdfc_nr li{ overflow: hidden; flex: 0 1 19.385%;}
.mdfc_nr li:nth-child(n+6){ margin-top: 0.8%;}
.mdfc_nr li img{ display: block; width: 100%;}
.jcolor{ margin-top: 60px; position: relative;}
.jcolor_pic{ overflow: hidden;}
.jcolor_pic img{ display: block; width: 100%;}
.jcolor_mc{ position: absolute; top: 35%; width: 480px; left: 50%; margin-left: -240px; background: rgba(0,0,0,0.5); text-align: center; color: #fff; padding: 30px 0 25px 0;}
.jcolor_mc p:nth-child(1){ font-size: 1.5rem;}
.jcolor_mc p:nth-child(2){ font-size: 2.5rem; margin-top: 3px;}
@media screen and (max-width:1279px){
.join_bge .abod_btbz .abod_bz p{ font-size: 1.5rem;}
.join_bge .abod_btbz .abod_bz span{ font-size: 1.5rem;}
.abod_top{ padding-top: 25px;}
.join_bge .abod_top li{ flex: 0 1 32%;}
.abod_bom{ margin-top: 40px;}
.jtyg_title h2{ font-size: 2rem;}
.jtyg_nr{ padding-top: 30px;}
.mdfc_nr{ padding-top: 30px;}
.jcolor_mc p:nth-child(2){ font-size: 2rem;}
}
@media screen and (max-width:1020px){
.join_bge{ padding: 70px 0;}
.join_bge .abod_btbz .abod_bz p,.join_bge .abod_btbz .abod_bz span{ line-height: 28px; font-size: 1.25rem;}
.join_bge .abod_bom li .abodm_ms{ margin: 15% 2% 0 2%;}
}
@media screen and (max-width:700px){
.join_bge{ padding: 40px 0 50px 0;}
.join_bge .abod_btbz .abod_bz p,.join_bge .abod_btbz .abod_bz span{ line-height: 24px; font-size: 1.125rem;}
.abod_bom{ margin-top: 20px;}
.abod_bom ul{ display: block;}
.jid_tyg{ padding-top: 40px;}
.jtyg_title h2{ font-size: 1.625rem;}
.jtyg_title p{ font-size: 1rem; padding-top: 5px; margin: 0 5%;}
.jtyg_nr{ padding-top: 20px;}
.jid_mdfc{ padding-top: 40px;}
.mdfc_nr{ padding-top: 15px;}
.mdfc_nr li{ flex: 0 1 32.5%;}
.mdfc_nr li:nth-child(n+4){ margin-top: 1.25%;}
.jcolor{ margin-top: 30px;}
.jcolor_mc{ width: 96%; left: 2%; margin-left: 0; top: 4%; padding: 0; height: 92%; display: flex; align-content: center; flex-wrap: wrap; justify-content: center;}
.jcolor_mc p:nth-child(1){ font-size: 1.375rem; flex: 0 1 100%;}

.jcolor_mc p:nth-child(2){ font-size: 1.5rem; flex: 0 1 100%;}
}

.join_bgf{background:url(../images/abo_bgd.jpg) no-repeat center; background-size: cover; padding: 0 0 120px 0; width: 100%;}
.jcolor_bg{ background: url(../images/jcolor_bg.jpg) no-repeat center top; padding-top: 55px; width: 100%;}
.jif_title{ color: #fff; text-align: center; font-size: 2.5rem; line-height: 48px;}
.jif_top{ padding-top: 35px;}
.jif_top ul{ display: flex; justify-content: space-between;}
.jif_top li{ flex: 0 1 12.25%; padding-top: 20px; transition: 0.5s;}
.jif_top li:hover { padding-top: 0; transition: 0.5s;}
.jif_top li a{ display: block; padding: 45px 0; background: #fff; text-align: center; transition: 0.5s;}
.jif_top li:hover a{ background: #009944; transition: 0.5s;}
.jift_pic{ position: relative;}
.jift_pic span{ display: block; position: absolute; left: 0; top: 0; width: 100%;}
.jif_top li:hover .jift_pic p,.jif_top li .jift_pic span{ transform: scale(0); transition: 0.5s;}
.jif_top li .jift_pic p,.jif_top li:hover .jift_pic span{ transform: scale(1); transition: 0.5s;}
.jift_sz{ margin-top: 32px; font-size: 2.25rem; color: #ccc; font-family: 'Ddinr'; transition: 0.5s;}
.jift_mc{ margin-top: 8px;}
.jift_mc p{ font-size: 1.125rem; color: #222; transition: 0.5s;}
.jift_mc span{ font-size: 0.75rem; color: #ccc; transition: 0.5s;}
.jif_top li:hover .jift_sz,.jif_top li:hover .jift_mc span{ color: #58b077; transition: 0.5s;}
.jif_top li:hover .jift_mc p{ color: #fff; transition: 0.5s;}
.jif_bom{ margin-top: 60px; background: url(../images/jifbom_bg.jpg) no-repeat right top #014342; background-size: 50% 100%; width: 100%;}
.jifb_l{ width: 40%; background: #fff; padding: 20px 5% 15px 5%; position: relative;}
.jifb_l::after{ border: 1px solid #004443; border-left: none; content: ''; position: absolute; width: 80%; height: 46%; top: 27%; left: 15%;}
.jifb_l li{ float: left; width: 23.077%; padding-top: 20px; position: relative; z-index: 9;}
.jifb_l li:nth-child(3n-1){ margin: 0 15.3395%;}
.jifb_l li:nth-child(n+4){ float: right;}
.jifb_l li::after{ content: ''; width: 18px; height: 12px; position: absolute; right: -41%; top: 44.6%; background: url(../images/jifb_jt.png) no-repeat center;}
.jifb_l li:nth-child(3)::after{ transform: rotate(90deg); right: -35%; top: 95%;}
.jifb_l li:nth-child(4)::after{ display: none;}
.jifb_l li:nth-child(n+5)::after{ transform: scaleX(-1); top: 46.6%;}
.jifbl_pic{ overflow: hidden;}
.jifbl_pic img{ display: block; width: 100%;}
.jifbl_mc{ text-align: center; color: #222; font-size: 1rem; line-height: 30px; height: 30px;}
.jifb_r{ width: 42%; padding: 50px 5% 0 0; color: #fff;}
.jifbr_bt{ font-size: 1.875rem; line-height: 36px;}
.jifbr_nr{ padding-top: 65px; display: flex; justify-content: space-between;}
.jifbr_tel a{ color: #fff;}
.jifbr_tel p:nth-child(1){ font-size: 0.875rem;}
.jifbr_tel p:nth-child(2){ font-size: 2.25rem; font-family: 'Ddinr';}
.jifbr_tel p:nth-child(2) span{ font-size: 1rem; font-family: "Microsoft YaHei"}
.jifbr_ewm p{ text-align: center; font-size: 0.875rem; margin-top: 4px;}
.jifbr_more{ padding-top: 48px;}
.jifbr_more a{ display: block; width: 120px; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #009944;}
.jifbr_more a img{ margin-left: 7px; margin-bottom: -1px;}
@media screen and (max-width:1279px){
.join_bgf{padding: 0 0 90px 0;}
.jif_title{font-size: 2rem; line-height: 40px;}
.jif_top{ padding-top: 25px;}
.jif_top li a{ padding: 35px 0;}
.jift_sz{ font-size: 2rem; margin-top: 15px;}
.jift_mc p{ font-size: 1rem;}
.jift_mc span{ display: none;}
.jifb_l li::after{ top: 43%;}
.jifb_l li:nth-child(3)::after{ right: -37%;}
.jifb_r{ padding: 30px 5% 0 0;}
.jifbr_bt{ font-size: 1.5rem; line-height: 32px;}
.jifbr_nr{ padding-top: 50px;}
.jifbr_more{ padding-top: 30px;}
}
@media screen and (max-width:1020px){
.jifb_l li::after{ top: 41%}
.jifb_l li:nth-child(3)::after{ right: -41%;}
.jifb_r{ padding: 20px 2% 0 0; width: 46%;}
.jifbr_bt{ font-size: 1.25rem; line-height: 28px;}
.jifbl_mc{ font-size: 0.875rem;}
.jifbr_nr{ padding-top: 40px;}
.jifbr_tel p:nth-child(2){ font-size: 1.875rem;}
.jifbr_more a{ width: 110px; height: 34px; line-height: 34px; font-size: 0.875rem;}
}
@media screen and (max-width:700px){
.join_bgf{padding: 0 0 50px 0;}
.jcolor_bg{ padding-top: 40px;}
.jif_title{ font-size: 1.625rem; line-height: 32px;}
.jif_top{ padding-top: 15px;}
.jif_top ul{ flex-wrap: wrap;}
.jif_top li{ flex: 0 1 24%; padding-top: 1.333%;}
.jif_top li a{ padding: 20px 0;}
.jift_pic img{ max-width: 40%;}
.jift_sz{ font-size: 1.5rem; margin-top: 8px;}
.jift_mc p{ font-size: 1rem; margin: 0 5%;}
.jif_bom{ margin-top: 40px;}
.jifb_l{ width: auto; float: none;}
.jifb_l::after{ width: 82%;}
.jifb_l li:nth-child(3)::after{ right: -23%;}
.jifb_r{ width: auto; float: none; padding: 20px 3%;}
.jifbr_nr{ padding-top: 30px;}
.jifbr_tel p:nth-child(2){ font-size: 1.75rem;}
.jifbr_tel p:nth-child(2) span{ font-size: 0.875rem;}
.jifbr_more{ padding-top: 20px;}
}
/*join*/

/*yssx*/
.yssx_bga{ background: url(../images/yssx_bga.jpg) no-repeat center top; background-size: cover; width: 100%; padding-top: 120px;}
.yssxa_tit{ text-align: center;}
.yssxa_img{ text-align: center; padding-top: 75px;}
.yssxa_img img{ max-width: 96%;}
@media screen and (max-width:1279px){
.yssx_bga{padding-top: 90px;}
}
@media screen and (max-width:700px){
.yssx_bga{padding-top: 40px;}
.yssxa_tit img{ height: 70px;}
.yssxa_img{padding-top: 35px;}
.yssxa_img img{ max-width:100%;}
}

.yssx_bgb{ background: url(../images/yssx_bgb.jpg) no-repeat center top; background-size: cover; width: 100%; padding-bottom: 100px;}
.yssxb_title{ background: url(../images/yssx_jq.png) no-repeat center; padding: 22px 0 24px 0; color: #fff; text-align: center;}
.yssxb_title p{ font-size: 1.5rem;}
.yssxb_title h2{ font-size: 2.5rem; margin-top: 7px;}
.yssxb_nr{ margin-top: 50px; border: 1px solid #009944; border-radius: 25px; box-shadow: 0px 0px 40px rgba(0,0,0,0.7);}
.yssxb_kg{border: 1px solid rgba(255,255,255,0.5); border-radius: 23px; padding: 0 2%;}
.yssxb_top{ display: flex; justify-content: space-between; line-height: 85px;}
.yssxb_top p{ color: #009944; font-size: 1.25rem;}
.yssxb_top h3{ color: #ffd93b; font-size: 1.875rem;}
.yssxb_top span{ color: #009944; font-size: 1rem; font-family:"Ddinr";}
.yssxb_cen ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.yssxb_cen li{ margin-top: 28px; flex: 0 1 21%;}
.yssxb_cen li a{ display: block; border: 1px solid #009944; position: relative; padding: 14px 0;}
.yssxb_pic{ margin: 0 auto; width: 90.65%;}
.yssxb_pic img{ display: block; width: 100%;}
.yssxb_po{ position: absolute; left: 4.675%; top: 0; width: 90.65%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.yssxb_sz{ flex: 0 1 72.345%; display: flex; justify-content: center; align-items: flex-end;}
.yssxb_sz p{ font-size: 3.75rem; color: #fff; font-family: 'Ddinr'; font-style: italic; line-height: 0.7em;}
.yssxb_sz span{ font-family: 'Ddinr'; color: #009944; width: 19px; height: 19px; border-radius: 50%; text-align: center; line-height: 19px; background: #fff; margin-left: 6px;}
.yssxb_mc{ color: #ffd93b; line-height: 18px; flex: 0 1 21%; padding-right: 6%; text-align: center;}
.yssxb_ms{ padding-top: 30px; text-align: center; color: #fff; font-size: 1.125rem;}
.yssxb_zj{ margin-top: 20px;}
.yssxb_zj ul{ display: flex; justify-content: center;}
.yssxb_zj li{ position: relative; margin: 0 20px -16px 20px;}
.yssxb_zj li a{ display: block; height: 32px; line-height: 32px; padding: 0 10px; background: #009944; color: #fff;}
.yssxb_zj li img{ margin-bottom: -1px; margin-left: 6px;}
@media screen and (max-width:1279px){
.yssxb_title{ background-size: auto 100%;}
.yssxb_title h2{ font-size: 2rem;}
.yssxb_cen li{ margin-top: 28px; flex: 0 1 24%;}
}
@media screen and (max-width:1020px){
.yssxb_sz p{ font-size: 3rem;}
.yssxb_sz span{width: 16px; height: 16px; line-height: 16px; font-size: 0.875rem;}
.yssxb_mc{ font-size: 0.875rem; line-height: 16px;}
}
@media screen and (max-width:700px){
.yssx_bgb{padding-bottom: 50px;}
.yssxb_title{padding: 15px 0 25px 0; background-size: 100% auto;}
.yssxb_title p{ font-size: 1.375rem;}
.yssxb_title h2{ font-size: 1.625rem; margin-top: 3px;}
.yssxb_nr{ margin-top: 0px; border-radius: 10px;}
.yssxb_kg{ border-radius: 6px;}
.yssxb_top{ line-height: 60px;}
.yssxb_top h3{ font-size: 1.375rem;}
.yssxb_cen li{ flex: 0 1 49%; margin-top: 12px;}
.yssxb_ms{ font-size: 1rem; padding-top: 20px;}
.yssxb_zj li{ margin: 0 5px -16px 5px;}
}

.yssx_bgc{ background: url(../images/yssx_bgc.jpg) no-repeat center top; background-size: cover; width: 100%; padding-bottom: 100px;}
.yssc_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.yssc_nr li{ margin-top: 45px; flex: 0 1 47.7%; position: relative;}
.yssx_pic{ overflow: hidden; border-bottom: 4px solid #0a181c;}
.yssx_pic img{ display: block; width: 100%; transition: 0.5s;}
.yssc_nr li:hover .yssx_pic img{ transform: scale(1.05);}
.yssx_wb{ background: #009944; height: 64px; align-items: center; display: flex; justify-content: space-between; padding: 0 4%;}
.yssx_mc{height: 64px; line-height: 64px; font-size: 1.5rem; overflow: hidden; color: #fff;}
.yssx_jg{ display: flex; background: #ffd93b; line-height: 42px; height: 42px; border-radius: 24px; padding:5px;}
.yssx_jg p{ padding-left: 23px; color: #222;}
.yssx_jg span{ font-family: "Din1451std"; font-size: 2.25rem; padding-left: 10px;}
.yssx_jg img{ display: block; margin-left: 15px;}
@media screen and (max-width:1279px){
.yssc_nr li{ margin-top: 2%; flex: 0 1 49%;}
.yssx_wb{ height: 50px; padding: 0 2%;}
.yssx_mc{ height: 50px; line-height: 50px; font-size: 1.25rem;}
.yssx_jg{ line-height: 30px; height: 30px; border-radius: 24px; padding:5px;}
.yssx_jg p{ padding-left: 10px;}
.yssx_jg span{font-size: 1.75rem; padding-left: 5px;}
.yssx_jg img{margin-left: 10px; height: 100%;}
}
@media screen and (max-width:1020px){
.yssx_mc{font-size: 1rem;}
.yssx_jg span{font-size: 1.5rem; padding-left: 5px;}
}
@media screen and (max-width:700px){
.yssx_bgc{ padding-bottom: 50px;}
.yssx_jg{line-height: 22px; height: 22px; padding:3px; position: absolute; top: 3%; right: 3%;}
.yssx_jg p{ padding-left: 8px; font-size: 0.75rem;}
.yssx_jg span{font-size: 1.125rem; padding-left: 5px;}
.yssx_jg img{margin-left: 5px;}
.yssx_wb{ height: 40px; padding: 0 1%; display: block;}
.yssx_mc{ height: 40px; line-height: 40px; font-size: 0.9375rem; text-align: center;}
}

.yssx_bgd{ background: url(../images/yssx_bgd.jpg) no-repeat center top; background-size: cover; width: 100%; padding-bottom: 70px;}
.yssxd_gd{ position: relative; padding-top: 40px;}
.yssxd_fl ul{ display: flex; justify-content: space-between;}
.yssxd_fl li{ position: relative;}
.yssxd_fl li::after{ content: ''; width: 100%; height: 4px; background: #009944; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transition: 0.5s;}
.yssxd_fl li a{ display: block; height: 50px; line-height: 50px; color: #fff; font-size: 1.5rem; position: relative; z-index: 9; transition: 0.5s;}
.yssxd_fl li:hover a,.yssxd_fl li.cur a{ color: #009944; transition: 0.5s;}
.yssxd_fl li:hover::after,.yssxd_fl li.cur::after{ transform: scaleX(1); transition: 0.5s;}
.yssxd_tab{ position: relative;}
.yssxd_rw{ position: absolute; left: -13px; bottom: 0; width: 40.385%;}
.yssxd_rw img{ display: block; width: 100%;}
.yssxd_nr{ background: #009944; position: relative; margin-top: 45px;}
.yssxd_kg{display: flex; padding: 10px;}
.yssxd_l{ flex: 0 1 calc(34.375% - 10px ); background: #00272f; margin: 10px 0 10px 10px;}
.yssxd_logo{ padding: 29px 0 0 20px;}
.yssxd_ewm{ padding-top: 34px; padding-right: 20px; float: right;}
.ysd_sm{ color: #009944; font-size: 1.5rem; line-height: 30px; padding: 15px 0 25px 0;}
.yssxd_r{ flex: 0 1 65.625%;}
.yssxd_r li{ overflow: hidden;}
.yssxd_r li img{ display: block; width: 100%;}
.yssxd_jtzj{ width: 65.38%; position: absolute; bottom: 10px; right: 0; height: 50px; display: flex; z-index: 999;}
.yssxd_jtzj a{ display: block; width: 50px; height: 50px; background-image: url(../images/indb_jt.png); background-repeat: no-repeat; background-position: center; cursor: pointer;}
.yssxd_jtzj a.prev{ background-color: #009944; transform: scaleX(-1);}
.yssxd_jtzj a.next{ background-color: #00272f;}
.pageState{ background: #fff; padding: 0 25px; line-height: 50px; color: #00272f; font-size: 1.125rem; font-family: "Din1451std";}
.pageState span{ font-size: 2.25rem; color: #009944; margin-right: 3px;}
.yssx_bom{ padding-top: 127px; display: flex; justify-content: space-between; border-bottom: 1px solid #fff; padding-bottom: 27px; align-items: flex-end; position: relative;}
.yssx_bom::after{ content: ''; position: absolute; left: 0; bottom: -2px; width: 100px; height: 3px; background: #009944;}
.yssx_en{ color: #fff; font-size: 3.75rem; font-family: "Ddinr"; line-height: 72px;}
.yssx_ch{ color: #fff; font-size: 1.875rem; line-height: 40px; letter-spacing: 12px;}
@media screen and (max-width:1279px){
.yssxd_gd{padding-top: 20px;}
.yssxd_fl li a{ font-size: 1.375rem;}
.yssxd_nr{margin-top: 25px;}
.yssx_bom{ padding-top: 60px; padding-bottom: 15px;}
.yssx_en{ font-size: 2.5rem; line-height: 42px;}
.yssx_ch{ font-size: 1.5rem; line-height: 30px; letter-spacing: 5px;}
}
@media screen and (max-width:1020px){
.yssxd_gd{ padding-top: 0;}
.yssxd_fl li a{ font-size: 1.125rem;}
.yssxd_fl li::after{ height: 2px;}
.yssxd_kg{padding: 5px;}
.yssxd_logo{ padding: 15px 0 0 10px;}
.yssxd_logo img{ height: 10px;}
.yssxd_ewm{ padding: 0px 20px 0 0;}
.ysd_sm{ font-size: 1rem; line-height: 20px; padding: 10px 0 15px 0;}
.yssxd_rw{ width: 33%;}
.yssxd_jtzj{ width: 65.39%; bottom: 5px; height: 32px;}
.yssxd_jtzj a{ width: 32px; height: 32px;}
.pageState{padding: 0 15px; line-height: 32px; font-size: 1rem;}
.pageState span{ font-size: 1.5rem;}
}
@media screen and (max-width:700px){
.yssx_bgd{padding-bottom: 50px;}
.yssxd_nr{ margin-top: 10px;}
.yssxd_fl ul{flex-wrap: wrap; justify-content: flex-start;}
.yssxd_fl li a{ height: 40px; line-height: 40px; font-size: 0.9375rem; padding: 0 5px;}
.yssxd_rw{ display: none;}
.yssxd_kg{padding: 3px;}
.yssxd_l{ margin: 2px 0 2px 2px; flex: 0 1 30.375%;}
.yssxd_logo,.ysd_pic{ display: none;}
.yssxd_ewm{ padding: 0; float: none; text-align: center;}
.ysd_sm{ font-size: 0.875rem; line-height: 18px; padding: 10% 0 8px 0;}
.ysd_img img{ height: 60px;}
.yssxd_r{ flex: 0 1 69.625%;}
.yssxd_jtzj{ bottom: 3px; width: 69%;}
.yssx_bom{ padding-top: 25px; padding-bottom: 8px;}
.yssx_en{ font-size: 1.25rem; line-height: 1em;}
.yssx_ch{ font-size: 1rem; line-height: 1.125em; letter-spacing: 2px;}
}

.yssx_bge{ background: #00272f; padding: 95px 0 100px 0; width: 100%; overflow: hidden;}
.yssxe_tit{ text-align: center; color: #fff;}
.yssxe_tit h2{ font-size: 2.5rem;}
.yssxe_tit p{ font-family: "Ddinr"; font-size: 1.125rem; margin-top: 14px;}
.yssxe_gd{ position: relative; margin-top: 55px;}
.yssxe_nr li{ position: relative; background: url(../images/yssxer.jpg) no-repeat right center #009944; background-size: auto 100%; width: 100%; display: flex; justify-content: space-between;}
.yssxe_bg{ flex: 0 1 60.157%; position: relative;}
.yssxe_img{ overflow: hidden; position: relative;}
.yssxe_img img{ display: block; width: 100%;}
.yssxe_a{ position: absolute; width: 60%; height: 80%; left: 20%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; top: 10%;}
.yssxe_akj{ flex: 0 1 29%;}
.yssxe_akj a{ border: 1px solid #000; padding: 5px 5px 0 5px; display: block; background: #fff;}
.yssxe_aimg{ overflow: hidden;}
.yssxe_aimg img{ display: block; width: 100%;}
.yssxe_amc{ height: 35px; line-height: 35px; color: #222; text-align: center;}
.yssxe_wb{ flex: 0 1 35%; padding-top: 6%; color: #fff;}
.yssxe_sz{ font-size: 7.5rem; font-family: 'Din1451std'; display: inline-block; position: relative; line-height: 0.9em;}
.yssxe_sz::after{ content: ''; width: 100%; height: 2px; background: rgba(255,255,255,0.2); position: absolute; left: 0; bottom: 0;}
.yssxe_mc{ color: #fff; padding-top: 110px; font-size: 2.5rem; font-weight: bold; line-height: 60px;}
.yssxe_ms{ padding-top: 55px;}
.yssxe_ms p{ font-size: 1.125rem;}
.yssxe_ms span{font-family: "Ddinr"; font-size: 1.125rem; color: rgba(255,255,255,0.2); text-transform: uppercase; display: block; margin-top: 4px;}
.yssxe_c{ position: absolute; left: 20%; bottom: 0; width: 80%; text-align: center;}
.yssxe_c img{ max-width: 96%;}
.yssxe_d{ position: absolute; left: 0%; bottom: 0; width: 100%; height: 100%; justify-content: center; display: flex; align-items: center;}
.yssxe_e{ position: absolute; width: 60%; height: 80%; left: 20%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; top: 10%;}
.yssxe_ekj{ flex: 0 1 29%;}
.yssxe_ekj a{ display: block;}
.yssxe_eimg{ overflow: hidden;}
.yssxe_eimg img{ display: block; width: 100%;}
.yssxe_emc{ height: 35px; line-height: 35px; color: #fff; font-size: 1.125rem; text-align: center;}
.yssxe_jt{ position: absolute; width: 35%; right: 0; bottom: 15%;}
.yssxe_jt a{ display: block; float: left; width: 50px; height: 50px; cursor: pointer;}
.yssxe_jt a.prev{ background: url(../images/indcgd_jtb.png) no-repeat center #fff; transform: scaleX(-1);}
.yssxe_jt a.next{ background: url(../images/indb_jt.png) no-repeat center #00272f;}
.yssxe_an{ display: none;}
@media screen and (max-width:1680px){
.yssxe_wb{ flex: 0 1 37%; padding-top: 4%;}
.yssxe_sz{ font-size: 6rem;}
.yssxe_mc{ padding-top: 70px; font-size: 2.25rem; line-height: 50px;}
.yssxe_jt{ width: 37%; bottom: 10%;}
}
@media screen and (max-width:1598px){
.yssxe_a{ width: 80%; left: 10%; height: 90%; top: 5%;}
.yssxe_e{ width: 68%; left: 16%; height: 90%; top: 5%;}
.yssxe_amc,.yssxe_emc{ overflow: hidden; font-size: 0.9375rem;}
.yssxe_d img{height: 90%;}
}
@media screen and (max-width:1279px){
.yssx_bge{padding: 75px 0 0px 0;}
.yssxe_sz{ font-size: 4rem;}
.yssxe_mc{ padding-top: 30px; font-size: 2rem; line-height: 40px;}
.yssxe_ms{ padding-top: 35px;}
.yssxe_ms span{ font-size: 1rem;}
.yssxe_jt a{ width: 40px; height: 40px;}
}
@media screen and (max-width:1020px){
.yssxe_nr li{ display: block;}
.yssxe_wb{ padding: 4%;}
.yssxe_jt{ position: initial; right: auto; width: auto; bottom: auto;}
.yssxe_jt a{ position: absolute; top: 40%;}
.yssxe_jt a.prev{ left: 0;}
.yssxe_jt a.next{ right: 0;}
}
@media screen and (max-width:700px){
.yssx_bge{padding: 40px 0 0px 0;}
.yssxe_tit h2{ font-size: 1.625rem;}
.yssxe_tit p{ margin-top: 5px;}
.yssxe_gd{ margin-top: 25px;}
.yssxe_wb{ padding: 4% 4% 20px 4%;}
.yssxe_a{ width: 80%; left: 10%; height: 94%; top: 3%;}
.yssxe_e{ width: 68%; left: 16%; height: 94%; top: 3%;}
.yssxe_akj a{ padding: 2px 2px 0 2px;}
.yssxe_amc, .yssxe_emc{ font-size: 0.875rem; line-height: 22px; height: 22px;}
.yssxe_sz{ font-size: 2.5rem;}
.yssxe_mc{ padding-top: 20px; font-size: 1.25rem; line-height: 30px;}
.yssxe_ms{ padding-top: 15px;}
.yssxe_ms p{ font-size: 1rem;}
.yssxe_ms span{ font-size: 0.75rem;}
.yssxe_bg{ flex: 0 1 100%;}
.yssxe_d img{ display: block; width: 57%; height: auto;}
}

.yssx_bgf{ background: url(../images/yssx_bgf.jpg) no-repeat center fixed; width: 100%; padding: 125px 0 220px 0; overflow: hidden;}
.yssxf_ms{ text-align: center; padding-top: 90px;}
.yssxf_ms img{ max-width: 100%;}
.yssxf_mc{ padding-top: 70px; text-align: center; color: #fff; font-size: 1.875rem; letter-spacing: 6px;}
@media screen and (max-width:1279px){
.yssx_bgf{ background-size: cover; background-attachment: inherit;}
}
@media screen and (max-width:1020px){
.yssx_bgf{padding: 85px 0 120px 0;}
.yssxf_ms{ padding-top: 50px;}
.yssxf_mc{ padding-top: 40px;}
}
@media screen and (max-width:700px){
.yssx_bgf{padding: 40px 0 60px 0;}
.yssxf_ms{ padding-top: 20px;}
.yssxf_mc{ padding-top: 10px; font-size: 1.375rem;}
}
/*yssx*/


.video_nr li{ float: left; width: 24%; margin-right: 1.333%; padding-bottom: 30px;}
.video_nr li:nth-child(4n){ margin-right: 0;}
.video_pic{ overflow: hidden; position: relative;}
.video_pic img{ display: block; width: 100%; transition: 0.5s;}
.video_pic::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/video_pic.png) no-repeat center rgba(0,0,0,0.6); background-size: auto 30%;}
.video_nr li:hover .video_pic img{ transform: scale(1.05);}
.video_mc{ height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 1.125rem; overflow: hidden;}
@media screen and (max-width:1279px){
.video_nr li{width: 32%; margin-right: 0%;}
.video_nr li:nth-child(3n-1){ margin: 0 2%;}
.video_mc{ font-size: 1rem;}
}
@media screen and (max-width:700px){
.video_nr li{width: 49%; padding-bottom: 25px;}
.video_nr li:nth-child(3n-1){ margin: 0;}
.video_nr li:nth-child(2n){float: right;}
.video_mc{ font-size: 0.875rem; height: 40px; line-height: 40px;}
}


.news_nr li{ position:relative; background: #fff; margin-bottom: 20px; padding-right: 3.5%;}
.news_nr li a{ display:flex; justify-content: space-between; align-items: center; box-sizing: border-box; position:relative; z-index:9; transition:0.5s;}
.news_pic{ overflow:hidden; flex: 0 1 31.764%;}
.news_pic img{ display:block; width:100%; transition:0.5s;}
.news_nr li:hover .news_pic img{transform:scale(1.05);}
.news_wb{ flex: 1; padding-left: 4%; padding-right: 7%;}
.news_bt{ font-size:1.875rem; height:40px; line-height:40px; color:#222; font-weight: bold; overflow:hidden; transition:0.5s;}
.news_ms{ font-size:1rem; line-height:24px; height:72px; color:#999; overflow:hidden; margin-top:40px; transition:0.5s;}
.news_more{ height:34px; line-height:34px; color:#009944; margin-top:25px; transition:0.5s;}
.news_more img{ margin-bottom: -1px; margin-left: 10px;}
.news_rq{ flex: 0 0 120px; padding: 60px 0; font-family: 'Ddinr'; text-align: center; border: 1px solid #ccc; font-size: 1.5rem; color: #999; transition: 0.5s;}
.news_rq p{font-size: 3rem; transition: 0.5s;}
.news_nr li:hover .news_bt{ color: #009944; transition: 0.5s;}

.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; color:#fff;}
.newsshow_title p{ font-size:0.875rem; color:#fff; font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:1rem; line-height:180%; color: #fff;}
.newsshow_wnnr img{ max-width:100%;}
.bdsharebuttonbox{ margin:0 auto; padding-top:40px; width:145px;}
.sxyjsys,.sxyjsys a{ font-size:14px; line-height:20px;color: #fff;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; font-size:1.25rem; font-weight:bold; line-height:46px; height:46px;color: #fff;}
.xgnews-con{ padding-top:15px;color: #fff;}
.xgnews-con li{ float:left; width:45%; margin-left:1%; margin-right:4%; line-height:24px; list-style-position:inside; list-style-type:disc;}
.xgnews-con li a{ font-size:14px; color: #fff;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
@media screen and (max-width:1360px){
.news_nr li{padding-right: 2%;}
.news_pic{ flex: 0 1 33%;}
.news_wb{ padding-left: 2%; padding-right: 3%;}
.news_bt{ font-size:1.5rem;}
.news_ms{ margin-top:15px;}
.news_more{margin-top:20px;}
.news_rq{ flex: 0 0 110px; padding: 40px 0; font-size: 1.5rem;}
}
@media screen and (max-width:1279px){
.news_pic{ flex: 0 1 35%;}
.news_bt{ font-size:1.25rem;}
.news_ms{ margin-top:10px;}
.news_more{margin-top:10px;}
.news_rq{ flex: 0 0 90px; padding: 30px 0; font-size: 1.375rem;}
.news_rq p{font-size: 2.5rem;}
}
@media screen and (max-width:1020px){
.news_bt{ font-size:1.125rem; line-height: 30px; height: 30px;}
.news_ms{ height: 44px; line-height: 22px; font-size: 0.875rem;}
.news_more{ height:30px; line-height:30px; margin-top:5px; font-size: 0.875rem;}
.news_rq{font-size: 1.25rem;}
.news_rq p{font-size: 2.25rem;}
.newsshow_title{padding-bottom:8px; font-size:1.25rem;}
.newsshow_title p{ font-size:0.75rem; padding-top:4px;}
}
@media screen and (max-width:700px){
.news_nr li{margin-bottom: 10px;}
.news_pic{ flex: 0 1 35%;}
.news_wb{ padding-left: 3%; padding-right: 0%;}
.news_bt{ font-size:0.9375rem; line-height: 24px; height: 24px;}
.news_ms{ margin-top:0px; font-size: 0.8125rem; line-height: 18px; height: 36px;}
.news_more,.news_rq{ display: none;}
.newsshow_title{font-size:1.125rem;}
.newsshow_wnnr{ font-size:0.9375rem;}
.xgnews-tit{ font-size:1.125rem;}
.xgnews-con{ padding-top: 0;}
.xgnews-con li{width:95%;}
}

.pro_nr li{ width:47.0588%; float:left; margin-bottom: 60px; position: relative;}
.pro_nr li:nth-child(2n){ float: right;}
.pro_nr li.pa::before{ content: ''; width: 100%; height: 70%; background: #fff; position: absolute; left: 0; top: 0;}
.pro_nr li.pb::before{ content: ''; width: 100%; height: 70%; background: #fff; position: absolute; left: 0; bottom: 0;}
.pro_nr li a{ display: block; position: relative; z-index: 9; padding: 0 10px;}
.pro_pic{ overflow: hidden;}
.pro_pic img{ display: block; width: 100%; transition: 0.5s;}
.pro_nr li:hover .pro_pic img{ transform: scale(1.05);}
.proa_wb{position: relative; padding: 30px 18px 40px 18px; display: flex; align-items: flex-start; z-index: 9;}
.proa_mc{ border-right: 1px solid #ccc; flex: 0 1 35%;}
.proa_mc h2{ font-size: 2.25rem; font-weight: bold; color: #00272f; line-height: 1em;}
.proa_mc p{ font-size: 1.5rem; font-family: 'Ddinr'; text-transform: uppercase; color: #ccc; margin-top: 5px;}
.proa_lm{ font-size: 1rem; color: #666; line-height: 26px; height: 104px; padding-left: 60px;}
.proa_more{ position: absolute; width: 40px; height: 40px; line-height: 38px; border-radius: 50%; font-size: 1.5rem; background: #009944; color: #fff; text-align: center; bottom:-20px; left: 19px;}
.prob_wb{ height: 70px; line-height: 70px; display: flex; padding: 0 20px; justify-content: space-between; align-items: center;}
.prob_mc{ font-size: 1.125rem; color: #222;}
.prob_more{ width: 40px; height: 40px; line-height: 38px; border-radius: 50%; font-size: 1.5rem; background: #009944; color: #fff; text-align: center;}
@media screen and (max-width:1600px){
.pro_nr li{ width:48%; margin-bottom: 50px;}
.proa_mc{ flex: 0 1 230px;}
.proa_mc h2{ font-size: 1.875rem;}
.proa_mc p{ font-size: 1.125rem;}
.proa_lm{flex: 1; padding-left: 20px; overflow: hidden;}
.proa_lm br{ display: none;}
}
@media screen and (max-width:1400px){
.proa_mc{ flex: 0 1 190px;}
.proa_mc h2{ font-size: 1.5rem;}
.proa_mc p{ font-size: 1rem;}
.proa_lm{ font-size: 0.9375rem; line-height: 24px; height: 96px;}
}
@media screen and (max-width:1279px){
.pro_nr li{ width:49%; margin-bottom: 40px;}
}
@media screen and (max-width:1020px){
.proa_wb{padding: 20px 5px 30px 5px; display: block;}
.proa_mc{ border-right: none;}
.proa_mc::after{ content: ''; width: 32px; height: 2px; background: #ccc; display: block; margin: 15px 0;}
.proa_lm{padding-left: 0px;}
}
@media screen and (max-width:700px){
.pro_nr li{ width:100%; margin-bottom: 30px;}
.pro_nr li a{ padding: 0 5px;}
.proa_mc h2{ font-size: 1.25rem;}
.proa_mc p{ font-size: 1rem;}
.proa_mc::after{margin: 10px 0;}
.proa_more{ width: 30px; height: 30px; line-height: 28px; font-size: 1.25rem; bottom:-15px; left: 10px;}
}

.proshowa{ background:#fff; padding:3% 2.5%;}
.proshow_gd{ width:55.19%; position:relative;}
.proshow_img{ border:2px solid #d4d4d4; overflow:hidden;}
.proshow_img li{ overflow:hidden;}
.proshow_img li img{ display:block; width:100%;}
.proshow_anjt{ position:relative; width:100%;}
.proshow_an{width:91%; margin:17px auto 0 auto;}
.proshow_an li{ width:24%; float:left; cursor:pointer; margin-right:1.333%;}
.proshow_an li:nth-child(4){ margin-right:0;}
.proshow_an li a{ display:block; border:1px solid #d4d4d4; overflow:hidden;}
.proshow_an li img{ display:block; width:100%;}
.proshow_an li.on a{border:1px solid #009944;}
.proshow_anjt .prev,.proshow_anjt .next{ cursor:pointer; display:block; width:3%; background:#e6e6e6; font-family:"宋体"; position:absolute; text-align:center; padding:5.7% 0; color:#000; font-size:1.5rem; transition:0.5s;}
.proshow_anjt .prev:hover,.proshow_anjt .next:hover{ background:#009944; color:#fff; transition:0.5s;}
.proshow_anjt .prev{ left:0;}
.proshow_anjt .next{ right:0;}
.proshowa_wb{ width:42%; padding-top:25px;}
.nycp_bt{border-bottom:1px solid #ddd; padding-bottom:15px; font-weight: bold;}
.nycp_bt h2{ font-size: 1.75rem; color: #4e4e4e; font-weight: bold;}
.nycp_bt p{ font-size: 1.5rem; color: #919191;}
.nycp_nr{ font-size:1rem; color:#2e2e2e; line-height:180%; padding-top:15px; padding-bottom:25px; border-bottom:1px solid #ddd;}
.nycp_nr img{ max-width:100%;}
.nycp_tel{ font-size:1.125rem; color:#646464; padding-top:35px;}
.nycp_tel p{ color:#646464; font-size:2rem; font-family:"Din";}
.nycp_more{padding-top:12px;}
.nycp_more a{display:block; background:#009944; text-align:center; width:150px; line-height:50px; font-size:1.125rem; color:#fff;}
.nycp_more img{ margin-bottom:-7px; margin-right:5px;}
.nycp_more .job_moreb{ display:none;}
.proshow_bom{margin-top:55px; position:relative;}
.proshow_title p{ display:inline-block; background:#009944; color:#fff; font-size:1.375rem; line-height:55px; height:55px; padding:0 45px; position:relative; z-index:9;}
.pronrgd{ background: #fff; position: relative;}
.pronrgd::after{ content: ''; width: 2px; height: 100%; background: #efefef; position: absolute; top: 0; left: 74.4%;}
.proms_l{ width: 70.5%; padding: 2%;}
.proshow_nr{ font-size:1rem; line-height:1.8em;}
.proshow_nr img{ max-width:100%;}
.proshow_nr .fsqi_title p,.proshow_nr .fsqh_title p{ padding-bottom:8px; line-height:40px;}
.showcp_an{ padding-top:0.875rem; width:100%; padding-top:40px; margin-bottom:50px;}
.showcp_an p{width:120px;}
.showcp_an p a{width:100%;height:40px; background:#009944; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}
.proms_r{ width: 21.5%; padding: 2%;}
.promsr_tit{ font-size: 1.5rem; color: #454343; font-weight: bold;}
.promsr_nr li{ margin-top: 20px;}
.promsr_pic{ overflow: hidden; border: 1px solid #ddd;}
.promsr_pic img{ display: block; width: 100%; transition: 0.5s;}
.promsr_nr li:hover .promsr_pic img{transform: scale(1.05);}
.promsr_wb{ height: 40px; line-height: 40px; color: #636363; font-size: 1.125rem; transition: 0.5s;}
.promsr_nr li:hover .promsr_wb{ color: #009944; transition: 0.5s;}
@media screen and (max-width:1279px){
.proshowa{padding:2% 1.5%;}
.proshow_an{width:89%;}
.proshow_anjt .prev,.proshow_anjt .next{ width: 4%; padding:4.6% 0;}
.proshowa_wb{ padding-top:10px;}
.nycp_bt h2{ font-size: 1.5rem;}
.nycp_bt p{ font-size: 1.125rem;}
.nycp_nr{ line-height: 24px; font-size: 0.9375rem;}
.nycp_tel{ padding-top: 25px; font-size: 1rem;}
.nycp_tel p{ font-size: 1.875rem;}
.nycp_more a{ width: 130px; font-size: 1rem; height: 40px; line-height: 40px;}
.nycp_more img{ height: 24px;}
}
@media screen and (max-width:1020px){
.proshow_gd{ width: auto; float: none;}
.proshow_anjt .prev,.proshow_anjt .next{padding:5.3% 0;}
.proshowa_wb{ width: auto; float: none; padding-top: 30px;}
.proshow_bom{margin-top:46px;}
.proshow_title p{font-size:1.25rem; line-height:46px; height:46px; padding:0 30px;}
.proms_l{ width: auto; float: none;}
.pronrgd::after{ display: none;}
.proms_r{ width: auto; float: none;}
.promsr_tit{ font-size: 1.125rem;}
.proms_r ul{ display: flex; justify-content: space-between;}
.proms_r li{ flex: 0 1 24%; margin-top: 10px;}
.promsr_wb{ text-align: center; height: 32px; line-height: 32px; font-size: 1rem;}
}
@media screen and (max-width:700px){
.proshow_anjt .prev,.proshow_anjt .next{padding:4.7% 0; font-size: 1rem;}
.proshowa_wb{ padding-top: 20px;}
.nycp_bt h2{ font-size: 1.375rem;}
.nycp_bt p{ font-size: 1rem;}
.nycp_tel{ padding-top: 15px;}
.nycp_more .job_morea{ display: none;}
.nycp_more .job_moreb{ display: block;}
.proshow_bom{margin-top:30px;}
.proshow_title p{font-size:1.125rem; line-height:40px; height:40px; padding:0 30px;}
.proshow_nr{ font-size:0.9375rem;}
.showcp_an{ margin-bottom: 30px;}
.showcp_an p{width:100px;}
.showcp_an p a{height:34px; line-height:34px; font-size:0.875rem;}
.proms_r ul{ flex-wrap: wrap;}
.proms_r li{ flex: 0 1 49%;}
.promsr_wb{ font-size: 0.875rem;}
}
/*内页style结束*/

.fswzj{ display:none;}@media(max-width:700px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#009944;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #18a958;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #18a958;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:24%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}


@media screen and (max-width:770px){
/*分类*/
header{ background:none; width:auto; display:block;position: relative; z-index:100; margin:0; padding:0; border-radius:0; float:none !important;}
header nav li{background:none; line-height:inherit; margin-bottom:auto;}
header nav li a{ font-weight:inherit; border:none; padding:inherit; height:auto; z-index:9;}
header nav li span{ display:none;}
header nav li ul li{ margin:auto; background:none;}
header nav li ul li a{border:0; line-height:inherit;}
header nav li i{ height:40px;}
.mean-container .mean-bar {width:100%;position:relative;background:#0056ab; height:40px; z-index:99;}
.mean-container .mean-bar div.fl{ font-size:1rem; color:#fff; line-height:40px; padding-left:2%;}
.mean-container a.meanmenu-reveal {width:22px;height:22px;padding:9px 10px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;	display:block;font-family:Arial, Helvetica, sans-serif;	font-weight:700}
.mean-container a.meanmenu-reveal span {display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav {float:left;width:100%;background: rgba(243,243,243,1); margin-bottom:30px;}
.mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;}
.mean-container .mean-nav ul li {position:relative;width:100%;}
.mean-container .mean-nav ul li a {display:block;width:90%; background:none; font-size:0.875rem;padding:0 5%;height:39px; line-height:39px;margin:0;text-align:left;border-top:1px solid #383838;border-top:1px solid rgba(173, 173, 173, .5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a {width:80%;padding:0 10%; height:45px; line-height:45px; border-top:1px solid rgba(216,216,216,.25);	opacity:.75; filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li a.mean-expand {width:15px;height:40px;text-align:center;position:absolute;right:0;top:0;z-index:10;font-weight:700;	background:rgba(255, 255, 255, .1);	border:0!important;	border-left:1px solid rgba(255, 255, 255, .4)!important;border-bottom:1px solid rgba(255, 255, 255, .2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover {background:rgba(0,0,0,.9)}
.mean-container .mean-push {float:left;	width:100%;	padding:0;	margin:0;clear:both}
.mean-nav .wrapper {width:100%;padding:0;margin:0}
.mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove {display:none!important}
header nav {text-align: center;background: #efefef;}
header nav ul {margin:0;padding:1em;list-style-type: none;}
/*分类*/	
}
/*导航样式*/
@media screen and (max-width:1279px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#009944; padding:10px;}
.sp_nav i{display:block; color:#fff; position:absolute; width:100%; bottom:12px; left:0; text-align:center; font-style:normal;}
.sp_nav span{display:block;background:#fff;width:40%;height:2px;position:absolute;left:30%;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:22px}
.sp_nav span:nth-of-type(2){top:32px}
.sp_nav_se span:nth-of-type(1){top:22px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:22px;transform:rotate(-45deg)}
.sjj_nav{position:fixed; z-index:9; background:rgba(1,28,35,0.95); width:50%; height:calc(100% - 104px); line-height:40px; top:121px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:121px; right:0;}
.navys .sjj_nav{ top: 80px;}
.navys .nav_show{ top: 80px;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav ul li{ float:none; width:auto; background:none;}
.sjj_nav>ul>li:first-child{overflow:hidden; border-top:none;}
.sjj_nav>ul>li:first-child>a{float:left; width:calc(100% - 70px);}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px rgba(255,255,255,0.1) solid;text-align:center;color:#999;}
.sjj_nav ul li i{ display:block; position:absolute;top:5px;right:0px;border-left:1px rgba(255,255,255,0.1) solid;height:40px; padding:0px 10px 0 10px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li em{ display:none;}
.sjj_nav ul li{border-top:1px rgba(255,255,255,0.1) solid;margin-left:10px;position:relative;line-height:50px;font-size:14px;}
.sjj_nav>ul >li:last-child{border-bottom:1px rgba(255,255,255,0.1) solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{ width:90%; font-size:1rem; color:#fff; text-align:inherit; padding:inherit; height:auto; line-height:inherit; background:none;}
.sjj_nav ul li.cur a,.sjj_nav ul li.cur ul li.cur a{color:#f3a150;}
.sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{color:#fff;display:block;text-align:left; font-size:1rem;}
.sjj_nav ul li i svg{width:24px;height:38px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#f3a150;}
.sjj_nav ul li ul li>ul{margin-left:10px}
}
@media screen and (max-width:767px){
.sp_header{height:50px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px; height:50px; padding:0px;}
.sp_nav i{ font-size:0.8125rem; bottom:6px;}
.sp_nav span{ width:50%; left:25%;}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav_se span:nth-of-type(1){top:13px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:13px;transform:rotate(-45deg)}
.sjj_nav{top:50px; width:65%;}
.nav_show{top:50px;}
.navys .sjj_nav{ top: 50px;}
.navys .nav_show{ top: 50px;}
.sjj_nav ul li{line-height:44px;}
.sjj_nav ul li i{height:34px;}
.sjj_nav ul li a{ font-size:0.9375rem; width:83%;}
.sjj_nav ul li i svg{width:20px;height:34px;fill:#fff;}
.sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{font-size:0.875rem;}
}

.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(77,77,77,0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  border-radius:50%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index:9999;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .9;}
.no-touch .cd-top:hover {background-color: #e86256; opacity: 1;}
@media screen and (max-width:520px){
.cd-top{ display:none;}
}