@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: "centurygothic";
  src: url("../fonts/centurygothic.woff2") format("woff2"),
       url("../fonts/centurygothic.woff") format("woff"),
       url("../fonts/centurygothic.ttf") format("truetype"),
       url("../fonts/centurygothic.eot") format("embedded-opentype"),
       url("../fonts/centurygothic.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: 'Noto Sans SC', Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';
    font-size: 14px;
	line-height: 1.72;
    color: #333;
    background: #fff;
	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:#333; 
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#333;}
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: '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: .60rem;}
.swiper-pagination .swiper-pagination-bullet{ opacity: 1; width:12px; height: 12px; background: #5BCB71; border:2px solid #ffffff; margin:0 7px;}
.swiper-pagination .swiper-pagination-bullet-active{ background: #ffffff; border-color:#5BCB71;}

/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .img_box img, .menu_phone i, header, .n_subclass, .language_more{ 
	-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%; background:#f6f6f6;}
.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: 30px; max-height: 60px;} 
/*typo*/
.typo .blink {
  display: inline-block;
}  
.typo:hover .blink{
  -webkit-animation-name: textLink;
  animation-name: textLink;
  -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;
}
.typo:hover .blink:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.typo:hover .blink:nth-of-type(2) {
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
}
.typo:hover .blink:nth-of-type(3) {
  -webkit-animation-delay: 60ms;
  animation-delay: 60ms;
}
.typo:hover .blink:nth-of-type(4) {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
}
.typo:hover .blink:nth-of-type(5) {
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}
.typo:hover .blink:nth-of-type(6) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.typo:hover .blink:nth-of-type(7) {
  -webkit-animation-delay: .18s;
  animation-delay: .18s;
}
.typo:hover .blink:nth-of-type(8) {
  -webkit-animation-delay: .21s;
  animation-delay: .21s;
}
.typo:hover .blink:nth-of-type(9) {
  -webkit-animation-delay: .24s;
  animation-delay: .24s;
}
.typo:hover .blink:nth-of-type(10) {
  -webkit-animation-delay: .27s;
  animation-delay: .27s;
}
.typo:hover .blink:nth-of-type(11) {
  -webkit-animation-delay: .30s;
  animation-delay: .30s;
}
.typo:hover .blink:nth-of-type(12) {
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
}
.typo:hover .blink:nth-of-type(13) {
  -webkit-animation-delay: .36s;
  animation-delay: .36s;
}
.typo:hover .blink:nth-of-type(14) {
  -webkit-animation-delay: .39s;
  animation-delay: .39s;
}
.typo:hover .blink:nth-of-type(15) {
  -webkit-animation-delay: .42s;
  animation-delay: .42s;
}
.typo:hover .blink:nth-of-type(16) {
  -webkit-animation-delay: .45s;
  animation-delay: .45s;
}
.typo:hover .blink:nth-of-type(17) {
  -webkit-animation-delay: .48s;
  animation-delay: .48s;
}
.typo:hover .blink:nth-of-type(18) {
  -webkit-animation-delay: .51s;
  animation-delay: .51s;
}
.typo:hover .blink:nth-of-type(19) {
  -webkit-animation-delay: .54s;
  animation-delay: .54s;
}
.typo:hover .blink:nth-of-type(20) {
  -webkit-animation-delay: .57s;
  animation-delay: .57s;
}
@-webkit-keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
/*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: #5bcb71; 
} 
.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: 44px; 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: 90%; margin: 0 auto; padding:0 20px; max-width: 1640px;}
header{ position:fixed; left:0; top:0; z-index:1003; width:100%;}
.header_line{ display:flex; flex-wrap:nowrap; position:relative; z-index: 2; border-bottom: 1px solid rgba(255,255,255, .25); height: 90px; line-height: 90px; font-size: 16px;}
.header_line:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #ffffff; opacity: 0;}
.header_line a{ color: #ffffff;} 
/*=========logo && nav && menu_phone =========*/   
/*logo*/  
.logo{ margin: 0 4.167% 0 3.125%; }  
.logo a{ display:inline-block; height: 40px; position: relative; transform: translateY(35%);}
.logo a img{ display:block; height: 100%; width:auto;}
.logo a img:nth-child(1){ opacity: 1;} 
.logo a img:nth-child(2){ position: absolute; top:0; left: 0; opacity: 0;} 
/*nav*/
.nav{ margin:0 -.28rem;}
.nav li{ float:left; position: relative; margin: 0 .28rem;}
.nav li a.n_a0{ display:block;} 
.nav li a.n_a0 em{ display:block; position: relative;} 
.nav li a.n_a0 em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  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 li:hover a.n_a0 em:before,
.nav li.current a.n_a0 em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}   
.nav li .n_subclass{ position:absolute; top:100%; left:50%; transform: translateX(-50%); margin-top: -1px; z-index: 2; padding: 20px 0; width:100%; min-width: 120px; border: 1px solid rgba(255,255,255, .25); border-top: none; background: rgba(255,255,255, 1); box-shadow: 0 2px 8px 0 rgba(0,0,0, .06); text-align: center; line-height: 1.72; font-size: 14px; opacity: 0; visibility: hidden; pointer-events: none;} 
.nav li:nth-child(4) .n_subclass{ min-width: 180px;}
.nav li .n_subclass a{ display:block; color: #333333; padding: 6px 0;}
.nav li .n_subclass a:hover{ color: #5bcb71;}
.nav li .n_subclass a em{ display:inline-block; position: relative;}
.nav li:hover .n_subclass{ opacity: 1; visibility: visible; pointer-events: all;} 

/*=========header_func=========*/ 
.header_func{ margin-left: auto; display: flex; flex-wrap: nowrap;}  
.fun_menu{display: block; position: relative; text-align: center;}
/*menu_tel*/
.menu_tel{}
.menu_tel .iconfont{ font-size: 18px; margin-right: .06rem; display:none;}
/*menu_language*/
.menu_language{ padding: 0 .26rem;}
.menu_language .iconfont{ font-size: 18px; margin-right: .06rem; }
.language_cur{ display:block; position: relative; padding-right: 20px;}
.language_cur:before{ content: "\e645"; font-family:"iconfont"; font-size: 12px; position: absolute; top:50%; right:0; transform: translateY(-50%); -webkit-transition: color 0ms ease; transition: color 0ms ease; }
.language_more{ position: absolute; top:100%; left:0; z-index: 1; width:100%; border: 1px solid rgba(255,255,255, .25); border-top: none; background: rgba(255,255,255, 1); box-shadow: 0 2px 8px 0 rgba(0,0,0, .06); text-align: center; opacity: 0; visibility: hidden; pointer-events: none;}
.language_more a{ display:block; color: #333333;}
.language_more a:hover{ color: #5bcb71;}
.menu_language:hover .language_cur{ color: #5bcb71;}
.menu_language:hover .language_cur:before{ transform: translateY(-50%) rotate(180deg);}
.menu_language:hover .language_more{ opacity: 1; visibility: visible; pointer-events: all;}
/*menu_search*/
.menu_search, .menu_phone{ width:90px; height: 100%; border-left:1px solid rgba(255,255,255, .25); } 
.menu_search .iconfont{ font-size: 24px;}
.menu_search:hover, .menu_search.active{ background: #ffffff; color: #5bcb71;}
/*search_cover*/
.search_cover{ position: absolute; top:100%; left:0; margin-top: -1px; z-index: 1; width: 100%; background: #f5f5f5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding: .60rem 0; display: none;}  
.search_form{ max-width: 800px; margin: 0 auto; position: relative;}
.search_txt{ display: block; border-bottom: 1px solid #333333; width: 100%; height: 50px; color: #333333; }
.search_btn{ cursor: pointer; position: absolute; top:0; right: 0; z-index:1; width:50px; height: 50px; }  
.search_btn .iconfont{ font-size: 22px; font-weight: bold; }
.search_btn:hover{ color: #e30920;}  
 /*menu_phone*/
.menu_phone{ cursor: pointer; }
.menu_phone span{ display:block; width: 24px; height:16px; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.menu_phone i{ display: block; width: 100%; height: 2px; background: #fff; position: absolute; top:0;}
.menu_phone i:nth-of-type(2){ top:8px;}
.menu_phone i:nth-of-type(3){ top:16px;} 
.menu_phone:hover, .menu_phone.active{ background: #ffffff;}
.menu_phone:hover i, .menu_phone.active i{ background: #5bcb71!important;}
.menu_phone.active i:nth-of-type(2){ width:0;}
.menu_phone.active i:nth-of-type(1), 
.menu_phone.active i:nth-of-type(3){ top: 8px;}
.menu_phone.active i:nth-of-type(1){ transform:rotate(-45deg);}
.menu_phone.active i:nth-of-type(3){ transform:rotate(45deg);}   
/*mobile_menu*/
.mobile_menu{  
	position: absolute;
    width: 86vw;
     height: -webkit-calc(100vh - 90px); height: calc(100vh - 90px);
	max-width: 440px;
    right: 0;
    top: 100%;
	margin-top: -1px;
    visibility: hidden; 
	opacity: 0;
	pointer-events: none;
    z-index: 1;  
    font-size: 16px;  
	line-height: 1.72;
	-webkit-transition:all 600ms ease; transition:all 600ms ease;
} 
.mobile_menu:before{ content:""; position: fixed; top:0; left:0; width: 100%; height:  100%; background: rgba(0,0,0, .25);}
.icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    fill: currentColor;
    vertical-align: middle;
    background: 0 0;
    pointer-events: none;
    overflow: visible;
} 
.icon_borderless{   
    position: absolute;
    bottom: 100%;
	right: 30px; 
    width: 12px;
    height: 12px; 
    z-index: 4; 
    border: 0;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
	background: #ffffff;
    -webkit-transform: translate(-50%, 6px) rotate(-45deg);
    -ms-transform: translate(-50%, 6px) rotate(-45deg);
    -o-transform: translate(-50%, 6px) rotate(-45deg);
    transform: translate(-50%, 6px) rotate(-45deg);
}
.icon_borderless:after {
    position: absolute;
    left: 0;
    top: 0;
	z-index: 1;
    width: 20px;
    height: 1px;
    content: ''; 
    background-color: #ffffff;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
} 
.mobile_menu_inner { position: absolute; top:0; left:100%; width: 100%; height: 100%; overflow: hidden; background: #ffffff; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; -webkit-transition:left 600ms ease; transition:left 600ms ease; } 
.mobile_menu.active{ opacity: 1; visibility: visible; pointer-events: all; } 
.mobile_menu.active .mobile_menu_inner{ left:0;}
.mobile_menu_section{
	overflow: hidden;
    padding: 16px 20px;
} 
.mobile_menu_section:not(:last-child) {
    border-bottom: 1px solid #e7e2de;
} 
.mobile_menu_section_language{ display: none;}
.language_link{ text-align:right;}
.language_link .iconfont{ font-size: 18px; font-weight: bold;}
.language_link a{ display:inline-block; padding: 0 .06rem;}
.language_link a:hover, .language_link a.active{ color: #5bcb71;}
.mobile_menu_section_nav{ 
	padding:0;
	border:none!important;
}
.mobile_menu_nav{ 
	overflow: hidden;
} 
.mobile_menu_nav_link {
	cursor: pointer; 
    width: 100%; 
	position: relative;
	border-bottom: 1px solid #e5e5e5;
}  
.mobile_menu_nav_link>a{
	display:block;
	padding: 10px 10px 10px 20px;
	margin-right: 60px;
}
.mobile_menu_nav_link>.icon_jian_right{
	display: block; 
	cursor: pointer;
	 width: 60px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; 
	font-size:13px;
	font-weight: bold;
	border-left: 1px solid #e5e5e5;
} 
.mobile_menu_section_title{ text-transform: uppercase; margin-bottom: .30rem; font-size: 16px; font-weight: 500; }
.mobile_menu_help{}
.mobile_menu_help li{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom:.10rem; }
.mobile_menu_help:last-child{ margin-bottom: 0; }
.mobile_menu_help li .iconfont{ font-size: 22px; font-weight: bold; margin-right: .10rem; }
.mobile_menu_help li.help_notice{ flex-direction: column; align-items: flex-start;}
.mobile_menu_help li.help_notice img{ display:block; border:1px solid #eeeeee; margin-bottom: .10rem;}
.mobile_menu_panel{
    position: absolute;
	width: 100%;
    height: 100%;
    background: #fff;
	overflow: hidden;
    overflow-y: auto; 
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
    transition: visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
}
.mobile_menu_panel.is_nested { 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.mobile_menu_panel.is_open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
}
.mobile_menu_section.is_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}
.mobile_menu_section_headline{
	display: flex;  
}
.mobile_menu_back{
	cursor: pointer;
    display: block;  
}
.mobile_menu_tit{
	display: block;
	flex: 1 0 0;
	text-align: center;
	opacity: .70;
}
.mobile_menu_back .iconfont{
	font-size:12px;
	font-weight: bold;
	vertical-align: baseline;
	margin-right: 5px;
}
.mobile_menu_section_subclass{
	padding:0;
}  

/*header_scroll*/
header.header_scroll .header_line,
header.header_open .header_line{ color: #333333; box-shadow: 0 0 10px 0 rgba(0,0,0, .10);}  
header.header_scroll .header_line:before,
header.header_open .header_line:before{ opacity: 1;} 
header.header_scroll .header_line a,
header.header_open .header_line a{ color: #333333;}   
header.header_scroll .header_line a:hover,
header.header_open .header_line a:hover{ color: #5bcb71;} 
header.header_scroll .nav li a.n_a0 em:before,
header.header_open .nav li a.n_a0 em:before{ background: #5bcb71; }
header.header_scroll .logo a img:nth-child(1),
header.header_open .logo a img:nth-child(1){ opacity: 0;}  
header.header_scroll .logo a img:nth-child(2),
header.header_open .logo a img:nth-child(2){ opacity: 1;}   
header.header_scroll .menu_phone i,
header.header_open .menu_phone i{ background: #333333;}  
header.header_scroll .menu_search,
header.header_open .menu_search,
header.header_scroll .menu_phone,
header.header_open .menu_phone{ border-color: rgba(0,0,0, .15);}


/*============================ footer ============================*/  
footer{ overflow: hidden; background: #333; color:#999999; }
footer a{ color:#999999; }
footer a:hover{ color:#cccccc;}
.footer_top{ padding: .80rem 0; display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.footer_nav{ flex:1 0 0;/* max-width: 1410px; margin-right: .40rem;*/ display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin: -.20rem 0;}
.footer_nav:after{ display:none;}
.footer_nav>li{ padding: .20rem 0;} 
.footer_nav_tit{ position: relative; line-height: 1.72; }
.footer_nav_tit a{ display:block; color: rgba(255,255,255, 1);}
.footer_nav_tit .icon_jiahao{ cursor: pointer; position: absolute; top:50%; right:0; transform: translateY(-50%); width:36px; height: 36px; line-height: 36px; text-align: center; border-left:1px solid  rgba(255,255,255, .20); color:#ffffff; font-size: 14px; display: none;}
.footer_nav>li.active .footer_nav_tit .icon_jiahao:before{ content: "\eaf5";}
.footer_nav_collapsible{ margin-top: .10rem;}
.footer_nav_linklist{ overflow: hidden;}
.footer_nav_linklist li a{ display:block; padding: .03rem 0; }
.footer_nav>li:last-child{ margin-right: .40rem;} 
.footer_notice{ margin-left:auto; text-align: center;}
.footer_notice img{ display:block; max-width: 150px; margin:0 auto .15rem;}
.footer_bot{ padding: .20rem 0; border-top:1px solid rgba(255,255,255, .18); display:flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.footer_copyrights{ flex: 1 0 0; margin-right: .40rem;}
.footer_logo{ margin-left:auto;}
.footer_logo img{ display: block; height: 40px; width:auto;}

/*============================ 01 ============================*/  
main{ } 
.sec_box{ padding: 1.30rem 0; background: 50% 0 no-repeat; background-size: cover;}
.sec_top{ text-align:center; margin-bottom: .60rem;}
.sec_tit{ letter-spacing: 0.05em;}
.sec_forewords{ letter-spacing: 0.05em; line-height: 1.80; max-width: 800px; margin: .15rem auto 0;}
.sec_more{ display:block; position: relative; overflow: hidden; margin: 0 auto; text-align: left; width: 2.40rem; min-width: 140px; height: 46px; line-height: 44px; color: #5BCB71; border: 1px solid #5BCB71; text-transform: uppercase; font-family: "centurygothic"; padding: 0 .20rem; -webkit-transition:color 600ms ease; transition:color 600ms ease; }
.sec_more .iconfont{ font-size: 24px; float:right;} 
.sec_more em, .sec_more i{  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: #5BCB71; } 
.sec_more:hover{ color: #ffffff;}
.sec_more:hover:before{ transform: scale(2);}
.effect_swiper{ position:relative;}
/*=======focus_swiper======*/   
.focus_swiper{ height:100vh; overflow:hidden; position:relative;} 
.focus_swiper .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.focus_img{ padding-top: 0; height:100%; transform:scale(1); transition:all 3s linear;}
.focus_swiper .swiper-slide-active .focus_img{ transform:scale(1.1); transition:all 6s linear;} 
.focus_txt_box{ position:absolute; left:0; top:50%; transform: translateY(-50%); z-index:1; width:100%; text-align: center; color:#FFFFFF;} 
.focus_txt{}
.focus_txt li{ width:100%; position: relative; display:none; }    
.focus_txt_cn{ line-height: 1.25; letter-spacing: 0.10em; margin-top: .15rem; }   
.focus_txt_cn i, .focus_txt_en i{ display:inline-block; vertical-align:middle; }
.show_tit i{ display:inline-block; vertical-align:text-bottom; transform:translateY(60px); opacity:0; transition:all 1s ease-in-out 0s;}
.focus_txt_en{ font-family: "centurygothic"; line-height: 1.25; letter-spacing: 0.025em;} 
.focus_txt_en i{ transform:translateX(-10px);} 
.focus_txt li.active{ display:block;} 
.show_tit.act i,
.focus_txt li.active .show_tit.act i{ transform:translateY(0); opacity:1;}
.focus_txt li.active .focus_txt_en.act i { transform:translateX(0);} 
@-webkit-keyframes move01 { 
	100%{ transform:translateY(0%); opacity: 1;}
}
@keyframes move01 {
	100%{ transform:translateY(0%); opacity: 1;}
}   
.focus_swiper .swiper-pagination{ position:absolute;}
.focus_swiper .swiper-pagination-bullet{ vertical-align: bottom; background: none; border:none; border-radius:0; position: relative; width: 35px; height: 35px; opacity: 1; filter: alpha(opacity=100); }  
.focus_swiper .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 3px;
}
.focus_swiper .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
} 
.focus_swiper .swiper-pagination-bullet-active:after {
    -webkit-animation: 5s .2s move02 both;
    animation: 5s .2s move02 both;
} 
@-webkit-keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
} 
@keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
} 
.focus_swiper .swiper_arrow div{ width:60px; height: 60px; border-radius: 50%; text-align: center; color: #ffffff;}
.focus_swiper .swiper_arrow div:after{ font-size: 18px;}
.focus_swiper .swiper_arrow div:hover{ background: rgba(0,0,0, .12); }
.focus_swiper .swiper_arrow div.swiper-button-prev{ left: 1.56%; }
.focus_swiper .swiper_arrow div.swiper-button-next{ right:1.56%; }
/*mouse_icon*/
.mouse_icon { display:block; cursor: default; position: absolute; bottom:65px; left:50%; transform: translateX(-50%); z-index: 2; text-align: center; color: #ffffff;}
.mouse_icon .mouse {
  width: 17px;
  height: 22px;
  border: 2px solid #fff;
  border-radius: 8px;
  position: relative;
  margin:0 auto 2px;
}
.mouse_icon .mouse:after {
  content: "";
  background: #fff;
  width: 2px;
  height: 4px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px; 
  -webkit-animation: scrollAnim 1.1s infinite;
          animation: scrollAnim 1.1s infinite;
}
.mouse_icon .arrow {
  width: 4px;
  height: 4px;
  display: block;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: relative;
  margin: 0 auto;
  -webkit-animation: arrowAnim 1.2s infinite;
          animation: arrowAnim 1.2s infinite;
}
.mouse_icon .arrow.arrow_01 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
} 
@-webkit-keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: 5px;
    opacity: 0;
  }
}

@keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: 5px;
    opacity: 0;
  }
}
@-webkit-keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.mouse_txt{ display:block; margin-top: .10rem;}
/*=======index_about======*/  
.index_about{ min-height: 3.80rem; background-position: 50% bottom; display: flex; align-items: center;}
.index_about:after{ content:""; min-height:inherit; font-size:0; }
.index_about .sec_top{ margin-bottom: 0!important;}
.index_about .sec_tit a{ color: #5BCB71;}
.index_about .sec_forewords{ width:68%; max-width: 1090px;}
.about_more{ margin-top: .70rem; }
/*=======index_product======*/  
.index_product{ padding-bottom: 0!important; background-attachment: fixed; overflow: hidden;}
.index_product .sec_top, .index_product .sec_top a{ color: #ffffff;}
.index_product_box{ background: #ffffff; padding: .50rem; position: relative; min-height: 500px;}
.index_product_box:before{ content:""; position: absolute; top:1.31rem; left:-100%; width: 300%; height: 100%; background: #ffffff;}
.index_product_con{ position: relative; z-index: 1; }
.product_swiper{}
.product_thumbs{ padding-bottom: .35rem; border-bottom: 1px solid rgba(0,0,0, .06);}
.product_thumbs .swiper-slide{ width:auto;}
.product_thumbs .swiper-slide a{ display:block; background: #F5F5F5; padding: 0 .36rem; line-height: 46px; border-radius: 23px;}
.product_thumbs .swiper-slide-thumb-active a{ background: #5BCB71; color: #ffffff;}
.product_show{} 
.product_show .swiper-wrapper{ align-items: stretch;} 
.product_show .swiper-slide{ height: auto; background: #ffffff; pointer-events: all!important;} 
.product_show .swiper-slide-active{ z-index:3;}
.product_sort{ }
.product_sort .swiper-container{/*height: 751px;*/ }   
.product_row{ border-bottom: 1px solid rgba(0,0,0, .06);}
.product_row a{ display:flex; flex-wrap: nowrap; align-items: center; padding:.32rem .40rem;}
.product_row a:hover{ background: #FAFAFA;}
.product_row_img{ width:19%; padding-right: 3.50%; position: relative;}
.product_row_img:before{ content:""; position: absolute; top:50%; transform: translateY(-50%); right:0; width: 1px; height: 41%; background: rgba(0,0,0, .06);}
.product_row_img_range{ position: relative; max-width:156px;}
.product_row_img .img_box{ background: none;}
.product_row_img_dec{ width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: url(../images/product_01.png) center bottom no-repeat; background-size: contain; opacity: 0.03;}
.product_row_tit{ width: 21%; padding-left: 4.50%;}
.product_row_tit i{ display: block; opacity: .60; margin-top: .05rem;}
.product_row_des{ position: relative; color: #666666; padding-left: .48rem; width: 50%; max-width: 540px;}
.product_row_des:before{ content:""; position: absolute; left:0; top:15px; width: .30rem; height: 1px; background: rgba(0,0,0, .06);}
.product_row_more{ margin-left: auto; position: relative; border-radius:50%; text-align: center; color: #ffffff; width: 50px; line-height: 50px;}
.product_row_more:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; background: #5BCB71; transform: scale(0); opacity: 0;}
.product_row_more .iconfont{ position: relative; z-index: 1; font-size: 18px; font-weight: bold; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease;}
.product_row a:hover .product_row_more:before{ transform: scale(1); opacity: 1;}
.product_row a:hover .product_row_more .iconfont{ opacity: 1;}
/*=======index_application======*/  
.index_application{ padding: 0!important;}
.application_swiper .swiper-slide a{ display:block; position: relative; color: #ffffff; text-align: center;}
.application_img{ padding-top: 75%;}
.application_cover{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; background: rgba(0,0,0, .50); padding: 8%; -webkit-transition: background .6s ease; transition: background .6s ease;}
.application_con{ width: 100%;}
.application_ico{ max-width: 1.10rem; margin: 0 auto; transform: translateY(-100%); opacity: 0; visibility: hidden; -webkit-transition: all .6s ease; transition: all .6s ease;}
.application_ico .ico_box{ padding-top:0; -webkit-transition: padding .6s ease; transition: padding .6s ease;}
.application_ico .ico_box img{ max-width: 84%; max-height: 84%; }
.application_text{ max-width: 340px; margin: 0 auto;}
.application_tit{ padding-bottom: 10px; position: relative;}
.application_tit:before{ content: ""; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width: 12px; height: 2px; background: #ffffff;}
.application_des{  margin-top: 10px;}
.application_swiper .swiper_arrow div{ color:#ffffff;}
.application_swiper .swiper-slide a:hover .application_img img{ transform:scale(1.20);}
.application_swiper .swiper-slide a:hover .application_cover{ background: rgba(91, 203, 113, .90);}
.application_swiper .swiper-slide a:hover .application_ico{ margin-bottom: .10rem; transform: translateY(0); opacity: 1; visibility: visible;}
.application_swiper .swiper-slide a:hover .application_ico .ico_box{ padding-top:100%;}
.application_func{ text-align:center; padding: .50rem 0;}
.application_more{ display: inline-block; color: #5BCB71;}
.application_more .iconfont{ display: inline-block; vertical-align: middle; text-align: center; border-radius: 50%; background: #5BCB71; color: #ffffff; line-height: 32px; width: 32px; height: 32px; font-size: 18px;}
.application_more em{ display: inline-block; position: relative; margin-left: .10rem;}
.application_more em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #5BCB71;
  -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);
} 
.application_more:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*=======index_technology======*/  
.index_technology{ padding: 0!important;}
.technology_list{ display: flex; align-items: stretch; background: rgba(0,0,0, .35);}
.technology_block{ width:50%; min-height: 4.20rem; border-left:1px solid rgba(255,255,255, .35); display: flex; align-items: center; text-align: center; padding: 1rem .50rem; color: #ffffff; -webkit-transition: width .6s ease; transition: width .6s ease;}
.technology_block:after{ content:""; min-height:inherit; font-size:0; }
.technology_block:first-child{ border:none;}
.technology_block a{ color: #ffffff;}
.technology_text{ max-width: 570px; margin: 0 auto;}
.technology_tit{ letter-spacing: 0.05em;}
.technology_des{ letter-spacing: 0.05em; -webkit-line-clamp:3; line-height: 36px; max-height:108px; margin-top: .30rem; }
.technology_func{ margin-top: .50rem;}
.technology_more{ border-color: #ffffff; color: #ffffff;}
.technology_more:before{ background:#ffffff;}
.technology_more:hover{ color: #5BCB71;}
@media (min-width: 768px){ 
	.technology_func{ height: 0; overflow: hidden; -webkit-transition: all .6s ease; transition: all .6s ease;}
	.technology_more{ transform: translateY(100%); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all .6s .2s ease; transition: all .6s .2s ease; }
	.technology_block:hover{ width: 107%;}
	.technology_block:hover .technology_func{margin-top: .50rem; height: 100%; overflow: visible;}
	.technology_block:hover .technology_more{ transform: translateY(0); opacity:1; visibility: visible; pointer-events: all;}
}
/*=======index_dynamic======*/  
.index_dynamic{}
.dynamic_swiper{}
.dynamic_swiper .news_block{}
.dynamic_rec{ margin-top: .45rem;}
.dynamic_block{}
.dynamic_block a{ display:flex; align-items: center; padding: .30rem 0; border-top:1px solid rgba(0,0,0, .06); border-bottom:1px solid rgba(0,0,0, .06);}
.dynamic_img{ width:42%; max-width: 155px; margin-right: .20rem;}
.dynamic_img .img_box{ padding-top: 58.67%;}
.dynamic_des{ flex:1 0 0; }
.dynamic_block a:hover{ color: #5BCB71; text-decoration: underline;}
.dynamic_block a:hover .dynamic_img .img_box img{ transform: scale(1.10);}

/*============================ 02 ============================*/  
/*=======banner_wrap=====*/
.banner_wrap{ position: relative; overflow: hidden; }
.banner_bg{ padding-top: 35.42%; min-height: 280px; background: 50% 0 no-repeat fixed; background-size: cover;}
.banner_tit{ position:absolute; top:50%; transform: translateY(-40%); left:0; z-index: 2; width: 100%; text-align: center; color: #ffffff; line-height: 1;}
.banner_tit em, .banner_tit i{ -webkit-transition:all 1s .2s ease; transition:all 1s .2s ease; opacity: 0; transform: translateY(100%);}
.banner_tit em{ display:block; font-family: "centurygothic"; letter-spacing: 0.025em;}
.banner_tit i{ display:block; letter-spacing: 0.2em; font-weight: 500; margin-top: .20rem; -webkit-transform-style: .4s; transform-style: .4s; } 
.banner_wrap.active .banner_tit em, 
.banner_wrap.active .banner_tit i{ opacity: 1; transform: translateY(0);}
/*=======guide_wrap=====*/
.guide_wrap{ overflow: hidden; height: 90px; line-height: 90px; border-bottom: 1px solid rgba(0,0,0, .06); }
.guide_wrap .inner{ display:flex; flex-wrap: wrap; justify-content: space-between;}
.guide_slogan{ display: flex; align-items: center; padding-right: .35rem; position:relative; color: #ffffff; line-height: 30px;}
.guide_slogan:before{ content: ""; position: absolute; top:0; right: 0; width: 400%; height: 100%; background: #5BCB71;}
.guide_slogan span{ display: block; position: relative;} 
.guide_slogan span em{ display:block; letter-spacing: 0.35em;}
.guide_slogan span i{ display:block; letter-spacing: 0.10em;}
/*guide_nav*/
.guide_nav{ margin-left:auto; margin-right: -.28rem;}
.guide_nav li{ float:left; position: relative; }
.guide_nav li:before{ content:""; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 1px; height: 15px; background: #d1d1d1; }
.guide_nav li:first-child:before{ display:none;}
.guide_nav li a{ display:block; padding: 0 .28rem;}
.guide_nav li:hover a,
.guide_nav li.active a{ color: #5BCB71;}
.guide_nav li a em{ display:block; position: relative;}
.guide_nav li a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #5BCB71;
  -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 em:before,
.guide_nav li.active a em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
/*=======about_profile=====*/
.author_block{ display:block; height: 90px; margin-top: -90px;}
.about_profile{ min-height: 4.60rem; display: flex; align-items: center;}
.about_profile:after{ content:""; min-height:inherit; font-size:0; }
.profile_box{ max-width: 1040px; margin: 0 auto;}
.profile_tit{ letter-spacing:0.05em; color: #5BCB71;}
.profile_text{ text-align: justify; margin-top: .35rem; line-height: 1.875;}
/*=======about_culture=====*/
.about_culture{ padding: 0!important; color: #ffffff; display:flex; align-items: stretch;}
.culture_block{flex: 1 0 0; display: flex; align-items: stretch;}
.culture_block .img_box{ padding-top: 112.5%; min-height: 320px;}
.culture_block dt{ flex: 1 0 0;}
.culture_block dd{ flex: 1 0 0; position: relative;}
.culture_text{ position:absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; display:flex; align-items: center; justify-content: center;}
.culture_text_inner{}
.culture_ico{ max-width: .80rem;}
.culture_tit{ letter-spacing: 0.05em; margin-top: .40rem;}
.culture_des{ line-height: 1.50; font-weight: 300; margin-top: .25rem;}
/*=======about_honor=====*/
.about_honor{}
.honor_tab{ text-align: center;}
.honor_tab li{  display:inline-block; vertical-align: middle; margin: 0 .10rem;}
.honor_tab li a{ display:block; text-align: center; cursor: pointer; width: 140px; height: 46px; line-height: 46px; background: #F5F5F5; border-radius: 23px;} 
.honor_tab li a:hover, .honor_tab li a.active{ background: #5BCB71; color: #ffffff;}
.honor_block{ margin-top: .40rem; } 
.honor_swiper .swiper-container{ padding: 20px 0;}  
.honor_swiper .swiper-slide{ border:1px solid rgba(0,0,0, .06); border-left:none;} 
.honor_swiper .swiper-slide:first-child{border-left:1px solid rgba(0,0,0, .06);}
.honor_img{ padding-top: 114.25%; -webkit-transition:box-shadow .6s ease; transition:box-shadow .6s ease;}
.honor_img img{ max-width: 90%; max-height: 90%;}
.honor_caption{ position: absolute; bottom: -20px; left:0%; width:100%; text-align: center; z-index: 1; line-height: 40px; -webkit-transition:all .6s ease; transition:all .6s ease; opacity: 0; transform: translateY(100%);}
.honor_caption span{ display: inline-block; background: #5BCB71; color: #ffffff; padding: 0 .24rem;}
.honor_swiper{ }
.honor_swiper .swiper-slide:hover .honor_img{ box-shadow: 0 0 20px 6px rgba(0,0,0, .06); }
.honor_swiper .swiper-slide:hover .honor_caption{ opacity: 1; transform: translateY(0);}
.honor_swiper .swiper_arrow div{ opacity: 1; text-align: center;background: #F5F5F5; color: #333333; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; }
.honor_swiper .swiper_arrow div:after{ font-size: 18px;}  
.honor_swiper .swiper_arrow div:hover{ background: #5BCB71; color: #ffffff;}
.honor_swiper .swiper_arrow div.swiper-button-prev{ left: auto; right: 102%;}
.honor_swiper .swiper_arrow div.swiper-button-next{ right:auto; left:102%;}
/*=======about_honor=====*/
.about_layout{ background-color: #f5fcf7;}
.layout_tab{ width: 20.625%; min-width: 90px; float:left;} 
.layout_tab li a{ display:block; line-height: 36px; position: relative; padding-left: 15px;}
.layout_tab li a:before{ 
  content: "";
  display: block;
  width: 3px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 0;  
  background: #5BCB71;
  -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: translateY(-50%) scaleY(0);
  transform: translateY(-50%) scaleY(0);
} 
.layout_tab li a:hover:before,
.layout_tab li a.active:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: translateY(-50%) scaleY(1);
  transform: translateY(-50%) scaleY(1);
}
.layout_tab li a:hover,
.layout_tab li a.active{ color: #5BCB71;}
.layout_block{ overflow:hidden;}

/*============================ 03 ============================*/  
/*=======technology_principle=====*/
.technology_principle{ padding-bottom:0!important;}
.principle_text{ line-height: 1.916; max-width: 1060px; margin: 0 auto; font-weight: 300; text-align: center;}
.principle_swiper{ margin-top: .60rem;}
.principle_swiper .swiper-container{ margin:-10px;}
.principle_swiper .swiper-slide{ padding:10px;}
.principle_img{ padding-top: 76.92%; border: 1px solid #F0F0F0; -webkit-transition:box-shadow .6s ease; transition:box-shadow .6s ease;}
.principle_swiper .swiper-slide:hover .principle_img{ box-shadow: 0 0 20px 6px rgba(0,0,0, .06); } 
/*=======technology_pioneering=====*/
.technology_pioneering{ padding-bottom: .60rem;}
.pioneering_swiper{}
.pioneering_swiper .swiper-wrapper{ align-items: center;}
.pioneering_swiper .swiper-slide{ height:auto;}
.pioneering_block{ height:100%; background: #F5F5F5; border: 2px solid #F5F5F5; border-radius: 12px; padding: .35rem .30rem; -webkit-transition:all .6s ease; transition:all .6s ease;}
.pioneering_block dt{ float:left; width:70px; height: 70px; margin-right: .20rem; position: relative; border-radius: 50%;}
.pioneering_block dt:before, .pioneering_block dt:after{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%;  background: rgba(0,0,0, .06);}
.pioneering_block dt:after{ background: rgba(91, 203, 113, 1); transform: scale(0); opacity: 0;}
.pioneering_block dt .ico_box{ z-index: 2;}
.pioneering_block dt .ico_box img{ -webkit-transition:all .6s ease; transition:all .6s ease;}
.pioneering_block dt .ico_box img:nth-child(2){ opacity: 0;}
.pioneering_block dd{ overflow:hidden;}
.pioneering_tit{ position: relative; font-weight: 500; padding-bottom: .15rem;}
.pioneering_tit:before{ content:""; position: absolute; bottom: 0; left:0; width: 12px; height: 2px; background: #5BCB71;}
.pioneering_des{ color: #666666; line-height: 1.875; margin-top: .05rem;}
.pioneering_block:hover{ background: rgba(91, 203, 113, 0.06); border: 2px solid #5BCB71;}
.pioneering_block:hover dt:before{ transform: scale(0); opacity: 0;}
.pioneering_block:hover dt:after{ transform: scale(1); opacity: 1;}
.pioneering_block:hover dt .ico_box img:nth-child(1){ opacity: 0;}
.pioneering_block:hover dt .ico_box img:nth-child(2){ opacity: 1;}

/*============================ 04 ============================*/  
.sub_wrap{ padding: .70rem 0;}
/*=======product_list=====*/
.product_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.16rem;}
.product_block{ width:25%; padding: .16rem;}
.product_block a{ display:block; height: 100%; background: #FFFFFF; border: 1px solid #F0F0F0; border-radius: 12px;}
.product_img{ padding-top: 85.33%; border-radius: 12px 12px 0 0; background: #FAFAFA;}
.product_img img{ max-width: 87.50%; max-height: 87.50%;}
.product_text{ padding: .35rem .40rem;}
.product_tit{ position: relative; padding-bottom: .15rem;}
.product_tit:before{ content:""; position: absolute; bottom: 0; left:0; width: 12px; height: 2px; background: #5BCB71;}
.product_tit i{ display: block; opacity: .60; margin-top: .05rem;}
.product_des{ color: #666666; font-family: 300; margin-top: .05rem; } 
.product_block a:hover{ box-shadow: 0 0 20px 6px rgba(0,0,0, .06); color: #5BCB71; } 
.product_block a:hover .product_tit:before{ width: 24px;} 
/*paging*/
.paging{ letter-spacing: 0.075em; text-align:center; line-height: 24px; margin-top: .60rem;}
.paging_number, .paging_turn, .paging_go{ display: inline-block; vertical-align: middle;}
.paging_turn{ margin: 0 20px;}
.paging_turn a{ display:inline-block; padding: 0 10px; font-weight: bold;}
.paging_turn a:hover,
.paging_turn a.current{ color:#5BCB71;}
.paging_turn a em{ display:inline-block; position: relative;}
.paging_turn a em:before{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #5BCB71;
  -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);
} 
.paging_turn a:hover em:before,
.paging_turn a.current em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.paging_turn a.paging_btn .iconfont{ font-size: 12px;}
.paging_txt{ border:1px solid rgba(0,0,0, .10); border-radius: 2px; margin: 0 4px; text-align: center; color: #999999; font-weight: bold; width:42px; height: 24px;}
/*=======product_detail=====*/
.product_detail{ }
.product_detail_img{ width: 50%; margin-right: 5%; float:left; position: relative; background: #FAFAFA; border: 1px solid #F0F0F0; border-radius: 12px;}
.product_detail_img .ico_box{ padding-top: 62.50%;}
.product_detail_img .ico_box img{ max-width: 77%; max-height: 77%;}
.product_detail_back{ display: inline-block; position: absolute; top:.25rem; left:.25rem; z-index: 1; padding: 0 .14rem; line-height: 30px; border-radius: 2px; background: rgba(0,0,0, .35); color: #ffffff;}
.product_detail_back .iconfont{ font-size: 12px; margin-right: .05rem;}
.product_detail_back:hover{ background: #5BCB71;}
.product_detail_text{ overflow: hidden;}
.product_detail_tit{}
.product_detail_des{ margin-top: .30rem;}
.product_detail_des li{ display: flex; justify-content: space-between; padding: .30rem 0; border-bottom: 1px solid #F0F0F0;} 
.product_detail_item{ font-weight: 500; color: #5BCB71; width: 150px;}
.product_detail_words{ flex: 1 0 0; line-height: 1.875;}

/*============================ 05 ============================*/   
/*=======project_business=====*/
.project_business{}
.business_block{ position: relative;}
.business_img{ width: 50%;}
.business_img .img_box{ padding-top: 66.67%; min-height: 440px;}
.business_con{ position: absolute; top:0; right:0; width: 50%; height: 100%; padding: 3%; display: flex; justify-content: center; align-items: center;}
.business_overview{ width:100%; display: flex; max-width: 730px; }
.business_ico{ width: 1.10rem; min-width: 70px; margin-right: .25rem;}
.business_text{ flex:1 0 0;}
.business_tit{}
.business_des, .business_product_list{ line-height: 30px; max-height: 120px;}
.business_des{ text-align:justify; overflow: hidden; margin-top: .15rem;}
.business_product{ margin-top: .35rem;}
.business_product_tit{ color: #5BCB71;}
.business_product_list{ margin-top: .10rem; overflow: hidden;}
.business_product_list li{ width:50%; float:left; }
.business_product_list li a{ display:block;}
.business_product_list li a:hover{ color:#5BCB71;}
.business_more{ margin: .50rem 0 0;} 
.business_block:nth-child(even) .business_img{ float:right;}
.business_block:nth-child(even) .business_con{ right: auto; left:0;}
/*=======project_case=====*/
.project_case{}
.case_block{ margin-bottom: .55rem; }
.case_block:last-child{ margin-bottom: 0; }
.case_block a{ display:flex; align-items: center; position: relative; overflow: hidden; background: #FFFFFF; border: 1px solid #F0F0F0; border-radius: 12px;}
.case_img{ width:50%; border-radius: 12px 0 12px 0;}
.case_img .img_box{ padding-top: 55%; min-height: 340px;}
.case_text{ flex: 1 0 0; padding: 4%;  /*5.625% 4% 7.50%*/}
.case_range{ width: 100%; max-width: 590px; margin: 0 auto;}
.case_tit{}
.case_tit em{ display:block; font-family: "centurygothic"; color:#5BCB71;}
.case_tit i{ display:block; margin-top:.03rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.case_des{ -webkit-line-clamp:3; max-height: 90px; color: #333333; margin-top: .20rem; }
.case_more{ margin: .50rem 0 0;}
.case_block a:hover{ box-shadow: 0 0 20px 6px rgba(0,0,0, .06); color:#5BCB71; }
.case_block a:hover .case_img .img_box img{ transform: scale(1.10); }
.case_block a:hover .case_more{ color: #ffffff;}
.case_block a:hover .case_more:before{ transform: scale(2);}
/*=======project_video=====*/
.project_video{ display: flex; flex-wrap: wrap; align-items: stretch; margin: -.30rem -.14rem;}
.video_block{ width:33.33%; padding: .30rem .14rem;}
.video_block a{ display: block; height: 100%;}
.video_img{ position:relative; color: #ffffff;}
.video_img .img_box{ padding-top: 54.96%;}
.video_img .img_box:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: url(../images/project_video01.png) center bottom no-repeat; background-size: cover;}
.video_img .icon_video{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 2; font-size: 60px; opacity: .75;}
.video_xg{ position:absolute; bottom: 0; left:0; z-index: 3; width: 100%; padding: .10rem .20rem; text-transform: uppercase; display: flex; justify-content: space-between;}
.video_xg li .iconfont{ margin-right: .06rem;}
.video_text{ margin-top: .25rem;}
.video_tit{ position: relative; padding-bottom: .15rem;}
.video_tit:before{ content:""; position: absolute; bottom: 0; left:0; width: 12px; height: 2px; background: #5BCB71;}
.video_des{ color: #666666; margin-top: .06rem;}
.video_block a:hover{ color: #5BCB71;}
.video_block a:hover .video_img .img_box img{ transform: scale(1.10); }
.video_overlay .vbox-child{background-color:transparent!important;}

/*============================ 06 ============================*/   
/*=======news_box=====*/
.news_box{ display:flex; flex-wrap: wrap; margin: -.17rem;} 
.news_box .news_block{ width:25%; padding: .17rem;}
.news_con{ background: #FFFFFF; border: 1px solid #F0F0F0; border-radius: 12px; -webkit-transition:box-shadow .6s ease; transition:box-shadow .6s ease;}
.news_img{ position: relative;}
.news_img .img_box{ padding-top: /*58.67%*/ 0; height: 220px; border-radius: 12px 12px 0 0;}
.news_img .img_box:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: url(../images/project_video01.png) center bottom no-repeat; background-size: cover;}
.news_text{ height: 200px; position: relative; z-index: 1;}
.news_over{ display:block; background: #ffffff; position: absolute; bottom: 0; left:0; width: 100%; min-height: 100%; padding: 0 .28rem 20px;}
.news_mark{ display:block;  color: #ffffff; margin-top: -23px; margin-bottom: .20rem;}
.news_mark i{ display: inline-block; vertical-align: top; width: 46px; height: 46px; margin-right: .07rem; background: #5BCB71 center center no-repeat; background-size: 24px;  border-radius: 5px;}
.news_mark em{ display: inline-block; vertical-align: top; transform: translateY(-4px);}
.news_mark01 i{ background-image: url(../images/news_ico01.png);}
.news_mark02 i{ background-image: url(../images/news_ico02.png);}
.news_tit{ position: relative; padding-bottom: 10px; font-weight: 500;}
.news_tit a{ display:block; line-height: 25px;}
.news_tit:before{ content:""; position: absolute; bottom: 0; left:0; width: 12px; height: 2px; background: #5BCB71;} 
.news_des{ color:#666666; margin-top: 6px;}
.news_func{ position: relative; line-height: 26px; margin-top: .10rem; -webkit-transition:all .6s ease; transition:all .6s ease;}
.news_time, .news_more{ display: block; font-family: "centurygothic"; -webkit-transition:all .6s ease; transition:all .6s ease;}
.news_time{ color: #999999; float: left;}
.news_more{ color:#5BCB71; float:right; position:relative; padding-left: .50rem;}
.news_more:before{ content: ""; position: absolute; top:50%; left:0; width:.40rem; transform: translateX(0); height: 1px; background: #5BCB71;}
.news_block:hover .news_con{ box-shadow: 0 0 20px 6px rgba(0,0,0, .06); } 
@media (min-width: 768px){ 
	.news_func{ height: 26px;}
	.news_time, .news_more{ float:none; position: absolute; top:0; left:0;}
	.news_more{ padding-left: 0; opacity: 0; visibility: hidden; pointer-events: none;}
	.news_block:hover .news_func{ margin-top: .30rem; margin-bottom: .10rem;}
	.news_block:hover .news_time{ opacity: 0; visibility: hidden; pointer-events: none;}
	.news_block:hover .news_more{ padding-left: .50rem; opacity: 1; visibility: visible; pointer-events: all;} 
	.news_block:hover .news_more:before{ transform: translateX(1);}
}
/*news_focus_block*/
.news_box .news_focus_block{ width: 50%;}
.news_focus{ overflow: hidden; border-radius: 12px;}
.news_focus .swiper-slide{ overflow: hidden; color: #ffffff;}
.news_focus .swiper-slide .swiper_inner{ position: relative;}
.news_focus_img{ padding-top: /*53.64%*/ 0; height: 420px;}
.news_focus_img:before{ content:""; position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; height: 100%; background: url(../images/news_cover.png) center bottom no-repeat; background-size: cover;}
.news_focus_tit{ position:absolute; bottom: .20rem; left:.30rem; z-index: 2; width: 70%;}
.news_focus .swiper_arrow div{ width: 30px; height: 64px; background: rgba(0,0,0, .45); color: #ffffff; }
.news_focus .swiper_arrow div:hover{ background: rgba(0,0,0, .75);}
.news_focus .swiper_arrow div:after{ font-size: 18px;}
.news_focus .swiper_arrow div.swiper-button-prev{ left:0; border-radius: 0 6px 6px 0;}
.news_focus .swiper_arrow div.swiper-button-next{ right:0; border-radius: 6px 0 0 6px;}
.news_focus .swiper-pagination{ position: absolute; left:auto; width:auto; bottom: .20rem; right: .24rem;}
.news_focus .swiper-pagination .swiper-pagination-bullet{ margin: 0 .06rem; width: 10px; height: 10px; background: rgba(255, 255, 255, 0); border: 2px solid #FFFFFF;}
.news_focus .swiper-pagination .swiper-pagination-bullet-active{ background: rgba(255, 255, 255, 1); border-color: #FFFFFF;}
/*=======news_detail_wrap=====*/
.news_detail_wrap{ padding-top: 0!important; background: #f5f5f5;}
.news_detail{ background: #ffffff; line-height: 1.875; position: relative; z-index: 2; display:flex; align-items: stretch; margin-top: -.65rem; font-size: 16px;}
.news_detail_left, .news_detail_right{ min-height: 500px; padding: .65rem;}
.news_detail_left{ width:25%; min-width:300px; border-right: 1px solid rgba(0,0,0, .06); }
.left_inner{}
@media (min-width: 992px){ 
	#portamento_container .left_inner.fixed{ position:fixed; margin-top:90px; } 
}
.local{ margin: 0 -.03rem;}
.local a{ display:inline-block; padding: 0 .03rem;}
.local a:hover, .local a.active{ color: #5BCB71;}
.news_detail_info{ margin-top: .40rem;}
.news_detail_font{ margin-top: .20rem;}
.font_tit{ display: inline-block; vertical-align: middle; margin-right: .15rem;}
.font_tit .ico_zihao{ display: inline-block; vertical-align: middle; margin-right: .06rem; width: 22px; height: 22px; background: url(../images/ico_zihao.png) no-repeat;}
.font_select{ display: inline-block; vertical-align: middle;}
.font_select a{ display: inline-block; vertical-align: middle; cursor: pointer; margin-right: .08rem; text-align: center; width: 30px; height: 30px; line-height: 30px; background: #F5F5F5; border-radius: 50%;}
.font_select a.active{ background: #5BCB71; color: #ffffff;}
.news_detail_shared{ margin-top: .50rem;}
.news_detail_shared .bshare-custom a{ display:inline-block; vertical-align: middle; padding: 0; margin-right: .10rem; border-radius: 3px; width:40px; height: 40px; background: center center no-repeat; background-size: contain;}
.news_detail_shared .bshare-custom a:last-child{ margin-right:0;}
.news_detail_shared .bshare-custom a.bshare-weixin{ background-image: url(../images/shared_ico01.png);}
.news_detail_shared .bshare-custom .bshare-sinaminiblog{ background-image: url(../images/shared_ico02.png);}
.news_detail_shared .bshare-custom a.bshare-qqim{ background-image: url(../images/shared_ico03.png);}
.news_detail_shared .bshare-custom a.bshare-toutiao{ background-image: url(../images/shared_ico04.png);}
.bsBox{ box-sizing: content-box;}
.news_detail_back{ margin: .50rem 0 0; width: 100%; max-width: 270px; background: #F5F5F5; border-color: transparent; color: #333333;}
.news_detail_back:hover{ color: #ffffff;}
.news_detail_right{ flex:1 0 0;}
.news_detail_tit{}
.news_detail_text{ margin-top: .40rem; color:#666666;}
.news_detail_item{ color: #5BCB71;}

/*============================ 07 ============================*/   
.contact_wrap{ padding:0!important;}
/*=======contact_box=====*/
.contact_box{ display:flex; flex-wrap: wrap; align-items: stretch;}
.contact_box .sec_top{ text-align: left;}
.contact_message, .contact_mation{ padding: 1.30rem 0;}
.contact_message{ width:54.06%; padding-right: .60rem; border-right:1px solid rgba(0,0,0, .06); }
.form_input { position: relative; width: 100%; clear: both; margin-bottom: .24rem;} 
.form_input:last-child{ margin-bottom: 0;}
.form_field { display: block; padding: 0 16px; width: 100%; height: 58px; background: #F5F5F5; border: 1px solid #EEEEEE; -webkit-transition:all .6s ease; transition:all .6s ease;} 
.form_field:focus { background: #ffffff; border-color: rgba(91, 203, 113, 0.60);  }
.form_input_label .form_field { padding-top: 20px; }
.form_floating_label {
    position: absolute;
    left: 16px;
    top: 0;
    line-height: 56px;  
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    pointer-events: none;
}
.form_input_label .form_field.is_filled+.form_floating_label, 
.form_input_label .form_field:focus+.form_floating_label{
	-webkit-transform: translateY(-8px) scale(.8);
	transform: translateY(-8px) scale(.8);
} 
.form_input_textarea .form_field{ resize: none; height: 116px; padding-top: 25px;} 
.form_func{ margin-top: .50rem;}
.form_btn{ cursor: pointer; min-width: 170px; padding: 0 .20rem; height: 58px; background: #5BCB71; color: #ffffff; border-radius: 3px;}
/*contact_mation*/
.contact_mation{ flex:1 0 0; padding-left: .60rem;}
.mation_list{}
.mation_list li{ overflow: hidden; margin-bottom: .40rem;}
.mation_list li:last-child{ margin-bottom: 0;}
.mation_list li .iconfont{ display: block; float: left; margin-right: .20rem; font-size: 26px; font-weight: 600; text-align: center; width: 50px; height: 50px; line-height: 50px; background: #F5F5F5; border-radius: 50%;}
.mation_text{ overflow: hidden; }
.mation_text a{ color: #5BCB71;}
.mation_des{ font-weight: 500;}