@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: "OPPOSans";
 font-weight: 400;
 font-display: swap;
 src: url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.woff2) format("woff2"), 
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.woff) format("woff"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.ttf) format("truetype");
}
@font-face {
 font-family: "OPPOSans";
 font-weight: 500;
 font-display: swap;
 src: url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.woff2) format("woff2"), 
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.woff) format("woff"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.ttf) format("truetype");
}   
/*@font-face {
   font-family: "AlibabaPuHuiTiBold"; 
	src: url("../fonts/AlibabaPuHuiTiBold.woff2") format("woff2"),
       url("../fonts/AlibabaPuHuiTiBold.woff") format("woff"),
       url("../fonts/AlibabaPuHuiTiBold.ttf") format("truetype"),
       url("../fonts/AlibabaPuHuiTiBold.eot") format("embedded-opentype"),
       url("../fonts/AlibabaPuHuiTiBold.svg") format("svg");
  font-display: swap;
}*/
@font-face {
  font-family: "DINProBold";
  font-display: swap;
  src: url("../fonts/dinprobold.woff2") format("woff2"),
       url("../fonts/dinprobold.woff") format("woff"),
       url("../fonts/dinprobold.ttf") format("truetype"),
       url("../fonts/dinprobold.eot") format("embedded-opentype"),
       url("../fonts/dinprobold.svg") format("svg");
}
html,body {  
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
} 
html{
	font-size: 100px;
}
body {
    font-family:'OPPOSans', Microsoft Jhenghei, '微軟正黑體';
    font-size: 14px;
	line-height: 1.72;
    color: #333333;
    background: #ffffff;
	font-weight: 400;   
}  
img{
	border:none;
	display:inline-block;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	_width:auto;
}
button,input,textarea,select{
	border:none;
	background:none;
	font-size:14px;
	vertical-align:middle;
	color:#333333; 
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#252525;}
a:hover,a:active,a:focus{text-decoration:none;} 
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:'OPPOSans', 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: 500; padding:0; margin:0; font-size:14px; line-height:1.25; font-weight: 500; /*letter-spacing: 0.075em;*/ }
p,ul,ol{margin:0;}
header,main,footer,section{display:block;} 
input[type="text"]::-webkit-input-placeholder{
   color: rgba(64, 64, 64, .50);
}
input[type="text"]::-moz-placeholder{
  color: rgba(64, 64, 64, .50);
}
input[type="text"]:-ms-input-placeholder{
  color: rgba(64, 64, 64, .50);
} 
input[type="text"]::placeholder{
   color: rgba(64, 64, 64, .50);
}

