@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.85;
    color: #252525;
    background: #ffffff;
	font-weight: 400; 
	letter-spacing: 0.075em;
}  
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:#252525;}
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;/*letter-spacing: 0.075em;*/ }
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-bullet {width: 16px; height: 16px; position: relative; background: none; margin: 0 .06rem; opacity: 1;}
.swiper-pagination-bullet:before{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:50%; height: 50%; border-radius: 50%; background: #1458e4; border:3px solid transparent;}
.swiper-pagination-bullet-active:before{width: 100%; height: 100%; background: #ffffff; border-color: #f0f0f0;}
.swiper-pagination-bullet .circ { position: absolute; top:0; left:0; z-index:2; transform:  scale(1) rotate(-90deg); transition: transform 2s ease;}
.circ circle {stroke-dasharray: 440px;}
.swiper-pagination-bullet .circ1 {stroke-dashoffset: 440px;} 
.swiper-pagination-bullet-active .circ {transform: scale(1) rotate(-90deg);}
.swiper-pagination-bullet-active .circ1 {stroke-dashoffset: 220px; transition: linear 10s stroke-dashoffset;}
.swiper_arrow div{ display:block; overflow: hidden; width:60px; height: 60px; line-height: 60px; text-align: center; color: #ffffff; font-weight: bold;} 
.swiper_arrow div:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #ffffff; z-index: -1; -webkit-transition:all .6s ease; transition:all .6s ease; transform: scale(0);}
.swiper_arrow div:after{ content: "";  position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border:2px solid rgba(255,255,255, .35);}
.swiper_arrow div:hover{ color: #223282;}
.swiper_arrow div:hover:before{ transform: scale(1);} 

/*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%; 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: 26px; max-height: 52px;} 
/*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: #223282; 
	/*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: 80px; 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: 1440px;}
header{ position:fixed; left:0; top:0; z-index:1003; width:100%;}
.header_line{ display:flex; flex-wrap:nowrap; position:relative; z-index: 1; padding: 0 2.86%; height: 140px; line-height: 140px; font-size: 16px; } 
.header_line a{ color: #ffffff;} 
/*=========logo && nav && menu_phone =========*/   
/*logo*/  
.logo{ }  
.logo a{ display:inline-block; vertical-align: middle; height: 76px; position: relative; }
.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{ display:flex; justify-content: center; flex: 1 0 0; margin-left:auto; margin-right: auto; }
.nav li{ padding: 0 .3rem;position:relative;}
.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-color: transparent;
  -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 a.n_a0 em .iconfont{ font-size: 20px; margin-right: .07rem;}
.nav li .n_subclass{ position:absolute; top:100%; left:0; z-index: 2; width:100%; background:#ffffff; text-align: center; line-height:50px; opacity: 0; visibility: hidden; pointer-events: none;}  
.nav li .n_subclass a{ display:block;color: #252525; }
.nav li .n_subclass a:hover{ color: #1458e4;}
.nav li .n_subclass a em{ position: relative;}
.nav li .n_subclass a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #252525;
  -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 .n_subclass a:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.nav li:hover .n_subclass{ opacity: 1; visibility: visible; pointer-events: all;} 
.nav li.li_sy, .nav li.li_shzp, .nav li.li_xyzp{ display:none;}

/*=========header_func=========*/ 
.header_func{ margin-left: auto; display: flex; flex-wrap: nowrap;}  
.func_menu{display: block; cursor: pointer; margin-left: .30rem;} 
.func_menu .iconfont{ vertical-align: middle; font-size: 24px; margin-left: .12rem;} 
/*menu_search*/ 
.menu_search{ } 
.menu_search .iconfont{ font-size: 22px; }
.cover_wrap{ position: fixed; top:0; right:0; z-index: 2; width: 100%; height: 100vh; background: #253686 url(../images/cover_bg.jpg) center bottom no-repeat; background-size: cover; color: #ffffff; 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_wrap a{ color:#ffffff;}
.cover_head{ width: 100%; height: 90px; 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; font-weight: bold; font-size: 20px;}
.cover_closed .iconfont{ -webkit-transition:all 0.6s ease!important; transition:all 0.6s ease!important;}
.cover_closed:hover .iconfont{ transform: rotate(90deg);}
.cover_box{ height: -webkit-calc(100% - 90px); height: calc(100% - 90px); 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:860px; text-align: center;}
.search_tit{ font-weight: 500;}
.search_func{}
.search_form{ position: relative; margin-top: .55rem; display: flex; align-items: stretch; background: #ffffff; height: 50px; border-radius: 25px;}
.search_form .icon_search01{ position: absolute; top:50%; left:30px; transform: translateY(-45%); font-size: 22px; color: #252525;}
.search_txt{ display: block; width: 100%; height: 100%; padding-left: 60px; color: #252525; font-size: 16px; }
.search_btn01{ flex:none;}
.search_keywords{ margin: .50rem -.07rem -.07rem;}
.search_keywords label{ cursor: pointer; display:inline-block; vertical-align: middle; position: relative; margin: .07rem;}
.search_keywords label input{ position: absolute; top:50%; left:.10rem; opacity: 0; visibility: hidden; pointer-events: none;}
.search_keywords label i{ display: block; padding: 0 .24rem; line-height: 34px; border-radius: 18px; border:1px solid rgba(255,255,255, .35); color: #ffffff; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.search_keywords label:hover i,
.search_keywords label input:checked + i{ background: #ffffff; color: #223282;}
 /*menu_phone*/
.menu_phone{ } 
.menu_cover{}
.menu_list{ margin-bottom: 1rem;}
.menu_list>li{ margin-bottom: .60rem;}
.menu_list>li.li_sy{ display: none;}
.menu_list>li:last-child{ margin-bottom: 0;}
.menu_tit, .menu_item{ font-weight: 500; position: relative; height: 50px; line-height: 50px; }
.menu_tit a, .menu_item a{ display:block; height: 100%; padding-right: 50px;}
.menu_tit .iconfont, .menu_item .iconfont{ position: absolute; top:0; right:0; z-index: 1; width: 50px; line-height: 50px; border-left: 1px solid rgba(255,255,255, .18); text-align: center; font-size: 14px; display: none;}
.menu_tit{ border-bottom: 1px solid rgba(255,255,255, .18);}
.menu_collapsible{ display: flex; flex-wrap: wrap; align-items: stretch;}
.menu_headline{ display: none; width: 100%; padding: 10px 0; border-top: 1px solid rgba(255,255,255, .18); border-bottom: 1px solid rgba(255,255,255, .18); }
.menu_headline_back{ cursor: pointer; display: block; color: #ffffff;}
.menu_headline_back .iconfont{
	font-size:12px;
	font-weight: bold;
	vertical-align: baseline;
	margin-right: 5px;
}
.menu_headline_tit{
	display: block;
	flex: 1 0 0;
	text-align: center;
	opacity: .70;
}
.menu_block{ margin-top: .30rem;}
.menu_item{  } 
.menu_linklist{ overflow: hidden;}
.menu_linklist li, .menu_subclass li{ margin-bottom: 0;}
.menu_linklist li a, .menu_subclass li a{ display:block; line-height:24px; padding: .05rem 0; opacity: .70;}
.menu_linklist li a:hover, .menu_subclass li a:hover{ opacity: 1;}
.menu_block:nth-child(2), .menu_block:nth-child(6){ width:30%;}
.menu_block:nth-child(3), .menu_block:nth-child(7){ width:25%;}
.menu_block:nth-child(5), .menu_block:nth-child(9){ /*width:34%;*/ margin-left: auto;}
.menu_block:nth-child(2) .menu_linklist{ max-width:250px;}
.menu_block:nth-child(2) .menu_linklist li{ float:left; width: 50%; }
.menu_subclass{ margin: .20rem -.33rem -.06rem;}
.menu_subclass li{ display:inline-block; vertical-align: middle;}
.menu_subclass li a{ padding-left: .33rem; padding-right: .33rem;} 

/*header_scroll*/
header.scollfox .header_line{ transform: translateY(-100%); } 
body.up header.scollfox .header_line{ transform: translateY(0); }
header .header_line:hover,
header.header_scroll .header_line,
header.header_open .header_line{ height: 90px; line-height: 90px; background: #ffffff; color: #252525; box-shadow: 0 0 10px 0 rgba(0,0,0, .10);}   
header .header_line:hover a,
header.header_scroll .header_line a,
header.header_open .header_line a{ color: #252525;}   
header .header_line:hover a:hover,
header.header_scroll .header_line a:hover,
header.header_open .header_line a:hover{ color: #1458e4;} 
header .header_line:hover .nav li a.n_a0 em:before,
header.header_scroll .nav li a.n_a0 em:before,
header.header_open .nav li a.n_a0 em:before{ background-color: #1458e4; }
header .header_line:hover .nav li .n_subclass,
header.header_scroll .nav li .n_subclass,
header.header_open .nav li .n_subclass{ background: #223282; }
header .header_line:hover .nav li .n_subclass a,
header.header_scroll .nav li .n_subclass a,
header.header_open .nav li .n_subclass a{ color: #ffffff;}
header .header_line:hover .nav li .n_subclass a em:before,
header.header_scroll .nav li .n_subclass a em:before,
header.header_open .nav li .n_subclass a em:before{ background-color: #ffffff; }
header .header_line:hover .logo a img:nth-child(1),
header.header_scroll .logo a img:nth-child(1),
header.header_open .logo a img:nth-child(1){ opacity: 0;}  
header .header_line:hover .logo a img:nth-child(2),
header.header_scroll .logo a img:nth-child(2),
header.header_open .logo a img:nth-child(2){ opacity: 1;}    
header .header_line:hover a.func_menu.active,
header.header_scroll .header_line a.func_menu.active,
header.header_open .header_line a.func_menu.active{ color: #1458e4;}   

/*============================ footer ============================*/  
footer{ overflow: hidden; background: #252a25; color:rgba(255,255,255, .30); }
footer a{ color:rgba(255,255,255, .30); }
footer a:hover{  color:rgba(255,255,255, .80);} 
.footer_top{ display: flex; flex-wrap: wrap; align-items: center; padding: .80rem 0 .50rem; border-bottom: 1px solid rgba(255,255,255, .12); color:rgba(255,255,255, 1); }
.footer_top a{ color:rgba(255,255,255, 1); }
.footer_contact_tit{ padding-right: .35rem; margin-right: .40rem; border-right: 1px solid rgba(255,255,255, .12);}
.footer_contact_tit em{ display:block;}
.footer_contact_text{ flex:1 0 0; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin: -.15rem;}
.footer_contact_text li{ /*flex: 1 0 0;*/ line-height: 2; display: flex; flex-wrap: nowrap; padding: .15rem;}
.footer_contact_text li:nth-child(1){ width:40%;}
.footer_contact_text li:nth-child(2){ width:34%;}
.footer_contact_text li:nth-child(3){ width: 26%;}
.footer_contact_text li .iconfont{ margin-right: .15rem; vertical-align: middle; text-align: center; line-height: 58px; width: 60px; height: 60px; border: 1px solid rgba(255,255,255, .35); border-radius: 50%; font-size: 24px;}
.footer_contact_des{ display:block; flex: 1 0 0;}
.footer_contact_des span{ display:block;}
.footer_contact_des span .tel_num{ }
.footer_middle{ display: flex; flex-wrap: wrap; padding: .50rem 0; border-bottom: 1px solid rgba(255,255,255, .12);}
.footer_nav{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; flex:1 0 0; max-width: 1150px; margin-right: 5%;}
.footer_nav li{}
.footer_nav_tit{ position: relative; color:rgba(255,255,255, 1); font-weight: 500; }
.footer_nav_tit a, .footer_nav_toggle{ display:block; line-height: 36px;}
.footer_nav_tit a{ color:rgba(255,255,255, 1);}
.footer_nav_tit .iconfont{ position: absolute; top:0; right:0; z-index: 1; text-align: center; font-size: 14px; width: 36px; height: 36px; line-height: 36px; border-left: 1px solid rgba(255,255,255, .12); display: none;}
.footer_nav li.active .footer_nav_tit .iconfont:before{ display: inline-block; transform: rotate(180deg);}
.footer_nav_collapsible{ margin-top: .10rem;}
.footer_nav_linklist{ /*max-height: 180px;*/ max-width: 130px; overflow: hidden;}
.footer_nav_linklist li a{ display: block; line-height: 22px; padding: .07rem 0;}
.footer_nav_toggle{ cursor: pointer; display:none;}
.footer_notice{ margin-left: auto; text-align: center;}
.footer_notice img{ display:block; max-width: 1.45rem; margin: 0 auto .15rem;}
.footer_bot{ padding: .33rem 0;}
@media (min-width: 768px){
	.footer_nav_tit .iconfont{ display:none!important;}
}
/*address_box*/
.address_box{ max-width: 350px; position: relative;}
.address_tab{ position:absolute; top:-5px; right:0; z-index: 1;}
.address_tab a{ display:inline-block; vertical-align: middle; cursor: pointer; padding: 0 8px; line-height: 27px; border:1px solid rgba(255,255,255, .20); margin-left: .04rem;}
.address_tab a:hover,.address_tab a.active{ border-color:#1558e3; background-color: #1558e3;}
.address_box .address_block{ display:none;} 

/*float_menu*/
.float_menu{ position: fixed; top: 60%; 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: 23px;}
.f_m_cover{ position:absolute; top: 50%; padding-right: 16px; right:100%; transform:translateY(-50%); text-align: center; opacity: 0; visibility: hidden; pointer-events: none; width: max-content; }
.f_m_cover_inner{ position: relative; background: #223282; color: #ffffff; border-radius: 5px; box-shadow: 2px 0 12px 0 rgba(0,0,0, .10); padding:.05rem .14rem; font-size: 16px; font-weight: bold;}
.f_m_cover_inner:before{ content: ""; position:absolute; top:50%; left: 100%; transform:translateY(-50%) rotate(-90deg); border-width:6px; border-style:solid solid solid; border-color:#223282 transparent transparent; } 
.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;}
.float_menu li.f_m_weixin .f_m_cover .f_m_cover_inner{ padding: .14rem; font-size:14px; font-weight: normal;}
.float_menu li.f_m_weixin .f_m_cover .f_m_cover_inner img{ max-width:1.45rem;}
.float_menu li.f_m_top{ display:none;}

/*============================ 01 ============================*/  
main{ } 
.sec_box{ position: relative; overflow: hidden; padding-top: 1.10rem; padding-bottom: 1.10rem; background: 50% 0 no-repeat fixed; background-size: cover;}
/*sec_top*/
.sec_top{ text-align:center; margin-bottom: .50rem;}
.sec_tit{ }
.sec_forewords{  max-width: 790px; margin: .15rem auto 0; color: #5c5c5c;}
.sec_box .add-1{font-size:30px;text-align:center;margin-bottom:20px;color:#252525;border-bottom: 1px dashed #ddd;padding-bottom: 20px;}
/*sec_func*/
.sec_func{ text-align: center; margin-top: .70rem;}
.sec_more{ display:inline-block; vertical-align: top; margin: 0 .15rem; overflow: hidden; position: relative; /*min-width: 300px;*/ padding: 0 .60rem; height: 60px; border-radius: 30px; line-height: 56px; border: 2px solid #223282; color: #223282; text-align: center;}
.sec_more em{ position: relative; z-index: 2;}
.sec_more .iconfont{ position: relative; z-index: 2; transform: rotate(-45deg); font-size: 18px; font-weight: bold; margin-left: .20rem; -webkit-transition:transform 0.6s ease; transition:transform 0.6s ease;} 
.sec_more:before{ 
   content: ""; position: absolute; left: -10%; top: -10%; z-index: 1; width: 120%; height: 120%; border-radius:30px; background: #1458E4;
  -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);
} 
.sec_more:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}   
.sec_more:hover{ border-color:#1458E4; color: #ffffff;}
.sec_more:hover .iconfont{ transform: rotate(0);}
.sec_more02{ padding: 0 .12rem; border-radius: 0; border:none; border-bottom: 2px solid transparent;}
.sec_more02:before{top:auto; left:0; bottom: 0; border-radius:0; width: 100%; height: 2px;}
.sec_more02:after{ content: ""; position: absolute; left:0; bottom: 0; z-index: 0; width: 100%; height: 2px; background: #223282;
	-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(1);
  transform: scaleX(1);
}
.sec_more02:hover{ border-color:transparent; color: #1458E4;} 

/*effect_swiper*/
.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%; color:#FFFFFF;} 
.focus_txt{ text-align: center;}
.focus_txt li{ width:100%; position: relative; display:none; }    
.focus_txt_cn{ line-height: 1; margin-top: .20rem; }   
.focus_txt_cn i, .focus_txt_en i, .focus_txt_des 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-weight: bold; line-height: 1; letter-spacing: 0;} 
.focus_txt_en img{ max-height: 1.10rem; width: auto;}
.focus_txt_en i , .focus_txt_des i{ transform:translateX(-10px);} 
.focus_txt_des{ display: inline-block; vertical-align: middle; line-height: 1.67; font-weight: 300; margin-top: .30rem; max-width:650px;}
.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,
.focus_txt li.active .focus_txt_des.act i{ transform:translateX(0);} 
.focus_txt li.active .focus_txt_en img{  -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
@-webkit-keyframes move01 { 
	100%{ transform:translateY(0%); opacity: 1;}
}
@keyframes move01 {
	100%{ transform:translateY(0%); opacity: 1;}
}   
.swiper_pagination_dif01{ position:absolute;}
.swiper_pagination_dif01 .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); }  
.swiper_pagination_dif01 .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 3px;
	border-radius: 0;
    border: none;
    transform: none;
}
.swiper_pagination_dif01 .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;
	border-radius: 0;
    border: none; 
} 
.swiper_pagination_dif01 .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.swiper-button-prev{ left: 2.86%; }
.focus_swiper .swiper_arrow div.swiper-button-next{ right:2.86%; }
 
/*=======index_product======*/  
.index_product{}
.product_box{ display:flex; flex-wrap: wrap; align-items: stretch;}
.product_focus{ width:49.30%; position: relative; overflow: hidden; margin-right: .24rem;}
.product_focus_img{ border-radius: .20rem; padding-top: 0; height: 100%; }
.product_focus_img:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: url(../images/index_product02.png) center bottom no-repeat; background-size: cover;}
.product_focus_text{ position: absolute; bottom:0; left:0; z-index: 2; width: 100%; text-align: center; color: #ffffff; padding: .50rem;}
.product_focus_tit{ font-weight: 500;}
.product_focus_des{ margin-top: .10rem;}
.product_focus_more{ margin: .35rem 0 0; border-color:#1458E4; background: #1458E4; color: #ffffff; -webkit-transition:all .6s ease; transition:all .6s ease; }
.product_focus_more:before{ background: #ffffff;}
.product_focus_more:hover{background-color: transparent; /*border-color:#ffffff;*/ color:#1458E4;}
.product_focus:hover .product_focus_img img{ transform: scale(1.10); }
.product_rec{ flex:1 0 0; display:flex; flex-wrap: wrap; margin: -.15rem -.12rem;}
.product_rec .product_block{ width: 50%; padding: .15rem .12rem;}
.product_rec .product_block a{ background: #FAFAFA;}
.product_rec .product_block a .product_img{ background: none;}
.product_rec .product_block a .product_img .ico_box{ padding-top: 73.21%;}
.product_rec .product_block a .product_text{ background: none; padding: .19rem .27rem;}
.product_more{}
/*=======index_about======*/  
.index_about{ padding-top: 2.30rem; padding-bottom: 0!important; color: #ffffff;}
.index_about a{ color: #ffffff;}
.about_data{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.about_data li{ flex:1 0 0 ; text-align: center; line-height: 1.60; }
.data_num{ display:block; line-height: 1; margin-bottom: .15rem;}
.data_num em{ font-family:'centurygothic';}
.data_num sup{ vertical-align: top;} 
.data_num i{ margin-left: .03rem;}
.about_text{ position: relative; padding: 1.10rem 1.10rem 1.10rem 0; margin-top: .60rem; color: #ffffff;}
.about_text:after{ content:""; position: absolute; bottom:0; left:0; z-index: 0; width:200%; height: 1.30rem; background: #ffffff;}
.about_text:before{ content:""; position: absolute; top:0; right:0; z-index: 1; width:200%; height: 100%; background: #223282;}
.about_text_inner{ position:relative; z-index: 2; display: flex; align-items: center;}
.about_text_left{ width: 80%; max-width: 885px; }
.about_tit{}
.about_des{ line-height: 26px; max-height: 150px; text-align: justify; overflow: hidden; margin-top: .50rem; display: none;}
.about_more{ margin-left: auto; display:block;} 
.about_more a{ display:block; position: relative; width:60px; height: 60px; line-height: 56px; text-align: center; color: #ffffff; font-weight: bold;}
.about_more a:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #ffffff; z-index: -1; transform: scale(0);}
.about_more a:after{ content: "";  position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border:2px solid rgba(255,255,255, .35);}
.about_more:hover a{ color: #223282;}
.about_more:hover a:before{ transform: scale(1);} 
/*=======index_news======*/  
.index_news{ }
.index_news .sec_top{ text-align:left;}
.index_news .sec_forewords{ margin-left:0; margin-right: 0;}
.news_swiper{}
.news_block{}
.news_block a{ display:block; overflow: hidden;}
.news_img{ overflow:hidden; }
.news_img .img_box{ border-radius: .20rem; padding-top: 59.21%;}
.news_text{ margin-top: .45rem;}
.news_tit{ display: inline;}
.news_tit span{ display:block; position: relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news_tit span:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 90%;
  left: 0;
  background-color: #1458E4;
  -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:hover .news_tit span:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.news_des{ color: #5c5c5c; margin-top: .10rem;}
.news_time{ color:#999999; font-size: 15px; float:left; line-height: 1; margin-top: .30rem;}  
.news_block:hover a{ color: #1458E4;} 
.news_block:hover .news_img img{ transform: scale(1.10); } 
.news_swiper .swiper_arrow{ position: absolute; bottom: 100%; margin-bottom: .70rem; right:0; z-index: 1;}
.news_swiper .swiper_arrow div{ display: inline-block; vertical-align: middle; position:static; margin: 0; border:none; border-radius: 0; background: #223282;}
.news_swiper .swiper_arrow div.swiper-button-next{ border-left: 1px solid rgba(255,255,255, .10);}
.news_swiper .swiper_arrow div:before,
.news_swiper .swiper_arrow div:after{ display: none;}
.news_swiper .swiper_arrow div:hover{ background: #1458E4; color: #ffffff;}
.news_more{}
/*=======index_join======*/  
.index_join{ padding-top: 0; padding-bottom: 0; }
.join_focus{ padding: 1rem 0; background: 50% 0 no-repeat fixed; background-size: cover; color: #ffffff;}
.join_focus_range{ min-height: 260px; display: flex; align-items: center; text-align: center;}
.join_focus_text{ width: 100%; font-weight: 300;}
.join_focus_text .add-2{font-size:40px;}
.join_focus_text .add-3{font-size:26px;}
.join_classify{ }
.join_classify .inner{ position: relative;}
.join_line{ position: absolute; top:0; z-index: -1; width:1px; height: 100%; background: #f0f0f0;}
.join_line01{ left:0;}
.join_line02{ left:50%;}
.join_line03{ right:0;}
.join_list{ display:flex; flex-wrap: wrap; align-items: stretch;}
.join_block{ width: 50%; padding: 1.10rem .40rem 0;}
.join_text{ display: flex; align-items: center;}
.join_text dt{ width: 80px; margin-right: .30rem;}
.join_text dt img{ display:block;}
.join_text dd{ flex:1 0 0; overflow: auto;}
.join_tit{ display: inline-block; vertical-align: top; position: relative;}
.join_tit:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #223282;
  -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 .join_tit:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.join_des{ color: #5c5c5c; margin-top: .20rem;}
.join_img{ padding-top: 60.15%; border-radius: .20rem; margin-top:.50rem;}
.join_classify .sec_func{ margin-bottom: .80rem;}
.join_more{}
.join_block a:hover{ color: #223282;}
.join_block a:hover .join_img img{ transform: scale(1.10);}

/*============================ 02 ============================*/  
/*=======banner_swiper=====*/
.banner_swiper{ height:100vh;}
.banner_swiper_img{ padding-top: 0; height: 100%;}
.banner_swiper_img:before{ content: ""; position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; height: 100%; background: url(../images/banner_cover02.png) center bottom no-repeat; background-size: cover;}
.banner_swiper .swiper-pagination{ position: absolute; bottom: .35rem;}
.banner_swiper .swiper-pagination .swiper-pagination-bullet:before{ background-color:#ffffff;}
.banner_swiper .swiper-pagination .swiper-pagination-bullet-active:before{ background-color: transparent; border-color:rgba(255,255,255, .25); }
.banner_swiper .swiper_arrow div.swiper-button-prev{ left: 2.86%; }
.banner_swiper .swiper_arrow div.swiper-button-next{ right:2.86%; }
.banner_swiper_text{ position:absolute; top:50%; left:0; transform: translateY(-50%); z-index: 2; width: 100%; text-align: center; color: #ffffff;}
.banner_swiper_text a{ color: #ffffff;}
.banner_swiper_tit{}
.banner_swiper_des{ line-height: 30px; max-height: 60px; max-width: 630px; margin: .15rem auto 0;}
.banner_swiper_func{ margin-top: .45rem;}
.banner_swiper_more{ border-color:#ffffff;}
.banner_swiper_more:before{ background-color: #ffffff;}
.banner_swiper_more:hover{ color: #1458e4;}
.banner_swiper .swiper-slide-active .banner_swiper_tit{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
.banner_swiper .swiper-slide-active .banner_swiper_des{ -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}
.banner_swiper .swiper-slide-active .banner_swiper_func{ -webkit-animation: 1s .6s fadeInUp both; animation: 1s .6s fadeInUp both;}
/*=======filters=====*/
.sub_box{ display:flex; flex-wrap: wrap; align-items: stretch;}
.filters{ width:24%; padding-right: .40rem; max-width: 345px; border-right: 1px solid rgba(0,0,0, .06); }
.filters_head{ margin-bottom: .30rem;}
.filters_tree{}
/*filters_selected*/
.filters_selected{ margin-bottom: .40rem; display: none; } 
.filters_selected_title{  position: relative;  margin-bottom: .15rem;  } 
.filters_selected_title .title_text{ }
.filters_selected_title .clear_all{ cursor: pointer; display:none; height: 42px; line-height: 42px; text-align: center; background: #FAFAFA; border-radius: 21px; -webkit-transition:all .6s ease; transition:all .6s ease; }
.filters_selected_title .clear_all:hover{ background:#1458e4; color: #ffffff; }
.filters_selected_items{ }
.selected_item{ clear: both; }
.selected_item>a {  display: block; line-height: 24px; margin-bottom: .15rem; position: relative; } 
.selected_show{ display:block; padding-right: 30px; }
.selected_show strong{ font-weight:normal;}
.selected_clear{ display: block; width: 24px; height: 24px; position: absolute; top:0; right:0; }
.selected_clear:before {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 0;
    top: 8px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.selected_clear:after {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 0;
    top: 8px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
/*filters_option*/
.filters_option{ } 
.filters_option_block{ } 
.filters_option_title{ display: block; position: relative; border-bottom: 1px solid rgba(0,0,0, .06); }
.filters_option_title a{ display: block; padding: 0 .15rem;}
.filters_option_title .title_text { cursor: pointer; display: block; height: 52px; line-height: 52px;} 
.filters_option_title .title_text .iconfont{ position: absolute; top:50%; right:.15rem; transform: translateY(-50%); }
.filters_option_block:hover .filters_option_title a,
.filters_option_block.active .filters_option_title a{ background: #1458e4; color: #ffffff;}
/*.filters_option_block.active .filters_option_title .title_text .iconfont{transform: translateY(-50%) rotate(180deg); }*/
.filters_option_title .clear_this{ cursor: pointer; display:none!important; position: absolute; top:50%; right:30px; transform: translateY(-50%); font-size: 14px; }
.filters_option_title .clear_this:hover{ color:#1458e4; }
.filters_option_content{ display:none; margin-top: .20rem; } 
.filters_option_list{ }
.filters_option_list li {  position: relative; margin-bottom: .15rem; }
.filters_option_list li a { position: relative; display:block;line-height: 24px; color:#5c5c5c; }
.option_verify{ display:block; float:left; margin-right: .10rem; margin-top: 5px; position: relative; width: 14px; height: 14px; border-radius: 2px; border:1px solid rgba(0,0,0, .10); } 
.option_value{ display:block; overflow: hidden;} 
.filters_option_list li a.selected { color: #1458e4;}
.filters_option_list li a.selected .option_verify{ background: #1458e4; border-color:#1458e4; }
.filters_option_list li a.selected .option_verify:before {
    content: '';
    width: 10px;
    height: 6px;
    position: absolute;
    top: 0;
    left: 3px;
    border: 2px solid #ffffff;
    border-top: none;
    border-right: none;
    background: 0 0;
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg); 
} 
/*=======sub_right=====*/
.sub_right{ overflow:hidden; flex:1 0 0; padding-left: .40rem;}
.sub_head{ font-weight:500; padding-bottom: .15rem; border-bottom: 1px solid rgba(0,0,0, .06); margin-bottom: .50rem; } 
.product_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.20rem -.12rem;}
.product_block{ width: 33.33%; padding: .20rem .12rem;}
.product_block a{ display:block; height: 100%; text-align: center; border-radius: .20rem;}
.product_img{ background: #FAFAFA; border-radius: .20rem;/*padding: .20rem .27rem;*/ overflow: hidden; }
.product_img .ico_box{ padding-top: 73.21%;}
.product_text{ padding: .25rem .27rem;}
.product_tit{ display: inline-block; vertical-align: top; position: relative; font-weight: 500;}
.product_tit:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 90%;
  left: 0;
  background-color: #1458E4;
  -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);
} 
.product_block a:hover .product_tit:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.product_des{ color: #5c5c5c; margin-top: .05rem;}
.product_block a:hover{ color: #1458e4; box-shadow: 0 0 .10rem .02rem rgba(0,0,0, .06);} 
.product_block a:hover .product_img img{ transform: translate(-50%,-50%) scale(1.10); }
.sub_right .paging{ text-align:left;}
/*=======product_feature=====*/
.product_feature{}
.feature_list{ display:flex; flex-wrap: wrap; justify-content: space-between; margin: -.35rem -.15rem; }
.feature_block{ width:25%; padding: .35rem .15rem; text-align: center;}
.feature_block dt{ width: 120px; height: 120px; position: relative; border-radius: 50%; margin: 0 auto;}
.feature_block dt:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; background: url(../images/product_feature.png) no-repeat; background-size:cover;}
.feature_block dt:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; opacity: 0; pointer-events: none; border:3px dashed rgba(20,88,228, .20);} 
.feature_block dt .ico_box{ -webkit-transition:all .6s ease; transition:all .6s ease;}
.feature_block dt .ico_box img{ max-width: 63%; max-height: 63%;}
.feature_block dd{ margin-top: .30rem;}
.feature_tit{ font-weight: 500;}
.feature_des{ color: #5c5c5c; max-width: 270px; margin: .15rem auto 0;} 
.feature_block:hover dt:before,
.feature_block:hover dt .ico_box{
	 transform: scale(0.85);
}
.feature_block:hover dt:after {
	opacity: 1; transform: scale(1.50);
	-webkit-animation: spinAround 9s linear infinite;
	-moz-animation: spinAround 9s linear infinite;
	animation: spinAround 9s linear infinite;
}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}
/*=======product_mation=====*/
.product_mation{ background-color: #FAFAFA;}
.mation_video{ /*height:5.80rem;*/ padding-top: 30.21%;}
/*=======product_structure=====*/
.product_structure{}
.structure_box{ max-width: 6rem; margin: 0 auto; padding-bottom: 130px;}
.structure_range{ background: rgba(255,255,255, .60); padding: .15rem;}
.beer_slider{ height: 5.70rem; position: relative; }  
.beer_slider .img_box{ padding-top:0; height: 100%;}
.beer_reveal {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 50%;
	overflow: hidden;
	z-index: 1;
	opacity: 0;
	transition: opacity .35s
}
.beer_reveal>:first-child {
	width: 200%;
	max-width: none
} 
.beer_range {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	/*height: 127%;*/
	margin: 0;
	left: -1px;
	width: calc(100%);
	height: -webkit-calc(100% + 130px); height: calc(100% + 130px);
	cursor: pointer;
	-webkit-appearance: slider-horizontal!important;
	-moz-appearance: none;
	opacity: 0;
	-ms-touch-action: auto;
	touch-action: auto
}
.beer_range::-webkit-slider-thumb {
-webkit-appearance:none;
height:300vh
}
.beer_range::-moz-range-thumb {
-webkit-appearance:none;
height:300vh
}
.beer_range::-ms-tooltip {
display:none
}
.beer_handle {
	position: absolute;
    left: 50%;
    top: -.15rem;
    bottom: 0;
    width: .06rem;
    margin-left: -.03rem;
	z-index: 1;
    background: rgba(255, 255, 255, 1);
    cursor: ew-resize;
    transform: none;
    height: 110.527%; 
    pointer-events: none;
}  
.beer_handle:before{ content: "左右滑动查看产品架构图"; position: absolute; top: 100%; left: 50%; margin-top: 66px; transform: translateX(-50%); width:180px; height: 38px; padding-top: 6px; line-height: 32px; background: url(../images/compare_bg.png) center bottom no-repeat; color: #5C5C5C; text-align: center; letter-spacing: 0.025em;}
.beer_handle:after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 60px; height: 60px; border-radius: 50%; background:#ffffff url(../images/compare_dragger.png) center center no-repeat; background-size: 26px; box-shadow: 0 0 5px 0 rgba(0,0,0, .10); transition: all 0.3s ease;  }
.beer-range:focus~.beer_handle {
	background: rgba(255,255,255,.85);
	box-shadow: 0 0 3px rgba(0,0,0,.4)
}
.beer_slider[data-beer-label]:after, .beer_reveal[data-beer-label]:after {
	content: attr(data-beer-label);
	position: absolute;
	top: 1.5rem;
	line-height: 1;
	padding: .5rem;
	border-radius: .125rem;
	background: rgba(255,255,255,.75);
	display:none; 
}
.beer_slider[data-beer-label]:after {
	right: 1.5rem
}
.beer_reveal[data-beer-label]:after {
	left: 1.5rem
}
.beer_slider[data-beer-label=""]:after, .beer_reveal[data-beer-label=""]:after {
	content: none
}
.beer_ready .beer_reveal, .beer_ready .beer_handle {
	opacity: 1
}   
/*=======product_application=====*/ 
.product_application{ /*padding-top: 0; padding-bottom: 0;*/ background-color: #FAFAFA;}
.application_profile{ /*padding-top: 1.10rem; padding-bottom: 1.10rem;*/ background-color: #FAFAFA;}
.application_profile_img{ padding-top: 40.28%;} 
.application_scope{ /*padding-top: 1.10rem; padding-bottom: 1.10rem;*/}
.scope_block{ display:flex; flex-wrap: wrap; align-items: center; margin-top: 1.10rem;}
.scope_block:first-child{ margin-top:0;}
.scope_block dt{ width:50%;}
.scope_block dt .img_box{ padding-top: 52.08%; border-radius: .20rem;}
.scope_block dd{ overflow:hidden; flex:1 0 0; padding-left: 5.50%;}
.scope_tit{}
.scope_des{ color:#5c5c5c; text-align: justify; margin-top: .30rem;}
.scope_block:nth-child(even){ flex-direction:row-reverse;}
.scope_block:nth-child(even) dd{ padding-left: 0; padding-right: 5.50%;}
/*=======product_matching=====*/ 
.product_matching{ background-color: #FAFAFA;}
.matching_swiper{}
.matching_swiper .product_block{ width: 100%; padding: 0;}
.matching_swiper .product_block a{ background: #ffffff;}
.matching_swiper .product_block a .product_img{ background: none;}
.matching_swiper .product_block a .product_img .ico_box{ padding-top: 69.21%;}
.matching_swiper .product_block a .product_text{ background: none; padding: 0 .27rem .40rem;}
/*=======product_solution=====*/ 
.product_solution{}
.solution_swiper{}
.solution_swiper .swiper-slide a{ display: block; position: relative; padding-bottom: .10rem;}
.solution_swiper .swiper-slide a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #1458E4;
  -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);
	display: none;
} 
.solution_swiper .swiper-slide a:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.solution_img{ border-radius: .20rem; padding-top: 59.21%; margin-bottom: .40rem;}
.solution_tit{}
.solution_change{ margin-top: .10rem; height: 72px; overflow: hidden; color: #5c5c5c;}
.solution_des{ line-height: 24px; }
.solution_swiper .swiper-slide.on .solution_change.h_change{ height: auto;}
.solution_toggle{ display:block; cursor: pointer; position: relative; text-align: right; margin-top: .15rem;}
.solution_toggle:before{ content:""; position: absolute; top:50%; left:0; width: 100%; height:1px; background: rgba(0,0,0, .10); }
.solution_toggle span{ display:inline-block; position: relative; background: #ffffff; border:1px solid rgba(0,0,0, .20); line-height: 32px; border-radius:17px; padding:0 .15rem; -webkit-transition:all .6s ease; transition:all .6s ease;}
.solution_toggle .iconfont{font-size: 14px; font-weight:bold; margin-left: 5px; -webkit-transition:transform .6s ease!important; transition:transform .6s ease!important;}
.solution_toggle:hover span, .solution_toggle.active span{ background-color: #223282; border-color:#223282; color: #ffffff; }
.solution_toggle.active .iconfont{ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.solution_swiper .swiper-slide a:hover .solution_img img{ transform: scale(1.10);}
.solution_swiper .swiper-slide a:hover{ color: #1458E4;}
.solution_swiper .swiper_arrow div,
.honor_swiper .swiper_arrow div{ color:#223282;}
.solution_swiper .swiper_arrow div:before,
.honor_swiper .swiper_arrow div:before{ background-color:rgba(20, 88, 228, .50); }
.solution_swiper .swiper_arrow div:after,
.honor_swiper .swiper_arrow div:after{ border-color:rgba(34, 50, 130, .08); }
.solution_swiper .swiper_arrow div:hover,
.honor_swiper .swiper_arrow div:hover{ color: #ffffff;}
.solution_swiper .swiper_arrow div.swiper-button-prev,
.honor_swiper .swiper_arrow div.swiper-button-prev{ left:-8%;}
.solution_swiper .swiper_arrow div.swiper-button-next,
.honor_swiper .swiper_arrow div.swiper-button-next{ right:-8%;}
.solution_swiper .swiper-pagination,
.honor_swiper .swiper-pagination{ display:none;}
.solution_swiper .swiper_arrow div{ margin: 0; top:25%;}
/*=======product_distributor=====*/ 
.product_distributor{ background-color: #FAFAFA;} 

/*============================ 03 ============================*/  
/*=======banner_wrap=====*/
.banner_wrap{ position: relative; height:100vh; } 
.banner_bg{ width:100%; height: 100%; position: absolute; top:0; left:0; z-index: 1; background: 50% 0 no-repeat fixed; background-size: cover;}
.banner_bg_pc{ display:block;}
.banner_bg_phone{ display:none;}
.banner_wrap:before{ content:""; position: absolute; top:0; left:0; z-index: 2; width: 100%; height: 100%; background: url(../images/banner_cover.png) no-repeat; background-size: cover; opacity: .40;}
.banner_text{ position: absolute; top:50%; left:0; transform: translateY(-40%); z-index: 3; width: 100%; text-align: center; color: #ffffff; }
.banner_text a{ color: #ffffff;}
.banner_logo{}
.banner_logo img{ max-height:1.10rem; width: auto;}
.banner_tit{ margin-top: .20rem; } 
.banner_des{ max-width: 650px; margin: .20rem auto 0; font-weight: 300; line-height:1.67;}
.banner_wrap.active .banner_tit{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
.banner_wrap.active .banner_des{ -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}
.banner_wrap.active .banner_func{ -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}
.banner_mouse { display:block; position: absolute; bottom: .20rem; left:50%; transform: translateX(-50%); z-index: 2; }
.banner_mouse .arrow {
  width: .20rem;
  height: .20rem;
  display: block;
  border-bottom: .03rem solid #fff;
  border-right: .03rem solid #fff;
  transform: rotate(45deg);
  position: relative;
  margin: 0 auto;
  -webkit-animation: arrowAnim 1.2s infinite;
          animation: arrowAnim 1.2s infinite;
}
.banner_mouse .arrow.arrow-01 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
} 
.banner_mouse .arrow.arrow-02 {
	margin-top: -0.04rem;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@-webkit-keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: .04rem;
    opacity: 0;
  }
}

@keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: .04rem;
    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;
  }
} 
/*=======alliance_charter=====*/
.author{ display: block; height: 90px; margin-top: -90px;}
.alliance_charter{ padding-top: 0; padding-bottom: 0;}
.charter_box{ display:block; position: relative;}
.charter_img{ width: 50%;}
.charter_img .img_box{ padding-top: 70.83%;}
.charter_text{ width: 50%; height: 100%; padding: .50rem; display: flex; align-items: center; position: absolute; top:0; right:0;}
.charter_text_inner{ width: 100%; max-width: 740px; margin: 0 auto; max-height: 100%; overflow: hidden;}
.charter_tit{}
.charter_des{ color:#5c5c5c; /*line-height:26px; max-height: 364px;*/ /*line14*/ text-align: justify; overflow: hidden; margin-top: .25rem;}
/*=======alliance_vision=====*/
.alliance_vision{ padding-top: 0; padding-bottom: 0;}
.alliance_vision .charter_img{ float:right;}
.alliance_vision .charter_text{ right:auto; left:0;}

/*=======alliance_video=====*/
.alliance_video{ padding-top: 0; padding-bottom: 0;}
.video_show{ /*height: 6.80rem;*/ padding-top: 35.42%; min-height: 240px; overflow: hidden; position: relative; background:#000000;}
.video_show video{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; outline: none;}
.video_btn{ display: block; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; color: #ffffff; } 
.video_btn .iconfont{ font-size: 60px;}
.video_poster{ position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 1;}
.video_poster:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .12);}
.video_poster img{ display: block; width: 100%; height: 100%; object-fit: cover;}
/*=======alliance_member=====*/
.alliance_member{}
.member_swiper .swiper-slide a{ display:block; border: 1px solid rgba(0,0,0, .06); border-radius: 8px;}
.member_swiper .swiper-slide a .ico_box{ background: #ffffff; padding-top: 45.28%;}
.member_swiper .swiper-slide a .ico_box img{ max-width: 76%; max-height: 76%;}
.member_swiper .swiper-slide a:hover{ border: 1px solid rgba(20,88,228, .06); box-shadow: inset 0 0 .10rem .05rem rgba(20,88,228, .06);}
.member_swiper .swiper-slide a:hover .ico_box img{ transform: translate(-50%,-50%) rotateY(30deg);}
/*=======alliance_principle=====*/
.alliance_principle{ /*min-height: 6.80rem;*/ padding-top: .60rem; padding-bottom: .60rem; background-color: #223282; color: #ffffff; display: flex; align-items: center; text-align: center;}
.alliance_principle a, .alliance_principle .sec_forewords{ color: #ffffff;}
.alliance_principle .sec_func{ margin-top: 0; display: flex; justify-content: center;}
.principle_email{ text-decoration: underline;}
.principle_more{ border-color:#ffffff;}
.principle_more:before{ background: #ffffff;}
.principle_more:hover{ border-color:#ffffff; color: #1458e4;}
/*=======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, .40); } 
.tan_box { position:relative; z-index: 2; display:flex; align-items: center; width: 100%; height: 100%;}
.tan_box .inner{ height: 100%; display:flex; flex-wrap: wrap; align-items: center;}
.tan_con{ position:relative; z-index: 2; width: 100%; max-width: 500px; max-height: 90%; overflow-y: auto; margin: 0 auto; border-radius: 5px; background: #ffffff;}
.tan_close { position: absolute; top: 30px; right:.20rem; z-index: 5; text-align: center; width: 40px; line-height: 40px; color: #ffffff;}
.tan_close .icon_guanbi { font-size: 18px; }
.tan_close:hover { color: #1458e4!important; } 
/*tan_consult*/
#tan_consult{}  
.consult_box{ }
.consult_top{ padding: 0 .30rem; color: #ffffff; display: flex; flex-wrap: wrap; align-items: center; height: 165px; background: url(../images/tan_bg.jpg) center top no-repeat; background-size: cover;}
.consult_tit{ font-size: 24px;}
.consult_tit span{ display:block; font-size: 14px; margin-top: 14px;}
.consult_message{ padding:.30rem;}
.consult_message form{ display:flex; flex-wrap: wrap; margin: -.06rem;}
.message_line{ width:50%; padding: .06rem;}
.message_fill{ position: relative;}
.message_fill .iconfont { position: absolute; top: 8px; width:30px; text-align: center;}
.message_txt { resize: none; border: 1px solid rgba(0,0,0, .06); width: 100%; color: #252525; height: 44px; padding: 5px 5px 5px 30px; }
.message_txt:hover, .message_txt:focus{ box-shadow: 0 0 10px 0 rgba(0,0,0, .06);}
.line_words{ width:100%;}
.line_words .message_txt{ height: 80px; padding-top: 10px; line-height: 1.50;}
input.message_txt::input-placeholder{color:  #999999;} 
input.message_txt::-webkit-input-placeholder{ color: #999999; } 
input.message_txt:-moz-placeholder{ color: #999999; } 
input.message_txt::-moz-placeholder { color: #999999; } 
input.message_txt:-ms-input-placeholder{ color: #999999; }
.line_func{ width: 100%; margin-top: .25rem;}
.message_btn{ cursor: pointer; width:50%; height: 44px; background: #223282; color: #ffffff; font-weight: 500; font-size: 18px;}
.message_btn:hover{ opacity: 1; background: #1458e4;}
/*tan_apply*/
#tan_apply{ opacity: 0; visibility: hidden; pointer-events: none;} 
#tan_apply.active{ opacity: 1; visibility: visible; pointer-events: all; -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
#tan_apply #uploader{ margin-top: 0; padding: .50rem .30rem; text-align: center;}
#tan_apply .webuploader-container{ display: inline-block; vertical-align: middle; margin-right: .15rem;}
#tan_apply .webuploader-pick{ vertical-align: middle; background: #223282;}
#tan_apply .webuploader-pick:hover{ background: #1458e4;}
#tan_apply #ctlBtn{ display: inline-block; vertical-align: middle; cursor: pointer; padding: 10px 15px;}
#tan_apply .info{ margin-bottom:10px;}
#tan_apply .state{ margin-bottom:10px;}
/*=======alliance_style======*/ 
.alliance_style{ padding-top: 0; padding-bottom: 0;}
.style_swiper{ height: auto;}
.style_swiper .banner_swiper_img{ height: 6.80rem;}
.style_swiper .banner_swiper_img:before{ background: rgba(0,0,0, .35);}

/*============================ 04 ============================*/   
#fp-nav{ -webkit-transition:all .6s ease; transition:all .6s ease;}
#fp-nav.active{ opacity: 0; visibility: hidden; pointer-events: none;} 
#fp-nav li:nth-child(1), #fp-nav li:nth-child(9){ display:none;}
/*industry_fullpage*/
.industry_fullpage{color:#ffffff;}
.industry_fullpage a{color:#ffffff;} 
.industry_bg{ width: 100%; height: 100%; position:absolute; top:0; left:0; background: 50% 0 no-repeat fixed; background-size: cover;} 
.industry_box{ position:relative; z-index: 1;}
.industry_range{ max-width: 563px;}
.industry_tit{}
.industry_des{ line-height: 1.875; text-align: justify; margin-top: .40rem;} 
.industry_fullpage .industry_sec:nth-child(even) .industry_range{ float:right;}
.industry_fullpage .industry_sec00 .banner_bg{ background-attachment: local;}
.industry_fullpage .industry_sec07 .industry_bg{ background-attachment: local;}
.industry_fullpage .industry_sec.active .industry_tit{ 
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both;
}
.industry_fullpage .industry_sec.active .industry_des{ 
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both;
} 

/*============================ 05 ============================*/
.sub_wrap{ padding: .80rem 0;}
/*=======banner_wrap02=====*/
.banner_wrap02{ height: 6rem /* auto; padding-top: 31.25%; min-height: 280px;*/}
.banner_wrap02 .banner_des,
.banner_wrap02 .banner_mouse{ display: none;}
/*=======news_latest=====*/
.news_latest{ padding-bottom: .60rem; margin-bottom: .60rem; border-bottom: 1px solid rgba(0,0,0, .06); display: flex; flex-wrap: wrap; align-items: center;}
.news_latest dt{ width:48.62%; margin-right: .50rem;}
.latest_img{ overflow: hidden; border-radius: .20rem;}
.latest_img .img_box{ padding-top: 59.21%;}
.news_latest dd{ flex:1 0 0; overflow: hidden;}
.latest_mark{ display:inline-block; line-height: 34px; padding: 0 .15rem; background: #1458E4; color: #ffffff; border-radius: 3px; letter-spacing: 0.12em;}
.latest_tit{ line-height: 42px; max-height: 84px; margin-top: .15rem; font-weight: 450;}
.latest_des{ color: #5c5c5c; -webkit-line-clamp:3; max-height: 78px; margin-top: .25rem;}
.latest_func{ margin-top: .60rem;}
.latest_more{ height: 50px; line-height: 50px; margin: 0;}
/*=======news_list=====*/
.news_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.26rem -.18rem; }
.news_list .news_block{ width:33.33%; padding: .26rem .18rem;}
/*paging*/
.paging{ 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:#1458e4;}
.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: #1458e4;
  -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;}
/*=======guide_wrap=====*/
.guide_wrap{ line-height: 80px; height: 80px; border-bottom: 1px solid rgba(0,0,0, .06);}
.local{ color: #999999;}
.local a{ display:inline-block; color: #999999; padding: 0 .03rem;}
.local a.local_logo{ width: 80px; height: 80px; background: #223282; float:left; display: flex; align-items: center; justify-content: center; padding: 0; margin-right: .20rem; }
.local a.local_logo img{ height:40px; width:auto;}
.local a:hover{ color: #1458E4;}
/*=======article_wrap=====*/
.article_wrap{ padding-top: 0;}
.article_wrap .inner{ display:flex; flex-wrap: wrap;}
/*article_left*/
.article_left{ /*float:left; width: 76%;*/ flex:1 0 0; padding-right: .40rem; padding-top: .80rem; min-height: 500px; border-right: 1px solid rgba(0,0,0, .06); color: #5c5c5c;}
.article_head{ margin-bottom: .40rem;}
.article_tit{ font-weight: 500; color: #252525;}
.article_func{ color: #e0e0e0; margin: .20rem -.10rem 0;}
.article_func li{ display: inline-block; vertical-align: middle; position: relative; color: #5c5c5c; padding: 0 .10rem 0 .14rem;}
.article_func li:before{ content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 1px; height: 12px; background: #000000; opacity: 0.12;}
.article_func li:first-child:before{ display:none;}
.article_func li.article_font{ }
.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: #1458E4; color: #ffffff;} 
.article_con{ font-size: 16px; text-align: justify;}
.article_con img{ height:auto!important; border-radius: .20rem!important;}
/*article_right*/
.article_right{ /*width:24%; max-*/ width: 345px; padding-top:.50rem; padding-left: .40rem;}
.article_relevant{}
.relevant_tit{ padding-bottom: .15rem; border-bottom: 1px solid rgba(0,0,0, .06); }
.relevant_box{}
.relevant_focus a, .relevant_block a{ height: 100%; padding: .30rem 0; border-bottom: 1px dashed #EAEAEA;}
.relevant_focus .news_text{ margin-top: .25rem;}
.relevant_focus .news_img .img_box, 
.relevant_block .news_img .img_box{ border-radius: .05rem;}
.relevant_list{}
.relevant_block a{ display:flex; flex-wrap: wrap;}
.relevant_block a .news_img{ width: 125px; margin-right: .20rem;}
.relevant_block a .news_text{ flex:1 0 0; overflow: hidden; margin-top: 0;}
.relevant_block a .news_text .news_tit span{ font-weight: 500; white-space: normal; display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 24px; max-height: 48px;}
.relevant_block a .news_text .news_time{ margin-top: .10rem;}
.article_guide{ }
.article_nav li{ margin-top: .20rem;}
.article_nav li a{ display:flex; line-height: 24px;}
.article_nav_point{ }
.article_nav_item{ color: #999999; flex: 1 0 0; overflow: hidden; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.article_nav li a:hover .article_nav_item{ color: #1458E4; text-decoration: underline;}
.article_back{ display:block; margin-top: .25rem; text-align: center; line-height: 46px; background: #F6F6F6; color: #999999;}
.article_back:hover{ background: #1458E4; color: #ffffff;}
.article_back .iconfont{ font-size: 14px; margin-left: .05rem;}
@media (min-width: 992px){ 
	#portamento_container .article_guide.fixed{ position:fixed; margin-top:90px; } 
}

/*============================ 06 ============================*/ 
.body_join{}
/*=======body_join--header=====*/
.body_join header .nav{ margin-right: 0; flex: none;}
.body_join header .nav li:nth-child(n),
.body_join header .header_func{ display:none;}
.body_join header .nav li.li_sy, 
.body_join header .nav li.li_shzp, 
.body_join header .nav li.li_xyzp{ display:block;}
/*=======body_join--banner=====*/
.banner_func{ margin-top: .50rem;}
.banner_more{ border-color:#1458E4; background: #1458E4; color: #ffffff;}
.banner_more:before{ background: #ffffff;}
.banner_more:hover{background-color: transparent; border-color:#ffffff; color:#1458E4;}
/*=======join_who=====*/
.join_who{ text-align: center;}
.who_box{}
.who_tit{}
.who_des{ line-height: 1.80; color: #5c5c5c; max-width: 900px; margin: .25rem auto 0;}
/*=======join_influence=====*/
.join_influence{ color:#ffffff; min-height: 6.40rem; display: flex; align-items: center;}
.join_influence:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .35); }
.influence_box{ position:relative; z-index: 1; max-width: 580px;}
.influence_tit{ }
.influence_des{ margin-top: .50rem; }
/*=======join_environment=====*/
.join_environment{ padding-bottom: 0;}
.environment_swiper .swiper-container{ overflow: visible;}
.environment_img{ padding-top: 44.44%;}
.environment_img:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .08); }
.environment_swiper .swiper-button-prev{ left: .28rem;}
.environment_swiper .swiper-button-next{ right: .28rem;}
/*=======join_environment=====*/
.join_office{ background-color: #FAFAFA;}
.office_swiper{ margin: -.15rem;}
.office_swiper .swiper-wrapper{ flex-wrap: wrap; justify-content: center;}
.office_swiper .swiper-slide{ width: 33.33%; padding: .15rem;}
.office_block{ width: 100%; border-radius: .20rem; overflow: hidden; color: #ffffff;}
.office_img{ padding-top: 59.78%;}
.office_img:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .12);}
.office_tit{ position: absolute; top:0; left:0; z-index: 2; width: 100%; padding: .35rem; }
.office_swiper .swiper-slide:hover .office_img img{ transform: scale(1.10); }
.office_swiper .swiper-pagination{ display:none;}

/*=======join_provide=====*/
.join_provide{}
.provide_swiper{ } 
.provide_block{ height: 100%; padding: .25rem; border: 1px solid rgba(20,88,228, .06); border-radius: 5px; display: flex; align-items: center; -webkit-transition:border .6s ease,box-shadow .6s ease; transition:border .6s ease,box-shadow .6s ease; }
.provide_block dt{ width:90px; height: 90px; border-radius: 50%; padding: 15px; background: url(../images/join_provide.png) no-repeat; background-size: cover; margin-right: .25rem; }
.provide_block dt .ico_box{ -webkit-transition:transform .6s ease; transition:transform .6s ease;}
.provide_block dd{ flex: 1 0 0; overflow: hidden;}
.provide_tit{}
.provide_des{ margin-top: .10rem; color: #5c5c5c;}
.provide_block:hover{ box-shadow: inset 0 0 .10rem .05rem rgba(20,88,228, .06);}
.provide_block:hover dt .ico_box{ transform: rotateY(180deg);}
/*=======join_talents=====*/
.join_talents{ padding-top: 0; padding-bottom: 0; }
.talents_block{ width: 50%; float:left; position: relative; color: #ffffff; text-align: center; }
.talents_block a{ color: #ffffff; }
.talents_img{ padding-top: 66.67%; }
.talents_img:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .35); }
.talents_cover{ position: absolute; top:50%; left:50%; transform: translate(-50%,-45%); z-index: 2; width: 100%; padding: 0 20px 2.86%; }
.talents_txt{ max-width: 376px;; margin: 0 auto;}
.talents_tit{}
.talents_des{ color: #ffffff; -webkit-line-clamp:3; max-height: 78px; margin-top: .30rem;}
.talents_func{ margin-top: 0; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all .6s ease; transition:all .6s ease;}
.talents_more{ border-color:#1458E4; background: #1458E4; color: #ffffff;}
.talents_more:before{ background: #ffffff;}
.talents_more:hover{ background-color: transparent; border-color:#ffffff; color:#1458E4;}
.talents_block:hover .talents_img img{ transform: scale(1.10);}
.talents_block:hover .talents_func{ margin-top: .35rem; opacity: 1; visibility: visible; pointer-events: all;}
/*=======social_process=====*/
.social_process{}
.social_process_swiper{}
.social_process_swiper .swiper-wrapper{ justify-content: space-between;}
.social_process_swiper .swiper-slide{ /*width: auto!important;*/ text-align:center;}
.social_process_block{ position: relative;}
.social_process_block:before{ content:""; position: absolute; top:35%; left:100%; margin-left: -.30rem; width:.60rem; height: .14rem; background: url(../images/social_process.png) center center no-repeat; background-size: contain;}
.social_process_ico{ max-width: 1.50rem; margin: 0 auto;}
.social_process_tit{ font-weight: 500; margin-top: .25rem;}
.social_process_swiper .swiper-slide:last-child .social_process_block:before{ display:none;}
/*=======social_interested=====*/
.social_interested{ background-color: #FAFAFA;}
.social_interested_list{ margin: -.07rem; display:flex; flex-wrap: wrap; align-items: stretch;}
.social_interested_block{ width: 25%; padding: .07rem;}
.social_interested_block a{ display:block; position: relative; height: 100%; overflow: hidden; border-radius:.20rem; color: #ffffff;}
.social_interested_img{ padding-top: 85.714%;}
.social_interested_img:before{ content: ""; position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; height: 100%; border-image: .20rem; background: url(../images/social_interested.png) center bottom no-repeat; background-size: cover;}
.social_interested_tit{ position: absolute; bottom: 0; left:0; z-index: 2; width: 100%; padding: .25rem .30rem;}
.social_interested_block:nth-child(1){ width: 50%;}
.social_interested_block:nth-child(1) a .social_interested_img{ padding-top: 42.015%;}
.social_interested_block a:hover .social_interested_img img{ transform: scale(1.10); }
.social_interested_block:last-child .social_interested_img:before{ background: rgba(34,50,130, .80);}
.social_interested_block:last-child .social_interested_tit{ bottom: auto; top:50%; transform: translateY(-50%); text-align: center;}
.social_interested_block:last-child .social_interested_tit .iconfont{ display: block; font-size: 38px; margin: 0 auto .15rem;}
/*=======campus_process=====*/
.campus_process{}
.campus_process_swiper{ background: url(../images/campus_process.png) center center no-repeat; background-size: contain; padding: 0 .65rem;}
.campus_process_swiper .swiper-wrapper{ justify-content: space-between;}
.campus_process_swiper .swiper-slide{ text-align:center;}
.campus_process_block{ max-width: 230px;}
.campus_process_ico{ width: 70%; margin: 0 auto; background: #ffffff;}
.campus_process_ico .ico_box{ width: .90rem; height: .90rem; padding-top: 0; margin: -.10rem auto 0;}
.campus_process_text{ padding-top: 93.48%; position: relative; border-radius: .50rem; background: #8cd251; color: #ffffff; margin-top: .25rem;}
.campus_process_text:before{ content:""; position: absolute; top:0; left:50%; transform: translateX(-50%); z-index: 3; border: .20rem solid transparent; border-top: .20rem solid #ffffff;}
.campus_process_line{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; border-radius: .50rem; border:1px solid #ffffff; transform: scale(0.92); }
.campus_process_line:before, .campus_process_line:after{ content: ""; position: absolute; top: -2px; left: 50%; transform: translateX(-100%); width: .50rem; height: 3px; background: #8cd251; z-index: 2;}
.campus_process_line:after{ transform: translateX(0%);}
.campus_process_tit{ position: absolute; top:50%; left:0; transform: translateY(-50%); z-index: 3; width: 100%; text-align: center; font-weight: 500;}
.campus_process_num{ width: 70%; margin: .45rem auto 0; font-weight: 450; line-height: 1; background: #ffffff; color: #8cd251; font-family: 'centurygothic';}
.campus_process_num span{ } 
.campus_process_swiper .swiper-slide:nth-child(2) .campus_process_block .campus_process_text,
.campus_process_swiper .swiper-slide:nth-child(2) .campus_process_block .campus_process_line:before, 
.campus_process_swiper .swiper-slide:nth-child(2) .campus_process_block .campus_process_line:after{ background: #01cda0;}
.campus_process_swiper .swiper-slide:nth-child(2) .campus_process_num{ color: #01cda0;}
.campus_process_swiper .swiper-slide:nth-child(3) .campus_process_block .campus_process_text,
.campus_process_swiper .swiper-slide:nth-child(3) .campus_process_block .campus_process_line:before, 
.campus_process_swiper .swiper-slide:nth-child(3) .campus_process_block .campus_process_line:after{ background: #01cfde;}
.campus_process_swiper .swiper-slide:nth-child(3) .campus_process_num{ color: #01cfde;}
.campus_process_swiper .swiper-slide:nth-child(4) .campus_process_block .campus_process_text,
.campus_process_swiper .swiper-slide:nth-child(4) .campus_process_block .campus_process_line:before, 
.campus_process_swiper .swiper-slide:nth-child(4) .campus_process_block .campus_process_line:after{ background: #24a0dc;}
.campus_process_swiper .swiper-slide:nth-child(4) .campus_process_num{ color: #24a0dc;}
.campus_process_swiper .swiper-slide:nth-child(5) .campus_process_block .campus_process_text,
.campus_process_swiper .swiper-slide:nth-child(5) .campus_process_block .campus_process_line:before, 
.campus_process_swiper .swiper-slide:nth-child(5) .campus_process_block .campus_process_line:after{ background: #3f7ed7;}
.campus_process_swiper .swiper-slide:nth-child(5) .campus_process_num{ color: #3f7ed7;}
/*=======campus_interested=====*/
.campus_interested{ background-color: #FAFAFA;}
.campus_interested_list{ margin: -.15rem; display:flex; flex-wrap: wrap; align-items: stretch;}
.campus_interested_block{ width: 33.33%; padding: .15rem;}
.campus_interested_block a{ display:flex; flex-wrap: nowrap; position: relative; height: 100%; overflow: hidden; border-radius:.20rem; padding: .45rem .50rem; background: #ffffff; border: 2px solid #ffffff; }
.campus_interested_ico{ position: relative; width: 70px; height: 70px; line-height: 70px; margin-right: .20rem; text-align: center; border-radius: 50%; overflow: hidden; background: rgba(20,88,228, .06); color: #1458E4; -webkit-transition:all .6s ease; transition:all .6s ease;}
.campus_interested_ico:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; background: #1458E4; transform: scale(0);}
.campus_interested_ico .iconfont{ position: relative; z-index:1; line-height: inherit; font-size: 40px;}
.campus_interested_text{ flex: 1 0 0; overflow: hidden;}
.campus_interested_tit{ position: relative; padding-bottom: .13rem;}
.campus_interested_tit:before{content: ""; position: absolute; bottom: 0; left:0; width: 12px; height: 2px; background: #1458E4;}
.campus_interested_des{ margin-top: .13rem;}
.campus_interested_block a:hover{ background: rgba(20,88,228,0.04); border-color: #1458E4;}
.campus_interested_block a:hover .campus_interested_ico{ color: #ffffff;}
.campus_interested_block a:hover .campus_interested_ico:before{ transform: scale(1);}
.campus_interested_block a:hover .campus_interested_ico .iconfont{ -webkit-animation: 1s .2s bounceIn both; animation: 1s .2s bounceIn both;}
.campus_interested_more{}
/*=======search_wrap=====*/ 
.search_wrap{ position: relative; z-index: 2; margin-top: -27px;}
.search_box{ max-width: 680px; margin:0 auto; height: 54px; border-radius: 27px; background: #FFFFFF; box-shadow: 0 0 .25rem 0 rgba(0,0,0, .05);}
.search_box form{ height: 100%; display: flex; flex-wrap: nowrap;}
.search_fill{flex:1 0 0; height: 100%; padding: 0 .22rem;}
.search_btn{ cursor: pointer; flex:none; margin-left: auto; padding: 0 .30rem; height: 100%; background: #1458E4; color: #ffffff; border-radius: 0 27px 27px 0;}
.search_btn .iconfont{ font-size: 20px; margin-left: .08rem;}
input.search_fill::input-placeholder{color:  #999999;} 
input.search_fill::-webkit-input-placeholder{ color: #999999; } 
input.search_fill:-moz-placeholder{ color: #999999; } 
input.search_fill::-moz-placeholder { color: #999999; } 
input.search_fill:-ms-input-placeholder{ color: #999999; } 

/*=======filters_join=====*/   
@media (min-width: 992px){
	.filters_join .filters_option_title{ border:none;}
	.filters_join .filters_option_title .clear_this{ right:0;}
	.filters_join .filters_option_title .title_text .iconfont{ display:none;}
	.filters_join .filters_option_block{ padding-top: .10rem; padding-bottom: .15rem; border-top: 1px solid rgba(0,0,0, .06);} 
	.filters_join .filters_option_content{ display: block!important; margin-top: 0;}
}
/*=======post_list=====*/ 
.post_list{}
.post_block{}
.post_block a{ display:flex; flex-wrap: wrap; align-items: center; overflow: hidden; border-radius: .05rem; padding: .25rem 0; -webkit-transition:all .6s ease; transition:all .6s ease;}
.post_text{ flex:1 0 0; max-width: 760px; margin-right: 5%;}
.post_more{ margin-left:auto; display:block; color: #223282;}
.post_more .iconfont{ position: relative; z-index: 2; transform: rotate(-45deg); font-size: 18px; font-weight: bold; margin-left: .20rem; -webkit-transition:transform 0.6s ease; transition:transform 0.6s ease;} 
.post_xg{ color: #999999; margin-top: .05rem;}
.post_xg li{ display:inline-block; vertical-align: middle; height: 26px; line-height:24px; padding: 0 8px; border-radius: 13px; border:1px solid rgba(0,0,0, .20); margin-right: .04rem; }
.post_des{ color: #5c5c5c; margin-top: .10rem;}
.post_block a:hover{color: #1458E4; padding: .25rem; box-shadow: 0 0 .20rem 0 rgba(0,0,0, .05);}
.post_block a:hover .post_more{color: #1458E4;}
.post_block a:hover .post_more .iconfont{ transform: rotate(0deg);}
/*=======post_detail=====*/
.post_detail{ display:flex; flex-wrap: wrap; }
.detail_left{ width:15%; max-width: 210px; min-width: 110px;}
.detail_back{ display: inline-block; position: relative; color: #223282;}
.detail_back .iconfont{ vertical-align: middle; font-size: 30px; margin-right: .10rem;}
.detail_back:hover{color: #1458E4;}
.detail_right{ flex: 1 0 0;}
.detail_head{ display: flex; }
.detail_apply{ cursor: pointer; margin-left:auto; padding: 0 .40rem;}
.detail_apply .file_txt{ cursor: pointer; position: absolute; top:0; left:0; z-index: 5; width: 100%; height: 100%; opacity: 0;}
.detail_head_text{ flex:1 0 0; margin-right: 6%;}
.detail_tit{ font-weight: 500;}
.detail_xg{ color: #999999; margin-top: .20rem;}
.detail_text{ margin-top: .40rem;}
.detail_item{ }
.detail_des{color: #5c5c5c; margin-top: .10rem;}
.detail_tip{ font-weight: 500; margin-top: .40rem;}
.detail_tel{color: #1458E4; font-style: italic;}

/*============================ 07 ============================*/  
/*=======about_company=====*/
.about_company{ text-align: center;}
.company_text{ max-width: 1010px; margin: 0 auto;}
.company_tit{}
.company_des{ color:#5c5c5c; margin-top: .25rem;}
.company_data{ margin-top: .80rem;}
.company_data li .data_num{ color: #223282;}
/*=======about_plate=====*/
.about_plate{ padding-top: 0; padding-bottom: 0; display:flex; flex-wrap: wrap;}
.plate_block{ width:33.33%; min-height: 6.38rem; position: relative; color: #ffffff; text-align: center;}
.plate_block_inner{ width: 100%; height: 100%; display:flex; align-items: center; justify-content: center;}
.plate_block_flex{ }
.plate_img:before{ content: ""; position: absolute; top:0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../images/plate_cover.png) no-repeat; background-size: cover;}
.plate_ico{ width: 1rem; height: 1rem; margin: 0 auto; border:2px solid #ffffff; border-radius: 50%; position: relative;}
.plate_ico .iconfont{ font-size: .50rem; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.plate_text{ margin-top: .35rem;}
.plate_tit{}
.plate_des{ line-height: 1.60; margin-top: .15rem;}
/*=======about_image=====*/
.about_image{}
.image_list{ margin: -1px 0 0 -1px;}
.image_block{ float:left; padding: 1px 0 0 1px;}
.image_img{ }
.image_block01{ width: 42.98%;}
.image_block01 .image_img{ padding-top: 88.51%; }
.image_block02{ width: 19.03%;}
.image_block03{ width: 19.03%;}
.image_block04{ width: 38.05%;}
.image_block04 .image_img{ padding-top: 49.91%; }
.image_block05{ width: 18.96%; margin-top: -19%;}
.image_block05 .image_img{ padding-top: 200.36%; }
/*=======about_video=====*/
.about_video{ padding-top: 0; padding-bottom: 0;}
/*=======about_develop=====*/
.about_develop{}
.develop_swiper{}
.develop_swiper .swiper_arrow div{ top:0; left:0; margin: 0; color: #252525; height: 40px; line-height: 40px;}
.develop_swiper .swiper_arrow div.swiper-button-next{ left:auto; right:0;}
.develop_swiper .swiper_arrow div:before,
.develop_swiper .swiper_arrow div:after{ display:none;}
.develop_swiper .swiper_arrow div:hover{ color:#1458E4;}
.develop_swiper .swiper-pagination{ display:none;}
.develop_thumb{ padding: 0 80px;} 
.develop_thumb .swiper-slide{ text-align:center;}
.develop_thumb .swiper-slide a{ display:block; cursor: pointer; line-height: 40px; font-weight: bold; font-family: "centurygothic"; color: #CFCFCF;}
.develop_thumb .swiper-slide-thumb-active a{ color:#1458E4;}
.develop_show{ margin-top: .25rem;}
.develop_show .swiper-slide{ height: auto; background: #f8f9fb; border-radius: .20rem; padding: .70rem .70rem .70rem 0; display: flex; flex-wrap: wrap; align-items: center;}
.develop_year{ width: 40%; text-align: center; color: #223282; font-style: italic; font-weight: bold; font-family: "centurygothic";}
.develop_show .swiper-slide:first-child .develop_year{ font-weight: normal;}
.develop_des{ flex:1 0 0;}
.develop_des li{ margin-bottom: .20rem;}
.develop_des li:last-child{ margin-bottom: 0;}
/*=======about_honor=====*/
.about_honor{}
.honor_swiper{ margin: -.15rem 0;}
.honor_swiper .swiper-container{ padding:.15rem 0;}
.honor_swiper .swiper-slide a{ display:block; height: 100%; background: #FFFFFF; text-align: center; padding-bottom: .40rem;}
.honor_img{}
.honor_img img{ max-width: 80%; max-height: 80%;}
.honor_tit{ padding:0 .30rem;}
.honor_swiper .swiper-slide a:hover{ transform: translateY(-.15rem); box-shadow: 0 .05rem .10rem 0 rgba(20,88,228, .10); color:#1458E4; }
/*=======about_contact=====*/
.about_contact{}
.contact_list{ display:flex; flex-wrap: wrap; margin: -.15rem;}
.contact_block{ width: 33.33%; padding: .15rem;}
.contact_block_inner{height: 100%; background: #FFFFFF; border: 1px solid #F0F0F0; border-radius: .20rem; padding: .70rem .40rem; text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;} 
.contact_ico{ display:block; position: relative; margin: 0 auto; text-align: center; width: 1rem; height: 1rem; line-height: 1rem; border-radius: 50%; }
.contact_ico:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; border: .02rem solid #252525;}
.contact_ico:after{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; background: #1458E4; opacity: 0; transform: scale(1.10);}
.contact_ico .iconfont{ position: relative; z-index:2; font-size: .50rem;}
.contact_block_inner:hover{ box-shadow: 0 0 .20rem 0 rgba(0,0,0, .05);}
.contact_block_inner:hover .contact_ico{ color:#ffffff;}
.contact_block_inner:hover .contact_ico:before{  border-color: #1458E4; }
.contact_block_inner:hover .contact_ico:after{ opacity: 1; transform: scale(0.90); }
.contact_block_inner:hover .contact_ico .iconfont {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
.contact_tit{ font-weight: 500; margin-top: .30rem;}
.contact_des{ color: #5c5c5c; max-width: 320px; margin: .10rem auto 0;}
.contact_func{ margin: .20rem -.12rem 0;}
.contact_more{ border:none; border-radius: 0; margin: 0; height: auto; line-height:normal; padding:.18rem .12rem;}
.contact_more:before{ display: none;}
.contact_more:after{ 
   content: ""; position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; height: 2px; background: #1458E4;
  -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);
} 
.contact_more:hover:after,
.contact_block_inner:hover .contact_more:after{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.contact_more:hover,
.contact_block_inner:hover .contact_more{ color: #1458E4;}
.contact_block:nth-child(3) .contact_more em{ font-family: "centurygothic"; font-weight: bold; font-style: italic; }
/*map_box*/
.map_box{}
#china_map{ width: 100%; height: 8.40rem;  }
.map_tooltip{ position: relative; width: 490px; height: 225px; /*line-height: .96rem;*/ transform: translate(490px,225px);} 
.map_tooltip_inner{ width:100%; height: 100%; display: flex; align-items: center; justify-content: center; background: url(../images/map_01.png) 50% 50% no-repeat; background-size: cover; padding: 100px 40px 40px 160px; font-weight: 500; white-space: normal; font-family:'Noto Sans SC';}
.map_tooltip_text{ text-align: left; color: #666666;}
.map_tooltip_tit{ font-size: 24px; font-weight:600; color: #333333; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0, .15);}
.map_phone{ display:none; margin: 0 auto;}
#tan_map{ opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(100%); -webkit-transition:all .6s ease; transition:all .6s ease; }
#tan_map.active{ opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0%);}
#tan_map .tan_bg { background: #ffffff; } 
#tan_map .tan_close { color: #666666; } 
#tan_map .tan_con{ max-width: none; max-height: 100%; overflow: visible;}