@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: "DIN-Regular";
  src: url("../fonts/DIN-Regular.woff") format("woff"),
       url("../fonts/DIN-Regular.ttf") format("truetype"),
       url("../fonts/DIN-Regular.eot") format("embedded-opentype"),
       url("../fonts/DIN-Regular.svg") format("svg");
}  
@font-face {
  font-family: "Akzidenzgroteskbq";
  src: url("../fonts/akzidenzgroteskbq.woff") format("woff"),
       url("../fonts/akzidenzgroteskbq.ttf") format("truetype"),
       url("../fonts/akzidenzgroteskbq.eot") format("embedded-opentype"),
       url("../fonts/akzidenzgroteskbq.svg") format("svg");
}
html,body {  
    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:HelveticaNeue, 'Noto Sans SC', Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';
    font-size: 14px;
	line-height: 1.72;
    color: #333333;
    background: #ffffff;
	font-weight: 400; 
	/*overflow: hidden;*/
}  
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;}
a:hover{color: #21427c;}
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: HelveticaNeue,'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-container{ height:100%;}  
.swiper-pagination{ position:static; margin-top: .30rem;}
.swiper-pagination-bullet{  position: relative; width:8px; height: 8px; margin: 0 4px; } 
.swiper-pagination-bullet-active{ background: #21427c!important; opacity: 1!important;}    
.swiper_arrow div{ width: 42px; height: 42px; text-align: center; line-height: 42px; border-radius: 50%; background: #eaebec; color: #969595;}
.swiper_arrow div:hover{ background: #22427D; color: #ffffff;}
.swiper_arrow div:after{ font-family: "iconfont"; font-size: 16px; font-weight: bold;}
.swiper_arrow div.swiper-button-prev:after{ content: "\e60b";}
.swiper_arrow div.swiper-button-next:after{ content: "\e709";}

/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .img_box img, .logo a img, .n_subclass, .swiper_arrow div{ 
	-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========================*/ 
.font_num{ font-family: "AkzidenzGroteskBQ";}
/*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;} 
/*thumb && thumb_img*/
.thumb{
	-webkit-animation: thumb 1.2s cubic-bezier(.77, 0, .175, 1);
	animation: thumb 1.2s cubic-bezier(.77, 0, .175, 1);
	visibility: visible;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}
@-webkit-keyframes thumb {
	0% {
	-webkit-transform:translate3d(0, 50%, 0);
	transform:translate3d(0, 50%, 0);
	opacity:0
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0);
	opacity:1
	}
}
@keyframes thumb {
	0% {
	-webkit-transform:translate3d(0, 50%, 0);
	transform:translate3d(0, 50%, 0);
	opacity:0
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0);
	opacity:1
	}
}
.thumb_img{
	-webkit-animation: thumb_img 1.2s cubic-bezier(.77, 0, .175, 1);
	animation: thumb_img 1.2s cubic-bezier(.77, 0, .175, 1);
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards
} 
@-webkit-keyframes thumb_img {
	0% {
	-webkit-transform:translate3d(0, -25%, 0);
	transform:translate3d(0, -25%, 0);
	-webkit-filter:brightness(5);
	filter:brightness(5)
	}
	60% {
	-webkit-filter:brightness(1);
	filter:brightness(1)
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0)
	}
}
@keyframes thumb_img {
	0% {
	-webkit-transform:translate3d(0, -25%, 0);
	transform:translate3d(0, -25%, 0);
	-webkit-filter:brightness(5);
	filter:brightness(5)
	}
	60% {
	-webkit-filter:brightness(1);
	filter:brightness(1)
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0)
	}
}   
/*title_effect*/ 
.title_effect .letter {
	display: inline-block; transform:translateY(-50%); opacity:0;
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1);
	-o-transition: all 1.2s cubic-bezier(.77, 0, .175, 1);
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1)
} 
.my_textLink1{
	-webkit-animation-name: textLink1;
	  animation-name: textLink1; 
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
} 
@-webkit-keyframes textLink1 {
  to{
	 transform:translateY(0);
	 opacity: 1
  }
}
@keyframes textLink1 {
  to{
	 transform:translateY(0);
	 opacity: 1
  }
}
.title_effect .letter:nth-child(n) {
  -webkit-animation-delay: 0.10s;
  animation-delay: 0.10;
}
.title_effect .letter:nth-of-type(2n) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.title_effect .letter:nth-of-type(3n) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.title_effect .letter:nth-of-type(4n) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.title_effect .letter:nth-of-type(5n) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

