@charset "utf-8";
/*css comment*/
*,*:before,*:after{
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}  
@font-face {
  font-family: "ATAura";
  src: url("../fonts/ATAura.woff2") format("woff2"),
       url("../fonts/ATAura.woff") format("woff"),
       url("../fonts/ATAura.ttf") format("truetype"),
       url("../fonts/ATAura.eot") format("embedded-opentype"),
       url("../fonts/ATAura.svg") format("svg");
}  
html,body {  
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
} 
html{
	font-size: 100px;
}
body {
    font-family:Arial," sans-serif",'Noto Sans SC', Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體'; 
    font-size: 14px;
	line-height: 1.72;
    color: #333333;
    background: #ffffff;
	font-weight: 400;  
}  
img{
	border:none;
	display:inline-block;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	_width:auto;
}
button,input,textarea,select{
	border:none;
	background:none;
	font-size:14px;
	vertical-align:middle;
	color:#333333; 
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#333333;}
a:hover,a:active,a:focus{text-decoration:none;}
em,i{font-style:normal;}
a:focus,input,select{outline:none;}
.clearfix{*zoom:1;}
.clearfix:after{content:"\200B";display:block;clear:both;height:0;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],button,select, textarea{ -webkit-appearance: none;  font-family:Arial," sans-serif",'Noto Sans SC', Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體'; }
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{ opacity:0.80;}
h1,h2,h3,h4,h5,h6{font-weight:normal; padding:0; margin:0; font-size:14px; line-height:1.25; }
p,ul,ol{margin:0;}
header,main,footer,section{display:block;}

/*browserupgrade*/
.browserupgrade{display:block;position:fixed;top:-60px;opacity:0;left:0;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
.browserupgrade a.upgrade_close{display:block;position:absolute;top:0;right:0;z-index:10;width:60px;line-height:60px;text-align:center;color:#fff;font-size:40px;text-decoration:none;cursor:pointer;}
/*swiper*/  
.swiper-pagination { position: static; margin-top: .40rem;}  
.swiper-pagination-bullet{ width: 12px; height: 12px; opacity: .10; margin: 0 5px; } 
.swiper-pagination-bullet-active{ opacity: 1; background: #FC6935;}
.swiper_arrow div{ width:auto; height: auto; margin: 0; transform: translateY(-50%); color: #DCDCDC; opacity: 1!important; padding: .20rem; }  
.swiper_arrow div.swiper-button-prev{ left: 0;}
.swiper_arrow div.swiper-button-next{ right: 0;}
.swiper_arrow div:after{ font-size: 26px; font-weight: bold; -webkit-transition:all 0s ease; transition:all 0s ease; }
.swiper_arrow div:hover{ color: #666666;}
@media (min-width: 992px){
	.swiper_arrow_dif div.swiper-button-prev{ left: auto; right:100%;}
	.swiper_arrow_dif div.swiper-button-next{ right: auto; left:100%;}
}


/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .img_box img, .ico_box img, .header_line, .n_subclass{ 
	-webkit-transition:all .6s ease; transition:all .6s ease; 
}  
a,input[type="text"]{ -webkit-transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease; 
	transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease;
}

/*===================common========================*/  
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%; }
.img_box img{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover;}
/*ico_box*/
.ico_box{position:relative;display:block; height:0; padding-top:100%;}
.ico_box img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;height:auto; max-width:100%; max-height: 100%;}
/*line_single*/
.line_single{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
/*line_multi*/
.line_multi{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 24px; max-height: 48px;}  
/*title_effect*/ 
.title_effect .letter {
	display: inline-block;
	transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 0s;
} 
.my_textLink2{
	-webkit-animation-name: textLink2;
	  animation-name: textLink2;
	  -webkit-animation-duration: .3s;
	  animation-duration: .3s;
	  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
} 
@-webkit-keyframes textLink2 {
  to{
	 transform:translateY(0); opacity:1;
  }
}
@keyframes textLink2 {
  to{
	 transform:translateY(0); opacity:1;
  }
}   



/*=======load======*/   
.load{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	z-index: 5000;
	color: #6FB532; 
	/*display: none;*/
} 
/*body.body_index .load{ display:block;}*/
.load.active{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: all 0.8s cubic-bezier(.77, 0, .175, 1);
	-o-transition: all 0.8s cubic-bezier(.77, 0, .175, 1);
	transition: all 0.8s cubic-bezier(.77, 0, .175, 1)
} 
.load_con{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)!important; text-align: center;}
.load_text { 
	-webkit-animation: 0.8s .2s fadeInUp both;
	animation: 0.8s .2s fadeInUp both;
}   
.load_logo{ display:inline-block; vertical-align: top; height: 57px; width: auto; }
.load_sign{ margin-top: 20px;}
.load_sign .icon_jiazai{
	 display: inline-block;
	vertical-align: middle;
	line-height: 1;
	-webkit-animation: loader 0.8s linear infinite;
	animation: loader 0.8s linear infinite;
	font-size: 30px; 
} 
@-webkit-keyframes loader {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes loader {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
/*===================header========================*/
.inner{ width: 83%; margin: 0 auto; max-width: 1280px;} 
header{ position:fixed; left:0; top:0; z-index:1003; width:100%;} 
/*========= header_line =========*/   
.header_line{ background: #ffffff; height: 100px; line-height: 100px; display:flex; flex-wrap:nowrap;} 
/*logo*/  
.logo{ margin-left: 3.17%;} 
.logo a img{ vertical-align: middle; height: 57px; width:auto; }  
/*nav*/
.nav_box{ margin-left: auto; flex:1 0 0;}
.nav_con{ width: 83%; margin: 0 auto; max-width: 840px;}
.nav_func{ padding: 0 20px; background: rgba(0,0,0, .07); display: none;} 
.nav_closed{ margin-left: auto; display: block; width: 60px; line-height: 60px; text-align: right;}
.nav_closed .iconfont{ font-weight: bold; font-size: 20px;}
.nav_list{ display:flex; flex-wrap: wrap; /*margin: 0 -.30rem;*/ }
.nav_list>li{ position: relative; flex: 1 0 0;}
.n_tit{ position: relative; z-index: 1;}
.n_tit a.n_a0{ display:block; text-align: center; /*padding: 0 .30rem;*/} 
.n_tit a.n_a0 em{ display:inline; padding: .10rem 0; position: relative;} 
.n_tit a.n_a0 em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.nav_list>li:hover a.n_a0 em:before,
.nav_list>li.active a.n_a0 em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}    
.n_tit .iconfont{ position: absolute; top: 0; right: 0; z-index: 1; width: 50px; line-height: 50px; border-left: 1px solid rgba(0,0,0, .10); text-align: center; font-size: 14px; cursor: pointer; display: none;} 
.nav_list>li:hover .n_tit a.n_a0,
.nav_list>li.active .n_tit a.n_a0{ font-weight: 500;}
.nav_list>li .n_collapsible{ position:absolute; top:100%; left:0; z-index: 2; width:100%; min-width: max-content; background: rgba(255,255,255, .90); border-top:2px solid #6FB532; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}   
.nav_list>li .n_collapsible .n_headline{ position: relative; z-index: 1; width: 100%; padding: 15px 0; margin-bottom: .30rem; border-bottom: 1px solid rgba(0,0,0, .30); display: none;}
.nav_list>li .n_collapsible .n_headline .n_headline_back{ cursor: pointer; display: block; }
.nav_list>li .n_collapsible .n_headline .n_headline_tit{ display: block; flex: 1 0 0; text-align: center; opacity: .70; font-size: 16px;}
.nav_list>li .n_collapsible .n_subclass{ padding: .15rem 0;}
.nav_list>li .n_collapsible .n_subclass>li a{ display: block; line-height: 26px; padding:.08rem .30rem; }
.nav_list>li .n_collapsible .n_subclass>li a:hover{ color: #6FB532;}
.nav_list>li .n_collapsible .n_subclass>li a em{ position: relative;}
.nav_list>li .n_collapsible .n_subclass>li a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #6FB532;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.nav_list>li .n_collapsible .n_subclass>li a:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*header_func*/
.header_func{ margin-left: auto; display: flex; flex-wrap: nowrap; align-items: center;}  
.func_menu{display: block; position: relative; cursor: pointer; text-align: center; width: 1rem; border-left:1px solid #E7E7E7;}  
.func_menu .iconfont{ font-size: 22px;}
.func_menu:hover, .func_menu.active{ background: #6FB532; color: #ffffff;}
/*menu_language*/
.menu_language{ width:auto;}
.menu_language_ico{ display:none; width: 100%;}
.menu_language_link{ display:flex;}
.menu_language_link a{ width:1rem; text-align: center; background: #6FB532; color: #ffffff; }
.menu_language_link a.active{ background: #F0F0F0; color:#333333;}
/*menu_search*/ 
.menu_search{ width: 1.20rem;} 
.cover_wrap{ position: fixed; top:0; right:0; z-index: 2; width: 100%; height: 100vh; background: rgba(255,255,255, .90); color: #6FB532; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.cover_wrap.active{ opacity: 1; visibility: visible; pointer-events: all;} 
.cover_head{ width: 100%; height: 100px; position: relative; z-index: 20;}
.cover_head .inner{ position: relative; height: 100%;}
.cover_closed{ display: block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 50px; line-height: 50px; text-align: right;}
.cover_closed .iconfont{ font-size: 28px; -webkit-transition:all 0.6s ease!important; transition:all 0.6s ease!important;}
.cover_closed:hover{ color: #6FB532;}
.cover_box{ height: -webkit-calc(100% - 100px); height: calc(100% - 100px); display:flex; justify-content: center;}
.cover_range{ height: 100%; overflow: hidden; margin: 0 auto;}
.search_cover{ } 
.search_cover .cover_box{ align-items: center;}
.search_cover .cover_head{ position: absolute; top:0; left:0; }
.search_cover .cover_range{ max-width:910px; text-align: center;}
.search_tit{ font-weight: 500; }
.search_func{}
.search_form{ position: relative; margin-top: .50rem; display: flex; align-items: stretch; border-bottom:1px solid rgba(0,0,0, .20); height: 70px; }
.search_txt{ display: block; width: 100%; height: 100%; padding-left: .24rem; color: #6FB532; }
.search_btn{cursor: pointer; flex: none; margin-left: auto; padding: 0 .20rem; height: 100%; color: #6FB532; }
.search_btn .iconfont{ font-size: 22px; }  
/*menu_toggle*/
.menu_toggle{ display: none;} 
@media (min-width: 1200px){ 
	.n_tit .iconfont{ display:none!important;}
	.nav_list>li:hover .n_collapsible,
	.nav_list>li .n_collapsible.active{ opacity: 1; visibility: visible; pointer-events: all;} 
	header.scollfox{ pointer-events: none;}
	body.up header.scollfox{ pointer-events: all;} 
	header.scollfox .header_top{ transform: translateY(-100%); } 
	body.up header.scollfox .header_top{ transform: translateY(0); }
	header.scollfox .header_line{ transform: translateY(-150%); } 
	body.up header.scollfox .header_line{ transform: translateY(0); }
}  

/*============================ footer ============================*/  
footer{ overflow: hidden; }  
/*=======footer_box======*/ 
.footer_box{}
.footer_top{ padding-top: .50rem; padding-bottom: .50rem; min-height: 4.70rem; }
.footer_top .inner{ display: flex; flex-wrap: wrap;}
.footer_left{ width:26%; margin-right: 5%;}
.footer_logo{}
.footer_logo img{ height: 57px; width: auto;}
.footer_notice{display:flex; align-items: center; margin-top: .60rem;}
.footer_notice dt{ width:1.20rem; margin-right: .30rem;}
.footer_notice dd{ flex:1 0 0;}
.notice_tit{ line-height: 1.66;}
.notice_tel{ font-weight: 500; color: #DD462D; line-height: 1; margin-top: .20rem;}
.footer_right{ margin-left: auto; flex:1 0 0; overflow: hidden; display: flex; flex-wrap: wrap; /*max-width:  830px;*/}
/*footer_nav*/
.footer_nav{ display: flex; flex-wrap: wrap; justify-content: space-between; flex: 1 0 0; margin: -.20rem 0; /*width: 62.60%;*/ }
.footer_nav>li{ padding: .20rem 0; max-width: 185px;}
.f_tit{ position: relative;}
.f_tit a.f_a0{ display: block; font-weight: 500;}
.f_tit a.f_a0:hover{ color: #DD462D;}
.f_tit .iconfont{ position: absolute; top: 0; right: 0; z-index: 1; width: 40px; line-height: 40px; border-left: 1px solid rgba(0,0,0, .10); text-align: center; font-size: 14px; cursor: pointer; display: none;}
.f_subclass{ font-size: 14px; margin-top: .25rem;}
.f_subclass>li a{ display:block; color: #666666; line-height: 24px; padding: 3px 0;}
.f_subclass>li a em{ display:inline-block; position: relative;}
.f_subclass>li a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #DD462D;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.f_subclass>li a:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.f_subclass>li a:hover{ color: #DD462D;} 
.icon_hot{ display:inline-block; margin-left: 5px; width: 22px; height: 22px; background: url(../images/ico_hot.png) no-repeat; background-size: contain; text-indent: -9999px;}
/*footer_bot*/ 
.footer_bot{ padding: .20rem 0; border-top:1px solid #EEEEEE; color: #666666;}  
.footer_bot a{ color: #666666;}
.footer_bot a:hover{ color: #DD462D;}
.footer_bot .inner{ display: flex; flex-wrap: wrap;}
.footer_copyright{}
/*footer_follow*/ 
.footer_follow{ margin-left: .20rem;}
.follow_list{ display:flex; justify-content: center;}
.follow_list li{ display:inline-block; vertical-align: middle; position: relative; margin: 0 .05rem; }
.follow_list li a.f_l0{ display:block; text-align: center; line-height: 30px; width: 30px; height: 30px; background: #BFBFBF; color:#ffffff; border-radius: 50%;}
.follow_list li a.f_l0 .iconfont{ font-size:18px;}
.follow_more{ position: absolute; bottom: 99%; left:50%; transform: translateX(-50%); z-index: 1; width: 140px; padding-bottom: 20px; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; opacity: 0; visibility: hidden; pointer-events: none;}
.follow_more:before{
	content: "";
    position: absolute;
    top: 100%;
	left: 50%; 
    width: 12px;
    height: 12px; 
    z-index: 2;
    transition: .2s ease-in-out;
    border: 0;
    border-top: 1px solid #e7e2de;
    border-right: 1px solid #e7e2de;
	background: #fff;
    -webkit-transform: translate(-50%, -25px) rotate(135deg);
    -ms-transform: translate(-50%, -25px) rotate(135deg);
    -o-transform: translate(-50%, -25px) rotate(135deg);
    transform: translate(-50%, -25px) rotate(135deg);
}
.follow_more_range{ background: #ffffff; box-shadow:0 0 10px 0 rgba(0,0,0,  .20); padding: 10px; text-align: center; line-height: 22px;}
.follow_more img{ display:block; margin: 0 auto 5px;}
.follow_list li:hover a.f_l0{ background: #DD462D;}
.follow_list li:hover .follow_more{ opacity: 1; visibility: visible; pointer-events: all;}
.footer_support{ margin-left: auto;}
/*float_menu*/
.float_menu{ position: fixed; bottom:10%; right: 1.72%; z-index: 1004; }
.float_menu li{ position: relative; margin-top: .15rem;}
.float_menu li a.f_m_a0{ display:block; border-radius:50%; background: #ffffff; color: #252525; box-shadow: 0 0 .20rem 0 rgba(0,0,0, .10); text-align: center; width:50px; height: 50px; line-height: 50px;}
.float_menu li a.f_m_a0 .iconfont{ font-size: 24px;}  
.float_menu li:hover a.f_m_a0{ background-color: #223282; color: #ffffff;}
.float_menu li:hover .f_m_cover{ opacity:1; visibility: visible; pointer-events: all;}  
@media (min-width: 992px){  
	.f_tit .iconfont{ display:none!important;}
}

/*============================ 01 ============================*/  
main{ padding-top: 100px; }  
.sec_box{ position: relative; overflow: hidden; padding-top: 1rem; padding-bottom: 1rem; background: 50% 0 no-repeat; background-attachment: fixed; background-size: cover;}
.effect_swiper{ position:relative;}
/*sec_tit*/
.sec_tit{ text-align: center; color: #6FB532; line-height: 1; margin-bottom: .50rem;}
.sec_tit a{ color: #6FB532;}
.sec_tit em{ display:block; text-transform:uppercase; opacity: 0.5;}
.sec_tit i{ display:block; font-weight: 500; margin-top: .10rem;}
/*sec_more*/ 
.sec_more{ display: table; position: relative; overflow: hidden; background: #FC6935; border:1px solid #FC6935; color:#ffffff; border-radius: 4px; text-align: center; padding: 0 .30rem; min-width: 1.30rem; height: 45px; line-height: 43px; margin: .50rem auto 0;}  
.sec_more em{  position: relative; z-index: 1;}
.sec_more:before{ content:""; position: absolute; bottom: 0; left: 0; transform: scale(0); width: 200px; height:200px; border-radius: 50%; background: #ffffff; } 
.sec_more:hover{ color: #FC6935;}
.sec_more:hover:before{ transform: scale(2);}

/*=======index_focus======*/   
.index_focus{ padding-top:0; padding-bottom: 0; height: -webkit-calc(100vh - 100px); height: calc(100vh - 100px);}
.focus_swiper{ height:100%; position:relative;} 
.focus_show{ height: 100%;} 
.focus_show_img{ padding-top:0; height:100%;}
.focus_show_img:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .10); }
.focus_show_img img{ transform:scale(1); /*transition:all 3s linear;*/}
/*.focus_swiper .swiper-slide-active .focus_show_img img{ transform:scale(1.1); transition:all 6s linear;} */
.focus_show_text{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; color: #ffffff;}
.focus_show_tit{ /*margin-top: 14%;*/ position: absolute; top:50%; left:0; z-index: 1; transform: translateY(-80%); width: 100%;}
.focus_show_tit em{ display:block; font-weight: bold;}
.focus_show_tit i{ display:block;}
.focus_show_des{ position: absolute; bottom: .16rem; left:0; width: 100%; text-align: right;}
.focus_swiper .swiper-slide-active .focus_show_tit em{  -webkit-animation: 1s .2s fadeInLeft both; animation: 1s .2s fadeInLeft both;}
.focus_swiper .swiper-slide-active .focus_show_tit i{  -webkit-animation: 1s .4s fadeInLeft both; animation: 1s .4s fadeInLeft both;}
.focus_swiper .swiper-slide-active .focus_show_des{  -webkit-animation: 1s .3s fadeInUp both; animation: 1s .3s fadeInUp both;}
.focus_thumbs{ position: absolute; bottom: .60rem; left:0; z-index: 2; width: 100%;}
.focus_thumbs .swiper-wrapper{ justify-content: flex-end;}
.focus_thumbs .swiper-slide{ cursor: pointer; }
.focus_thumbs .swiper-slide:last-child{ margin-right:0!important;}
.focus_thumbs .swiper-slide:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; border:2px solid transparent;}
.focus_thumbs .swiper-slide-thumb-active:before{ border-color: #6FB532;}
.focus_thumbs_img{ padding-top: 61.33%;}
.focus_swiper .swiper-pagination{ position:absolute; bottom: 9.50%; display:none;}
.focus_swiper .swiper-pagination .swiper-pagination-bullet{ vertical-align: bottom; background: none; border:none; border-radius:0; position: relative; width: 13px; height: 24px; margin: 0; opacity: 1; filter: alpha(opacity=100); }  
.focus_swiper .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
	top:auto;
    bottom: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 3px;
    height: 13px;
	border-radius: 0;
    border: none;
    transform: none;
}
.focus_swiper .swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background:rgba(255,255,255, 1);
    width: 3px;
    height: 24px;
    transform: scaleY(0);
    transform-origin: center bottom;
	border-radius: 0;
    border: none; 
} 
.focus_swiper .swiper-pagination .swiper-pagination-bullet-active:before {
   height: 24px;
} 
.focus_swiper .swiper-pagination .swiper-pagination-bullet-active:after {
    -webkit-animation: 5s .2s move02 both;
    animation: 5s .2s move02 both;
} 
@-webkit-keyframes move02 {
    0% {
        transform: scaleY(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleY(1);
    }
} 
@keyframes move02 {
    0% {
        transform: scaleY(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleY(1);
    }
}   
.focus_swiper .swiper_arrow{ display:none;} 
 /*=======index_product======*/  
.index_product{ }
.product_list{ display:flex; flex-wrap: wrap; margin: -.14rem;}
.product_block{ width:25%; padding: .14rem;}
.product_block a{ cursor: pointer; display:block; overflow: hidden; position: relative;}
.product_img{ padding-top: 83.33%;}
.product_item{ position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; padding: .12rem .30rem; text-align: center; background: rgba(0, 0, 0, .24); color: #ffffff; -webkit-transition:background 0.6s ease; transition:background 0.6s ease;}
.product_block a:hover .product_img img{ transform: scale(1.05);}
.product_block a:hover .product_item,
.product_block.active a .product_item{ background: #6FB532;}
 /*=======index_solution======*/  
.index_solution{ }
.solution_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.16rem;}
.solution_block{ width: 33.33%; padding: .16rem;}
.solution_block a{ cursor: pointer; height: 100%; display:block; overflow: hidden; position: relative;background: #ffffff;}
.solution_img{ padding-top: 69.14%;}
.solution_block a:hover .solution_img img{ transform: scale(1.05);} 
.solution_cover{ width: 100%; padding: .20rem; text-align: center;} 
.solution_item{ font-weight: 500; line-height: 25px;}
.solution_item span{ display:block; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ }
.solution_more{ display: none;}

@media (min-width: 768px){ 
	.solution_block a{ background: none;}
	.solution_img:before{ content:""; position: absolute; top: 0%; left:0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255,255,255, 0) 60%, rgba(255,255,255, 1) 80%);}
	.solution_cover{position: absolute; bottom: 0; left:0; z-index: 2; height: -webkit-calc(25px + .50rem); height: calc(25px + .50rem); padding: .25rem .30rem; background: none; -webkit-transition:height 0.6s ease; transition:height 0.6s ease; display: flex;justify-content: center;flex-direction: column;align-items: center;}
	.index_solution .solution_block a:hover{ color: #FC6935;}
	.index_solution .solution_block a:hover .solution_img:before{ background: linear-gradient(180deg, rgba(255,255,255, .75) 60%, rgba(255,255,255, .75) 100%)}
	.index_solution .solution_block a:hover .solution_cover{  height:100%;}
	.index_solution .solution_block a:hover .solution_more{ display:block; margin-top: .15rem;}
}

 /*=======index_demonstrate======*/  
.index_demonstrate{ } 
.demonstrate_swiper{}
.video_box{ padding-top: 64.04%; /*min-height: 240px;*/ overflow: hidden; position: relative; cursor: pointer;}
.video_box video{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.video_poster{ position: absolute; top: 0%; left: 0%; z-index: 1; width: 100%; height: 100%;}
.video_poster:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .15);}
.video_poster img{ display: block; width: 100%; height: 100%; object-fit: cover;} 
.video_sign{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; color: #ffffff; opacity: .50; -webkit-transition:opacity 0.6s ease; transition:opacity 0.6s ease;  }  
.video_sign .iconfont{ font-size: 55px;}
.video_box:hover .video_poster:before{ background: rgba(0,0,0, .45);}
.video_box:hover .video_poster .video_sign{ opacity: 1;}  
.demonstrate_swiper .video_box,
.demonstrate_swiper video{ border-radius: 10px;}
.demonstrate_swiper .swiper-pagination{ display: none;}
 /*=======index_brand======*/  
.index_brand{ overflow: visible;} 
.brand_area{ position:relative;}
.brand_list{ display:flex; flex-wrap: wrap; margin: -.25rem -.80rem;}
.brand_block{ width: 20%; padding: .25rem .15rem;} 
.brand_sign{ display:block; position: relative; text-align: center; -webkit-transition:box-shadow 0.6s ease; transition:box-shadow 0.6s ease;}
.brand_img{ width:70%; max-width:140px; margin: 0 auto;}
.brand_img .ico_box{ padding-top: 60%;}
.brand_img .ico_box img{ opacity: .70; /*-webkit-filter: grayscale(100%); filter: grayscale(100%)*/;}
.brand_item{ margin-top: .10rem; }
.brand_item em{ display:inline-block; position: relative; padding-bottom: .10rem;}
.brand_item em:before{ content:""; position: absolute; left:50%; bottom: 0; transform: translateX(-50%); width: 20px; height: 2px; background: #BE3529;}
.brand_block:hover .brand_sign .brand_img img{ opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.brand_block:hover .brand_sign .brand_item em:before{ width:100%;}
.brand_block:hover .brand_sign{ box-shadow: 0 0 10px 0 rgba(0,0,0, .20);}
.brand_cover{ position: absolute; top: 15%; left: 0; z-index: 2; width: 100%; border-radius: .20rem; background: rgba(0,0,0, .70); padding: .40rem .80rem; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.brand_subclass{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.18rem;}
.brand_subclass li{ width:25%; padding: .18rem;}
.brand_subclass li a{ display: block; line-height: 18px; color: #ffffff;}
.brand_subclass li a em{ display:block;}
.brand_subclass li a:hover{ color: #7bc03f; text-decoration: underline;}
.brand_block:hover .brand_cover{ opacity: 1; visibility: visible; pointer-events: all;}
.brand_block:nth-child(6) .brand_cover,
.brand_block:nth-child(7) .brand_cover,
.brand_block:nth-child(8) .brand_cover,
.brand_block:nth-child(9) .brand_cover,
.brand_block:nth-child(10) .brand_cover{ top:calc(15% + 100%/4); }
.brand_block:nth-child(11) .brand_cover,
.brand_block:nth-child(12) .brand_cover,
.brand_block:nth-child(13) .brand_cover,
.brand_block:nth-child(14) .brand_cover,
.brand_block:nth-child(15) .brand_cover{ top:calc(15% + 100%/4* 2); }
.brand_block:nth-child(16) .brand_cover,
.brand_block:nth-child(17) .brand_cover,
.brand_block:nth-child(18) .brand_cover,
.brand_block:nth-child(19) .brand_cover,
.brand_block:nth-child(20) .brand_cover{ top:calc(15% + 100%/4* 3); }

 /*=======index_about======*/  
.index_about{ padding-top: 0;}
.about_entrance{ display:flex; flex-wrap: wrap; align-items: stretch; /*height: 4rem;*/}
.about_entrance_left{ width:50%; position: relative; padding: .70rem; padding-left: 0;}
.about_entrance_left:before{ content:""; position: absolute; top:0; right:0; width: 150%; height: 100%; background: url(../images/about_01.jpg) right top no-repeat; background-size: cover;}
.about_entrance_text{ position: relative; z-index: 1;}
.about_entrance_text .sec_tit{ text-align:left; margin-bottom: .40rem;}
.about_entrance_des{ -webkit-line-clamp:4; line-height: 36px; max-height: 144px;}
.about_entrance_right{ flex: 1 0 0;}
.about_entrance_img{ height: 100%; width:150%; max-width: 960px;}
.about_entrance_img .img_box{ padding-top: 0; height: 100%;}
.about_data{ display:flex; flex-wrap: wrap; align-items: stretch; border-right:1px dashed #C9C9C9; margin-top: .60rem;}
.about_data li{ width:25%; border-left:1px dashed #C9C9C9; text-align: center; padding: 0 .30rem; }
.about_data_ico{ max-width: 80px; margin: 0 auto; opacity: .15; -webkit-transition:transform 0.6s ease, opacity 0.6s ease; transition:transform 0.6s ease, opacity 0.6s ease;}
.about_data_num{ line-height: 1; font-family: "ATAura"; margin-top: .40rem; }
.about_data_num em, .about_data_num i{ display: inline-block; vertical-align: baseline;}
.about_data_item{ margin-top: .30rem;}
.about_data li:hover .about_data_ico{ opacity: 1; transform: rotateY(180deg); }
 /*=======index_news======*/  
.index_news{ background-attachment: local;}
.news_swiper{ margin: -10px 0;}
.news_swiper .swiper-container{ padding: 10px 0;}
.news_swiper .swiper-slide{ width: 19.80%;}
.news_block{ height: 100%;}
.news_block a{ display:block; height: 100%; overflow: hidden; position: relative; border-radius: 6px; padding: .20rem; padding-bottom: 0; background: #ffffff; box-shadow: 0 0 10px 5px rgba(0,0,0, .05);}
.news_block a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: .04rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #76C04B;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.news_block a:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.news_img .img_box{ padding-top: 61.76%;}
.news_block a:hover .news_img .img_box img{ transform: scale(1.05); }
.news_text{ padding:.35rem 0; line-height: 24px;}
.news_item{ font-weight: 500;}
.news_time{ opacity: .50; margin-top: .20rem;}
.news_more{ color: #76C04B; font-weight: 500; margin-top: .35rem;} 
.news_swiper .swiper_arrow{ display:none;}
/*=======index_case======*/  
.index_case{  }
.case_swiper{ }
.case_area{}
.case_area a{ display:block; height: 100%;}
.case_img .img_box{ padding-top: 66.67%;}
.case_item{ position: relative; margin-top: .15rem;}
.case_area a:hover{ color: #76C04B;}
.case_area a:hover .case_img .img_box img{ transform: scale(1.05); }
.case_swiper .swiper-pagination{ display:none;} 

/*============================ 02--产品中心 ============================*/  
.banner_wrap{ position: relative; overflow: hidden; }
.banner_img{ padding-top:41.67%; min-height: 200px; background: 50% 0 no-repeat; background-attachment: fixed; background-size: cover;}
.banner_img:before{ content:" "; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .20); } 
.banner_img img{ display:none;}
.banner_text{ position: absolute; top:50%; left:0; transform: translateY(-70%); z-index: 2; width: 100%; text-align: center; color: #ffffff;}
.banner_tit{ line-height: 1; font-weight: 500;}
.banner_tit em{ display:block; text-transform:uppercase;}
.banner_tit i{ display:block; margin-top: .25rem;}
.banner_dec{ text-indent:-9999px; position:absolute; bottom: 0; left:0; z-index: 1; width: 100%; height: 30%; max-height: 230px; overflow: hidden;}
.banner_dec:before{  content:""; position: absolute; top: 0; left:50%; width:1px; height: 100%; background:rgba(255,255,255, .80);
	-webkit-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transform: scale(1,0);
	transform-origin: top;
	animation:scrollLoop 2s infinite;
　　-webkit-animation:scrollLoop 2s infinite;
} 
.scroll_loop {
	-webkit-animation: scrollLoop 4000ms cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; 
	animation: scrollLoop 4000ms cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
} 
@-webkit-keyframes  scrollLoop {
   0%   {-webit-transform:scale(1,0);-webit-transform-origin:top;}
  40% {-webit-transform:scale(1,1);-webit-transform-origin:top;}
  41% {-webit-transform-origin:bottom;-webit-transform:scale(1,1);}
  81% {-webit-transform:scale(1,0);-webit-transform-origin:bottom;}
   82% {-webit-transform-origin:top;-webit-transform:scale(1,0);}
} 
@keyframes  scrollLoop {
  0%   {transform:scale(1,0);transform-origin:top;}
  40% {transform:scale(1,1);transform-origin:top;}
  41% {transform-origin:bottom;transform:scale(1,1);}
  81% {transform:scale(1,0);transform-origin:bottom;}
   82% {transform-origin:top;transform:scale(1,0);}
}
/*=======product_category======*/  
.product_category{ background-attachment: local;}
.category_change{ display:none;}
.category_change.active{ display:block;}
.category_list{
	-webkit-animation: .6s fadeIn both;
	animation: .6s fadeIn both; 
	margin-top: .70rem;
}
.category_block{ margin-top: .40rem;}
.category_block:first-child{ margin-top: 0;}
.category_block a{ display: flex; flex-wrap: wrap; align-items: stretch; flex-direction: row-reverse; background: rgba(255,255,255, 1); box-shadow:0 0 .50rem .50rem rgba(0,0,0, .03); }
.category_img{ width:41%;}
.category_img .img_range{ max-width: 450px; margin: 0 auto;}
.category_img .img_range .img_box{ padding-top: 77.78%;}
.category_text{ flex: 1 0 0; overflow: hidden; padding: .40rem 0 .40rem .60rem;}
.category_mark{ display: inline-block; padding: 0 .10rem; background: #FC6A35; color:#ffffff; border-radius: 4px; line-height: 37px;}
.category_item, .category_des{ letter-spacing: 0.03em;}
.category_item{ font-weight: 500; margin: .15rem 0;}
.category_des{ color: #666666; -webkit-line-clamp:4; line-height: 30px; max-height: 120px;}
.category_more{ display: block; margin-top: .20rem; line-height: 1; color: #D2D2D2; -webkit-transition:color 0.6s ease; transition:color 0.6s ease;}
.category_more .iconfont{ font-size: 30px;}
.category_block a:hover{ background: rgba(255,255,255, .70); color: #76C04B;}
.category_block a:hover .category_more{ color: #76C04B;}
/*=======product_summary======*/  
.product_summary{ padding-top: 0; padding-bottom: 0; background-color: #f5f5f5;}
.product_summary .inner{ display:flex; flex-wrap: wrap; align-items: center;}
.summary_left{ width: 50%; padding-bottom: .40rem;}
.summary_swiper{}
.summary_img{ max-width:550px; margin: 0 auto;}
.summary_img .img_box{ padding-top: 77.78%;}
.summary_swiper .swiper_arrow div{ padding: 0;}
.summary_swiper .swiper_arrow div:after{ font-size: 56px; font-weight: normal;}
.summary_swiper .swiper-pagination{ margin-top: 0;}
.summary_swiper .swiper-pagination-bullet{ width: 10px; height: 10px;}
.summary_swiper .swiper-pagination-bullet-active{ background: #000000; opacity: .30;}
.summary_right{ flex:1 0 0;}
.summary_text{ padding: 0 0 0 .70rem;}
.summary_tit{ font-weight: 500; line-height: 1.20;}
.summary_des{ line-height:1.50; margin-top: .20rem;}
/*=======product_guide======*/  
.product_guide{ padding-top: 0; padding-bottom: 0; background-color: #EAEAEA; z-index: 1000;}
.guide_nav{ display:flex;}
.guide_nav li{ flex: 1 0 0; text-align: center; position: relative; font-weight: 500;}
.guide_nav li:before, .guide_nav li:last-child:after{ content:""; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 1px; height: 16px; background: #C9C9C9;} 
.guide_nav li a{ cursor: pointer; display: block; position: relative; line-height: 4;}
.guide_nav li a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  background: #6BBC40;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.guide_nav li:hover a:before, .guide_nav li.active a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.guide_nav li a:after{ content:""; position: absolute; top:0; left:50%; transform: translateX(-50%); width:12px; height: 0; background: url(../images/ico_dec.png) center top no-repeat; }
.guide_nav li:hover a, .guide_nav li.active a{ color:#6BBC40;}
.guide_nav li:hover a:after, .guide_nav li.active a:after{ height: 8px;}
/*=======product_details======*/  
.product_details{ padding-top: .70rem; background-attachment: local; background-image: url(../images/product_03.jpg);}
.details_change{ height: 0; visibility: hidden; opacity: 0; pointer-events: none;}
.details_change.active{ height: auto; visibility: visible; opacity: 1; pointer-events: all;}
.details_change.active .details_in{-webkit-animation: .6s fadeIn both; animation: .6s fadeIn both; }
.details_tit{ font-weight: 500; margin-bottom: .50rem;}
.details_box,
.information_box{ display:flex; flex-wrap: wrap; align-items: stretch;}
.details_left{ width: 24%; min-width: 150px; max-width: 230px; margin-right: 6.25%;}
.details_nav{ border-top: 1px solid #DCDCDC;}
.details_nav li{ border-bottom: 1px solid #DCDCDC;}
.details_nav li a{ display:block; padding: .18rem 0; color: #999999;}
.details_nav li:hover a, .details_nav li.active a{ font-weight: 500; color: #333333;}
.details_right{ /*overflow: hidden;*/ flex:1 0 0;}
/*information_block*/
.information_block{ margin-top: .90rem; line-height: 1.50;}
.information_block:first-child{ margin-top: 0;}
.information_block *{ list-style: inherit; }
.information_block img{ height: auto!important;}
.information_item{ font-weight: 500; margin-bottom: .30rem;}
.information_img{ margin-top: .50rem;}
/*apply_block*/
.apply_block{ margin-top: .90rem; line-height: 1.50;}
.apply_block:first-child{ margin-top: 0;}
.apply_img{ margin-top: .10rem; margin-left: -.40rem; display:flex; flex-wrap: wrap;}
.apply_img img{ margin: .40rem 0 0 .40rem;} 
/*resources_block*/
.resources_block{}
.resources_line{ position: relative; border-top: 1px dashed #C9C9C9;}
.resources_line:before{ content:""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: #ffffff; opacity: 0;}
.resources_line a{ display:block; position: relative; z-index: 1; padding: .40rem 0 .40rem .22rem;}
.resources_item{ margin-left: -.22rem; padding-left: .22rem; position: relative; font-weight: 500; color: #6bbc40;}
.resources_item:before{ content:""; position: absolute; top:50%; left:0; width:.07rem; height: .07rem; border-radius: 50%; background: #6bbc40;}
.resources_des{ color: #666666; font-weight: 300; line-height: 30px; max-height: 60px; margin-top: .10rem;}
.resources_line a .sec_more{ margin: .25rem 0 0;}
.resources_line:hover:before{ opacity: 1;}
/*video_block*/
.video_block{ background: #ffffff;}
.video_swiper{}
.video_show{ border: 1px solid #E5E5E5;}
.video_show .swiper-slide{ padding: .65rem; }
.video_range{ max-width: 750px; margin: 0 auto;}
.video_range .video_box{ padding-top: 56%;}
.video_des{  margin-top: .15rem;}
.video_thumbs{ background: #f9fafb; border: 1px solid #E5E5E5; padding: .30rem .80rem; position: relative;}
.video_thumbs .swiper-pagination{ display:none;}
.video_thumbs_img{ cursor: pointer; position:relative;}
.video_thumbs_img .img_box{ padding-top: 56%;}
.video_thumbs_img .img_box:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .20); }
.video_thumbs_img .video_sign{ opacity: 1;}
.video_thumbs_img .video_sign .iconfont{ font-size: 32px;}  
.video_thumbs_tit{ text-align: center; margin-top: .10rem;}
.video_thumbs .swiper-slide-thumb-active .video_sign .icon_video02:before{ content: "\e68f";}
.video_thumbs .swiper_arrow div{ padding: .30rem;} 

/*case_block*/
.case_change{ display:none;}
.case_change.active{ display:block;}
.case_block{
	-webkit-animation: .6s fadeIn both;
	animation: .6s fadeIn both; 
}
.case_line{ margin-bottom: .40rem;}
.case_line a{ display:flex; flex-wrap: wrap; padding: .50rem; background: rgba(255,255,255, 1); box-shadow: 0 0 .50rem 0 rgba(0,0,0, .08);}
.case_pic{ width: 50%; max-width: 590px; margin-right: .50rem;}
.case_pic .img_box{ padding-top: 60.34%;}
.case_text{ overflow: hidden; flex:1 0 0;}
.case_time{ color: #6BBC40; margin-top: .15rem;}
.case_tit{ font-weight: 500; margin-top: .15rem;}
.case_des{ color: #666666; line-height: 30px; max-height: 90px; -webkit-line-clamp:3; margin-top: .20rem;}
.case_more{ margin: .35rem 0 0;}
.case_line a:hover{ color: #6BBC40; background: rgba(255,255,255, .60); }
.case_line a:hover .case_pic .img_box img{ transform: scale(1.05);}
/*=======product_message======*/  
.product_message{ padding-top: 1.20rem; padding-bottom: 1.20rem;}
.product_message .inner{ display:flex; flex-wrap: wrap; align-items: stretch;}
.message_left{ width: 31.875%; max-width: 408px; margin-right: 2px; padding: .65rem; background: #FFFFFF; border-radius: 12px 0px 0px 12px;}
.message_left .sec_tit{ text-align: left;}
.message_forewords{ line-height: 1.67; margin-top: -.15rem;}
.message_right{ flex:1 0 0; padding: .50rem .60rem; background: #FFFFFF; border-radius: 0px 12px 12px 0px;}
.message_form{}
.message_form form{ display:flex; flex-wrap: wrap; margin: -.10rem;}
.form_line{ width:50%; padding:.10rem;}
.form_fill{ position:relative;}
.form_txt{ width: 100%; height: 50px; padding: 10px .20rem; background: #EEEEEE; border-radius: 6px;}
.line_full{ width:100%!important;}
.form_yu{ resize: none; height: 97px;}
.line_func{ width:100%!important; text-align: right; } 
.form_btn{ display: inline-block; cursor: pointer; background: #FC6935; color:#ffffff; border-radius: 4px; text-align: center; padding: 0 .30rem; min-width: 1.30rem; height: 45px; }   

/*============================ 03--解决方案 ============================*/  
/*=======solution_classify======*/ 
.solution_classify{ background-attachment: local;} 
.solution_classify .solution_block a:hover,
.solution_classify .solution_block.active a{ background: rgba(107,188,64, 1); color:#ffffff;}
.solution_classify .solution_block a:hover .solution_img:before,
.solution_classify .solution_block.active a .solution_img:before{ background: linear-gradient(180deg, rgba(107,188,64, 0) 60%, rgba(107,188,64, 1) 80%);}
.classify_change{ display: none;}
.classify_change.active{ display:block;}
/*=======solution_circular======*/ 
.solution_circular{ position: relative; padding: .60rem 0 .90rem;
	-webkit-animation: .6s fadeIn both;
	animation: .6s fadeIn both;
}
.circular_box{ padding:1.20rem 0; border-radius: 50%; position: relative;}
.circular_out{ display:flex; align-items: center; width: 5.40rem; height: 5.40rem; border-radius: 50%; margin: 0 auto; position: relative; }
.circular_line{ position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; border: 1px dashed #7D7D7D; -webkit-animation: move01 100s linear infinite; animation: move01 100s linear infinite;}
@keyframes move01 {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
} 
@-webkit-keyframes move01 {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
.circular_center{ width:70%; height: 70%; margin: 0 auto; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.circular_img{ -webkit-animation: move01 16s linear infinite; animation: move01 16s linear infinite;}
.circular_img:before{ content: ""; position: absolute; top:50%; left:50%; z-index: 2; transform: translate(-50%,-50%); border-radius: 50%; width:91%; height: 91%; border: 2px solid #FFFFFF; opacity: .70; /*background: linear-gradient(72deg, #DDEEF8, #6BBC40, #FFFFFF);*/}
.circular_img .img_box:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; border-radius: 50%; width: 100%; height: 100%; background: rgba(59,164,3, .60);}
.circular_tit{ position: absolute; top:50%; left:0; z-index: 1; transform: translateY(-50%); width: 100%; text-align: center; font-weight: 500; color: #ffffff; }
.circular_plan{ width:100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(0%,-50%);}
.circular_plan li {/* border-left: 2.70rem solid transparent;*/ border-top: 1px solid transparent; left: 50%; position: absolute; top: 50%; transform-origin: 0 0; width:100%; }
.circular_plan li:after { content: " "; width: 0.7em; height: 0.4em; margin-left: -0.14em; margin-top: -2.1em; position: absolute; font-size: 3.5em; background-size: 100%; background-color: transparent; transform: rotate(-29deg); background-repeat: no-repeat; }
.circular_plan li a { position: absolute; width: 100%; display: block;}
.circular_plan li a:before{ content:""; position: absolute; top:50%; left:-0.075rem; transform: translateY(-50%);; width: .15rem; height: .15rem; background: #6BBC40; border-radius: 50%;}
.plan_info{ display: flex; align-items: center; width: 100%; position: absolute; padding: .15rem;}
.plan_pic{ width: 1.10rem; margin-right: .10rem;}
.plan_text{ flex:1 0 0; overflow: hidden; word-break:break-word; /*width: max-content;*/ line-height: 1.25;}
.circular_plan li a:hover{ color: #6BBC40; }
.circular_plan li.cp_01 { transform: rotate(-90deg); }
.circular_plan li.cp_01 a { transform: rotate(90deg); }
.circular_plan li.cp_01 .plan_info{ bottom: 100%; left: 0; transform: translate(-50%, 0);}
.circular_plan li.cp_02 { transform: rotate(-54deg); }
.circular_plan li.cp_02 a { transform: rotate(54deg); }
.circular_plan li.cp_02 .plan_info{ top: 0; left: 0; transform: translate(0%, -50%);}
.circular_plan li.cp_03 { transform: rotate(-18deg); }
.circular_plan li.cp_03 a { transform: rotate(18deg); }
.circular_plan li.cp_03 .plan_info{top: 50%; left: 0; transform: translate(0%, -50%);}
.circular_plan li.cp_04 { transform: rotate(18deg); }
.circular_plan li.cp_04 a { transform: rotate(-18deg); }
.circular_plan li.cp_04 .plan_info{ top: 50%; left: 0; transform: translate(0%, -50%);}
.circular_plan li.cp_05 { transform: rotate(54deg); }
.circular_plan li.cp_05 a { transform: rotate(-54deg); }
.circular_plan li.cp_05 .plan_info{ top: 50%; left: 0; transform: translate(0%, -50%);}
.circular_plan li.cp_06 { transform: rotate(90deg); }
.circular_plan li.cp_06 a { transform: rotate(-90deg); } 
.circular_plan li.cp_06 .plan_info{ top: 100%; left: 0; transform: translate(-50%, 0);}
.circular_plan li.cp_07 { transform: rotate(126deg); }
.circular_plan li.cp_07 a { transform: rotate(-126deg); }
.circular_plan li.cp_07 .plan_info,
.circular_plan li.cp_08 .plan_info,
.circular_plan li.cp_09 .plan_info,
.circular_plan li.cp_10 .plan_info{ flex-direction:row-reverse; text-align: right;}
.circular_plan li.cp_07 .plan_info .plan_pic,
.circular_plan li.cp_08 .plan_info .plan_pic,
.circular_plan li.cp_09 .plan_info .plan_pic,
.circular_plan li.cp_10 .plan_info .plan_pic{ margin-right: 0; margin-left: .10rem;}
.circular_plan li.cp_07 .plan_info{ top:50%; right:100%; transform: translate(0%, -50%);} 
.circular_plan li.cp_08 { transform: rotate(162deg); }
.circular_plan li.cp_08 a { transform: rotate(-162deg); } 
.circular_plan li.cp_08 .plan_info{ top: 50%; right: 100%; transform: translate(0, -50%);}
.circular_plan li.cp_09 { transform: rotate(198deg); }
.circular_plan li.cp_09 a { transform: rotate(-198deg); }
.circular_plan li.cp_09 .plan_info{ top:50%; right:100%; transform: translate(0%, -50%);} 
.circular_plan li.cp_10 { transform: rotate(234deg); }
.circular_plan li.cp_10 a { transform: rotate(-234deg); } 
.circular_plan li.cp_10 .plan_info{ top: 50%; right: 100%; transform: translate(0, -50%);}
/*classify_list*/
.classify_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.14rem; 
	-webkit-animation: .6s fadeIn both;
	animation: .6s fadeIn both;
}
.classify_block{ width:25%; padding: .14rem;}
.classify_block a{ display: block; height: 100%; background: #FFFFFF; border: 1px solid #E5E5E5;}
.classify_img{ background: #f3f3f3; padding-top: 87.25%;}
.classify_text{ padding: .30rem;}
.classify_tit{ font-weight: 500;}
.classify_des{ color: #666666; line-height: 30px; max-height: 180px; height: 180px; -webkit-line-clamp:6; margin-top: .20rem; }
.classify_more{ display:block; padding: 0 .30rem; background: #EEEEEE; color: #999999; line-height: 2.75; -webkit-transition:background 0.6s ease, color 0.6s ease; transition:background 0.6s ease, color 0.6s ease;}
.classify_block a:hover{ box-shadow:  0 0 10px 0 rgba(0,0,0, .10); color: #6BBC40;}
.classify_block a:hover .classify_more{ background: #6BBC40; color: #ffffff;}
.classify_block a:hover .classify_img img{ transform:scale(1.05); }

/*============================ 04--品牌 ============================*/   
.brand_wrap{ padding-top: 0; padding-bottom: 0;}
/*=======brand_left======*/
.brand_box{ display:flex; flex-wrap: wrap; align-items: stretch;}
.brand_left{ width:285px; position: relative; z-index: 2; padding: 1.20rem 0 .40rem;}
.brand_nav{ max-height: -webkit-calc(100% - 0.20rem); max-height: calc(100% - 0.20rem); /*overflow-y: auto;*/  }  
.brand_nav li{}
.brand_nav li a{ display:block; position: relative; color: #B8B8B8; line-height: 22px; padding: .13rem 0;} 
.brand_nav li:hover a,
.brand_nav li.active a{ color: #6BBC40;}
.brand_nav li a:before{ 
  content: "";
  display: block;
  width: .10rem;
  height: 1px;
  position: absolute;
  top: .13rem;
  left: -.20rem;
  margin-top: 10px;
  background: #6BBC40;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.brand_nav li:hover a:before,
.brand_nav li.active a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
/*=======brand_right======*/
.brand_right{ flex:1 0 0;}
.brand_show{}
.brand_line{ position: relative;}
.brand_line:before{ content:""; position: absolute; top:0; left:-100%; width: 300%; height: 100%; background: #f6f6f6; opacity: 0;}
.brand_line:nth-child(even):before{ opacity: 1;}
.brand_range{ position: relative; z-index: 1; display:flex; align-items: center; padding: .40rem 0; min-height: 3.10rem;}
.brand_logo{ display:block; width:2.50rem;}
.brand_logo .ico_box{ padding-top: 60%;}
.brand_text{ flex:1 0 0; display:flex; align-items: center; padding-left: .80rem;}
.brand_des{ flex:1 0 0; margin-right: .40rem; line-height: 36px; max-height: 180px; -webkit-line-clamp:5;}
.brand_contain{ flex:1 0 0; margin-right: .40rem;}
.brand_contain li a{ display:block; line-height: 1.64; padding: .02rem 0;}
.brand_contain li a:hover{color: #6BBC40}
.brand_more{ display: block; margin: 0 0 0 auto;}
/*=======brand_details======*/
.brand_details{ background-attachment: local;}
.brand_explain{ text-align: center;}
.explain_logo{ margin: 0 auto;}
.explain_des{ max-width: 960px; margin: .25rem auto 0;}
.brand_products{ padding-top: 1.20rem;}
.brand_tit{ font-weight: 500; text-align: center;}
.brand_products .category_list{ margin-top: .50rem;}

/*============================ 05--客户案例 ============================*/   
.case_banner .banner_img:before{ display:none;}
.case_banner .banner_text{ color:#333333;}
.case_banner .banner_data{ line-height: 1; font-family: "ATAura"; margin-top: .25rem; }
.case_banner .banner_data em, 
.case_banner .banner_data i{ display: inline-block; vertical-align: baseline;}
.case_banner .banner_dec{ display:none;}
/*=======case_wrap======*/
.case_wrap{ background-attachment: local;}
.case_box{}
.case_nav{ display:flex; flex-wrap: wrap; z-index: 1000; background: #ffffff; margin-bottom: .30rem;}
.case_nav li{ flex:1 0 0;}
.case_nav li a{ display:block; cursor: pointer; text-align: center; line-height: 3.89;}
.case_nav li:hover a,
.case_nav li.active a{ background: #6BBC40; color: #ffffff;}
/*=======paging======*/
.paging{ text-align: center; margin-top: .60rem;}
.paging a{ display: inline-block; width: 34px; line-height: 34px; margin: 0 .03rem; }
.paging a:hover, .paging a.active{ background: #6BBD40; color:#ffffff;}
.paging a.paging_btn{ color: #B5B5B5; margin: 0 .10rem;}
.paging a.paging_btn:hover{ background-color: transparent; color: #6BBD40;}

/*============================ 06--服务中心 ============================*/    
.sec_tit02{ text-align: center; font-weight: 500; margin-bottom: .50rem;}
/*=======service_aftersale======*/
.service_aftersale{ }
.aftersale_form{ max-width:1210px; margin: 0 auto;}
/*.aftersale_form .form_line{ width:25%;}*/
.aftersale_form .form_txt{ height: 60px; padding-top: 15px; padding-bottom: 15px; background: rgba(255,255,255, 1);} 
.aftersale_form .form_yu{ height: 147px;}
.aftersale_form .line_func{ text-align: center; }
.aftersale_form .form_btn{ margin-top: .20rem;}
/*=======service_package======*/
.service_package{ }
.package_list{ display:flex; flex-wrap: wrap; margin: -.10rem -.15rem;}
.package_list li{ width: 50%; padding: .10rem .15rem;}
.package_list li a{ display:flex; background: #f3f3f3; border-radius: 6px; padding: .16rem .30rem;}
.package_list li a .icon_xiazai{ margin-left: auto; line-height: 1; font-size: 24px; color: #acacac; -webkit-transition:color 0.6s ease!important; transition:color 0.6s ease!important;}
.package_tit{ padding-right: .30rem;}
.package_list li a:hover{ background: #6BBD40; color:#ffffff;}
.package_list li a:hover .icon_xiazai{ color:#ffffff;}
/*=======service_book======*/
.service_book{ }
.book_list li{ width:100%;}
.book_list li a{ background: #ffffff; }

/*============================ 07--关于我们 ============================*/     
/*=======about_profile======*/
.about_profile{}
.profile_box{ display:flex; flex-wrap: wrap; align-items: stretch;}
.profile_left{ width:47.50%; margin-right: .60rem;}
.profile_left .video_box{ padding-top: 0 /*68.09%*/; height: 100%; } 
.profile_left .video_box .video_sign{ opacity: 1;}
.profile_left .video_box .video_sign .iconfont{ font-size: 68px;}
.profile_right{ flex:1 0 0;}
.profile_des{ height: 432px; overflow: hidden; line-height: 36px;}
.profile_des .mCSB_inside > .mCSB_container{ margin-right: .35rem;}
.profile_des .mCSB_scrollTools{ width:6px; opacity: 1;}
.profile_des .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background: #F5F5F5; border-radius: 4px;}
.profile_des .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #E5E5E5; border-radius: 4px;}
/*=======about_vision======*/
.about_vision{ display:flex; align-items: center; min-height: 5.75rem;}
.vision_box{ display:flex; flex-wrap: wrap;}
.vision_block{ flex:1 0 0;}
.vision_ico{ margin: 0 auto -50px; position: relative; z-index: 1; display:flex; align-items: center; justify-content: center; width: 102px; height: 102px; background: #6BBC40; color: #ffffff; border-radius: 50%; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.vision_ico .iconfont{ font-size: 50px;}
.vision_text{display:flex; align-items: center; justify-content: center; flex-direction: column; min-height: 2.54rem; background: rgba(255,255,255, .80);  padding: 50px .50rem .50rem; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.vision_tit{ font-weight: 500; line-height: 1; margin-top: .20rem;}
.vision_des{ font-weight: 500; margin-top: .15rem;}
.vision_block.active .vision_ico{ background: #ffffff; color: #6BBC40;}
.vision_block.active .vision_text{ background: rgba(107, 188, 64, 1); color: #ffffff;}
/*=======about_team======*/
.about_team{ background-attachment: local;}
.team_box{ display:flex; flex-wrap: wrap; justify-content: center; margin: -.25rem;}
.team_block{ width:33.33%; max-width: 4.07rem; padding: .25rem;}
.team_con{ width: 100%; padding-top: 100%; border-radius: 50%; overflow: hidden; position: relative; box-shadow: 0px 29px 43px 0px rgba(0,0,0,0.02);}
.team_con:before, .team_con:after{ content:""; position: absolute; top: 0; left:0; z-index: 2; width:100%; height: 100%; border-radius: 50%;}
.team_con:before{ background: linear-gradient(180deg, rgba(255,255,255, 1) 40%, rgba(255,255,255, 0) 100%);}
.team_con:after{ transform: scale(0.87); border: 1px solid #6BBD40; opacity: 0.4; }
.team_info{ position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); z-index: 3; width:87%; height: 87%; display:flex; align-items: center; flex-direction:column; justify-content: center; color: #6BBC40;}
.team_ico{ width:50%; max-width:100px; margin: 0 auto; -webkit-transition:transform 0.6s ease; transition:transform 0.6s ease;}
.team_tit{text-align: center; line-height: 1.20; margin-top: .25rem;}
.team_con:hover:before{ transform: scale(0.87);}
.team_con:hover:after{ transform: scale(1); }
.team_con:hover .team_ico{ transform: rotateY(180deg);}
/*=======about_organization======*/
.about_organization{ background-attachment: local; background-position: 50% 50%; min-height: 6.40rem; padding-top: 1.80rem;}
.organization_tit{ text-align: center; font-weight: 500; margin-top: -.25rem;}
.organization_box{ display:flex; flex-wrap: wrap; margin-top: 1.50rem;}
.organization_box li{ width: 33.33%; background: linear-gradient(-270deg, rgba(73, 191, 118, 1) 40%, rgba(107, 188, 64, 0) 100%); background: url(../images/organization_02.png) right center no-repeat; background-size:cover; padding: .22rem .22rem .22rem .40rem; white-space: nowrap; font-weight: 500; color:#ffffff; border-radius: .40rem;}
/*=======about_service======*/
.about_service{}
.about_service .sec_tit02{ margin-bottom: 0;}
.service_box{ display:flex; flex-wrap: wrap;}
.service_left{ width: 33%; max-width: 415px; margin-right: 5%; }
.service_block{ background:rgba(255,255,255, .60); border-radius: 6px; padding: .25rem; margin-top: .20rem;}
.service_tit{ font-weight: 500;}
.service_city{ display:flex; flex-wrap: wrap; margin-top: .10rem;}
.service_city a{ width: 55%;}
.service_city a:nth-child(even){ width: 45%;}
.service_block:first-child{ padding-top: .12rem; padding-bottom: .12rem;}
.service_block:first-child .service_tit,
.service_block:first-child .service_city{ display:inline-block; vertical-align: middle; margin:0; }
.service_right{ flex: 1 0 0;}
.service_map{ position: relative; float:right; width: 100%; max-width: 770px;}

/*=======about_honor======*/
.about_honor{}
.honor_swiper{}
.honor_img{ display:block; background: #FFFFFF; box-shadow: 0 0 20px 0 rgba(0,0,0, .08);}
.honor_img .ico_box{ padding-top: 140%;}
.honor_swiper .swiper-slide{ width:17.19%; margin-top: 7.20%;}
.honor_swiper .swiper-slide:nth-child(even){ width:20%; margin-top: 0;}
.honor_swiper .swiper-pagination{ display:none;}
/*=======about_history======*/
.about_history{}
.history_subtit{ display:block; margin-top: .10rem;}
.history_show .swiper-slide{ display:flex;}
.history_block{ width: 100%; max-width: 570px;}
.history_year{ line-height: 1;}
.history_year em{ font-weight: 500;}
.history_info{ margin-top: .45rem; display: flex;}
.history_text{ width:33.33%; margin-right: .30rem;}
.history_img{ flex:1 0 0;}
.history_img .img_box{ background: #ffffff; padding-top: 68.57%;}
.history_show .swiper-slide:nth-child(even) .history_block{ margin-left: auto;}
.history_show .swiper_arrow div{ width: 50px; height: 50px; border-radius: 50%; border:2px solid #6BBC40; background: #6BBC40; color: #ffffff;}
.history_show .swiper_arrow div:after{ font-size: 20px; font-weight: normal;}
.history_show .swiper_arrow div.swiper-button-prev{ margin-right: .30rem;}
.history_show .swiper_arrow div.swiper-button-next{ margin-left: .30rem;}
.history_show .swiper_arrow div:hover{ background: #ffffff; color: #6BBC40;}
.history_show .swiper-pagination{ display:none;}
.history_thumbs{ margin-top: .60rem;}
.history_thumbs .swiper-container{ margin: 0 -2.70%;}
.history_thumbs .swiper-slide{ cursor: pointer; text-align: center; color: #999999; line-height: 30px; -webkit-transition:color 0.6s ease; transition:color 0.6s ease;}
.history_thumbs .swiper-slide:before{ content:""; position: absolute; top:50%; left:-.19rem; transform: translateY(-50%); width:.38rem; height: .14rem; background: url(../images/history_03.png) center top no-repeat; background-size: contain;}
.history_thumbs .swiper-slide:first-child:before{ display:none;}
.history_thumbs .swiper-slide em{ display: inline-block; position: relative;}
.history_thumbs .swiper-slide em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left:0; 
  background: #6BBC40;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.history_thumbs .swiper-slide:hover em:before,
.history_thumbs .swiper-slide-thumb-active em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.history_thumbs .swiper-slide:hover,
.history_thumbs .swiper-slide-thumb-active{ color:#6BBC40;}

/*=======about_culture======*/
.about_culture{}
.culture_swiper{}
.culture_block{ position: relative;}
.culture_block:before{ 
  content: "";
  display: block;
  width: 100%;
  height: .04rem;
  position: absolute;
  bottom: 0;
  left: 0; 
  background: #6BBC40;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.culture_block:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.culture_img{ padding-top: 66.50%;}
.culture_item{ padding: .15rem 0;}
.culture_block:hover .culture_img img{ transform: scale(1.05);}
.culture_swiper .swiper-pagination{ display:none;}

/*============================ 07--关于我们--新闻 ============================*/  
/*=======news_wrap======*/
.news_wrap{ background-attachment: local;}
.news_nav{ }
.news_nav li{ border-left:1px solid #e5e5e5;}
.news_nav li:first-child{ border:none;}
/*=======news_article======*/
.news_article{ background-attachment: local; min-height: 100vh;}
.article_box{}
.article_top{ text-align: center; padding-bottom: .35rem; border-bottom: 1px solid #d2d2d2; margin-bottom: .65rem;}
.article_tit{ font-weight: 500;}
.article_time{ margin-top: .20rem;}
.article_con{ line-height: 2;}
.article_bot{ padding-top: .35rem; border-top: 1px solid #d2d2d2; margin-top: .65rem; display:flex;}
.article_nav{ flex:1 0 0; margin: -.05rem 5% -.05rem 0;}
.article_nav li a{ display:block; padding: .05rem 0;}
.article_nav li a:hover{ color: #6BBC40;}
.article_back{ display:block; margin-left: auto;}
.article_back .iconfont{ font-size: 28px; vertical-align: middle; color:#c9c9c9; margin-right: .12rem; -webkit-transition:color 0.6s ease!important; transition:color 0.6s ease!important;}
.article_back:hover, .article_back:hover .iconfont{ color: #6BBC40;}

/*============================ 07--关于我们--加入我们 ============================*/  
/*=======join_wrap======*/
.join_wrap{ background-attachment: local; min-height: 100vh; background-color: #f2f2f2;}
.join_box{}
.join_forewords{ line-height: 1.50; text-align: center; max-width: 870px; margin: 0 auto;}
.join_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: .50rem -.15rem -.15rem;}
.join_block{ width:33.33%; padding: .15rem;}
.join_block a{ display:block; position: relative; height: 100%; background: rgba(255,255,255, 1); padding: .35rem; line-height: 26px;}
.join_block a:hover{ background: rgba(255,255,255, .90); box-shadow: 14px 14px 32px 0 rgba(0,0,0, 0.1);}
.join_block a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: .04rem;
  position: absolute;
  bottom: 0;
  left: 0; 
  background: #6BBC40;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.join_block a:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.join_tit{ color: #6BBC40;}
.join_num{ margin-top: .20rem; }
.join_func{ display:flex; margin-top: .90rem;}
.join_place{ padding-left: 26px; position: relative;}
.join_place:before{ content:"\e620"; font-family: "iconfont"; position: absolute; top:50%; left:0; transform: translateY(-50%); color: #6BBC40;}
.join_more{ margin-left:auto;}
.join_more .iconfont{ font-size: 20px; font-weight: bold;}
/*=======join_details======*/
.join_details{ background-attachment: local; min-height: 100vh;}
.join_head{ position: relative; padding-bottom: .55rem; margin-bottom: .55rem; border-bottom: 1px solid #D2D2D2;}
.join_head_tit{ font-weight: 500;}
.join_head_num{ margin-top: .20rem;}
.join_head_func{ display:flex; flex-wrap: wrap; margin-top: .55rem;}
.join_head_place{ flex:1 0 0; padding-left: 26px; position: relative; margin-right: 4%;}
.join_head_place:before{ content:"\e620"; font-family: "iconfont"; position: absolute; top:50%; left:0; transform: translateY(-50%); color: #6BBC40;}
.join_head_time{ margin-left: auto;} 
.join_head_apply{ display: table; position: absolute; top:.20rem; right:0; overflow: hidden; background: #6BBC40; border:1px solid #6BBC40; color:#ffffff; border-radius: 6px; text-align: center; padding: 0 .30rem; min-width: 160px; height: 55px; line-height: 53px; }  
.join_head_apply em{  position: relative; z-index: 1;}
.join_head_apply:before{ content:""; position: absolute; bottom: 0; left: 0; transform: scale(0); width: 200px; height:200px; border-radius: 50%; background: #ffffff; } 
.join_head_apply:hover{ color: #6BBC40;}
.join_head_apply:hover:before{ transform: scale(2);}
.join_terms{ line-height:2;}
.join_terms_tit{ font-weight: 500; margin-bottom: .20rem;}
/*=======tan_wrap======*/ 
.tan_wrap, .tan_bg { position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; } 
.tan_bg { z-index: 1; background: rgba(0,0,0, .30); } 
.tan_box { position:relative; z-index: 2; width: 100%; height: 100%;}
.tan_box .inner{ height: 100%; display:flex; flex-wrap: wrap; align-items: center;}
.tan_con{ position:relative; width: 100%; max-width: 500px;  max-height: 90%; overflow-y: auto; margin: 0 auto; border-radius: 8px; background: #FFFFFF;}
.tan_tit{ padding: 0 .23rem;  height: 50px; line-height: 50px; position: relative; background: #EEEEEE; border-radius: 8px 8px 0px 0px;}
.tan_close { position: absolute; top: 50%; right: .20rem; transform: translateY(-50%); z-index: 5; font-weight: bold; color: #BFBFBF;}
.tan_close .icon_guanbi{ font-size: 20px; }
.tan_close:hover { color: #FC6935!important; } 
/*tan_apply*/
#tan_apply{} 
#tan_apply .tan_tit{ height: 70px; line-height: 70px;}
.apply_form{ padding: .45rem;}
.line_select .form_fill:before{ content:"\e6e9"; font-family:"iconfont";  position: absolute; top:50%; right:.20rem; transform: translateY(-50%); }
.apply_form .form_btn{ width: 100%; height: 50px; background: #6BBC40; color:#ffffff; border-radius: 6px;}
.form_file{ display:block; cursor: pointer; position: relative; background: #FFFFFF; color: #6BBC40; border: 1px dashed #6BBC40; border-radius: 6px; text-align: center; height: 50px; line-height: 48px; margin-bottom: .20rem;}
.file_upload{ cursor: pointer; position: absolute; top:50%; left:50%; z-index: 1; transform: translate(-50%, -50%); opacity: 0;}
/*tan_message*/
#tan_message{}
.message_tip{ display: flex; align-items: center; justify-content: center; text-align: center; min-height: 2.10rem; padding: .40rem;}

/*============================ 07--关于我们--联系我们 ============================*/  
/*=======contact_wrap======*/
.contact_wrap{ background-attachment: local; min-height: 6rem;}
.contact_box{ display:flex; flex-wrap: wrap; align-items: flex-start;}
.contact_map{ width:62.50%; max-width: 770px; position: relative; }
.map_show{ display:block;}
.place_dot{ cursor:pointer; position:absolute; width:max-content; background: url(../images/ico_dot.png) no-repeat; background-size: .38rem; font-weight: 500; line-height: 1; padding: .28rem 0 0 .14rem;}
.place_dot span{ display: block; position: absolute; top: -14%; left: -26%; width:100%; height: 100%; border-radius: 50%; border: 2px solid rgba(252,105,53, .50); box-shadow: inset 0 0 .10rem 0 rgba(252,105,53, 1); display:none;
	-webkit-transform: scale(.10);
	-moz-transform: scale(.10);
	-ms-transform: scale(.10);
	transform: scale(.10); 
	opacity: 1;
	-webkit-animation:2s 0.2s dots_move linear infinite;
	animation: 2s 0.2s dots_move linear infinite;
}
@-webkit-keyframes dots_move {
	0% {
		-webkit-transform: scale(.10);
		-moz-transform: scale(.10);
		-ms-transform: scale(.10);
		transform: scale(.10);
		opacity: 1;
	}
	70%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0;
	}
}
@keyframes dots_move {
	0% {
		-webkit-transform: scale(.10);
		-moz-transform: scale(.10);
		-ms-transform: scale(.10);
		transform: scale(.10);
		opacity: 1;
	}
	70%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0;
	}
}
.place_dot:hover span,
.place_dot.active span{ display: block;}
.place_dot_dif{background-image: url(../images/ico_dot02.png); padding-left: .22rem; padding-top: 0.22rem;}
.place_dot_dif span{border: 2px solid rgba(107,189,64, .50); box-shadow: inset 0 0 .10rem 0 rgba(107,189,64, 1); width: 84%; height: 116.70%; left: -21%; top: -19%;}
#beijing{ top: 36.60%; right: 23.70%;}
#shanghai{ top: 62.00%; right: 18.90%;}
#guangzhou{ top: 83.50%; right: 31.10%;}
#chengdu{ top: 61.05%; right: 54.30%;}
#taiwan{ top: 78.20%; right: 16.40%;}
#changsha{ top: 74.10%; left: 58.50%;}
#wuhan{ top: 63.10%; left: 56.80%;}
#zhengzhou{ top: 54.65%; left: 58.80%;}
#jinan{ top: 50.60%; left: 68.60%;}
#xian{ top: 50.70%; left: 48.50%;}
#hefei{ top: 61.30%; left: 65.90%;}
#chongqing{ top: 65.80%; left: 49.40%;}
#baoding{ top: 38.80%; right: 30.7%; padding-top: .32rem; padding-left: 0;} 
#baoding span{ width: 150%; height: 91.33%; left: -40%;}
.place_mation{ position: absolute; bottom: 0; right:100%; z-index: 2; padding-right: .20rem; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.mation_range{ width: 210px; background: #ffffff; border-radius: .15rem; box-shadow:.14rem 0 .14rem 0 rgba(0,0,0, .20); padding: .13rem;}
.mation_img{}
.mation_img .img_box{ padding-top: 70.97%;}
.mation_tit{ margin-top:.10rem;}
.place_dot:hover .place_mation{ opacity: 1; visibility: visible; pointer-events: all;}


/*contact_right*/
.contact_right{ margin-left: auto; flex:1 0 0; max-width: 384px; }
.contact_tit{ line-height: 1; text-transform: uppercase; padding-left: .40rem; margin-bottom: .40rem;}
.contact_tit em{}
.contact_tit i{ display:block; font-weight: 500; margin-top: .15rem;}
.contact_text{ background: #FFFFFF; box-shadow: 11px 11px 32px 0px rgba(0,0,0,0.1); border-radius: 12px; padding: .40rem;}
.contact_item{ font-weight: 500; color: #6BBC40; padding-bottom: .25rem; border-bottom: 1px solid #E5E5E5; margin-bottom: .25rem;}
.contact_info_box{ color:#666666; line-height: 1.50;}
.contact_info{ display:none;}
.contact_info li{ display:flex; margin-top: .25rem;}
.contact_info li:first-child{ margin-top:0;}
.contact_info li .iconfont{ font-size: 26px; line-height: 1; margin-right: .14rem;}
.contact_des{ flex:1 0 0;}
.contact_info.active{ display:block;}
.contact_info.active li{
	-webkit-animation: 1s 0s fadeIn both;
	animation: 1s 0s fadeIn both;
}

/*============================ 08--搜索结果 ============================*/  
/*=======result_wrap======*/
.result_wrap{ background-attachment: local; min-height: 100vh; background-color: #f0f1f1;}
.result_head{ margin-bottom: .40rem;}
.result_tit{ text-align: left; margin-bottom: .20rem;}
.result_data{}
.result_num{ color: #6BBC40;}
.result_keyword{ color: #6BBC40;} 
.result_list{ background: #ffffff;} 
.result_block{ border-bottom: 1px solid #eeeeee;}
.result_block a{ display:block; position: relative; color: #6BBC40; padding:.55rem .60rem;}
.result_block a:before{ 
  content: "";
  display: block;
  width: .04rem;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0; 
  background: #6BBC40;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleY(0);
  transform: scaleY(0); 
} 
.result_block a:hover:before{
  -webkit-transform-origin: center top;
  transform-origin: center top; 
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.result_mark{ } 
.result_item{ font-weight: 500; margin-top: .10rem;} 
.result_des{ color: #666666; line-height: 30px; max-height: 60px; margin-top: .20rem; -webkit-transition:color 0.6s ease; transition:color 0.6s ease; }
.result_block a:hover{ box-shadow: 0 0 .30rem .05rem rgba(0,0,0, 0.1); }