/*browserupgrade*/
.browserupgrade{display:block;position:fixed;top:-60px;opacity:0;left:0;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
.browserupgrade a.upgrade_close{display:block;position:absolute;top:0;right:0;z-index:10;width:60px;line-height:60px;text-align:center;color:#fff;font-size:40px;text-decoration:none;cursor:pointer;}
/*swiper*/  
.swiper-pagination { position: static; margin-top: .40rem;}  
.swiper-pagination-bullet {width: 16px; height: 16px; position: relative; background: none; margin: 0 5px; opacity: 1;}
.swiper-pagination-bullet:before{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:10px; height: 10px; border-radius: 50%; background: #164288; border:2px solid transparent;}
.swiper-pagination-bullet-active:before{width: 100%; height: 100%; background-color: transparent !important; border-color:transparent !important;}
.swiper-pagination-bullet .circ { position: absolute; top:0; left:0; z-index:2; transform:  scale(1) rotate(-90deg); transition: transform 2s ease;}
.circ circle {stroke-dasharray: 440px;}
.swiper-pagination-bullet .circ1 {stroke-dashoffset: 440px;} 
.swiper-pagination-bullet-active .circ {transform: scale(1) rotate(-90deg);}
.swiper-pagination-bullet-active .circ1 {stroke-dashoffset: 220px; transition: linear 10s stroke-dashoffset;}
.swiper_arrow div[class^="swiper-button-"]{ display:block; overflow: hidden; width: 48px; height: 48px; line-height: 48px;  border-radius: 50%; text-align: center; color: #ffffff; font-weight: bold; background: rgba(0,0,0, .18); -webkit-transition:all .6s ease; transition:all .6s ease;}  
.swiper_arrow div[class^="swiper-button-"]:after{ font-size:20px; line-height: 48px; } 
.swiper_arrow div[class^="swiper-button-"]:hover{ background: #164288; color:#ffffff;} 
/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .img_box img, .ico_box img{ 
	-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========================*/  
/*flex*/
.flex{ display:flex; flex-wrap: wrap;}
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%; background:#ffffff;}
.img_box img{display:block; width:100%; height:100%; position:absolute; object-fit:cover; top:0; left:0;}
/*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:3; line-height: 32px; max-height: 96px;*/  } 
/*typo*/
.typo .blink {
  display: inline-block;
	font-style: normal;
}  
.typo:hover .blink{
  -webkit-animation-name: textLink;
  animation-name: textLink;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.typo:hover .blink:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.typo:hover .blink:nth-of-type(2) {
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
}
.typo:hover .blink:nth-of-type(3) {
  -webkit-animation-delay: 60ms;
  animation-delay: 60ms;
}
.typo:hover .blink:nth-of-type(4) {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
}
.typo:hover .blink:nth-of-type(5) {
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}
.typo:hover .blink:nth-of-type(6) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.typo:hover .blink:nth-of-type(7) {
  -webkit-animation-delay: .18s;
  animation-delay: .18s;
}
.typo:hover .blink:nth-of-type(8) {
  -webkit-animation-delay: .21s;
  animation-delay: .21s;
}
.typo:hover .blink:nth-of-type(9) {
  -webkit-animation-delay: .24s;
  animation-delay: .24s;
}
.typo:hover .blink:nth-of-type(10) {
  -webkit-animation-delay: .27s;
  animation-delay: .27s;
}
.typo:hover .blink:nth-of-type(11) {
  -webkit-animation-delay: .30s;
  animation-delay: .30s;
}
.typo:hover .blink:nth-of-type(12) {
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
}
.typo:hover .blink:nth-of-type(13) {
  -webkit-animation-delay: .36s;
  animation-delay: .36s;
}
.typo:hover .blink:nth-of-type(14) {
  -webkit-animation-delay: .39s;
  animation-delay: .39s;
}
.typo:hover .blink:nth-of-type(15) {
  -webkit-animation-delay: .42s;
  animation-delay: .42s;
}
.typo:hover .blink:nth-of-type(16) {
  -webkit-animation-delay: .45s;
  animation-delay: .45s;
}
.typo:hover .blink:nth-of-type(17) {
  -webkit-animation-delay: .48s;
  animation-delay: .48s;
}
.typo:hover .blink:nth-of-type(18) {
  -webkit-animation-delay: .51s;
  animation-delay: .51s;
}
.typo:hover .blink:nth-of-type(19) {
  -webkit-animation-delay: .54s;
  animation-delay: .54s;
}
.typo:hover .blink:nth-of-type(20) {
  -webkit-animation-delay: .57s;
  animation-delay: .57s;
}
@-webkit-keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5); 
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
/*title_effect*/ 
.title_effect .letter {
	display: inline-block;
	transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 0s;
} 
.my_textLink2{
	-webkit-animation-name: textLink2;
	  animation-name: textLink2;
	  -webkit-animation-duration: .3s;
	  animation-duration: .3s;
	  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
} 
@-webkit-keyframes textLink2 {
  to{
	 transform:translateY(0); opacity:1;
  }
}
@keyframes textLink2 {
  to{
	 transform:translateY(0); opacity:1;
  }
}   



/*=======load======*/   
.load{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	z-index: 5000;
	color: #164288; 
	display: none;
} 
body.body_index .load{ display:block;}
.load.active{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: all 0.8s cubic-bezier(.77, 0, .175, 1);
	-o-transition: all 0.8s cubic-bezier(.77, 0, .175, 1);
	transition: all 0.8s cubic-bezier(.77, 0, .175, 1)
} 
.load_con{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)!important; text-align: center;}
.load_text { 
	-webkit-animation: 0.8s .2s fadeInUp both;
	animation: 0.8s .2s fadeInUp both;
}   
.load_logo{ display:inline-block; vertical-align: top; height: 62px; width: auto; }
.load_sign{ margin-top: 20px;}
.load_sign .icon_jiazai{
	 display: inline-block;
	vertical-align: middle;
	line-height: 1;
	-webkit-animation: loader 0.8s linear infinite;
	animation: loader 0.8s linear infinite;
	font-size: 30px; 
} 
@-webkit-keyframes loader {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes loader {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
/*===================header========================*/
.inner{ width: 1300px; margin: 0 auto; }
header{ position:fixed; left:0; top:0; z-index:1003; width:100%; font-weight: 400;}
.header_line{ flex-wrap:nowrap; white-space: nowrap; position:relative; z-index: 1; padding: 0 5%; height: 120px; line-height: 120px; -webkit-transition:background .6s ease; transition:background .6s ease;  } 
.header_line a{ color: #ffffff;} 
/*=========logo && nav && menu_phone =========*/   
/*logo*/  
.logo{ /*margin-right: 8%;*/ }  
.logo a{ display:inline-block; vertical-align: middle; height: 42px; position: relative; }
.logo a img{ display:block; height: 100%; width:auto;}
.logo a img:nth-child(1){ opacity: 1;} 
.logo a img:nth-child(2){ position: absolute; top:0; left: 0; opacity: 0;} 
/*nav*/
.nav{flex-wrap: nowrap; justify-content: flex-end; flex: 1 0 0; margin-left:auto; margin-right: 2.20%; }
.nav li{ padding: 0 15px; position: relative; }
.nav li a.n_a0{ display:block;} 
.nav li a.n_a0 em{  font-style: normal; display:block; position: relative; text-transform: uppercase; } 
.nav li a.n_a0 em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: transparent;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.nav li:hover a.n_a0 em:before,
.nav li.current a.n_a0 em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}    
.nav li .n_subclass{ position:absolute; top:100%; left:50%; transform: translateX(-30%); z-index: 2; width:1200px; background:#ffffff; text-align: center; line-height: 60px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all.6s ease; transition:all .6s ease; overflow-x:auto; }

.nav li .n_subclass::-webkit-scrollbar {
  height:10px ; /* 修改宽度 */
}
.nav li .n_subclass::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.nav li .n_subclass::-webkit-scrollbar-thumb {
  background-color: #888;
}
.nav li .n_subclass::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.nav li .n_subclass a{ display:inline-block; margin: 0 .15rem; color: #252525; }
.nav li .n_subclass a:hover{ color: #164288;}
.nav li .n_subclass a em{ font-style: normal; position: relative;}
.nav li .n_subclass a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #252525;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.nav li .n_subclass a:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.nav li.active a.n_a0 em:before{
	background: #ffffff;
	-webkit-transform-origin: left top;
	  transform-origin: left top; 
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
}
.nav li:hover .n_subclass{ opacity: 1; visibility: visible; pointer-events: all;} 
.nav li.li_sy, .nav li.li_shzp, .nav li.li_xyzp{ display:none;}

/*=========header_func=========*/ 
.header_func{ margin-left: auto; flex-wrap: nowrap;}  
.func_menu{display: block; cursor: pointer; position: relative; margin-left: .35rem;}
.func_menu:first-child{ margin-left:0;}
.func_menu em{ font-style: normal;}
.func_menu .iconfont{ vertical-align: middle; font-size: 24px; margin-left: 6px;} 
/*menu_search*/ 
.menu_search{ } 
.menu_search .iconfont{ font-size: 22px; }
.cover_wrap{ position: fixed; top:0; right:0; z-index: 2; width: 100%; height: 100vh; background: #253686 url(../images/cover_bg.jpg) center bottom no-repeat; background-size: cover; color: #ffffff; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.cover_wrap.active{ opacity: 1; visibility: visible; pointer-events: all;}
.cover_wrap a{ color:#ffffff;}
.cover_head{ width: 100%; height: 80px; position: relative; z-index: 20;}
.cover_head .inner{ position: relative; height: 100%;}
.cover_closed{ display: block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 50px; line-height: 50px; text-align: center; font-weight: bold; font-size: 20px;}
.cover_closed .iconfont{ -webkit-transition:all 0.6s ease!important; transition:all 0.6s ease!important;}
.cover_closed:hover .iconfont{ transform: rotate(90deg);}
.cover_box{ height: -webkit-calc(100% - 80px); height: calc(100% - 80px); display:flex; justify-content: center;}
.cover_range{ height: 100%; overflow: hidden; margin: 0 auto;}
.search_cover{ } 
.search_cover .cover_box{ align-items: center;}
.search_cover .cover_head{ position: absolute; top:0; left:0; }
.search_cover .cover_range{ max-width:860px; text-align: center;}
.search_tit{ font-weight: 500;}
.search_func{}
.search_form{ position: relative; margin-top: .55rem; display: flex; align-items: stretch; background: #ffffff; height: 50px; border-radius: 25px;}
.search_form .icon_search{ position: absolute; top:50%; left:30px; transform: translateY(-45%); font-size: 22px; color: #252525;}
.search_form .search_txt{ display: block; width: 100%; height: 100%; padding-left: 60px; color: #252525; }
.search_form .search_btn{ flex:none; cursor: pointer; padding: 0 .40rem; border-radius: 25px; border:1px solid #ffffff; background: #164288; color: #ffffff; }
 /*menu_phone*/
.menu_phone{ } 
.menu_cover{}
.menu_list{ margin-bottom: 1rem;}
.menu_list>li{ margin-bottom: .50rem;}
.menu_list>li.li_sy{ display: none;}
.menu_list>li:last-child{ margin-bottom: 0;}
.menu_tit, .menu_item{ font-weight: 500; position: relative; height: 50px; line-height: 50px; }
.menu_tit a, .menu_item a{ display:block; height: 100%; padding-right: 50px;}
.menu_tit .iconfont, 
.menu_item .iconfont{ cursor: pointer; position: absolute; top:0; right:0; z-index: 1; width: 50px; line-height: 50px; border-left: 1px solid rgba(255,255,255, .18); text-align: center; font-size: 14px; display: none;}
.menu_tit{ border-bottom: 1px solid rgba(255,255,255, .18);}
.menu_collapsible{ display: flex; flex-wrap: wrap; align-items: stretch;}
.menu_headline{ display: none; width: 100%; padding: 10px 0; border-top: 1px solid rgba(255,255,255, .18); border-bottom: 1px solid rgba(255,255,255, .18); }
.menu_headline_back{ cursor: pointer; display: block; color: #ffffff;}
.menu_headline_back .iconfont{
	font-size:12px;
	font-weight: bold;
	vertical-align: baseline;
	margin-right: 5px;
}
.menu_headline_tit{
	display: block;
	flex: 1 0 0;
	text-align: center;
	opacity: .70;
}
.menu_block{ margin-top: .30rem;}
.menu_item{  } 
.menu_linklist{ overflow: hidden;}
.menu_linklist li, .menu_subclass li{ margin-bottom: 0;}
.menu_linklist li a, .menu_subclass li a{ display:block; line-height:24px; padding: 5px 0; opacity: .70;}
.menu_linklist li a:hover, .menu_subclass li a:hover{ opacity: 1;}
.menu_block:nth-child(2), .menu_block:nth-child(6){ width:30%;}
.menu_block:nth-child(3), .menu_block:nth-child(7){ width:25%;}
.menu_block:nth-child(5), .menu_block:nth-child(9){ /*width:34%;*/ margin-left: auto;}
.menu_block:nth-child(2) .menu_linklist{ max-width:250px;}
.menu_block:nth-child(2) .menu_linklist li{ float:left; width: 50%; }
.menu_subclass{ margin: .20rem -.30rem -.06rem;}
.menu_subclass li{ display:inline-block; vertical-align: middle;}
.menu_subclass li a{ padding-left: .30rem; padding-right: .30rem;} 
.menu_subclass li a em{ font-style:normal;}
/*menu_language*/
.menu_language{}
.language_a0{ display: inline-block;}
.language_more{ position: absolute; top:100%; left:0; transform: translateX(-30%); z-index: 1; width: 1.60rem; min-width: max-content; text-align: center; line-height: 1; -webkit-transition:all .6s ease; transition:all .6s ease; opacity:0; visibility:hidden; pointer-events: none;} 
.language_more a{ display:block; background: #ffffff; color: #333333!important; line-height: 2.50; border-bottom: 1px solid rgba(0,0,0, .10); padding: 0 .40rem; }  
.language_more a:hover{/* background: #C6C6C6;*/ color: #164288!important; }
.menu_language:hover .language_more,
.menu_language:active .language_more{ opacity:1; visibility: visible; pointer-events: all;} 

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

@media (min-width: 1280px){ 
	.menu_tit .iconfont, 
	.menu_item .iconfont{ display:none!important;}
}



/*============================ footer ============================*/  
footer{ overflow: hidden; background: #000000; color:rgba(255,255,255, 1); }
footer a{ color:rgba(255,255,255, 1); } 
.footer_nav{ padding: .80rem 0; align-items: stretch;  font-weight: 400;}
.footer_nav>li{ margin:0 10px; margin-bottom:20px;}
.footer_nav_tit{ position: relative; font-weight: 400; line-height: 2.22; } 
.footer_nav_tit a{ display:block; }
.footer_nav_tit .iconfont{ position: absolute; top:0; right:0; z-index: 1; text-align: center; font-size: 14px; width: 50px; height: 100%; border-left: 1px solid rgba(255,255,255, .20); display: none;}
.footer_nav li.active .footer_nav_tit .iconfont:before{ display: inline-block; transform: rotate(180deg);}
.footer_nav_collapsible{ margin-top: .10rem;}
.footer_nav_linklist{ color:rgba(255,255,255, .60); }
.footer_nav_linklist li a{ display: block; line-height: 2.22; color:rgba(255,255,255, .60); }
.footer_nav_linklist li a:hover{ color:rgba(255,255,255, .80);}
.footer_nav_linklist li a em{ font-style: normal;}
.footer_bot{ border-top: 1px solid rgba(255,255,255, .10); padding: .50rem 0;}
.footer_logo img{ display:block; height: 57px; width: auto;}
.footer_follow{ margin-left: auto;}
.footer_follow li{ position: relative;}
.footer_follow li>a>.iconfont{ font-size: 32px;}
.follow_cover{ position:absolute; bottom: 100%; padding-bottom: 16px; left: 50%; transform:translateX(-50%); width: max-content; text-align: center; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; }
.follow_con{ position: relative; background: #ffffff; color: #164288; border-radius: 5px; box-shadow: 2px 0 12px 0 rgba(0,0,0, .10); padding: .10rem; }
.follow_con:before{ content: ""; position:absolute; top: 100%; left: 50%; transform:translateX(-50%) rotate(0deg); border-width:6px; border-style:solid solid solid; border-color:#ffffff transparent transparent; } 
.follow_con img{ display:block; margin: 0 auto; max-width: 150px;}
.footer_follow li:hover .follow_cover{ opacity: 1; visibility: visible; pointer-events: all;}
@media (min-width: 768px){
	.footer_nav_collapsible{ display:block!important;}
	.footer_nav_tit .iconfont{ display:none!important;}
}  
/*float_menu*/
.float_menu{ position: fixed; top: 50%; right: .60rem; z-index: 1004;}
.float_menu li{ position: relative; margin-top: .15rem;}
.float_menu li>a{ display:block; border-radius:50%; box-shadow: 0 0 .20rem 0 rgba(0,0,0, .10); text-align: center; width: .90rem; height: .90rem; line-height: .90rem; background: #164288; color:#ffffff; }
.float_menu li>a>.iconfont{ font-size: 24px;}
.f_m_cover{ position:absolute; top: 50%; padding-right: 16px; right:100%; transform:translateY(-50%); text-align: center; opacity: 0; visibility: hidden; pointer-events: none; width: max-content; }
.f_m_cover_inner{ position: relative; background: #164288; color: #ffffff; border-radius: 5px; box-shadow: 2px 0 12px 0 rgba(0,0,0, .10); padding:.05rem .14rem; font-size: 16px; font-weight: bold;}
.f_m_cover_inner:before{ content: ""; position:absolute; top:50%; left: 100%; transform:translateY(-50%) rotate(-90deg); border-width:6px; border-style:solid solid solid; border-color:#164288 transparent transparent; } 
.float_menu li:hover>a{ background-color: #164288; color: #ffffff;}
.float_menu li:hover .f_m_cover{ opacity:1; visibility: visible; pointer-events: all;}
.float_menu li.f_m_weixin .f_m_cover .f_m_cover_inner{ padding: .14rem; font-size:14px; font-weight: normal;}
.float_menu li.f_m_weixin .f_m_cover .f_m_cover_inner img{ max-width:1.45rem;}
.float_menu li.f_m_top{ display:none;}

/*============================ 01 ============================*/  
main{ } 
.sec_box{ position: relative; overflow: hidden; padding-top: 1.10rem; padding-bottom: 1.10rem; background: 50% 0 no-repeat fixed; background-size: cover;}
/*sec_top*/
.sec_top{ margin-bottom: .50rem; }
.sec_tit{ text-align: center;} 
.sec_tit em,
.sec_tit i{ font-style: normal; display:block; line-height: 1;}
.sec_tit em{ /*font-family: "AlibabaPuHuiTiBold";*/ color: #164288;}
.sec_tit i{ font-family: sans-serif; text-transform: uppercase; font-weight: bold; color: rgba(0, 0, 0, .50); margin-top: .15rem;}
.sec_tit01{ text-align: left;}
.sec_tit01 em,
.sec_tit01 i{ display:inline-block; vertical-align: middle; }
.sec_tit01 i{ font-family: "DINProBold"; text-transform: none; position:relative; margin-top: 0; margin-left: .30rem; padding-left: .30rem; }
.sec_tit01 i:before{ content:""; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 1px; height: 75%; background:rgba(0, 0, 0, .30); } 
.sec_more{ margin-left: auto; display: inline-block; /*width: 1.60rem;*/ min-width: max-content; padding: 0 .45rem; line-height: 2.89; text-align: center; color: #164288; background: rgba(255,255,255, 1); border: 1px solid #162753; }
.sec_more:hover{ background:#164288; color:#ffffff;}

/*=======focus_swiper======*/ 
.effect_swiper{ position:relative;}   
.focus_swiper{ height:100vh; overflow:hidden; position:relative;} 
.focus_swiper .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.focus_img{ padding-top:0; height:100%; transform:scale(1); transition:all 3s linear;}
.focus_swiper .swiper-slide-active .focus_img{ /*transform:scale(1.1); transition:all 6s linear;*/} 
.focus_txt_box{ position:absolute; left:0; top:50%; transform: translateY(-50%); z-index:1; width:100%; color:#FFFFFF;} 
.focus_txt{ }
.focus_txt li{ width:100%; position: relative; display:none; }    
.focus_des{ line-height: 1.17; /*font-family: "AlibabaPuHuiTiBold";*/}   
.focus_des i{ font-style: normal; display:inline-block; vertical-align:middle; }
.show_tit i{ display:inline-block; vertical-align:text-bottom; transform:translateX(-10px); opacity:0; -webkit-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
.focus_txt .sec_more{ margin-top: .50rem; }
.focus_txt li.active{ display:block;} 
.show_tit.act i,
.focus_txt li.active .show_tit.act i{ transform:translateX(0); opacity:1;}     
.focus_txt li.active .sec_more{
	-webkit-animation: 0.6s .2s fadeInLeft both;
	animation: 0.6s .2s fadeInLeft both;
}      
.focus_swiper .swiper-pagination{ position: absolute; bottom: .35rem;}
.focus_swiper .swiper-pagination-bullet { margin: 0 .10rem;}
.focus_swiper .swiper-pagination .swiper-pagination-bullet:before{ background-color:#ffffff;} 
.focus_swiper .swiper_arrow{ display:none;}
.focus_swiper .swiper_arrow div.swiper-button-prev{ left: 2.86%; }
.focus_swiper .swiper_arrow div.swiper-button-next{ right:2.86%; }  
/*=======index_about======*/  
.index_about{ } 
.index_about .sec_top{ margin-right: 10.60%; text-align: right;}
.index_about .sec_tit01 em{ display:block;}
.index_about .sec_tit01 i{ display:block; /*font-family: "AlibabaPuHuiTiBold";*/ padding-left: 0; margin-left: 0; margin-top: .15rem;}
.index_about .sec_tit01 i:before{ display:none;}
.about_box{}
.about_info{ flex:1 0 0; max-width:814px; margin-left: auto;}  
.about_data{ align-items: stretch; margin: -.20rem 0; }
.about_data li{ color:rgba(22, 39, 83, 1); padding: .20rem 0; white-space: nowrap; min-width: 25%;}
.data_tit{ font-weight: 400; color:rgba(22, 39, 83, .80);}
.data_num{ display:block; line-height: 1; margin-top: .20rem; }
.data_num em{ font-style: normal; font-family: "Arial"; font-weight: bold;} 
.data_num i{ font-style: normal; margin-left: .06rem; }
.about_text{ margin-top: .50rem; } 
.about_img{ padding-top: 31.84%; margin-top: .70rem;}
.about_cover{ position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: url(../images/about_01.png) no-repeat; background-size: cover; }  
.about_img img {
	width: 115.38%;
	max-width: none;
	transform: translateX(-7.69%);
} 
.my_move02{ 
	-webkit-animation: 1s move02 both;
	animation: 1s move02 both;
}
@keyframes move02 {
  0% {
    transform: translateX(-7.69%);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-7.69%); 
  }
} 
/*=======index_business======*/  
.index_business{ padding-top: 0;}
.business_swiper{ } 
.business_thumb{ position: relative; text-align: center;}
.business_thumb:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: .05rem; background: #E8E8E8;}
.business_thumb .swiper-slide{ width:25%;}
.business_thumb .swiper-wrapper{ justify-content: space-between;}
.business_thumb a{ cursor: pointer; display: block; position: relative; color:#999999; padding: .35rem 0 .45rem;}
.business_thumb a:before{
  content: "";
  display: block;
  width: 100%;
  height: .05rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #164288;
  -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);
} 
.business_thumb .swiper-slide-thumb-active a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.business_show{}
.business_block{ background: #F7F7F7;}
.business_img{ width:50%;}
.business_img .img_box{ /*padding-top: 73.85%;*/ padding-top: 0; height: 4.80rem; min-height: 380px;}
.business_text{ flex: 1 0 0; padding: .50rem; /*padding-right: 1rem;*/}
.business_tit a{ color: #164288; letter-spacing: 0.06em;}
.business_des{ height: 200px; overflow-Y:auto; padding-right:8px; font-weight: 400; color:rgba(36, 39, 40, .70); margin-top: .30rem;}
.business_more{ background: #164288; color:#ffffff; margin-top: 0.2rem;}
.business_show .swiper_arrow{ display:none;}
.business_show .swiper-pagination{ display:none;}


.business_des::-webkit-scrollbar {
  width: 5px; /* 修改宽度 */
}

.business_des::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.business_des::-webkit-scrollbar-thumb {
  background-color: #888;
}

.business_des::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}


/*=======index_performance======*/  
.index_performance{ padding-top: 0;}
.performance_list{}
.performance_block{ margin-bottom: .40rem; background: #164288; color: #ffffff; -webkit-transition:box-shadow 0.6s ease; transition:box-shadow 0.6s ease;}
.performance_block:last-child{ margin-bottom: 0;}
.performance_list:nth-child(even) .performance_block{ flex-direction:row-reverse;}
.performance_img{ width:66.92%;}
.performance_img .img_box{/* padding-top: 57.47%;*/ padding-top: 0; height: 5rem; min-height: 380px;}
.performance_block:hover{ box-shadow: 0 2px .55rem 0 rgba(0,0,0, 0.50); }
.performance_text{ flex:1 0 0; padding: .70rem .50rem;}
.performance_mark{ display:inline-block; color: rgba(255, 255, 255, .60);}
.performance_tit{ margin-top: .40rem; max-width: 2.90rem;}
.performance_tit a{ color: rgba(255, 255, 255, 1); line-height: 1.50;  /*line-height: 36px; max-height: 108px; height: 108px;*/} 
.performance_more{ margin-top: .90rem;}
/*=======index_news======*/  
.index_news{ padding-top: 0;}
.news_swiper{ } 
.news_block{ background-color: #ffffff; -webkit-transition:box-shadow 0.6s ease; transition:box-shadow 0.6s ease; position: relative;}
.news_block:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #164288;
  -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_text{ padding: .25rem;}
.news_img{ padding-top: /*59.02%*/ 56%;}
.news_time{ color: #164288;}
.news_tit{ margin-top: .10rem;}
.news_tit a{ -webkit-line-clamp:1; max-height: 64px; }
.news_des{-webkit-line-clamp:2; line-height:25px; max-height: 50px; color:rgba(0,0,0, .60); margin-top: .10rem; }
.news_block:hover{ box-shadow:inset 0px 0px .55rem 0 rgba(0,0,0,0.08);}
.news_block:hover .news_img img{ transform: scale(1.10); }
.news_block:hover .news_tit a{ color: #164288;}
.news_swiper .swiper_arrow{ display:flex; align-items: center; margin-top: .50rem;}
.news_swiper .swiper_arrow div[class^="swiper-button-"]{ margin: 0; background: none; position: static; width: 30px; height: 30px; line-height: 30px;}
.news_swiper .swiper_arrow div[class^="swiper-button-"] .iconfont{ font-size: 22px; color: #164288;}
.news_swiper .swiper_arrow div[class^="swiper-button-"]:before,
.news_swiper .swiper_arrow div[class^="swiper-button-"]:after{ display:none;}
.news_swiper .swiper_arrow div.swiper-button-next{ margin-left: auto;}
.news_swiper .swiper-scrollbar{ flex:1 0 0; margin: 0 .40rem; height: 5px; border-radius: 0; background: #E8E8E8;}
.news_swiper .swiper-scrollbar .swiper-scrollbar-drag{ border-radius: 0; background: #164288;}

/*============================ 02 ============================*/  
.banner_wrap{ position: relative; height: 100vh;}
.banner_bg{ width:100%; height: 100%; background: 50% 0 no-repeat fixed; background-size: cover;}
.banner_text{ position: absolute; top:50%; left:0; transform: translateY(-50%); z-index: 1; width: 100%; color: #ffffff;}
.banner_text .sec_tit em{ color: #ffffff;}
.banner_text .sec_tit i{ color: rgba(255,255,255, .50);  }
.banner_mark{ color:rgba(255, 255, 255, 0.60);}
.banner_item{ text-shadow: 0px 0px 70px rgba(0,0,0,0.56); margin-top: .30rem;}
/*=======about_profile======*/  
.author{ display:block; height: 60px; margin-top: -60px;}
.about_profile video{ width:100%; height:auto; }
.profile_text{ font-weight: 400; line-height: 1.78;}
.profile_data{ margin-top: .60rem;}
/*=======about_culture======*/  
.about_culture{} 
.about_culture .sec_tit em{ color: #ffffff;}
.about_culture .sec_tit i{ color: rgba(255,255,255, .50);  }
.culture_swiper{ }  
.culture_swiper .swiper-wrapper{ flex-wrap: wrap; margin: -.20rem;}
.culture_swiper .swiper-slide{ width:50%; padding: .20rem;}
.culture_block{ position: relative; background: #FFFFFF; border-radius: 20px; height: 4.44rem; min-height:240px; display:flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column;} 
.culture_head{ width:100%; }
.culture_tit{ flex:1 0 0; text-align: center;}
.culture_tit em, .culture_tit i{ font-style: normal; display:block; line-height: 1; position: relative;}
.culture_tit em:before{ content:""; position: absolute; bottom: 0; left:0; width: 0; height: .07rem; background: #FFFFFF;}
.culture_tit i{ text-transform: uppercase; font-family: "DINProBold"; color: rgba(0, 0, 0, .07); margin-top: .20rem;  -webkit-transition:all .6s ease; transition:all .6s ease; }
.culture_icon{ width: .70rem; margin: .45rem auto 0; -webkit-transition:margin .6s ease; transition:margin .6s ease;}
.culture_icon img:nth-child(2){ opacity:0;}
.culture_des{/* opacity: 0; visibility: hidden; pointer-events: none; height: 0; color:#ffffff;*/  margin-top: .25rem; line-height: 1.53;} 
.culture_mark{ position:absolute; bottom: 0; left:0; font-size: 1.40rem; text-transform: uppercase; font-family: "DINProBold"; color: rgba(0, 0, 0, .05); line-height: .80; width:100%; text-align: center; /*transform: translateX(-8%) translateY(100%); opacity: 0; -webkit-transition:all .6s ease; transition:all .6s ease;*/}
.culture_swiper .swiper_arrow{ display:none;}
.culture_swiper .swiper-pagination-bullet:before{  background: #FFFFFF;}
.culture_swiper .swiper-slide-active{ background: #164288; color:#ffffff;}
.culture_swiper .swiper-slide-active .culture_block{display:block; padding:.70rem .45rem .70rem .35rem;}
.culture_swiper .swiper-slide-active .culture_head{ display:flex;}
.culture_swiper .swiper-slide-active .culture_tit{ text-align: left;}
.culture_swiper .swiper-slide-active .culture_tit em{ padding-bottom: .35rem;}
.culture_swiper .swiper-slide-active .culture_tit em:before{ width: 37px;}
.culture_swiper .swiper-slide-active .culture_tit i{ opacity: 0; visibility: hidden; pointer-events: none; margin-top: 0; transform: translateY(.40rem); height: 0; overflow: hidden;}
.culture_swiper .swiper-slide-active .culture_icon{ margin-top: 0;}
.culture_swiper .swiper-slide-active .culture_icon img:nth-child(1){ opacity:0;}
.culture_swiper .swiper-slide-active .culture_icon img:nth-child(2){ opacity:1;}
.culture_swiper .swiper-slide-active .culture_des{ opacity: 1; visibility: visible; pointer-events: all; margin-top: .25rem; height: auto; -webkit-transition:all .6s ease; transition:all .6s ease;}
.culture_swiper .swiper-slide-active .culture_mark{ transform: translateX(-8%) translateY(0%); opacity: 1; }
/*@media (min-width: 768px){ 
	.culture_swiper .swiper-slide{ width: -webkit-calc( 25.77% - 20px); width: calc(25.77% - 20px);  -webkit-transition:width 1s .2s ease, background 1s ease, color .6s ease; transition:width 1s .2s ease, background 1s ease, color .6s ease;}
	.culture_swiper .swiper-slide-active{ width: 48.46%!important; }
	
} */
/*=======about_qualifications======*/  
.about_qualifications{ background-attachment: local; background-position: center bottom;} 
.qualifications_swiper .swiper-container{ width:107.70%; margin-left: -3.85%;}
.qualifications_swiper .swiper-slide{ width: 406px; } 
.qualifications_block{ }
.qualifications_img{ padding-top: 140.39%; box-shadow: 0 0 .60rem 0 rgba(56,93,153,0.18); border-radius: .20rem; transform: scale(0.91); -webkit-transition:transform .6s ease; transition:transform .6s ease;}
.qualifications_img img{ object-fit: contain;}
.qualifications_tit{ text-align: center; margin-top: .60rem; opacity: 0; visibility: hidden; pointer-events: none;}
.qualifications_swiper .swiper-slide-active .qualifications_img{ transform: scale(1);}
.qualifications_swiper .swiper-slide-active .qualifications_tit{ opacity: 1; visibility: visible; pointer-events: all;}
.qualifications_swiper .swiper-pagination{display:none;}
.qualifications_swiper .swiper_arrow{ position: absolute; bottom: 30px; left: 50%; z-index: 2; width: 100%; max-width: 620px; transform: translateX(-50%);}
/*=======about_qualifications======*/  
.about_staff{}
.staff_swiper{}
.staff_block{ position: relative; overflow: hidden; border-radius: .20rem;}
.staff_img{ padding-top: 68.78%; background: #000000; border-radius: .20rem;}
.staff_img img{ /*opacity: .80;*/ -webkit-transition:opacity .6s ease; transition:opacity .6s ease;}
.staff_tit{ position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; padding: .15rem .30rem; text-align: center; background: rgba(22, 66, 136, .80); color: #ffffff; opacity: 0; transform: translateY(100%); -webkit-transition:all .6s ease; transition:all .6s ease;}
.staff_block:hover .staff_img img{ opacity: 1;}
.staff_block:hover .staff_tit{ opacity: 1; transform: translateY(0); }
.staff_swiper .swiper-pagination{display:none;} 

/*============================ 03 ============================*/  
/*=======business_guide======*/
.business_guide{ position:sticky; top: 120px; z-index: 1000; margin-top: -94px;}
.guide_swiper{ background: #FFFFFF; box-shadow: 0 0 .70rem 0 rgba(0,0,0,0.08);}
/*.guide_swiper .swiper-wrapper{ justify-content: space-between;}
.guide_swiper .swiper-slide{ width:auto;}*/
.guide_block{ text-align: center;}
.guide_block a{ display:flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; height: 188px;}
.guide_icon .iconfont{ line-height: 1; font-size: .60rem; color: #C5C5C5; -webkit-transition:all .6s ease; transition:all .6s ease;}
.guide_tit{ margin-top: .15rem;}
.guide_swiper .swiper-slide .guide_block a.active{ background: #164288; color:#ffffff;} 
.guide_swiper .swiper-slide .guide_block a.active .guide_icon .iconfont{ color:#ffffff;}
.guide_swiper .swiper-pagination{display:none;}
.guide_swiper .swiper_arrow{display:none;}
/*=======business_list======*/
.business_all{ padding:1rem 0 1.30rem;}
.business_all .business_line .business_author{ display:block; width:100%; height: 188px; margin-top: -188px;}
.business_all .business_line .business_block{ position: relative; align-items: center;}
.business_all .business_line .business_block .business_text{ padding: .56rem .70rem;}
.business_all .business_line:nth-child(even) .business_block{ flex-direction:row-reverse;}
.business_all .business_line:nth-child(even) .business_block .business_text{ right:auto; left:0;}
.business_all .business_line .business_block .business_des{ height: auto; line-height: 1.78; }
@media (min-width: 768px){
	.business_all .business_line .business_block .business_text{ position: absolute; top:0; right:0; width: 50%; height: 100%; display:flex; align-items: center; padding: .56rem .70rem;}
	.business_scroll{width:100%; max-height: 100%; } 
	.work_text{ position: absolute; top:0; right:0; width: 50%; height: 100%;}
	.work_scroll{ max-height: 100%;} 
}

/*============================ 04 ============================*/  
/*=======performance_classify======*/
.performance_classify{ background: #ffffff; height: .95rem; line-height: .95rem;}
.classify_menu{ display: flex; justify-content: center;}
.classify_menu li a{ display:inline-block; position: relative; margin: 0 .26rem; vertical-align:middle; line-height:24px; }
.classify_menu li a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #164288;
  -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);
} 
.classify_menu li.active a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.classify_menu li:hover a,
.classify_menu li.active a{ color: #164288;}
/*=======performance_box======*/
.performance_box{ background-color: #f7f7f7; padding: .70rem 0 1rem;}
.performance_all{}
.performance_all .performance_line{ margin-bottom: .40rem;}
.performance_all .performance_line:last-child{ margin-bottom: 0;}
.performance_all .performance_line .performance_author{ display:block; width:100%; height: 95px; margin-top: -95px;} 
.performance_all .performance_line:nth-child(even) .performance_block{ flex-direction:row-reverse;}
/*=======paging======*/
.paging{ display:flex; justify-content: center; align-items: center; margin-top: .90rem;}
.paging a{ display:inline-block; padding: 0 .15rem;}
.paging a:hover{ color: #164288;}
.paging a.active{ color: #164288; text-decoration: underline;}
.paging a.paging_btn{ overflow: hidden; width: 48px; height: 48px; line-height: 48px; margin: 0 .20rem;  border-radius: 50%; text-align: center; color: #ffffff; font-weight: bold; background: rgba(0,0,0, .18); -webkit-transition:all .6s ease; transition:all .6s ease;}   
.paging a.paging_btn .iconfont{ font-size:20px; } 
.paging a.paging_btn:hover{ background: #164288; color:#ffffff;} 
/*=======performance_situation======*/
.performance_situation{ padding-top: .80rem; padding-bottom: 0;}
.situation_text{ margin: 0 auto; line-height: 1.65; }
/*=======performance_work======*/
.performance_work{ padding-top: 1.40rem;}
.work_swiper{}
.work_block{ position: relative; background: #164288; color:rgba(255,255,255, .70);}
.work_img{ width:50%;}
.work_img .img_box{ padding-top: 72.92%;}
.work_text{ padding: .55rem; line-height: 1.65; display:flex; align-items: center;} 
/*.work_swiper .swiper_arrow{ display:none;}*/
.work_swiper .swiper-pagination{ position: absolute; bottom: .30rem;} 
.work_swiper .swiper-pagination .swiper-pagination-bullet:before{ background-color:#ffffff;}
/*=======performance_pictures======*/
.performance_pictures{ background-color: #f7f7f7;} 
.pictures_block{}
.pictures_img{ padding-top: 69.05%; background: #000000;}
.pictures_img img{ opacity: .90;}
.pictures_tit{ margin-top: .30rem;}
.pictures_swiper .swiper_arrow div[class^="swiper-button-"]{ margin-top: -48px;}
.pictures_swiper .swiper-pagination{ display:none;}
@media (min-width: 1280px){
	.staff_swiper .swiper-button-prev,
	.pictures_swiper .swiper-button-prev{ left: -48px; margin-left: -.44rem;}
	.staff_swiper .swiper-button-next,
	.pictures_swiper .swiper-button-next{ right: -48px; margin-right: -.44rem;}
}

/*============================ 05 ============================*/  
.sub_head{ height: .90rem; line-height: .90rem; border-bottom: 1px solid rgba(0,0,0, .10); }
.sub_location{ margin: 0 -.08rem;}
.sub_location a{ display:inline-block; padding: 0 .08rem;}
.sub_location a:hover, 
.sub_location a.active{ color: #164288;}
.sub_nav{ margin-left: auto; display:flex; margin-right: -.30rem;}
.sub_nav li a{ display: block; padding: 0 .30rem;}
.sub_nav li:hover a, 
.sub_nav li.active a{ color: #164288;} 
/*=======news_rec======*/
.news_wrap{ background-color: #f7f7f7;}
.sub_box{padding: .80rem 0 1rem;}
.news_rec{}
.rec_block{ display:flex; flex-wrap: wrap; align-items: stretch; background:#ffffff;}
.rec_img{ width: 62.30%;}
.rec_img .img_box{ /*padding-top: 59.02%;*/ padding-top: 0; height: 4.80rem; min-height: 380px;}
.rec_text{ flex:1 0 0; overflow: hidden; padding: .50rem;}
.rec_time{ color: #164288;}
.rec_tit{ margin-top: .10rem;}
.rec_tit a{ -webkit-line-clamp:2; }
.rec_des{-webkit-line-clamp:6; line-height:25px; max-height: 150px; height: 150px; color:rgba(0,0,0, .60); margin-top: .20rem; }
.rec_more{ background-color:  #164288; color: #ffffff; margin-top: .30rem;}
.news_rec .swiper-pagination{ } 
.news_rec .swiper_arrow{display:none;}
@media (min-width: 992px){
	.news_rec .swiper-pagination{ width: 62.30%; position: absolute; bottom: .20rem; left: 0; z-index: 2; }
	.news_rec .swiper-pagination .swiper-pagination-bullet:before{ background:#ffffff;}
}
/*=======news_all======*/
.news_all{ margin: .50rem -.15rem -.40rem;}
.news_line{ width:33.33%; padding: .40rem .15rem;} 
.news_line .news_block:hover{ box-shadow: 0px 0px .55rem 0 rgba(0,0,0,0.08);}
/*.news_line .news_block:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} */
/*=======detail_head======*/
.detail_wrap{ background-color: #f7f7f7;}
.detail_head{ height: 110px; line-height: 110px; }
.sub_back .iconfont{ font-size: 24px; margin-right: .10rem;}
.sub_back:hover{ color: #164288;}
/*=======detail_left======*/
.detail_box{ padding-bottom: 1.10rem;}
.detail_left{ width: 70%; margin-right: .50rem; padding: .50rem; background: #ffffff; line-height: 1.78; text-align: justify;}
.detail_con{ position: sticky; top:0;}
.detail_topic{ text-align: center; margin: 0 -.10rem;}
.detail_tit{ color: rgba(0, 0, 0, 1);}
.detail_time{ margin-top: .20rem;}
.detail_forewords{ background: #F7F7F7; border-radius: 8px; padding: .30rem .36rem; margin-top: .30rem; }
.detail_right{ flex:1 0 0;}
.detail_sticky{ position: sticky; top: 120px;}
.detail_related{ }
.related_line{ margin-bottom: .40rem;}
.related_line .news_block,
.related_line .news_block:hover{ box-shadow: 0px 0px .55rem 0 rgba(0,0,0,0.08);}

/*============================ 06 ============================*/  
/*=======join_idea======*/
.join_idea{ background-color: #f7f7f7;}
.idea_left{ width: 42.31%; float:left; margin-right: 1rem;}
.idea_tabs{}
.idea_tabs li{ cursor: pointer; padding: .30rem 0; border-bottom: 1px solid rgba(0, 0, 0, .10);}
.idea_tit{ font-size: 22px; color: #5B5B5B; -webkit-transition:all .6s ease; transition:all .6s ease;}
.idea_des{ line-height: 1.45; opacity: .70; margin-top: .15rem; display:none;}
.idea_tabs li.active .idea_tit{ font-size: 36px; color: #000000;}
.idea_right{ overflow: hidden; }
.idea_show{ padding-top: 68.43%; border-radius: .10rem; position: relative; overflow: hidden;}
.idea_img{ display:none; position: absolute; top:0; left:0; width: 100%; height: 100%;}
.idea_img .img_box{ padding-top: 0; height: 100%;}
/*=======join_welfare======*/
.join_welfare{ background-color:  #164288; color: #ffffff;}
.join_welfare .sec_tit em{ color: #ffffff;}
.join_welfare .sec_tit i{ color: rgba(255,255,255, .50);  }
.welfare_block{ position: relative; padding-top: .44rem;}
.welfare_icon{ position: absolute; top:0; left:50%; transform: translateX(-50%); z-index: 1; width: 0.92rem; height: 0.92rem; border: 0.02rem solid #FFFFFF; padding-top:0; margin: 0 auto; border-radius: 50%; } 
.welfare_icon img{ max-width: 74.65%; max-height: 74.65%; z-index: 2; } 
.welfare_range{ position: relative; height: 1.56rem; min-height: 96px; padding-top: .64rem; padding-left: .40rem; padding-right: .40rem;}
.welfare_range:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; border: 2px solid rgba(255,255,255, .20);  border-radius: .10rem; clip-path: polygon(0 0, 35% 0, 35% 10%, 65% 10%, 65% 0, 100% 0, 100% 100%, 0% 100%); -webkit-transition: all 0s ease;
    transition: all 0s ease;}
.welfare_tit{ text-align: center; }
.welfare_block:hover .welfare_icon img{ transform: translate(-50%,-50%) rotateY(180deg);}
.welfare_swiper .swiper-pagination .swiper-pagination-bullet:before{ background:#ffffff;}
.welfare_swiper .swiper_arrow{ display:none;}
/*=======join_jobs======*/
.join_jobs{ background-color: #f7f7f7;}
.jobs_filter{ display:flex; height: .80rem; border-radius: .10rem; border: 1px solid rgba(175, 175, 175, .50); background: rgba(255, 255, 255, .50);}
.filter_txt{  flex: 1 0 0; padding: .20rem .30rem;}
.filter_btn{ cursor: pointer; margin-left: auto; padding: 0 .20rem; opacity: .30;}
.filter_btn .iconfont{ font-size: .30rem;}
.jobs_list{ margin-top: .50rem;}
.jobs_line{ position: relative; padding: .40rem .50rem; background: #FFFFFF; box-shadow: 0 2px .80rem 0 rgba(0,0,0,0.1); margin-bottom: .35rem;} 
.jobs_line:last-child{ margin-bottom: 0;}
.jobs_initial{ cursor: pointer;}
.jobs_head{ align-items: center; }
.jobs_tit{ flex:1 0 0; margin-right: 120px; min-height: 40px;}
.jobs_apply{ position: absolute; top:.40rem; right: .50rem; z-index: 1; display: block; padding: 0 .30rem; line-height: 40px; background: #164288; color: #ffffff;}
.jobs_base{ margin-top: .35rem; background: rgba(0, 117, 193, 0.05); line-height: 2; padding: .32rem 0 .32rem .45rem;}
.jobs_base li{ width:50%; color: rgba(64, 64, 64, .70);}
.jobs_fold{ color: rgba(47, 47, 47, .80); line-height: 1.78; margin-top: .50rem; display: none;}
.jobs_item{ font-weight: bold;}
.jobs_tip{ margin-top: .80rem; text-align: right; color: #000000;}
.jobs_tip a{ color: #0176C1;}

/*============================ 06 ============================*/  
/*=======contact_way======*/
.contact_way{ padding-top: 1.40rem; padding-bottom: 1.40rem; background-color: #f7f7f7;}
.way_forewords{ text-align: center; line-height: 1.50; margin-bottom: 1.10rem;}
.way_list{ align-items: stretch; margin: -0.15rem;}
.way_list li{ width:33.33%; padding: 0.15rem;}
.way_block{ height: 100%; padding: 0.30rem; border-radius: 0.10rem; border: 1px solid #D3D3D3; text-align: center; line-height: 1.59;}
.way_icon{ margin: 0 auto; position: relative; width: 1.34rem; height: 1.34rem; line-height: 1.34rem; background: #164288; color: #ffffff; border-radius: 50%;}
.way_icon .iconfont{ font-size: .46rem;}
.way_tit{ margin-top: .25rem;}
.way_item{ margin-top: .35rem;}
.way_des{ color: #164288; margin-top: .35rem;}
.way_list li:first-child .way_des{ max-width:83%; margin-left: auto; margin-right: auto; text-align: left;}