/*=======load======*/   
.load{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	z-index: 5000;
	color: #e30920; 
} 
.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.6s cubic-bezier(.77, 0, .175, 1);
	transition: all 0.6s cubic-bezier(.77, 0, .175, 1)
} 
.load_con{ position: absolute; top: 50%; left: 0%; transform: translate(0,-50%)!important; width:100%; text-align: center;}
.load_text { 
	-webkit-animation: 0.6s .2s fadeInUp both;
	animation: 0.6s .2s fadeInUp both;
}   
.load_logo{ display:inline-block; vertical-align: top; height: 45px; width: auto; }
.load_sign{ margin-top: 20px;}
.load_sign .icon_jiazai{
	 display: inline-block;
	vertical-align: middle;
	line-height: 1;
	-webkit-animation: loader 0.6s linear infinite;
	animation: loader 0.6s linear infinite;
	font-size: 30px;
	color: #b01f24;
} 
@-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: 85%; max-width: 1600px; margin: 0 auto;}
header{ position:fixed; left:0; top:0; z-index:1003; width:100%;}
.header_line{ padding: 0 2.343% 0 4.167%; display:flex; flex-wrap:nowrap; position:relative; z-index: 2; border-bottom: 1px solid rgba(0, 0, 0, .10); height: 95px; line-height: 95px; font-size: 16px;}
.header_line:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #ffffff; opacity: 1;}
.header_line a{ color: #333333;} 
/*=========logo && nav && menu_phone =========*/   
/*logo*/  
.logo{ margin-right: 3.125%; }  
.logo a{ display:inline-block; height: 45px; position: relative; transform: translateY(35%);}
.logo a img{ display:block; height: 100%; width:auto;}
.logo a img:nth-child(1){ opacity: 0;} 
.logo a img:nth-child(2){ position: absolute; top:0; left: 0; opacity: 1;} 
/*nav*/
.nav{ margin:0 -.22rem; margin-left: auto;}
.nav li{ float:left; position: relative; margin: 0 .22rem;}
.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: #21427c;
  -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 .n_subclass a{ display:block; color: #333333!important; padding: 6px 0;}
.nav li .n_subclass a:hover{ color: #21427c!important;}
.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: 2.604%; display: flex; flex-wrap: nowrap;}  
.func_menu{display: block; cursor: pointer; position: relative; text-align: center; width:105px; height: 100%; border-left:1px solid rgba(0,0,0, .10);}
.func_menu .iconfont{ font-size: 24px;} 
.func_menu:hover, .func_menu.active{ background: #21427c; color: #ffffff;}
/*====menu_search====*/
.menu_search{ } 
/*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: 24px; }
.search_btn:hover{ color: #21427c;}  
/*====menu_phone====*/
.menu_phone{ } 
/*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); pointer-events: none;}
.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: .40rem 20px; } 
.mobile_menu_section:not(:last-child) { border-bottom: 1px solid #e7e2de; }  
.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: .20rem; 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: 24px; margin-right: .10rem; }
.mobile_menu_help li span{ }
.mobile_menu_help li.help_notice{ align-items: flex-start; font-size: 14px;}
.mobile_menu_help li.help_notice img{ display:block; height: 146px; width:146px; border:1px solid #eeeeee; margin-bottom: .05rem;}
.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_white*/ 
header.header_white .header_line{ color: #ffffff; border-color: rgba(255,255,255, .20);}  
body.body_index header .header_line:before{ opacity: 1;}
body.body_index header.header_white .header_line:before{ opacity: 0;}
header.header_white .header_line a{ color: #ffffff;}   
header.header_white .header_line a:hover{ color: #ffffff;} 
header.header_white .nav li a.n_a0 em:before{ background: #ffffff; }
header.header_white .logo a img:nth-child(1){ opacity: 1;}  
header.header_white .logo a img:nth-child(2){ opacity: 0;}   
header.header_white .func_menu{ border-color: rgba(255,255,255, .20);}
header.header_white .func_menu:hover, 
header.header_white .func_menu.active{ background: #ffffff; color: #21427c!important;}

/*====================================01 index============================================================*/  
body.body_index .nicescroll-rails{ display:none;}
.effect_swiper{ position:relative;}
.sec_tit{ position: relative; z-index: 3;}
.sec_tit em{ display:block; margin-bottom: .10rem;}
.sec_tit i{ display:block; font-weight: 600; color: #21427C;}
.index_sec.active .sec_tit{
	-webkit-animation: 1s .2s fadeIn both;
	animation: 1s .2s fadeIn both;
}
.sec_more{ display:inline-block; min-width: 164px; text-align: center; position: relative; overflow: hidden; margin: 0 auto; padding:0 .30rem; border-radius:25px; height: 50px; line-height: 48px; color: #ffffff; border: 1px solid #1b377f; background: #1b377f; text-transform: uppercase; -webkit-transition:color 600ms ease; transition:color 600ms ease; }
.sec_more .iconfont{ font-size: 18px; margin-left: .10rem; } 
.sec_more em, .sec_more i{  position: relative; z-index: 1;}
.sec_more:before{ content:""; position: absolute; bottom: 0%; left: -50%; transform: scale(0); width: 200px; height:200px; border-radius: 50%; background: #ffffff; } 
.sec_more:hover{ color: #1b377f;}
.sec_more:hover:before{ left: 0%; transform: scale(2);}
/*=======index_focus======*/    
.index_sec{ position: relative; background: 50% 0 no-repeat; background-size: cover; overflow: hidden; } 
.sec_bg{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: 50% 0 no-repeat; background-size: cover;}
.sec_con{ position: relative; z-index: 2; width: 100%; padding-top: 95px;}
.index_focus .sec_con,
.index_about .sec_con{ padding-top: 0!important;}
.focus_swiper{ height:100vh;} 
.focus_swiper .swiper-slide video { display:block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; object-fit: cover; }
.focus_swiper .swiper-slide img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.focus_txt { position: absolute; width: 100%; top: 40%; left: 0; z-index: 3; color:#ffffff; letter-spacing: 0.1em; }
.focus_txt h2 { 
  position: relative;
  opacity: 0; 
  -webkit-transform: translateY(.20rem);
  transform: translateY(.20rem); 
  transition: all 1s 0.6s ease;
  -webkit-transition: all 1s 0.6s ease;
  -moz-transition: all 1s 0.6s ease;
  -ms-transition: all 1s 0.6s ease;
}
.focus_txt p { 
	margin-top: .30rem;
	  position: relative;
	  opacity: 0; 
	  -webkit-transform: translateY(.20rem);
	  transform: translateY(.20rem);  
	  transition: all 1s 1s ease;
	  -webkit-transition: all 1s 1s ease;
	  -moz-transition: all 1s 1s ease;
	  -ms-transition: all 1s 1s ease; 
}
.focus_swiper .swiper-slide-active .focus_txt h2 {
   -webkit-transform: translateY(0);
	transform: translateY(0);  
 	opacity: 1;
}
.focus_swiper .swiper-slide-active .focus_txt p {
 	-webkit-transform: translateY(0);
	transform: translateY(0);  
 	opacity: 1;
}
.focus_pagination{}
.focus_pagination .sign{ display:none;}
.focus_pagination .swiper-pagination{ position: absolute; bottom: 0; }
.focus_pagination .swiper-pagination-bullet{ vertical-align: bottom; background: none!important; border-radius:0; margin: 0 3px; position: relative; width: .35rem; height: .35rem; opacity: 1; filter: alpha(opacity=100); }  
.focus_pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 3px;
}
.focus_pagination .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_pagination .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{ display:none;}
.focus_swiper .swiper_arrow div{ color:#ffffff;}
.focus_swiper .swiper_arrow div.swiper-button-prev{ left:2.60%; }
.focus_swiper .swiper_arrow div.swiper-button-next{ right:2.60%; }
/*mouse-icon*/
.mouse_icon { display:none; position: absolute; bottom: 5%; margin-bottom: .35rem; left:50%; transform: translateX(-50%); z-index: 2; }
.mouse_icon .arrow {
  width: .12rem;
  height: .12rem;
  display: block;
  border-bottom: .02rem solid #fff;
  border-right: .02rem 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;
} 
.mouse_icon .arrow.arrow-02 {
  -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;
  }
} 
#focus_swiper_pc{ display: block;}
#focus_swiper_phone{ display: none;}
/*=======index_product======*/   
.index_product{ } 
.index_product .sec_bg_pc{ display:block;}
.index_product .sec_bg_phone{ display:none; background-position: 100% 0;}
.product_top{ display:flex; align-items: flex-end; padding-bottom: .40rem; border-bottom: 2px solid #f7f7f7; }
.product_tab{ margin-left:auto;}
.product_tab li{ display:inline-block; margin-left: .16rem;}
.product_tab li:first-child{ margin-left: 0;}
.product_tab li a{ display:block; position: relative; border: 1px solid #EAEAEA; color: #666666; border-radius: 23px; min-width: 190px; height: 45px; line-height: 45px; padding: 0 .65rem 0 .25rem;}
.product_tab li a:before{ content: "\ebdb"; font-family: "iconfont"; font-size: 12px; position: absolute; top:50%; right:.25rem; transform: translate(0,-50%) scale(0.83);}
.product_tab li a:hover, .product_tab li.active a{ border-color:#21427C; background: #21427C; color: #ffffff;}
.product_tab li.active a:before{ transform: translate(0,-50%) scale(0.83) rotate(90deg);}
.product_block{ height: 0; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none;}
.product_block.active{ height: auto; opacity:1; visibility: visible; pointer-events: all;}
.product_block.active .product_swiper{ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
.product_swiper:before{ content:""; position: absolute; top:0; left: 69.06%; width:2px; height: 200%; background: #f7f7f7;} 
.product_swiper .swiper-slide{/* width:69.06%;*/ padding-top: .50rem; opacity: .30;}
.product_mationpic{ display:flex; flex-wrap: wrap;}
.product_mation{ width:100%;}
.product_mark{ display:block; line-height: 1; text-transform:uppercase; color:#21427C;}
.product_mark .iconfont{ font-size: 24px; margin-right: .05rem;}
.mark_hot{ color: #DE2732;}
.mark_new{}
.product_tit{ font-weight:bold; margin-top: .20rem;}
.product_tit em, .product_tit i{ display:block;}
.product_subtit{ color: #999999; margin-top: .20rem;}
.product_subtit a{ color: #999999;}
.product_des{ -webkit-line-clamp:4; max-height: 120px; height: 120px; margin-top: .25rem;}
.product_more{ /*float:right; margin-right: 5%;*/ margin-top: .50rem;  }
.product_pic{ flex:1 0 0; visibility: hidden; pointer-events: none; opacity: 0;}
.product_pic .ico_box{ padding-top: 76.25%; /*width: 122.46%; margin-left: -7%;*/ width:110%; margin-left: -5%;}
.product_swiper .swiper-slide-active{ padding-left: 0 !important; opacity: 1; }
.product_swiper .swiper-slide-active .product_mation{ width: 34%; }
.product_swiper .swiper-slide-active .product_pic{ visibility: visible; pointer-events: all; opacity: 1; }
.product_swiper .swiper-slide-active .product_pic .ico_box{ -webkit-animation: 1s .2s fadeInRight both; animation: 1s .2s fadeInRight both;}
.product_swiper .swiper_arrow{ position: absolute; top:50%; transform: translateY(-50%); left:69.06%; margin-left: -21px; z-index: 3;}
.product_swiper .swiper_arrow div{ position: static; margin: 0 0 .13rem;}
.product_swiper .swiper-pagination{ }
@media (min-width: 768px){
	.product_swiper .swiper-slide{ width:69.06%; padding-left: 7%;}
	.product_mation{ max-width: 370px;}
	.product_swiper .swiper-pagination{ display:none;}
}

/*=======index_solution======*/
.solution_swiper{ position: relative; width: 54%; max-width: 1020px; margin: 0 auto;}
.solution_swiper .swiper-container{ overflow: visible;}
.solution_swiper .swiper-slide{ margin: 0 0.6%; opacity: 0.3; transition: all .3s;}
.solution_swiper .swiper-slide-active{ opacity: 1;}
.solution_swiper .swiper_arrow div{ width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF;}
.solution_swiper .swiper_arrow div:hover{ background-color: #22427d;}
.solution_swiper .swiper-button-prev{ left: auto; right: 110%;}
.solution_swiper .swiper-button-next{ right: auto; left: 110%;}
.solution_swiper .swiper_arrow div.swiper-button-prev:after{ content: "\e643";}
.solution_swiper .swiper_arrow div.swiper-button-next:after{ content: "\e647";}
.solution_img{ padding-top: 45%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.solution_img::before{ display: block; content: ""; background-color: #000; opacity: 0.1; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.solution_img::after{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 30%; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));}
.solution_con{ position: absolute; left: 4%; top: 5%; right: 4%; color: #FFFFFF;}
.solution_logo{ width: 40%; max-width: 148px; margin-bottom: 5px;}
.solution_logo img{ position: static; width: 100%; height: auto;}
.solution_name{ text-transform: uppercase; font-family: "Akzidenzgroteskbq"; font-weight: bold; letter-spacing: .1em; line-height: 1.1;}
.solution_text_swiper{ width: 54%; max-width: 1020px; margin: 0 auto; text-align: center;}
.solution_text_swiper .swiper-slide{}
.solution_text{ margin: 40px auto;}
.solution_tit{ margin: 10px auto;}

/*=======index_energy======*/
.index_energy{}
.energy_swiper{ margin-top: .50rem;}
.energy_swiper .swiper-container{ width:100%;}
.energy_swiper .swiper-slide a{ color:#ffffff;}
.energy_swiper .swiper-slide{ overflow: hidden;}
.energy_img{ /*padding-top: 74.36%;*/ padding-top: 0; height: 383px; background: center center no-repeat; background-size: cover;}
.energy_cover{ position: absolute; top:0; left:0; z-index: 1; background: rgba(0,0,0, .40); width: 100%; height: 100%; /*background: #21427c;*/ }
.energy_cover_bg{ position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0.05; }
.energy_cover_bg img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.energy_cover_con{ position: relative; z-index: 1; width: 100%; height: 100%; padding: 0.6rem 13.50%;}
.energy_tit{}
.energy_des{ margin-top: .50rem; max-height: 280px; overflow: hidden;}
.energy_des li{ line-height: 22px; margin-bottom: 6px; padding-left: 25px; background: url(../images/dec_ico01.png) left 5px no-repeat; background-size: 15px;}
.energy_ico{ width: 50px; position: absolute; /*margin: .30rem auto 0;*/ top: 0.40rem; right: 13.50%;}
.energy_swiper .swiper-pagination{ position: absolute;}
.energy_swiper .swiper-pagination-bullet{ background: #ffffff!important;}
@media (min-width: 1200px){ 
	.energy_swiper{ display:flex; align-items: stretch; justify-content: center;}
	.energy_swiper .swiper-wrapper{ justify-content: center; transform: translate3d(0px, 0px, 0px)!important;} 
	.energy_swiper .swiper-pagination{ display:none;} 
	.energy_swiper .swiper-slide{ width:26.625%!important; -webkit-transition:width 1s .2s ease; transition:width 1s .2s ease;}
	.energy_swiper .swiper-slide:before{ content:""; position: absolute; top:0; left:0; z-index: 2; width:2px; height: 100%; background: #ffffff;}
	.energy_swiper .swiper-slide:nth-child(1):before{ display: none;} 
	.energy_swiper .energy_img{ -webkit-transition:all .6s ease; transition:all .6s ease;}
	.energy_swiper .energy_cover{ background: rgba(0,0,0, .15); text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;}
	.energy_swiper .energy_cover_bg{ opacity: 0; -webkit-transition:all .6s ease; transition:all .6s ease;}
	.energy_swiper .energy_des{ /*max-height: 280px;*/ display: none;}
	.energy_swiper .energy_ico{ top:auto; right:auto; bottom: 18%; left:50%; transform: translateX(-50%); -webkit-transition:all .6s ease; transition:all .6s ease;}
	.energy_swiper .swiper-slide-active{ width:46.75%!important; border-left:none;}
	.energy_swiper .swiper-slide-active .energy_img{ transform: scale(1.20); }
	.energy_swiper .swiper-slide-active .energy_cover{ background: #21427c; text-align: left;}
	.energy_swiper .swiper-slide-active .energy_cover_bg{ opacity: 0.05;}
	.energy_swiper .swiper-slide-active .energy_tit{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
	.energy_swiper .swiper-slide-active .energy_des{ display: block; -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}
	.energy_swiper .swiper-slide-active .energy_ico{ opacity: 0; transform: scale(0); }
} 
@media (min-width: 1601px){ 
	.energy_swiper .energy_img{ height: 583px;}
	.energy_des{ max-height: 400px; }
	.energy_des li{ line-height: 26px; margin-bottom: 14px;}
}
@media (min-width: 1367px) and (max-width: 1600px){ 
	.energy_swiper .energy_img{ height: 483px;}
	.energy_des{ max-height: 360px; }
	.energy_des li{ line-height: 26px; margin-bottom: 10px;}
} 
/*=======index_engineering======*/   
.index_engineering{ }
.index_engineering .sec_tit_pc, .index_service .sec_tit_pc{}
.index_engineering .sec_tit_phone, .index_service .sec_tit_phone{ padding: 0 20px; display: none;} 
.index_engineering .sec_bg:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: url(../images/cover_white.png) no-repeat; background-size: cover;}
.engineering_text{ position: relative; z-index: 5;}
.engineering_text{ margin-top: .30rem;}
.engineering_des{ }
.engineering_more{ margin-top: .90rem;}
.index_engineering.active .sec_tit{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
.index_engineering.active .engineering_des{ -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}
.index_engineering.active .engineering_more{ -webkit-animation: 1s .6s fadeInUp both; animation: 1s .6s fadeInUp both;}
/*=======index_maintenance======*/   
.index_maintenance{}
/*=======index_service======*/   
.index_service{}
.index_service.active .sec_tit{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
.index_service.active .engineering_des{ -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}
.index_service.active .engineering_more{ -webkit-animation: 1s .6s fadeInUp both; animation: 1s .6s fadeInUp both;}
/*=======index_news======*/   
.index_news{} 
.news_flex{ /*display:flex; align-items: stretch;*/  position: relative;} 
.news_side{ min-width: 164px; margin-right: 5%; float:left;} 
.news_tab{ position: absolute; top:50%; transform: translateY(-50%); }
.news_tab li{ margin-top:.20rem;}
.news_tab li:first-child{ margin-top: 0;}
.news_tab li a{ display:inline-block; position: relative; padding-bottom: 10px; line-height: 24px;}
.news_tab li:hover a,
.news_tab li.active a{ color: #A23B3A; font-weight: 500;}
.news_tab li a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #A23B3A;
  -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_tab li:hover a:before,
.news_tab li.active a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}   
.news_more{ position: absolute; bottom: 15%; left:0;}
.news_right{ overflow: hidden; margin-left: auto; /*flex:1 0 0;*/ max-width: 1260px; min-height: 450px; }
.news_block{ display: none;}
.news_swiper{ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;} 
.news_area{}
.news_area a{display:block; overflow: hidden; height: 100%; position: relative;}
.news_img{ position:absolute; top:0; left:0; width: 100%; height: 100%; padding-top: 0; opacity: 0; -webkit-transition:opacity .6s ease; transition:opacity .6s ease;}
.news_img img{ transform:scale(1.10); }
.news_con{ position:relative; z-index: 1; display:flex; align-items: flex-start; background: rgba(255,255,255, 1); padding: .50rem; padding-left: .60rem; -webkit-transition:background .6s ease; transition:background .6s ease;}
.news_date{ display:block; line-height: 1; font-family: "DIN-Regular"; font-weight: bold; padding-bottom: .30rem; border-bottom: 1px solid #cfcfcf; margin-right: 10%;}
.news_date em{ display:block;}
.news_date i{ display:block;  opacity: .60; margin-top: .10rem;}
.news_text{ flex:1 0 0;}
.news_tit{ height: 60px;}
.news_des{ line-height: 24px!important; max-height: 48px!important; opacity: .80; margin-top: .15rem;}
.news_area a:hover{ color:#ffffff;}
.news_area a:hover .news_con{ background: rgba(0,0,0, .50);}
.news_area a:hover .news_img{ opacity: 1;}
.news_area a:hover .news_img img{ transform:scale(1.00); }
.index_news.active .news_tab li{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;} 
.index_news.active .news_tab li:nth-child(2){ -webkit-animation: 1s .3s fadeInUp both; animation: 1s .3s fadeInUp both;} 
.index_news.active .news_right{ -webkit-animation: 1s .4s fadeIn both; animation: 1s .4s fadeIn both;} 
/*=======index_about======*/   
.index_about{ text-align: center;} 
.index_about .sec_con{ height: 100%;}
.about_foreword{ -webkit-line-clamp:3; line-height: 36px; max-height: 108px; margin-top: .40rem;}
.about_more{ margin-top: .50rem;}
.about_data{ display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; text-align: center; color: #21427c; margin: .90rem 0 -.10rem;}
.about_data li{ display: flex; justify-content: center; flex: 1 0 0; position: relative; margin: .10rem 0;}
.about_data li:before{ content: ""; position: absolute; top:10%; left:0; width: 1px; height: 80%; background:rgba(34,66,125, .40);}
.about_data li:first-child:before{ display:none;}
.about_data li a{ display: block; color: #21427c; height: 100%;}
.data_num{ display:flex; align-items: baseline; justify-content: center; font-family: "DIN-Regular"; font-weight: bold; line-height: 1;}
.data_num i{ margin-left: .08rem;}
.about_data li:nth-child(3) .data_num{ align-items: center; }
.about_data li:nth-child(3) .data_num i{ line-height: 1.25; }
.about_data li:nth-child(4) .data_num,
.about_data li:nth-child(5) .data_num{ align-items: flex-start; }
.about_swiper .swiper-slide-active .sec_tit{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;} 
.about_swiper .swiper-slide-active .about_foreword{ -webkit-animation: 1s .3s fadeInUp both; animation: 1s .3s fadeInUp both;}
.about_swiper .swiper-slide-active .about_more{ -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}
.about_swiper .swiper-slide-active .about_data{ -webkit-animation: 1s .5s fadeIn both; animation: 1s .5s fadeIn both;} 
/*about_swiper*/
.about_swiper{ height:100%;}
.about_block{ height: 100%; padding-top: 95px; display: flex; align-items: center;}
.about_block .inner{ position:relative;}
.about_next, .about_prev{ width:auto; height: auto; }
.about_next:after, .about_prev:after{ color:#22427D; font-family:"iconfont"; font-size: 50px; line-height: 1; font-weight: 500;}
.about_prev:after{ content: "\eb79";} 
.about_next:after{ content: "\e6f2";} 
.about_sec_tit02{ position: absolute; top:16%; left:0; text-align:left; }
.about_sec_tit02 em{ margin-bottom: 0; margin-top: .20rem;}

/*=======index_footer======*/   
.index_footer{}
.index_footer .fp-tableCell{ padding-top:0!important;}
footer{ overflow: hidden; position: relative; background: #001a2f; color: rgba(255,255,255, .50);}
footer a{  color: rgba(255,255,255, .50);}
footer a:hover{ color: rgba(255,255,255, .80);}
.footer_top{ padding: .50rem 0;} 
.footer_top .inner, .footer_bot .inner{ display:flex; flex-wrap: wrap; justify-content: space-between;}
.footer_top_left{ width:75%; padding-right: 5%; width: 70%;}
.footer_logo{ }
.footer_logo img{ display: block; height:45px; width: auto;}
.footer_nav{ display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; flex:1 0 0; max-width: 1050px; max-width: 930px; margin-top: .40rem;}
.footer_nav:after{ display:none;}
.footer_nav>li{flex:1 0 0; }  
.footer_nav>li:last-child{ flex:none;}
.footer_nav_tit{ position: relative; }
.footer_nav_tit a{ display:block; color: rgba(255,255,255, 1);}
.footer_nav_tit .icon_jiahao{ position: absolute; top:50%; right:0; transform: translateY(-50%); width:40px; height:100%; text-align: center; border-left:1px solid  rgba(255,255,255, .20); color:#ffffff; font-size: 14px; display: none;}
.footer_nav_tit .icon_jiahao:before{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.footer_nav>li.active .footer_nav_tit .icon_jiahao:before{ content: "\eaf5";}
.footer_nav_collapsible{ margin-top: .15rem;}
.footer_nav_linklist{ overflow: hidden;}
.footer_nav_linklist li a{ display:block; } 
.footer_top_right{ flex:1 0 0;}
.footer_hotline{ line-height: 1;}
.footer_hotline em{ display:block;}
.footer_hotline a{ display:block; line-height: 1; color: #ffffff; font-family: "DIN-Regular"; font-weight: bold; margin-top: .10rem;}
.footer_notice{ color: #ffffff; margin-top: .30rem; display: flex; justify-content: space-between;}
.footer_code{ width: 48%; font-size: 14px;}
.footer_notice img{ display:block; width: 144px; height: 144px; max-width: 100%; height: auto; margin-bottom: .15rem;}
.footer_bot{ padding: .15rem 0; border-top:1px solid rgba(255,255,255, .15); }
.footer_copyrights{ padding-right: 7.50%;} 
.back_top{ cursor: pointer; display:block; position: absolute; top:0; right:0; z-index: 1; /*width:8.33%;*/ width:7.50%; height: 100%; background: #22427d; color: #ffffff; text-align: center; padding: .80rem 0;}
.back_top i{ display:block; margin: 0 auto; width: 30px; height: 60px; background: url(../images/ico_back.png) no-repeat; background-size: contain;}
.back_top em{ display:block; letter-spacing: 0.1em; margin: .10rem auto 0; writing-mode: vertical-lr;}
/*footer_float*/
.footer_float{ position:fixed; bottom:10%; right:12px; z-index: 1003; background: #1E367E; text-align: center; width: 68px; border-radius: 8px; font-size: 13px;}
.footer_float li{ position:relative; padding: 0 8px;}
.footer_float li a.float_a0{ display:block; cursor: pointer; padding: .14rem 0; text-align: center; color: #ffffff; border-bottom: 1px solid rgba(255,255,255, .20); }
.footer_float li:last-child a.float_a0{ border:none;}
.footer_float li a.float_a0 .iconfont{ display: block; line-height: 1; margin-bottom: .03rem; font-size: 24px;}
.float_cover{ position:absolute; top: 50%; padding-right: 16px; right:105%; transform:translateY(-50%); text-align: center; opacity: 0; visibility: hidden; pointer-events: none; width: 260px; -webkit-transition:all .6s ease; transition:all .6s ease; }
.float_cover_inner{ position: relative; background: #ffffff; color: #333333; border-radius: 5px; box-shadow: 5px 0 20px 0 rgba(0,0,0, .10); padding: 15px;}
.float_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:#ffffff transparent transparent; }  
.footer_float li .float_cover b{ font-size: 18px; color:#1E367E;}
.footer_float li.float_notice .float_cover{ width: 176px;}
.footer_float li.float_notice .float_cover img{ display:block; /*max-width: 144px;*/ margin: 0 auto;} 
.footer_float li.float_email .float_cover{ width:370px;}
.footer_float li:hover .float_cover{ right:100%; opacity:1; visibility: visible; pointer-events: all;} 
#fullpage .footer_float{ display:none;}


/*====================================02 产品中心============================================================*/
main{ padding-top: 95px; } 
.sec_box{ padding: .90rem 0; background: 50% 0 no-repeat; background-size: cover; background-attachment: fixed;}
/*=======banner_wrap=====*/
.banner_wrap{ position: relative; overflow: hidden; color: #ffffff; }
.banner_wrap a{ color: #ffffff; }
.banner_bg{ position: relative; padding-top: 31.25%; min-height: 150px; background: 50% 0 no-repeat fixed; background-size: cover;}
.banner_bg:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; background: url(../images/banner_cover.png) left top no-repeat; background-size: cover;}
.banner_text{ position:absolute; top:50%; left:0; z-index: 2; width: 100%;}
.banner_tit{ line-height: 1;}  
.banner_slogan{ line-height: 1.25; font-weight: 500; margin-top: .15rem;}
.banner_location{ margin-top: .20rem;}
.banner_location a{ display:inline-block; padding: 0 .04rem;}
.banner_location a:hover{ text-decoration: underline;}
/*=======product_sec01=====*/
.product_box{ }
.product_sec01{ padding: .60rem 0 .80rem;}
.product_rec .swiper-slide{ padding-bottom: .50rem;}
.product_rec .swiper-slide a{ display:block; padding: .40rem .40rem 0; background: #efefef;}
.product_rec_tit{ line-height: 1; text-transform: uppercase;}
.product_rec_tit em{ color: #004EA2;}
.product_rec_type{ display: block; margin-top: .10rem; font-weight: bold; color: #666666;}
.product_rec_text{ width: 46%; max-width: 200px; float:left; padding-bottom: .40rem; margin-top: .15rem;}
.product_rec_des{ color: #666666;}
.product_rec_more{ display: inline-block; position: relative; color: #666666; margin-top: .50rem; -webkit-transition:all .6s ease; transition:all .6s ease;}
.product_rec_more:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #A23B3A;
  -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_rec .swiper-slide a:hover .product_rec_more:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.product_rec .swiper-slide a:hover .product_rec_more{ color: #A23B3A;}
.product_rec_img{ width:65%; max-width: 280px; float:right; margin:0 -.40rem -.50rem -5%;}
.product_rec_img .ico_box{ padding-top: 85.71%;}
.product_rec .swiper_arrow{ margin-top: .25rem; text-align: right; }
.product_rec .swiper_arrow div{ position: static; margin-top: 0; display:inline-block; margin-left: .30rem; width:auto; height: auto; line-height: normal; color: #22427D; background-color: transparent!important;}
.product_rec .swiper_arrow div:after{ font-size: 50px; line-height: 1; font-weight: 500;}
.product_rec .swiper_arrow div.swiper-button-prev:after{ content: "\eb79";} 
.product_rec .swiper_arrow div.swiper-button-next:after{ content: "\e6f2";} 
/*product_search*/
.product_search{ margin: .30rem auto 0; max-width: 760px; text-align: center;}
.product_search_box{ margin: 0 auto; position: relative; height: 60px; border: 1px solid #D9D9D9; border-radius: 60px;}
.product_search_txt{ width:100%; height: 100%; padding: 10px 86px 10px .30rem;}
.product_search_txt::-webkit-input-placeholder{color: #BBBBBB;}
.product_search_txt::-moz-placeholder{color: #BBBBBB;}
.product_search_txt:-moz-placeholder{color: #BBBBBB;}
.product_search_txt:-ms-input-placeholder{color: #BBBBBB;} 
.product_search_btn{ cursor: pointer; position: absolute; top:0; right:0; z-index: 1; width: 86px; height: 100%; text-align: center; color: #999999; }
.product_search_btn .iconfont{ font-size: 26px;}
.product_search_btn:hover{ color: #22427D;}
.product_search_keywords{ margin: .35rem auto 0; line-height: 2; color: #999999;}
.product_search_keywords a{ display:inline-block; padding: 0 .06rem; color: #666666;}
.product_search_keywords a:hover{ color: #21427c;}
/*=======product_sec02=====*/
.product_sec02{ background-color:#f9f9f9; padding: .60rem 0;}
.product_list{ display:flex; flex-wrap: wrap; margin: -.17rem;}
.product_area{ width: 33.33%; padding: .17rem;}
.product_area_inner{ height: 100%; padding-bottom: .60rem; background: #ffffff; text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;}
.product_img{ padding: .80rem 0;}
.product_img .ico_box{ padding-top: 70.59%; -webkit-transition:all .6s ease; transition:all .6s ease;}
.product_text{ padding: 0 .40rem;}
.product_item{}
.product_item i{ font-family: Times; font-weight: bold;}
.product_func{ max-width: 330px; margin: .30rem auto 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.func_link{ display: block; margin: .05rem; flex: 1 0 0; text-align: center; height: 43px; line-height: 41px; border: 1px solid rgba(34,66,125, .50); color: #22427d; }
.func_link .iconfont{ font-size: 20px; margin-right: .10rem;}
.func_link:hover{ background: #22427d; color: #ffffff;}
.product_area_inner:hover{ box-shadow: 0 0 15px 5px rgba(0,0,0, .05); }
.product_area_inner:hover .product_item a{ color: #22427d;}
.product_area_inner:hover .product_img .ico_box{ transform: translateY(10px); }
/*=======product_detail=====*/
.product_detail{ }
/*product_specific*/
.product_specific{ padding-top:0; padding-bottom: .60rem; background-color:#f9f9f9;}
.specific_box{ position: relative;}
.specific_box:before, .specific_box:after{ content:""; position: absolute; top:10%; left: -.28rem; border-radius: 10px; background: #ffffff; box-shadow: 0 0 10px 2px rgba(0,0,0, .10); width: 80%; height: 80%; z-index: 2; opacity: .80; display: none;}
.specific_box:after{ top:20%; left: -.48rem; width:60%; height: 60%; z-index: 1; opacity: .50; }
.specific_box_inner{ position: relative; z-index: 3; background: #FFFFFF; box-shadow: 0 0 10px 2px rgba(0,0,0, .10); border-radius: 10px;}
.specific_swiper{ width:50%; float:left;}
.specific_img{ padding: .60rem 0 .40rem;}
.specific_img .img_box{ background: none; padding-top: 62.22%;}
.specific_img .img_box img{ left:50%; transform: translateX(-50%); max-width: 100%; width:auto; height: auto; max-height: 100%;}
.specific_swiper .swiper-pagination{ position:absolute; top:0; left:.60rem; width: 24px; height: 100%; font-family: "DIN-Regular"; font-weight: bold; display: flex; align-items: flex-end;}
.specific_swiper .swiper-pagination .swiper-pagination-inner{ position: relative; /*background: #ffffff;*/ padding-bottom: .45rem;}
.specific_swiper .swiper-pagination .swiper-pagination-inner:before{ content: ""; position: absolute; bottom:110%; left:50%; width: 1px; height: 500%; background: #cfcfcf; pointer-events: none;}
.specific_swiper .swiper-pagination span{ display:block; margin-bottom: .05rem; line-height: 1;}
.specific_swiper .swiper-pagination span.swiper-pagination-current{ color: #22427d;}
.specific_mation{ overflow:hidden; padding: .90rem .50rem .70rem;}
.specific_mation_inner{ max-width: 530px; margin: 0 auto;}
.specific_mation .product_des{ text-overflow: inherit; -webkit-line-clamp:inherit;}
.product_handle{ margin-top: .50rem;}
.product_ask{ vertical-align: middle; }
.product_ask .iconfont{ margin-left: 0; margin-right: .10rem; font-size: 20px;}
.product_hotline{ display: inline-block; vertical-align: middle; margin-left: .20rem; color: #22427D;}
.product_hotline em{ font-family: "DIN-Regular"; font-weight: bold;}

/*product_state*/
.product_state{ padding-top: .60rem; padding-bottom: .60rem; background: #ffffff;}
.product_characteristic{}
.product_headline{ font-weight: bold; margin-bottom: .50rem;}
.characteristic_swiper{ padding-top: .50rem; border-top: 3px solid #22427d;}
.characteristic_block{ padding-top: .20rem; height: 100%; display:flex; align-items: stretch;}
.characteristic_ico{ width:96px; height: 96px; padding: 10px; margin-right: .20rem; position: relative; }
.characteristic_ico:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: url(../images/characteristic_01.png) center center no-repeat; background-size: contain;}
.characteristic_ico img{ -webkit-transition:all .6s ease; transition:all .6s ease;}
.characteristic_text{ flex: 1 0 0; height: 100%; padding-bottom: .40rem; border-bottom: 1px solid #cfcfcf;}
.characteristic_tit{ font-weight:bold; padding:.15rem 0;}
.characteristic_swiper .swiper-slide:nth-child(1) .characteristic_block,
.characteristic_swiper .swiper-slide:nth-child(2) .characteristic_block{ padding-top: 0;}
.characteristic_block:hover .characteristic_ico:before{ transform: rotate(360deg); }
.characteristic_block:hover .characteristic_ico img{ transform:translate(-50%,-50%) rotateY(180deg);} 
.product_parameter{ margin-top: .90rem;}
.parameter_show{ text-align: center;} 
/*product_correlation*/
.product_correlation{ padding-top: .60rem; background-color:#f9f9f9; }
.correlation_headline{ color: #22427d;}
.correlation_swiper .swiper-wrapper{margin: -.15rem 0;}
.correlation_swiper .swiper-slide{ padding: .15rem 0;}
.correlation_swiper .swiper-slide a{ display:block; height: 100%; padding: .40rem; background: #ffffff;}
.correlation_img{ padding-top: 75.24%;}
.correlation_text{ padding-top: .35rem;}
.correlation_tit{ font-weight: 500; letter-spacing: 0.01em;}
.characteristic_des{ margin-top: .20rem; color: #999999;}
.characteristic_more{ margin-top: .45rem; padding-top: .15rem; border-top: 1px solid #cfcfcf;}
.correlation_swiper .swiper-slide a:hover{ box-shadow: 0 0 .15rem 0 rgba(0,0,0, .06); }
.correlation_swiper .swiper-slide a:hover .correlation_img img{ transform: scale(1.10);}
.correlation_swiper .swiper-slide a:hover .characteristic_more i{ background: #21427c;}
.correlation_swiper .swiper-slide a:hover .characteristic_more i:before{ background: #ffffff;}
.correlation_swiper .swiper-slide a:hover .characteristic_more i:after{ right: -11px;}

/*====================================03 能源中心============================================================*/
/*=======energy_box=====*/
.energy_box{ padding: .60rem 0;}
.energy_block{ position: relative; padding: .18rem 0; margin-top: .60rem;}
.energy_block:first-child{ margin-top:0;}
.energy_block:before, .energy_block:after{ content: ""; position: absolute; top:0; left:0; width: 43.45%; height: .18rem; background:url(../images/dec_ico02.png) no-repeat; background-size: contain;}
.energy_block:after{ background-position: right top; top:auto; left:auto; bottom: 0; right: 0;}
.energy_block_inner{ display:flex; flex-wrap: wrap; align-items: stretch; border:3px solid rgba(51,51,51, .20);}
.energy_pic{ width: 47.875%;}
.energy_pic .img_box{ padding-top: /*53.92%*/ 0; height: 100%;}
.energy_text{ flex: 1 0 0; padding: 3.5% 4.5%;}
.energy_heading{ font-weight: bold; color: #21427c;}
.energy_subheading{ line-height: 1.25; font-weight: 500; margin-top: .10rem;}
.energy_overview{ display: block; -webkit-line-clamp:5; max-height: 150px; height: 150px; margin-top: .50rem; opacity: .80;}
.energy_box .energy_block:nth-child(even) .energy_block_inner{ flex-direction: row-reverse;}

/*====================================04 服务中心============================================================*/
/*=======service_nav=====*/
.service_nav{ height: 1.14rem; line-height: 1.14rem; text-align: center; box-shadow: 0 0 .20rem .25rem rgba(0,0,0, .10);}
.service_nav_list{}
.service_nav_list li{ display: inline-block; padding: 0 .60rem;}
.service_nav_list li a{ display: block; position: relative; font-weight: 500;}
.service_nav_list li:hover a,
.service_nav_list li.active a{ font-weight: bold; color: #21427c;}
.service_nav_list li a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: .03rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #21427c;
  -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);
} 
.service_nav_list li:hover a:before,
.service_nav_list li.active a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.service_nav_list li a i{ display:block; position: absolute; top:100%; left:50%; transform: translate(-50%,-.13rem); width: .24rem; height: .24rem;}
.service_nav_list li a i:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; border-radius: 50%; background: #ffffff; border:3px solid #21427c; transform: scale(0); -webkit-transition:all .6s .2s ease; transition:all .6s .2s ease;}
.service_nav_list li a i:after{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(0); width: .07rem; height: .07rem; border-radius: 50%; background: #21427c;}
.service_nav_list li:hover a i:before,
.service_nav_list li.active a i:before{ transform: scale(1);}
.service_nav_list li:hover a i:after,
.service_nav_list li.active a i:after{ transform: translate(-50%,-50%) scale(1);}
/*=======service_box=====*/
.service_box{ padding: 1rem 0 .80rem;}
.service_headline{ position:relative; padding-bottom: .25rem; font-weight: bold; text-align: center;}
.service_headline:before{ content: ""; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width: 43px; height: 2px; background: #acacac;}
.service_block{ margin-top: .80rem; font-weight: 500;}
.service_block:first-child{ margin-top: 0;}
.service_tit{ font-weight: 500; margin-bottom: .45rem;}
.service_tit span{ margin-left: .30rem;}
/*service_need*/
.service_need{}
.need_list{ display: flex; flex-wrap: wrap; align-items: stretch; margin: -.20rem;}
.need_block{ width: 50%; padding: .20rem;}
.need_block_inner{ display: block; height: 100%; border: 1px solid #ABAAA9; text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;}
.need_img{ padding-top: 59.74%;}
.need_text{ padding: .30rem .30rem .50rem;}
.need_tit{ font-weight: bold;}
.need_des{ opacity: .80; margin-top: .15rem;}
.need_block_inner:hover{ background: #21427c; color: #ffffff;}
.need_block_inner:hover .need_img img{ transform: scale(1.10);}
/*service_difference*/
.service_difference{}
.difference_swiper{ border: 1px solid #abaaa9;}
.difference_block{ height:100%; border-left: 1px solid #e6e5e5; border-bottom: 1px solid #e6e5e5; text-align: center; padding: .50rem;}
.difference_swiper .swiper-slide:first-child .difference_block{ border-left:none;}
.difference_ico{ max-width:80px; margin: 0 auto; -webkit-transition:all .6s ease; transition:all .6s ease;}
.difference_tit{ font-weight:bold; margin-top: .15rem;}
.difference_des{ line-height: 1.50; opacity: .80; margin-top: .15rem;}
.difference_block:hover .difference_ico{ transform: rotateY(180deg); }
.difference_swiper .swiper-pagination{ position: absolute;}
/*service_business*/
.service_business{}
.business_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.20rem;}
.business_block{ padding: .10rem; width: 25%;}
.business_block_inner{ height: 4.88rem; background: #f5f5f5; padding: .50rem .35rem;}
.business_num{ font-family: "Akzidenzgroteskbq"; font-weight: bold; line-height: 1; opacity: .60;}
.business_tit{ font-weight: bold; margin-top: .12rem;}
.business_des{ opacity: .80; line-height: 2; margin-top: .25rem;}
.business_block_dif{ flex: 1 0 0;}
.business_block_dif .business_block_inner{ padding: 0;}
.business_img{ padding-top: /*61%*/ 0; height: 100%;}

/*====================================05 工程中心============================================================*/
.engineering_box{}
/*=======engineering_situation=====*/
.engineering_situation{ padding-top: .50rem; padding-bottom: 0; }
.situation_tit{ display:block; margin: 0 auto -5%; opacity: .10;}
.situation_des{ text-align: center; font-weight: bold;}
.situation_data{ max-width: 900px; margin: .50rem auto -.10rem; display:flex; align-items: stretch; justify-content: space-between; text-align: center;}
.situation_data li{ display: flex; justify-content: center; position: relative; margin: .10rem 0;}   
.data_digit{ display:flex; align-items: baseline; font-family: "DIN-Regular"; font-weight: bold; line-height: 1;}
.data_digit i{ margin-left: .08rem;}
.data_digit em{ color: #21427c; letter-spacing: -0.03em; }
.data_digit i{ line-height: 1.25; }
/*situation_map*/
.situation_map{ margin-top:.30rem; text-align: center;} 
#china_map{ width: 100%; height: 8.30rem; overflow: hidden;}
.map_tooltip{ position: relative; width: 394px; height: 186px; /*line-height: .96rem;*/ transform: translate(0,186px);} 
.map_tooltip_inner{ width:100%; height: 100%; display: flex; align-items: center; justify-content: center; background: url(../images/map_04.png) 50% 50% no-repeat; background-size: cover; padding: 80px 85px 10px 15px; font-weight: 500; font-size: 15px; white-space: normal; font-family:'Noto Sans SC';}
.map_tooltip_text{ text-align: left;}
.map_phone{ display:none; margin: 0 auto;}
/*=======engineering_for=====*/
.engineering_for{ position: relative; color: #ffffff; text-align: center;}
.engineering_for:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(30,54,126, .80);}
.engineering_for .inner{ position:relative; z-index: 2;}
.for_text{ display:flex; flex-direction: column; align-items: center; justify-content: center; min-height: 4.10rem; font-weight: 500; line-height: 2;}
/*=======engineering_qualifications=====*/
.engineering_qualifications{ padding-top: 1.30rem; padding-bottom: 1.30rem; background-attachment: local;}
.engineering_qualifications .inner{ position: relative;}
.sec_tit02{ line-height: 1.15; text-align: center; margin-bottom: .50rem;}
.sec_tit02 em{ display:block; text-transform: uppercase; font-family: "DIN-Regular"; font-weight: bold; color: #CCCCCC;}
.sec_tit02 i{ display:block; font-weight: 500; margin-top: .10rem;}
.qualifications_top{}
.qualifications_guide{ width:30.625%; float:left;}
.qualifications_guide .sec_tit02{ text-align: left; }
.qualifications_arrow{ position:absolute; top:100%; right:0; margin-top: 1rem;}
.qualifications_arrow div{ position:static; display: inline-block; margin: 0 .25rem 0 0;}
#qualifications_swiper01{ width:69.375%; float:left; padding-left: 6.36%;}
#qualifications_swiper01 .qualifications_img .ico_box{ padding-top: 71.875%;}
#qualifications_swiper02{ margin-top: 1.70rem;}  
#qualifications_swiper02 .qualifications_img{ max-width:227px;}
#qualifications_swiper02 .qualifications_img .ico_box{ padding-top: 140.969%;}
/*=======engineering_advantage=====*/
.engineering_advantage{ padding-top: 0;}
.advantage_swiper{ }
.advantage_swiper .swiper-container{ width:100%;}
.advantage_swiper .swiper-slide{ color:#ffffff; overflow: hidden;}
.advantage_img{ padding-top: /*77.94%*/ 0; height: 383px; background: center center no-repeat; background-size: cover;}
.advantage_cover{ position: absolute; top:0; left:0; z-index: 1; background: rgba(0,0,0, .20); width: 100%; height: 100%;/* background: #21427c;*/ padding: 0.90rem .60rem; display:flex; align-items: flex-start; justify-content: center;} 
.advantage_cover_con{ position: relative; z-index: 1;}
.advantage_tit{}
.advantage_des{ margin: .40rem auto 0; max-width: 350px; line-height: 24px; max-height: 240px; /*line_8*/ overflow: hidden;}
.advantage_swiper .swiper-pagination{ position: absolute;} 
.advantage_swiper .swiper-pagination-bullet{ background: #ffffff!important;}
@media (min-width: 1200px){ 
	.advantage_swiper{ display:flex; align-items: stretch; justify-content: center;}
	.advantage_swiper .swiper-wrapper{ justify-content: center; transform: translate3d(0px, 0px, 0px)!important;}
	.advantage_swiper .swiper-pagination{ display: none;}
	.advantage_swiper .swiper-slide{ width:20.83%!important; -webkit-transition:width 1s .2s ease; transition:width 1s .2s ease;}
	.advantage_swiper .swiper-slide:before{ content:""; position: absolute; top:0; left:0; z-index: 2; width:2px; height: 100%; background: #ffffff;}
	.advantage_swiper .swiper-slide:nth-child(1):before{ display: none;} 
	.advantage_swiper .advantage_img{ -webkit-transition:all .6s ease; transition:all .6s ease;} 
	.advantage_swiper .advantage_cover{ text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;} 
	.advantage_swiper .advantage_des{ display: none;} 
	.advantage_swiper .swiper-slide-active{ width:37.50%!important; border-left:none;}
	.advantage_swiper .swiper-slide-active .advantage_img{ transform: scale(1.20); }
	.advantage_swiper .swiper-slide-active .advantage_cover{ background: rgba(33,66,124, .60); align-items: flex-end; } 
	.advantage_swiper .swiper-slide-active .advantage_tit{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
	.advantage_swiper .swiper-slide-active .advantage_des{ display: block; -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;} 
	/*business_swiper*/
	#business_swiper .swiper-slide{ width:26.5625%!important;}
	#business_swiper .swiper-slide-active{ width: 46.875%!important;}
	#business_swiper .advantage_cover{ align-items: flex-end;}
	#business_swiper .advantage_des{ max-width: 410px;}
} 
@media (min-width: 1601px){ 
	.advantage_img{ height: 583px;}
	.advantage_des{ line-height: 36px; max-height: 360px; } 
}
@media (min-width: 1367px) and (max-width: 1600px){ 
	.advantage_img{ height: 483px;}
	.advantage_des{ line-height: 30px; max-height: 300px;}
} 

/*=======engineering_case=====*/
.engineering_case{ background-color: #f9f9f9;}
.case_swiper{ margin: -.10rem; }
.case_swiper .swiper-container{ padding: .10rem;}
.case_swiper .swiper-slide a{ display:block; height: 100%; background: #ffffff; text-align: center; padding: .10rem .10rem .25rem;}
.case_img{ padding-top: 75%;}
.case_tit{ margin-top: .20rem;}
.case_swiper .swiper-slide a:hover{box-shadow: 0 0 .10rem 0 rgba(0,0,0, .15);}
.case_swiper .swiper-slide a:hover .case_img img{ transform: scale(1.10); }
@media (min-width: 1200px){ 
	.case_swiper{ margin: -.27rem -.23rem; }
	.case_swiper .swiper-wrapper{ flex-wrap:wrap; transform: translate3d(0px,0,0)!important;}
	.case_swiper .swiper-slide{ width:25%!important; padding:.17rem .13rem;} 
	.case_swiper .swiper-pagination{ display:none;}
}
/*====================================06 维修中心============================================================*/
.maintenance_box{}
/*=======maintenance_introduction=====*/
.maintenance_introduction{ padding-bottom: 0; background-color: #f9f9f9;}
.introduction_box{ padding: .80rem; padding-right: 0; background: #ffffff;}
.introduction_left{ width:71%; float:left; margin-right: 4.60%;}
.introduction_tit{ font-weight:bold; margin-bottom: .60rem;}
.introduction_tit em{ display:block; color: #E1E1E1; text-transform: uppercase; line-height: 0.90;}
.introduction_tit i{ display:block; color: #21427c; margin-top: .15rem;}
.introduction_img{ float:left; width: 36%; text-align: center; margin-right: 5%;}
.introduction_img .img_box{ padding-top:76.76%; margin-bottom: .10rem;}
.introduction_text{ overflow:hidden; opacity: .80; text-align: justify; line-height: 30px; max-height: 360px;}
.introduction_text .mCSB_container{ margin-right: 8px;}
.introduction_right{ overflow:hidden; background: #808080 url(../images/maintenance_02.jpg) center bottom no-repeat; background-size: contain; color: #ffffff; padding: .60rem .40rem .60rem .60rem;}
.introduction_item{ line-height: 1.33;}
.introduction_overview{ overflow:hidden; text-align: justify; line-height: 28px; max-height: 280px; margin-top: .25rem;}
/*=======maintenance_advantages=====*/
.maintenance_advantages{}
/*=======maintenance_business=====*/
.maintenance_business{}
#business_swiper{}

/*====================================07 集团资讯============================================================*/
.news_box{ background: #f9f9f9; padding: .70rem 0;}
/*news_screen*/
.news_screen{ overflow: hidden; margin: -.10rem -.40rem;}
.screen_line{ float:left; width:33.33%; padding:.10rem .40rem;}
.screen_fill{ position:relative;}
.screen_txt{ width: 100%; border-bottom: 2px solid #21427c; color: #21427c; position: relative; z-index: 1; height: 56px;}
.screen_txt::-webkit-input-placeholder{color: #999999;}
.screen_txt::-moz-placeholder{color: #999999;}
.screen_txt:-moz-placeholder{color: #999999;}
.screen_txt:-ms-input-placeholder{color: #999999;} 
.screen_fill .iconfont{ display:block; position: absolute; top:0; right:0; width:56px; height: 100%; }
.screen_fill .iconfont:before{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size: 14px;}
.screen_search .iconfont:before{ font-size: 24px;}
.screen_btn{ display:block; cursor: pointer; position: absolute; top:0; right:0; z-index: 1; width:56px; height: 100%; }
/*news_list*/
.news_list{}
.news_list li{ border-bottom: 2px solid #e0e0e0;}
.news_list li:last-child{ border:none;}
.news_list li a{ display:block; overflow: hidden; padding: .70rem 0 .40rem;}
.news_pic{ float:right; margin-left: 4.60%; width:35%; max-width:354px;}
.news_pic .img_box{ padding-top: 64.12%; border-radius: .20rem;}
.news_mation{ overflow:hidden; max-width: 1090px; padding-top: .15rem;}
.news_item{ font-weight: 500;}
.news_overview{ color: #666666; line-height: 24px; max-height: 48px; margin-top: .35rem;}
.news_time{ display:block; font-family: "DIN-Regular"; font-weight: bold; color: #21427c; margin-top: .40rem;}
.news_list li a:hover .news_pic .img_box img{ transform: scale(1.10); }
/*page*/
.page{ background: #ffffff; text-align: center; height: .80rem; line-height: .80rem; margin-top: .50rem;}
.page a{ display:inline-block; position: relative; min-width: .60rem; margin: 0 .05rem; color: #BABABA;}
.page a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #21427c;
  -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);
} 
.page a:hover:before,
.page a.active:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.page a:hover,
.page a.active{ color:#21427c;}
.page a.page_arrow:before{ display:none;}
.page a.page_arrow .iconfont{ font-size: 20px; font-weight: bold;}

.page.gray{ background-color: #F9F9F9;}
/*=======news_detail=====*/
.news_detail{ padding-top: 0;}
.detail_location{ padding: .30rem 0; color: #999999;}
.detail_location a{ display: inline-block; vertical-align: middle; padding: 0 .04rem; color: #999999;}
.detail_location a:hover{ color:#21427c;}
.detail_location .icon_shouye{ display: inline-block; vertical-align: middle; font-size: 18px; margin-right: .08rem;}
.detail_left{ width: 65%; margin-right: 3.40%; float:left; padding: .55rem .65rem; background: #ffffff;}
.detail_top{ margin-bottom: .60rem;}
.detail_tit{}
.detail_xg{ color: #CCCCCC; margin-top: .10rem;}
.detail_con{ color: #666666;}
.detail_con img, .detail_con video{ height: auto!important;}
.detail_right{ overflow:hidden;}
.detail_guide{}
.detail_guide li{ margin-bottom: .30rem;}
.detail_guide li:last-child{ margin-bottom: 0;}
.detail_guide li a{ display: block; background: #ffffff; padding: .50rem .40rem .30rem;}
.guide_strip{ opacity: .80;}
.guide_time{ opacity: .40; line-height: 1.25; margin-top: .10rem;}
.guide_time .iconfont{ margin-right: .06rem;}
.guide_item{ margin-top: .20rem;}
.detail_guide li a:hover{ background: #21427c; color: #ffffff;}
/*detail_relevant*/
.detail_relevant{ background: #ffffff; padding: .50rem .40rem; margin-top: .30rem;}
.relevant_heading{ color:#21427c;}
.relevant_list{}
.relevant_list li{ border-bottom: 1px solid #e5e5e5;}
.relevant_list li a{ display: block; padding: .30rem 0 .20rem;}
.relevant_tit{ font-weight: 500; }
.relevant_time{ display: block; color: #999999; margin-top: .10rem;}
.relevant_img{ padding-top: 60.68%;}
.relevant_more{ display:block; margin-top: .35rem; color:#21427c;}
.relevant_more i{ display:block; position: relative; float:right; width: 17px; height: 17px; border: 1px solid #1E367E; border-radius: 50%; -webkit-transition:all .6s ease; transition:all .6s ease;}
.relevant_more i:before{ content: ""; width: 5px; height: 5px; border-radius: 50%; background: #1E367E; position: absolute; top:50%; left:50%; z-index: 2; transform: translate(-50%,-50%);}
.relevant_more i:after{ content: ""; width: 38px; height: 1px; background: #1E367E; position: absolute; top:50%; right:8px;}
.relevant_list li.relevant_focus .relevant_time{ margin-top: .20rem;}
.relevant_list li.relevant_focus .relevant_tit{ max-height: 30px;}
.relevant_list li:hover .relevant_img img{ transform: scale(1.10);}
.relevant_list li:hover .relevant_more i{ background: #21427c;}
.relevant_list li:hover .relevant_more i:before{ background: #ffffff;}
.relevant_list li:hover .relevant_more i:after{ right: -11px;}

/*====================================08 牵手350vip浦京集团============================================================*/
.about_box{}
.sec_tit03{ color: #21427c;  font-weight: 500; text-align:center; margin-bottom: .50rem;}
.author{ display:block; height: 95px; margin-top: -95px;}
/*=======about_profile=====*/
.about_profile{text-align:center;}
.profile_des{ max-width: 1360px; margin: 0 auto; color: #666666;}
.profile_swiper{ max-width: 1180px; margin: .60rem auto 0; }
.profile_swiper .swiper-wrapper{ justify-content: center;}
.profile_block{ position: relative; max-width: 323px; margin: 0 auto; overflow: hidden; border-radius: 8px;}
.profile_img{ padding-top: 68.11%;}
.profile_tit{ position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; padding: .07rem .15rem; background: rgba(0,0,0, .50); color: #ffffff;}
.profile_block:hover .profile_img img{ transform: scale(1.10); }
/*=======about_culture=====*/ 
.about_culture{}
.about_culture .sec_tit03{ color: #ffffff;}
.culture_swiper .swiper-slide{ -webkit-transition:background .6s ease; transition:background .6s ease; background: rgba(255,255,255, .60); padding: .30rem .50rem; text-align: center;} 
.culture_ico{ padding-top: 0; width: 50px; height: 50px; margin: 0 auto; -webkit-transition:all .6s ease; transition:all .6s ease;}
.culture_tit{ margin-top: .15rem; font-weight: 500;}
.culture_des{ margin-top: .10rem; line-height: 24px;}
.culture_swiper .swiper-slide:hover{ background: rgba(255,255,255, 1);}
.culture_swiper .swiper-slide:hover .culture_ico{ transform:rotateY(180deg);}
/*=======about_honor=====*/ 
.about_honor{ padding-bottom: 1.10rem; background-color: #f9f9f9;}
.honoe_swiper{}
.honor_img{ /*padding-right: .48rem;*/ padding-top: .32rem;} 
.honor_img_group{ position:relative;}
.honor_img .ico_box{ width: 100%; padding-top: 135.77%; position: absolute;}
.honor_img .ico_box img{ left:auto; right:0; transform: translate(0,-50%);}
.honor_img .ico_box:nth-child(1){ position: relative; opacity:1; z-index: 5; }
.honor_img .ico_box:nth-child(2){ opacity:.70; z-index: 4; top:-.08rem; right:-.12rem;}
.honor_img .ico_box:nth-child(3){ opacity:.50; z-index: 3; top:-.16rem; right:-.24rem;}
.honor_img .ico_box:nth-child(4){ opacity:.30; z-index: 2; top:-.24rem; right:-.36rem;}
.honor_img .ico_box:nth-child(5){ opacity:.10; z-index: 1; top:-.32rem; right:-.48rem; }
.honor_tit{ /*padding-right: .48rem;*/ margin-top: .15rem; text-align: center;} 
/*=======about_contact=====*/ 
.about_contact{ position: relative; height:7.40rem; display: flex; align-items: center; }
.contact_map{ position: absolute; top:0; left:0; width: 100%; height: 100%;}
.contact_map:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0, .20); }
.contact_map img{ display: block;  width: 100%; height: 100%; object-fit: cover;}
.contact_text{ position: relative; z-index: 2; background: rgba(255,255,255, .70); padding: .40rem .50rem; max-width: 630px; max-height: 6.40rem; overflow: hidden;}
.contact_text .sec_tit03{ text-align: left; margin-bottom: .30rem;}
.contact_list{ float:left; width:63%; max-width: 325px; margin-top: -.14rem;}
.contact_list li{ overflow:hidden; display: flex; align-items: center; line-height: 24px; }
.contact_ico{ padding-top: 0; width: 45px; height: 45px; margin-right: .20rem;}
.contact_des{ flex:1 0 0; padding: .14rem 0; border-bottom: 1px solid rgba(0,0,0, .10);}
.contact_des em{ display:block; opacity: .80; margin-bottom: .05rem; }
.contact_notice{ float:right; width: 32%; max-width: 144px; text-align: center; line-height: 24px;}
.contact_notice img{ display:block; margin: 0 auto .10rem;}
/*=======about_join=====*/ 
.about_join{ background-color: #f9f9f9;}
.join_list{ display:flex; flex-wrap: wrap; margin: -.15rem -.20rem;}
.join_block{ width: 50%; padding: .15rem .20rem;}
.join_block_inner{ position: relative;}
.join_heading{ position: relative; background: #ffffff; padding: .72rem .60rem;}
.join_tit{-webkit-transition:all .6s ease; transition:all .6s ease;}
.join_xg{ opacity: .80; margin-top: .30rem;}
.join_heading .icon_jiahao{ position:absolute; top:50%; right:.60rem; transform: translateY(-50%); width: 52px; height: 52px; text-align: center; line-height: 48px; border-radius: 50%; border:2px solid #333333; font-size: 22px; font-weight: bold; -webkit-transition:all .6s ease; transition:all .6s ease;}
.join_detail{ position: static; top: 85%; left:0; z-index: 1; width:100%; background: #ffffff; padding: 0 .60rem .60rem; display: none;}
.join_detail_inner{ border-top: 1px solid rgba(0,0,0, .10); padding-top: .30rem; display: flex; flex-wrap: wrap; align-items: stretch;}
.join_detail_block{ width:34%; margin-right: 8%;}
.join_detail_block:nth-child(even){ margin-left: auto; width:auto; margin-right: 0; margin-bottom: 0; flex:1 0 0;}
.join_detail_tit{}
.join_detail_des{ line-height:24px; max-height:168px; color: #888888; text-align: justify; margin-top: .15rem; }
.join_detail_apply{ clear: both; width: 100%; margin-top: .25rem; color: #B01F24;}
.join_detail_apply a{ font-weight: bold; color: #B01F24; text-decoration: underline;} 
@media (max-width: 991px){
	.join_block:nth-child(1) .join_block_inner .join_detail{ display:block;}
	.join_block.active .join_block_inner .join_tit{ color: #21427c;}
	.join_block.active .join_block_inner .join_heading .icon_jiahao{ transform: translateY(-50%) rotate(180deg);}
	.join_block.active .join_block_inner .join_heading .icon_jiahao:before{ content: "\eaf5";}  
} 
@media (min-width: 992px){
	.join_block_inner:hover .join_tit{ color: #21427c;}
	.join_block_inner:hover .join_heading .icon_jiahao{ transform: translateY(-50%) rotate(180deg);}
	.join_block_inner:hover .join_heading .icon_jiahao:before{ content: "\eaf5";} 
	.join_detail{ position: absolute; -webkit-transition:all .6s ease; transition:all .6s ease;opacity: 0; visibility: hidden; pointer-events: none; display: block!important;}
	.join_block_inner:hover .join_detail{ top: 85%; opacity: 1; visibility: visible; pointer-events: all; }
}
/* strategy_tab */
.strategy_tab{ list-style: none; display: flex; justify-content: center; color: #2A2A2A; line-height: 58px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.strategy_tab li + li{ margin-left: 2.35rem;}
.strategy_tab span{ position: relative; display: flex; align-items: center; justify-content: center; height: 100%; cursor: pointer;}
.strategy_tab span img{ margin-right: .1rem; max-width: 24px;}
.strategy_tab span .show{ display: block;}
.strategy_tab span .hide{ display: none;}
.strategy_tab span::before{ display: block; content: ""; position: absolute; left: 50%; width: 0; bottom: -1px; height: 2px; background-color: #B01F24; transition: all .3s;}
.strategy_tab li.active{ color: #B01F24; font-weight: bold;}
.strategy_tab li.active span::before{ left: 0; width: 100%;}
.strategy_tab li.active .show{ display: none;}
.strategy_tab li.active .hide{ display: block;}
.strategy_swiper{ background-color: #FFFFFF;/* border-radius: .1rem; box-shadow: 0 0 .2rem rgba(153, 153, 153, 0.1); margin-top: .5rem; padding: .7rem;*/}
.strategy_network_box{ display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.strategy_network_map{ flex-shrink: 0; width: 51%; margin-left: 3.125%;}
.strategy_network_text{ flex: auto; max-width: 600px; color: #666666; line-height: 1.8; overflow: hidden;}
.strategy_network_text h3{ color: #2A2A2A;}
.strategy_network_text strong{ color: #22427d;}
.partner_list{ list-style: none; display: flex; flex-wrap: wrap; margin: .1rem -.15rem .2rem;}
.partner_list:last-child{ margin-bottom: 0 !important;}
.partner_list li{ width: 14.28%; padding: .15rem;}
.partner_link{ display: block; border: 1px solid #22427D; border-radius: 8px; overflow: hidden;}
.partner_logo .ico_box{ padding-top: 37.78%;}
.partner_logo .ico_box img{ max-width: 90%; margin: 0 auto;}
.partner_title{ text-align: center; background-color: #22427D; color: #FFFFFF; font-size: 14px; line-height: 2;}
.customer_list li{ width: 20%;}
.customer_list .partner_logo .ico_box{ padding-top: 25.56%;}
.strategy_map{ position:relative;}
/* about_company */
.about_company{ overflow: hidden;}
.company_img{ padding-top: 33.33%; margin-bottom: -1.08rem; background-position: center center; background-size: cover; background-attachment: fixed;}
.company_text{ position: relative; padding: .8rem 0; padding-left: 1rem; background-color: #22427D; color: #FFFFFF; line-height: 1.8;}
.company_text::after{ display: block; content: ""; width: 100%; height: 100%; position: absolute; left: 100%; top: 0; background-color: #22427D;}
.company_con{ height: 4rem; overflow: hidden;}
/* about_history */
.time_swiper{ position: relative; padding: 0 1.6rem; margin: .6rem 0; color: #CFCFCF; line-height: 2; text-align: center;}
.time_swiper .swiper-slide{ cursor: pointer;}
.time_swiper .swiper-slide-thumb-active{ color: #22427D;}
.time_swiper .swiper_arrow div{ background-color: transparent; color: #22427D; width: auto; height: auto; margin-top: 0; transform: translateY(-50%);}
.time_swiper .swiper_arrow div:after{ font-size: 50px;}
.time_swiper .swiper_arrow div.swiper-button-prev:after{ content: "\eb79";}
.time_swiper .swiper_arrow div.swiper-button-next:after{ content: "\e6f2";}
.history_item{ display: flex; align-items: center;}
.history_img{ flex-shrink: 0; width: 47.5%;}
.history_img img{ display: block; max-width: 100%; height: auto; border-radius: 8px;}
.history_year{ flex-shrink: 0; width: 22.2%; font-size: 120px; color: #22427d; padding-left: 2%; text-align: center; font-family: "Akzidenzgroteskbq";}
.history_text{ flex: auto; color: #333333; line-height: 1.6; overflow: hidden;}
.history_text p{ position: relative; padding-left: 20px; margin: .1rem 0;}
.history_text p::before{ display: block; content: "•"; position: absolute; left: 0; top: 0;}

/*img_overlay*/
.img_overlay .vbox-content{ min-height: inherit; height: 100%;}
.img_overlay .vbox-content .vbox-child{ background-color: transparent!important; height: 100%; display: flex; align-items: center;}
.img_overlay .vbox-container{ overflow-y: auto!important;}
.img_overlay .vbox-container img{ max-height: 100%; width: auto;}

/* solution */
.solution_box{ display: flex; padding: .7rem 0; background-color: #F9F9F9;}
.solution_left{ width: 20%; max-width: 390px; flex-shrink: 0; padding-right: 15px; padding-left: 2%;}
.solution_mobile_title{ display: flex; justify-content: space-between; align-items: center; background-color: #1E367E; color: #FFFFFF; padding: .15rem .2rem; cursor: pointer; font-size: 16px; line-height: 1.6; display: none;}
.solution_mobile_title i{ transition: all .3s;}
.solution_mobile_title.active i{ transform: rotate(90deg);}
.solution_nav{ list-style: none; line-height: 1.6;}
.solution_nav li + li{ margin: .2rem 0;}
.solution_nav li a{ position: relative; display: block; color: #2A2A2A; padding-left: 20px;}
.solution_nav li a::before{ display: block; content: "•"; position: absolute; left: 0; top: 0;}
.solution_nav li a:hover,
.solution_nav li.active a{ color: #A23B3A; transform: translateX(5px); text-decoration: underline;}
.solution_right{ flex: auto; overflow: hidden; padding-right: 8%;}
.solution_list{ list-style: none;}
.solution_list li{ margin-bottom: .45rem;}
.solution_link{ display: flex; flex-direction: row-reverse; padding: .4rem 0; background-color: #FFFFFF; transition: all .3s;}
.solution_pic{ flex-shrink: 0; width: 43%; transform: translateX(.25rem); overflow: hidden;}
.solution_pic .img_box{ padding-top: 54.24%; background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 1s;}
.solution_info{ flex: auto; overflow: hidden; padding-left: 5%;}
.solution_h3{ margin-bottom: .2rem; color: #333333;}
.solution_content{ color: #666666; margin: .1rem 0 .2rem; -webkit-line-clamp: 5; max-height: 150px; height: 150px;}
.solution_link:hover{ box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.04);}
.solution_link:hover .img_box{ transform: scale(1.1);}
.solution_link:hover .sec_more{ color: #1b377f;}
.solution_link:hover .sec_more:before { transform: scale(2);}
@media (min-width: 992px){
    .solution_nav{ display: block !important;}
}

/* service_loan */
.service_title{ color: #1E367E; line-height: 1.2; text-align: center;}
.service_title.white{ color: #FFFFFF;}
.service_loan_box{ padding: 1.2rem 0;}
.service_loan_swiper{ margin-top: .6rem; text-align: center;}
.service_loan_swiper .swiper-slide{ position: relative;}
.service_loan_swiper .swiper-slide::after{ display: block; content: ""; position: absolute; left: 100%; transform: translateX(-40%); top: calc(1.3rem/2 - 0.07rem); width: .6rem; height: .14rem; background: url(../images/arrow.png) right center no-repeat; background-size: contain;}
.service_loan_swiper .swiper-slide:last-child::after{ display: none;}
.service_loan_icon{ position: relative; width: 1.3rem; height: 1.3rem; border: 2px solid #1E367E; border-radius: 50%; margin: 0 auto .2rem;}
.service_loan_icon::before{ display: block; content: ""; position: absolute; left: .08rem; top: .08rem; right: .08rem; bottom: .08rem; border-radius: 50%; border: 1px dashed #1E367E;}
.service_loan_title{ color: #22427D; font-weight: bold;}
.service_loan_des{ color: #333333;}
.service_loan_swiper .swiper-slide:hover .service_loan_icon::before{ animation: rotateAni 50s linear infinite;}
/* service_FAQ */
.service_FAQ_box{ padding: 1.2rem 0; background: url(../images/service_FAQ_bg.jpg) center top no-repeat; overflow: hidden;}
.service_FAQ_En{ display: block; max-width: 80%; margin: -.1rem auto;}
.service_FAQ_bg{ padding: .3rem 1.1rem; background-color: #FFFFFF; border-radius: 8px; box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.04);}
.service_search{ position: relative; width: 100%; max-width: 1100px; padding-right: 120px; border: 1px solid #22427D; border-radius: 27px; background-color: #FFFFFF; overflow: hidden; margin: .5rem 0;}
.service_search_input{ display: block; width: 100%; height: 54px; line-height: 34px; padding: 10px 15px; color: #999999;}
.service_search_btn{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; width: 120px; height: 100%; background-color: #22427D; color: #FFFFFF; font-weight: bold; cursor: pointer;}
.service_search_btn i{ vertical-align: initial; margin-left: 5px; font-size: 18px;}
.service_search_btn:hover{ background-color: #b01f24;}
.service_FAQ_list{ list-style: none; max-width: 1100px; margin: .4rem 0;}
.service_FAQ_list li{ margin-bottom: .1rem;}
.service_FAQ_ask{ color: #2A2A2A; padding: .1rem 0; padding-left: 36px; line-height: 1.8; font-weight: bold; background: url(../images/service_FAQ_icon.png) left center no-repeat; cursor: pointer;}
.service_FAQ_ask i{ float: right; color: #999999; transition: all .6s;}
.service_FAQ_ask.active i{ transform: rotate(180deg);}
.service_FAQ_answer{ background-color: #FAFAFA; border-radius: 8px; padding: .3rem; color: #333333; line-height: 1.8; display: none;}
.service_FAQ_box + .service_finance_box .service_finance_item:first-child{ padding-top: 0;}
/* service_finance_box */
.service_finance_item{ padding: 1.2rem 0;}
.service_finance_img{ float: left; width: 50%; margin-right: 5%;}
.service_finance_img img{ display: block; max-width: 100%; height: auto; border-radius: 8px;}
.service_finance_text{ overflow: hidden;}
.service_finance_tit{ color: #2A2A2A; line-height: 1.6; margin-bottom: .15rem;}
.service_finance_des{ color: #666666; line-height: 1.6;}
.service_finance_des h4{ color: #22427D; margin-top: .15rem;}
.service_finance_icon{ list-style: none; display: flex; flex-wrap: wrap; text-align: center; color: #2A2A2A; margin-top: .3rem; margin-right: -.6rem;}
.service_finance_icon li{ margin-top: .1rem; padding-right: .6rem;}
.service_finance_icon .ico_box{ width: 1rem; height: 1rem; padding: 0; background-color: #F5F5F5; border-radius: 50%; margin: 0 auto 5px;}
.service_finance_more{ display: block; max-width: 200px; line-height: 46px; background-color: #FFFFFF; color: #22427D; margin: .6rem auto -.6rem;}
.service_finance_more:before{ background-color: #22427D;}
.service_finance_more:hover{ color: #FFFFFF;}
.service_finance_item:nth-child(2n){ background-color: #FAFAFA;}
.service_finance_item:nth-child(2n) .service_finance_img{ float: right; margin-right: 0; margin-left: 5%;}
.service_finance_item:nth-child(2n) .service_finance_icon .ico_box{ background-color: #FFFFFF;}
/* service_finance_detail */
.service_finance_to{ display: inline-block; color: #2A2A2A; line-height: 2; margin: 0.4rem 0;}
.service_finance_to i{ display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-top: -2px; margin-right: .1rem; background: url(../images/icon_back.png) center center no-repeat;}
.service_finance_list{ list-style: none; display: flex; flex-wrap: wrap; margin: 0 -.25rem .5rem;}
.service_finance_list > li{ width: 50%; padding: 0 .25rem; margin-bottom: .5rem;}
.service_finance_con{ height: 100%; background-color: #FFFFFF; box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.04); transition: all .5s;}
.service_finance_bg{ position: relative; background-color: #22427d;}
.service_finance_bg .img_box{ opacity: .25; padding-top: 28.39%; background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 1s;}
.service_finance_name{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: .2rem 6%; color: #FFFFFF; display: flex; flex-direction: column; justify-content: center;}
.service_finance_bot{ padding: .3rem 6%; color: #666666;}
.service_finance_bot strong{ color: #22427D;}
.service_finance_bot ul{ list-style: none; display: flex; flex-wrap: wrap; margin: .2rem -.4rem; overflow: hidden;}
.service_finance_bot ul li{ position: relative; padding: 0 .4rem;}
.service_finance_bot ul li::before{ display: block; content: ""; position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #000000; opacity: .06;}
.service_finance_con:hover{ transform: translateY(-.1rem);}
.service_finance_con:hover .service_finance_bg .img_box{ opacity: 0.35;}

/* human_box */
/* staff_swiper */
.staff_swiper{ position: relative; text-align: center;}
.staff_swiper .swiper-slide{ padding: 0 .15rem;}
.staff_icon{ width: 110px; height: 110px; max-width: 1.1rem; max-height: 1.1rem; margin: 0 auto .2rem;}
.staff_tit{ color: #22427D; margin: .2rem 0; font-weight: bold;}
.staff_des{ max-width: 287px; margin: .2rem auto;}
/* human_nuohao */
.human_nuohao{ position: relative; z-index: 1; color: #FFFFFF;}
.human_nuohao_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; z-index: -1;}
.human_nuohao_bg::before,
.human_nuohao_bg::after{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.human_nuohao_bg::before{ background-color: #000; opacity: .25;}
.human_nuohao_bg::after{ background: url(../images/banner_cover.png) center center no-repeat; background-size: cover;}
.nuohao_text{ max-width: 960px; padding: .3rem 0;}
.nuohao_tit{ margin: .3rem 0;}
.nuohao_con{ margin: .3rem 0 .6rem;}
.nuohao_data{ justify-content:flex-start; color: #FFFFFF; margin: .9rem -.6rem .5rem;}
.nuohao_data li{ flex: none; padding: 0 .6rem;}
.nuohao_data li:before{ background-color: #FFFFFF;}
/* human_leader */
.human_leader{ padding-bottom: 0; background: url(../images/leader_bg.jpg) center bottom no-repeat; background-size: cover; color: #666666;}
.human_leader .sec_tit03{ margin-bottom: 0;}
.leader_box{ display: flex;}
.leader_img{ flex-shrink: 0; width: 461px; margin-right: 5%;}
.leader_img img{ display: block; max-width: 100%; height: auto;}
.leader_text{ margin: .5rem 0 0; overflow: hidden;}
.leader_text h3{ font-size: .24rem; color: #22427D;}
.leader_con{ max-height: 800px;}
.leader_name{ text-align: right; margin-top: .2rem;}
.leader_name img{ vertical-align: middle; margin-left: .1rem;}
/* human_grow */
.grow_text{ max-width: 880px; color: #666666; margin: -.2rem auto .4rem; text-align: center;}
.grow_box{ box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.1);}
.grow_swiper .swiper-slide{ position: relative;}
.grow_swiper .swiper-slide::before,
.grow_swiper .swiper-slide::after{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;}
.grow_swiper .swiper-slide::before{ background-color: #000000; opacity: .06;}
.grow_swiper .swiper-slide::after{ height: 50%; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.2));}
.grow_swiper .img_box{ padding-top: 30.31%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.grow_swiper .swiper-pagination{ position: absolute; bottom: .2rem; text-align: center;}
.grow_swiper .swiper-pagination-bullet{ vertical-align: middle; width: 8px; height: 8px; background: #FFFFFF; opacity: 1;}
.grow_swiper .swiper-pagination-bullet-active{ width: 16px; height: 16px; background-color: #FFFFFF !important;}
/* .path-loop-bg{ fill: none; stroke: #FFFFFF; stroke-miterlimit: 10; stroke-width:6px;} */
/* .path-loop{ fill: none; stroke: #FFFFFF; stroke-miterlimit: 10; stroke-width:3px;} */
/* .grow_swiper .swiper-pagination-bullet-active .path-loop-bg{ fill: none;} */
.grow_swiper .swiper-pagination-bullet-active .path-loop{ stroke-dashoffset: 0; transition: all .6s;}
.grow_list{ padding: .6rem 0;}
.grow_list .swiper-slide{ position: relative; padding: 0 .8rem;}
.grow_list .swiper-slide::before{ display: block; content: ""; width: 1px; height: 100%; position: absolute; left: -1px; top: 0%; background-color: #000000; opacity: .06;;}
.grow_icon{ width: 90px; height: 90px; max-width: 1rem; max-height: 1rem; margin: 0 0 .2rem;}
.grow_tit{ color: #22427D; line-height: 1.8;}
.grow_tit2{ color: #333333; line-height: 1.8;}
.grow_des{ margin-top: .15rem;}

.human_grow + .human_development{ padding-top: 0;}
.development_box{ text-align: center;}
.development_box img{ display: block; max-width: 100% !important; height: auto; margin: 0 auto;}

/* human_office */
.human_office{ background-color: #FAFAFA;}
.office_swiper .swiper-slide{ margin-right: 1px; overflow: hidden;}
.office_swiper .swiper-slide .img_box{ position: relative; padding: 0; height: 520px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.office_swiper .swiper-slide .img_box::before{ display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 30%; background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));}
.office_tit{ position: absolute; left: .2rem; bottom: .2rem; right: .2rem; color: #FFFFFF; line-height: 1.5;}
@media (min-width: 1200px){
    .office_swiper .swiper-slide{ width: 20.625% !important; transition: all .6s ease;}
    .office_swiper .swiper-slide-active{ width: 37.75% !important;}
}

/* human_welfare */
.welfare_swiper .swiper-container{ padding: .2rem; margin: -0.2rem;}
.welfare_link{ display: block; height: 100%; box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.1); overflow: hidden;}
.welfare_img{ overflow: hidden;}
.welfare_img .img_box{ padding-top: 59.4%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 1s ease;}
.welfare_text{ padding: .3rem .5rem;}
.welfare_tit{ color: #22427D; font-weight: bold; margin: .15rem 0;}
.welfare_con{ color: #333333; -webkit-line-clamp: 3; max-height: 90px; margin: .15rem 0;}
.welfare_link:hover .img_box{ transform: scale(1.05);}
.welfare_swiper .swiper_arrow div{ background-color: transparent; color: #22427D; width: auto; height: auto; margin-top: 0; transform: translateY(-50%);}
.welfare_swiper .swiper_arrow div:after{ font-size: 50px; font-weight: normal;}
.welfare_swiper .swiper_arrow div.swiper-button-disabled{ opacity: .35;}
.welfare_swiper .swiper_arrow div.swiper-button-prev{ left: -80px;}
.welfare_swiper .swiper_arrow div.swiper-button-next{ right: -80px;}
.welfare_swiper .swiper_arrow div.swiper-button-prev:after{ content: "\eb79";}
.welfare_swiper .swiper_arrow div.swiper-button-next:after{ content: "\e6f2";}

/* human_join */
.human_join{ display: flex;}
.join_item{ position: relative; width: 50%; background-color: #000; overflow: hidden;}
.join_item .img_box{ padding-top: 66.67%; opacity: .75; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 1s;}
.join_text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-content: center; color: #FFFFFF; text-align: center; padding: .3rem; z-index: 1;}
.join_tit{ margin: 5px 0;}
.join_con{ margin: 5px 0;}
.join_more{ max-height: 0;; overflow: hidden; transition: all .3s;}
.join_more a{ display: block; max-width: 165px; color: #FFFFFF; line-height: 50px; border-radius: 25px; background-color: #22427D; margin: 0 auto;}
.join_more a i{ display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: .1rem; font-weight: bold; transition: all .5s;}
.join_more a:hover i{ transform: rotate(-45deg);}
.join_item:hover .img_box{ transform: scale(1.05); opacity: .3;}
.join_item:hover .join_more{ max-height: 50px; margin: .3rem 0 0;}

/* recruit_box */
.recruit_box{ padding: 1rem 0 .6rem;}
.recruit_con{ display: flex; justify-content: space-between;}

.recruit_left{ width: 22%; padding-right: 2.5%; max-width: 345px; border-right: 1px solid rgba(0,0,0,0.06);}
.recruit_tit{ line-height: 2;}
.recruit_tit i{ display: none;}
.recruit_search{ position: relative; margin-bottom: .35rem;}
.recruit_search_con{ position: relative; margin-top: .1rem;}
.recruit_search_input{ display: block; width: 100%; height: 42px; color: #999999; line-height: 22px; padding: 10px 20px; padding-right: 52px; background-color: #FAFAFA; border-radius: 21px;}
.recruit_search_btn{ position: absolute; right: 0; top: 0; display: block; width: 42px; height: 42px; line-height: 42px; background-color: #22427D; border-radius: 50%; border: none; text-align: center; color: #FFFFFF; cursor: pointer; font-weight: bold;}
.recruit_search_btn:hover{ background-color: #B01F24; opacity: 1;}
.recruit_filter_item{ padding: .2rem 0; border-top: 1px solid rgba(0,0,0,0.06);}
.recruit_filter_label{ margin: .1rem 0;}
.recruit_filter_label label{ display: block; position: relative; margin: 5px 0;}
.recruit_filter_label input{ position: absolute; left: 0; top: 0; opacity: 0;}
.recruit_filter_label span { position: relative; display: inline-block; padding-left: 24px; cursor: pointer; color: #666666;}
.recruit_filter_label span::before,
.recruit_filter_label span::after{ position: absolute; left: 0; top: 50%; margin-top: -7px; display: block; content: ""; width: 14px; height: 14px; border-radius: 2px;}
.recruit_filter_label span::before { border: 1px solid rgba(0,0,0,.1);}
.recruit_filter_label span::after { left: 3px; margin-top: -5px; width: 10px; height: 6px; border-radius: 0; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; transform: rotate(-45deg);}
.recruit_filter_label input:checked + span{ color: #B01F24;}
.recruit_filter_label input:checked + span::before { background-color: #B01F24; border-color: #B01F24;}
.recruit_filter_label .selected   span{ color: #B01F24;}
.recruit_filter_label .selected    span::before { background-color: #B01F24; border-color: #B01F24;}

.recruit_right{ width: 78%; padding-left: 2.5%;}
.recruit_top{ padding-bottom: 0.15rem; border-bottom: 1px solid rgba(0,0,0, .06); margin-bottom: 0.2rem;}
.recruit_list{ list-style: none;}
.recruit_link { display: flex; justify-content: space-between; align-items: center; padding: 0.25rem 0; border-radius: 0.1rem; transition: all .3s;}
.recruit_text{ flex: auto; max-width: 850px; color: #5C5C5C;}
.recruit_name{ color: #252525; line-height: 1.6; font-weight: bold;}
.recruit_info{ display: flex; flex-wrap: wrap; margin: 0 -.1rem; color: #999999; line-height: 1.6; margin-top: 2px;}
.recruit_info span{ position: relative; padding: 0 .1rem;}
.recruit_info span + span::before{ content: ""; width: 1px; height: 12px; background-color: #000; opacity: .12; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.recruit_des{ color: #5C5C5C; line-height: 1.6; margin-top: .1rem;}
.recruit_more{ flex-shrink: 0; margin-left: 5%; display: block; color: #999999;}
.recruit_more i{ font-weight: bold; margin-left: .1rem;}
.recruit_link:hover { padding: 0.25rem 0.36rem; box-shadow: 0 0 0.25rem rgb(0,0,0,0.1);}
.recruit_link:hover .recruit_more{ color: #22427d;}

.recruit_hot{ display: flex; align-items: center; color: #2A2A2A; padding-bottom: .15rem; border-bottom: 1px solid rgba(0,0,0, .06); font-weight: bold;}
.recruit_hot i{ display: block; width: 28px; height: 24px; background: url(../images/recruit_hot_icon.png) center center no-repeat; background-size: contain; margin-right: .1rem;}
.recruit_hot_list{ margin: .1rem 0 .5rem;}
.recruit_hot_list li{ margin: .1rem 0;}
.recruit_hot_list li a{ color: #666666; transition: all .3s;}
.recruit_hot_list li a:hover{ color: #22427d;}
.recruit_back{ display: flex; align-items: center; justify-content: center; color: #2A2A2A; line-height: 42px; border-radius: 21px; background-color: #FAFAFA; text-align: center; transition: none;}
.recruit_back i{ display: block; width: 16px; height: 16px; margin-right: .1rem; background: url(../images/icon_back.png) center center no-repeat;}
.recruit_back:hover{ background-color: #22427d; color: #FFFFFF;}
.recruit_back:hover i{ background-image: url(../images/icon_back_white.png);}

.recruit_h1{ color: #2A2A2A; line-height: 1.4; margin-bottom: .1rem; font-weight: bold;}
.recruit_detail{ color: #666666; line-height: 1.8; margin: .3rem 0;}
.recruit_detail h3{ color: #2A2A2A; line-height: 2; margin: .1rem 0;}
.recruit_detail + .join_more{ max-height: none; text-align: center; margin-top: .6rem;}
.recruit_detail + .join_more a{ margin-left: 0;}

.recruit_lay_bg{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0, .6); z-index: 1005; opacity: 0; visibility: hidden; transition: all .3s;}
.recruit_lay{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 780px; background: #FFFFFF; transition: all .3s; width: 90%; max-width: 780px; padding: .38rem; border-radius: 5px; background-color: #FFFFFF; z-index: 1006; opacity: 0; visibility: hidden; margin-top: 10px;}
.recruit_lay_bg.active{ opacity: 1; visibility: visible;}
.recruit_lay.active{ opacity: 1; visibility: visible; margin-top: 0;}
.recruit_lay_top{ position: relative; border-bottom: 1px solid #ebebeb; margin-bottom: .34rem;}
.recruit_lay_con{ max-height: 80vh;}
.recruit_lay_tit{ display: flex; align-items: center; line-height: 1.4; padding: 0.1rem 0;}
.recruit_lay_tit i{ display: block; width: 30px; height: 30px; margin-right: .1rem; background: url(../images/recruit_tit_icon.png) center center no-repeat; background-size: contain;}
.recruit_lay_close{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; max-width: .48rem; max-height: .48rem; background: url(../images/recruit_close.png) center center no-repeat; background-size: contain; cursor: pointer;}
.recruit_lay_close:hover{ background-image: url(../images/recruit_close_blue.png);}
.recruit_lay_form{ list-style: none;}
.recruit_lay_form li{ position: relative; margin-bottom: .2rem;}
.recruit_form_input{ display: block; width: 100%; height: 46px; line-height: 24px; padding: 10px; border: 1px solid #ebebeb;}
.recruit_form_icon{ display: block; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 38px; height: 18px; text-align: center; transition: all .2s;}
.recruit_form_icon img{ max-width: 18px;}
.recruit_form_text{ position: absolute; left: 10px; top: 0; font-size: 12px; color: #22427d; line-height: 1.6; opacity: 0; visibility: hidden; margin-top: 10px; transition: all .2s;}
.recruit_form_tip{ position: absolute; left: 15px; bottom: 3px; font-size: 14px; color: #bbbbbb; z-index: -1; opacity: 0; visibility: hidden; margin-left: 10px; transition: all .2s;}

.recruit_form_input:focus{ border-color: #22427d; height: 46px; padding: 15px 10px 0 10px; line-height: 18px;}
.recruit_form_input:focus + .recruit_form_icon{ opacity: 0; visibility: hidden;}
.recruit_form_input:focus + .recruit_form_icon + .recruit_form_text{ opacity: 1; visibility: visible; margin-top: 0;}
.recruit_form_input:focus + .recruit_form_icon + .recruit_form_text + .recruit_form_tip{ opacity: 1; visibility: visible; margin-left: 0;}

.recruit_lay_tip{ color: #666666; line-height: 1.6; margin: .1rem 0;}

.recruit_lay .join_more{ max-height: none; text-align: center; margin-top: .2rem;}
.recruit_lay .join_more a{ margin-left: 0;}

/* culture */
.culture_hm{padding: 1.2rem 0;}
.in_tit{color: #1E367E;font-weight: bold;line-height: 40px;margin-bottom: .48rem;}
.hm_box{display: flex;justify-content: space-between;}
.lef_logo{width: 21.56%;background: #F9F9F9;display: flex;justify-content: center;align-items: center;}
.lef_logo img{max-width: 213px;max-height: 198px;width: 80%;}
.rig_cont{width: 78%;display: flex;justify-content: space-between;}
.tab_nav{width: 28.365%;}
.tab_item{display: flex;align-items: center;background: #F9F9F9;margin-bottom: 1.25%;cursor: pointer;transition: all .5s;height: 32.8%;justify-content: center;}
.tab_item:last-child{margin-bottom: 0;}
.tab_item .tab_ico{width: 66px;height: 60px;overflow: hidden;margin-right: 25px;}
.tab_item img{width: 100%;transition: all .5s;}
.tab_item h5{color: #333333;line-height: 36px;transition: all .5s;}
.tab_item p{color: #666666;line-height: 36px;transition: all .5s;}
.show{display: block;}
.hide{display: none;}
.tab_item:hover,.tab_item.active{background: #22427D;}
.tab_item:hover h5,.tab_item:hover p,.tab_item.active h5,.tab_item.active p{color: #FFFFFF;}
.tab_item:hover .show,.tab_item.active .show{ display: none;}
.tab_item:hover .hide,.tab_item.active .hide{display: block;animation: swing 1s linear;}
.tab_cont{width: 71.07%;position: relative;display: none;}
.tab_cont.current{display: block;}
.tab_pic{width: 100%;overflow: hidden;transition: all .5s;}
.tab_pic .img_box{padding-top: 58.62%;background-size: cover;background-repeat: no-repeat;background-position: center center;transition: all 1s;}
.tab_cont:hover .img_box{transform: scale(1.05);}
.tab_desc{position: absolute;left: 0;bottom: 0;width: 100;z-index: 11;background: rgba(34, 66, 125, .9);color: #FFFFFF;padding: .4rem .6rem;line-height: 28px;}
.hm_box1{margin-top: 1.2rem;}
.hm_box1 .hm_item{display: flex;align-items: center;background: #FFFFFF;box-shadow: 0 0 8px 3px rgba(0,0,0, .05);}
.hm_box1 h4{font-size: 32px;color: #22427D;line-height: 40px;margin-bottom: 10px;}
.hm_box1 p{color: #333333;line-height: 30px;}
.hm_box1 .item_text{padding: 0 .3rem 0 .45rem;flex: auto;overflow: hidden;}
.hm_box1 .item_pic{flex-shrink: 0;width: 39.6%;overflow: hidden;}
.hm_box1 .img_box{padding-top: 116.16%;background-color: transparent;background-size: cover;background-repeat: no-repeat;background-position: center center;transition: all 1s;}
.hm_box1 .swiper-container{padding: 15px 12px; margin: 0 -12px;/* overflow: visible; */}

.culture_hm1{background: #FAFAFA;width: 100%;padding: 1rem 0;}
.hm1_cont{display: flex;justify-content: space-between;position: relative;padding-bottom: .76rem;z-index: 5;}
/* .hm1_cont::after{position: absolute;left: 0;content: '';bottom: 0;background: url(../images/111_32.png);max-width: 6.95rem;height: 3.56rem;z-index: -1;width: 100%;} */
.lef_bg{position: absolute;bottom: 0;left: 0;width: 100%;}
.lef_bg img{width: 100%;max-width: 6.95rem;}
.lef_hm1{width: 45%;}
.lef_hm1 h5{color: #22427D;line-height: 28px;}
.textInfo{line-height: 1.8;color: #666666;}
.lef_hm1 h3{margin: .2rem 0 .3rem 0;color: #333333;}
.rig_hm1{width: 53.125%; border-radius: 8px; overflow: hidden;}
.rig_hm1 .img_box{padding-top: 61.176%;    background-size: cover;background-repeat: no-repeat; background-position: center center;transition: all 1s;}
.rig_hm1 .slide_img{width: 100%;overflow: hidden;border-radius: 8px;}
.lef_hm1 .hm1_tab{margin-top: .7rem;border-left: 1px solid rgba(0,0,0,.06);padding-left: 24px;}
.lef_hm1 .hm1_tab .tab_link{line-height: 20px;color: #999999;margin-bottom: 25px;position: relative;cursor: pointer;transition: all .5s;}
.lef_hm1 .hm1_tab .tab_link:last-child{margin-bottom: 0;}
.lef_hm1 .hm1_tab .tab_link::after{content: '';position: absolute;left: -26px;top: 0;width: 2px;height: 0;background: transparent;transition: all .5s;}
.lef_hm1 .hm1_tab .tab_link.active::after,
.lef_hm1 .hm1_tab .tab_link:hover::after{height: 100%;background: #22427D;}
.lef_hm1 .hm1_tab .tab_link.active,
.lef_hm1 .hm1_tab .tab_link:hover{color: #22427D;}

.culture_hm2{ padding: 1rem 0;}
.culture_hm2 .in_tit{text-align: center;}
.culture_hm2 .swiper-container{padding-bottom: 15px;}
.culture_hm2 .swiper_item{width: 100%;background: #FFFFFF;border: 1px solid rgba(0,0,0,.08);border-radius: 8px;transition: all .5s;overflow: hidden;}
.culture_hm2 .hm2_pic{width: 100%;overflow: hidden;}
.culture_hm2 .img_box{padding-top: 50.98%;background-size: cover;background-repeat: no-repeat;background-position: center center;transition: all .5s;}
.hm2_text{padding: .4rem .35rem;transition: all .5s;box-sizing: border-box;min-height: 309px;}
.hm2_text h4{color: #22427D;line-height: 1.6;}
.hm2_text p{font-size: 18px;line-height: 1.6;margin-top: .15rem;}
.culture_hm2 .swiper_item:hover{box-shadow: 0 0 15px 5px rgba(0,0,0, .05);}
.culture_hm2 .swiper_item:hover .img_box{transform: translateY(-10px);}
.culture_hm2 .swiper_item:hover .hm2_text{transform: translateY(-10px);}

/* duty */
.duty_hm1 {margin: 0 0 1.2rem 0;}
.duty_hm1 .hm1_box{width: 100%;overflow: hidden;border-radius: 8px;position: relative;}
.duty_hm1 .img_box{padding-top: 40%;background-size: cover; background-repeat: no-repeat;background-position: center center;transition: all 1s;}
.duty_hm1 .img_box::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right , rgba(33,63,120,.7), rgba(33,63,120,0))}
.duty_hm1 .hm1_text{position: absolute;left: 0;top: 0;height: 100%;display: flex;flex-direction: column;justify-content: center;color: #FFFFFF;padding-left: 1.3rem;}
.duty_hm1 .hm1_text h5{margin-bottom: 15px;}
.duty_hm1 .hm1_text p{line-height: 40px;}
.duty_hm2{margin-bottom: .8rem;}
.duty_hm2 .in_tit{text-align: center;}
.duty_hm2 .img_box{padding-top: 64.78%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.duty_hm2 .hm2_text h4, .duty_hm2 .hm2_text p{text-align: center;}
.duty_hm2 .hm2_text{min-height: auto;}

/* product_advantages */
.product_advantages{ display: flex; flex-wrap: wrap; margin: 0 -.1rem;}
.product_adItem{ width: 25%; padding: .1rem;}
.product_adImg .img_box{ padding-top: 60%;}
.product_adText{ line-height: 1.8; text-align: center;}