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

/*popIE*/
.popIE{display:block;position:fixed;top:0; margin:0;width:100%; z-index:5000; padding:15px 0; background-color:#000;color:#fff;text-align:center;}
.popIE a{color:#ffffff;}
.popIE-link{}
.popIE-link a{ display:inline-block; padding: 0 10px; text-decoration: underline;}
.popIE-close{ position: absolute; top:50%; right:0;}
/*swiper*/  
.swiper-container{ height: 100%;}
.swiper-pagination { position: static; margin-top: .40rem;}   
.swiper-pagination-bullet{ width:10px; height: 10px; margin:0 5px; opacity: 1; background: #DCDCDC;}
.swiper-pagination-bullet-active{ background: #2D5DA5;}
.swiper_arrow div[class*="swiper-button-"]{ background: none; margin: 0; transform: translateY(-50%); width: .68rem; height: .68rem; text-align:center; border: 2px solid #174581; border-radius: 50%; color: #174581; } 
.swiper_arrow div[class*="swiper-button-"]:after{ font-weight: bold; font-size: .28rem; text-shadow:1px -1px #174581; -webkit-transition:all 0s ease; transition:all 0s ease;} 
.swiper_arrow div.swiper-button-prev{ left:0;}
.swiper_arrow div.swiper-button-next{ right:0;}
.swiper_arrow div[class*="swiper-button-"]:hover{ background: #174581; color: #ffffff;}


/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .icon_box img, .img_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========================*/  
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%; }
.img_box img{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover; }
/*icon_box*/
.icon_box{position:relative;display:block; height:0; padding-top:100%;}
.icon_box img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;height:auto; max-width:100%; max-height: 100%;}
/*line_single*/
.line_single{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
/*line_multi*/
.line_multi{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 24px; max-height: 48px;}  
/*title_effect*/ 
.title_effect .letter {
	display: inline-block;
	transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 0s;
} 
.my_textLink2{
	-webkit-animation-name: textLink2;
	  animation-name: textLink2;
	  -webkit-animation-duration: .3s;
	  animation-duration: .3s;
	  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
} 
@-webkit-keyframes textLink2 {
  to{
	 transform:translateY(0); opacity:1;
  }
}
@keyframes textLink2 {
  to{
	 transform:translateY(0); opacity:1;
  }
}  
   
/*=======load======*/   
.load{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	z-index: 5000;
	color: #0d469b;  
	/*display: none;*/
} 
.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 1s cubic-bezier(.77, 0, .175, 1);
	transition: all 1s cubic-bezier(.77, 0, .175, 1)
} 
.load_con{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)!important; text-align: center;}  
.load_logo{ display:inline-block; vertical-align: top; position: relative;}
.load_logo img:nth-child(1){ display:block; height: 83px; width:auto;
	-webkit-animation: loader 4s linear infinite;
	animation: loader 4s linear infinite;
}
.load_logo img:nth-child(2){
	display:block; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);
}
.load_sign{ margin-top: 20px; display:none;}
.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: 85%; margin: 0 auto; max-width: 1600px;}
.inner_1280{ max-width: 1280px;}
header{ position:fixed; left:0; top:0; z-index:1003; width:100%; color: rgba(255,255,255, .60); height: 120px; line-height: 120px; white-space:nowrap; font-size: 16px;}
header:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #fff; opacity: 0;}
header a{ color: rgba(255,255,255, .60); }   
header .inner{ display:flex; flex-wrap: nowrap;}
/*=========logo =========*/  
/*logo*/  
.logo{ margin-right: 3%; }  
.logo a{ display:inline-block; vertical-align: middle; width: 83px; position: relative;}
.logo a img{ display:block;height: 83px; width: auto;}
.logo a img:nth-child(1){ opacity: 1;} 
.logo a img:nth-child(2){ position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); opacity: 0;} 
/*=====nav_box=====*/
.nav_box{ margin-left: auto; position: relative;}
.nav_con{ display:flex; flex-wrap: wrap;}  
.nav_list{ display:flex; margin: 0 -.20rem; }
.nav_list>li{ position: relative;}
.n_tit{ position: relative; z-index: 1; cursor: pointer; padding: 0 .20rem;} 
.n_tit a{ display: inline-block; vertical-align: middle; position: relative; } 
.nav_list>li.active .n_tit a{ color: rgba(255,255,255, 1);}  
.n_tit a em{ font-style: normal; display:inline-block; vertical-align: middle; position: relative;} 
.n_tit a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: .07rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #E60012;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
	display: none;
} 
.nav_list>li:hover .n_tit a em:before,
.nav_list>li.active .n_tit a em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}    
.n_tit .iconfont{ vertical-align: middle; font-size: 12px; margin-left: 6px; font-weight: bold; cursor: pointer; display: none;} 
.nav_list>li .n_collapsible{ position:absolute; top:100%; left:0; margin-top: -5px; z-index: 2; width:100%; min-width: max-content; line-height: 1.72; border-top:2px solid #E60012; background: #FFFFFF; box-shadow: 0 0 10px 0 rgba(0,0,0, .20); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}  
.nav_list>li .n_collapsible .n_headline{ position: relative; z-index: 1; width: 100%; padding: 15px 0; border-bottom: 1px solid rgba(0,0,0, .20); display: none;}
.nav_list>li .n_collapsible .n_headline .headline_back{ cursor: pointer; }
.nav_list>li .n_collapsible .n_headline .headline_tit{ display: block; flex: 1 0 0; text-align: center; opacity: .70;}  
.nav_list>li .n_collapsible .n_subclass{ padding: .20rem 0;}
.nav_list>li .n_collapsible .n_subclass>li>a{ display: block; padding: .10rem .27rem; }
.nav_list>li .n_collapsible .n_subclass>li>a:hover{ color: #E60012; }  
/*=====nav_func=====*/
.nav_func{ display: flex; flex-wrap: nowrap; align-items: center; position: relative; margin-left: .40rem; }  
.nav_func_pc{ }
.nav_func_phone{ display:none;}
.func_menu{display: block; cursor: pointer; margin-left: .40rem; text-transform: uppercase; text-align: center;}  
/*menu_language*/
.menu_language{ margin: 0 -.10rem;} 
.menu_language a{ display:inline-block; padding: 0 .10rem;}
/*menu_email*/
.menu_email{ line-height: 35px; border-radius: 4px; background: rgba(255,255,255, .10); padding: 0 13px;}
/*menu_toggle*/
.menu_toggle{ display:none; position: relative; padding:0 13px; border-radius: 18px; line-height: 34px; border:1px solid rgba(255,255,255, .30); }
.menu_toggle .iconfont{ vertical-align:bottom; font-size: 24px; }


@media (min-width: 1700px){  
	.nav_list{ margin: 0 -.25rem; } 
	.n_tit{ padding: 0 .25rem;} 
} 

@media (min-width: 1200px){  
	header a:hover{ color: rgba(255,255,255, 1); }
	.nav_list li:hover .n_collapsible,
	.nav_list li .n_collapsible.active{ opacity: 1; visibility: visible; pointer-events: all;}
	.n_tit .iconfont{ display:none!important;}
	/*header:hover*/
	header:hover:before{ opacity: 1;}
	header:hover{ color: #333333; border-color: rgba(0,0,0, .60);}  
	header:hover a{ color: #333333;}  
	header:hover a:hover{ color: #D23232;} 
	header:hover .nav_list>li.active .n_tit a{ color: #D23232;}
	header:hover .logo a img:nth-child(1){ opacity: 0;} 
	header:hover .logo a img:nth-child(2){ opacity: 1;}   
	header:hover .nav_func_pc .menu_email{ background: #e9e9e9;} 
    header:hover .nav_func_pc .menu_toggle{ border-color: rgba(0,0,0, .30);} 
} 
 
header.header_open:before,
header.header_scroll:before{ opacity: 1;}
header.header_open,
header.header_scroll{ color: #333333; border-color: rgba(0,0,0, .60);}  
header.header_open a,
header.header_scroll a{ color: #333333;}  
header.header_open a:hover,
header.header_scroll a:hover{ color: #D23232;} 
header.header_open .nav_list>li.active .n_tit a,
header.header_scroll .nav_list>li.active .n_tit a{ color: #D23232;}
header.header_open .logo a img:nth-child(1),
header.header_scroll .logo a img:nth-child(1){ opacity: 0;} 
header.header_open .logo a img:nth-child(2),
header.header_scroll .logo a img:nth-child(2){ opacity: 1;}   
header.header_open .nav_func_pc .menu_email,
header.header_scroll .nav_func_pc .menu_email{ background: #e9e9e9;} 
header.header_open .nav_func_pc .menu_toggle,
header.header_scroll .nav_func_pc .menu_toggle{ border-color: rgba(0,0,0, .30);} 


/*============================ footer ============================*/  
footer{ background: #333333; color: rgba(255,255,255, .30); }
footer a{ color: rgba(255,255,255, .30);}
footer a:hover{ color: rgba(255,255,255, .80);} 
.footer_top{ padding: .70rem 0 1rem;} 
.footer_nav{ display:flex; flex-wrap: wrap; justify-content: space-between; line-height: 24px; margin: -.15rem;} 
.footer_nav>li{ padding: .15rem;} 
.footer_nav>li:last-child{ flex: none;} 
.f_tit{ position: relative; margin-bottom: .20rem;}
.f_tit>a{ display: inline-block; padding-bottom: .20rem; position: relative; color: rgba(255,255,255, 1);}  
.f_tit>a:before{ 
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0; 
  background: #C53028;
} 
.f_tit em{ font-style: normal;}
.f_tit .iconfont{ position: absolute; top: 0; right: 0; z-index: 1; width: 40px; line-height: 40px; border-left: 1px solid rgba(255,255,255, .10); text-align: center; font-size: 14px; cursor: pointer; display: none;}
.f_collapsible{}
.f_subclass{ }
.f_subclass>li a{ display:block; padding: 3px 0;}  
.f_toggle{ cursor: pointer; display:none; position: relative; width:100%; max-width: 190px; padding-right: 35px; line-height: 35px; background: #24272A; margin-top: .16rem;} 
.f_toggle em{ display:block; font-style: normal; padding: 0 .20rem; color: rgba(255,255,255, .20); }
.f_toggle .iconfont{ display:block; position: absolute; top:0; right:0; text-align: center; width: 35px; height: 100%; background: #2A2E31;}
.f_toggle .iconfont:before{ display: inline-block; transform:rotate(90deg); font-size: 12px; color: #55595C;}
.footer_bot{ display:flex; flex-wrap: wrap; padding:.24rem 0; border-top:1px solid rgba(255,255,255, .10); }
.f_copyright{ margin-right:3%;}
.f_design{ margin-left: auto;}
/*float_menu*/
.float_menu{ position: fixed; bottom: 5%; right: 1.30%; z-index: 1004;}
.float_menu li{ position: relative; margin-top: 7px;}
.float_menu li>a{ display:block; background: #ffffff; border-radius: 50%; box-shadow: 0 0 10px 0 rgba(0,0,0, .10); text-align: center; width:50px; height: 50px; line-height: 50px; } 
.float_menu li>a .iconfont{ font-size: 26px;}
.float_menu li:hover>a{ background: #C53028; color: #ffffff;} 

@media (min-width: 1200px){  
	.f_tit .iconfont{ display:none!important;}
}



/*============================ 01 ============================*/  
.sec_box{ padding: 1rem 0; position: relative;}
.sec_bg{ position:absolute; top:0; left:0; width: 100%; height: 100%; background: fixed 50% 0 no-repeat; background-size:cover;}
.sec_con{ position:relative; z-index: 1;}
.sec_headline{}
.sec_deco{ display:block; width:53px; height: 20px;}
.sec_deco em{ font-style: normal; display:block; width: 0%; height: 100%; background: url(../images/deco_01.png) no-repeat; background-size: cover;}
.my_move02{
    -webkit-animation: 1s .2s move02 both;
    animation: 1s .2s move02 both;
} 
@-webkit-keyframes move02 {
    0% { width:0%;}
    100%{ width:100%;}
} 
@keyframes move02 {
    0% { width:0%;}
    100%{ width:100%;}
} 
.sec_tit{ font-weight: 600; margin-top: .15rem;}
.sec_more{ display:inline-block; min-width: 1.20rem; line-height: 38px; border:1px solid #d2d2d2; color: #666666; border-radius: 3px; text-align: center; padding: 0 .22rem; font-size: 12px; margin-top: .45rem; -webkit-transition:border .6s ease, background .6s ease; transition:border .6s ease, background .6s ease; }
.sec_more em{  font-style: normal; display:inline; position: relative; -webkit-transition:color .6s ease; transition:color .6s ease;}
.sec_more em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.sec_more .iconfont{ display: inline-block; margin-left: .15rem; font-size: 12px;}
.sec_more:hover{ border-color:#D23232; background: #D23232; color:#ffffff;}
.sec_more:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.sec_more02{ border-color:#D23232; background: #D23232; color:#ffffff;}
.sec_more02 em:before{ 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.sec_more02:hover{ background: #ffffff; color:#D23232;}
.sec_more02:hover em:before{ background:#D23232; }
/*sec_tit02*/
.sec_tit02{ text-align: center; font-weight: 600; margin-bottom: .60rem;} 
/*anchor*/
.anchor{ display:block; height: 120px; margin-top: -120px;}

/*===========focus_swiper=======*/ 
.effect_swiper{ position:relative;}
 .focus_swiper{ height:100vh; overflow:hidden; }
.focus_swiper.active{ opacity:1; transform: scale(1); }
.focus_swiper .swiper-container{ z-index: auto;}
.focus_swiper .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.focus_img{ padding-top: 0; height:100%;}
.focus_img img.img_show{/* transform:scale(1.20);*/ transition:all 3s linear;}
.focus_img:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .20);}
.focus_swiper .swiper-slide-active .focus_img img.img_show{ transform:scale(1); transition:all 5s linear;}  
.focus_img_pc{ display:block;}
.focus_img_phone{ display:none;}
.focus_cover{ width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-52%); z-index: 10; color: #ffffff;  } 
.focus_txt{ text-align: center; max-width: 1100px; margin: 0 auto;}
.focus02_dec01{ display: block; position: absolute; top:50%; left:50%; transform: translate(-50%, -52%) rotateZ(0deg); z-index: 1; width:87.284%; padding-top: 87.284%;  /*width:16.60rem; height: 16.60rem;*/ background: url(../images/focus02_dec01.png) 50% 50% no-repeat; background-size: contain;
	-webkit-animation: move05 80s .1s linear infinite;
  	animation: move05 80s .1s linear infinite;
}
.focus02_dec02{ display:block; margin: 0 auto; height: .82rem; width:auto;}
.focus02_slogan{ display:flex; justify-content: center; margin-top: 4.50%;}
.focus02_slogan li{ padding: 0 4%; position: relative; font-weight: 600; line-height: 1;}
.focus02_slogan li:before{ content:""; position:absolute; top:50%; left:0; transform: translateY(-50%); width: 2px; height: 52%; background: #FFFFFF; }
.focus02_slogan li:first-child:before{ display:none;}
.focus02_slogan li em, .focus02_slogan li i{ display:block; font-style:normal; }
.focus02_slogan li i{ opacity: 0.5; margin-top: .14rem;} 

@keyframes move05 {
	from {
		transform:translate(-50%, -52%) rotateZ(0deg);
	}
	to {
		transform:translate(-50%, -52%) rotateZ(360deg);
	}
} 
@-webkit-keyframes move05 {
	from {
		transform:translate(-50%, -52%) rotateZ(0deg);
	}
	to {
		transform:translate(-50%, -52%) rotateZ(360deg);
	}
}  
.focus_swiper .swiper-slide-active .focus02_dec02 {
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both;
}   
.focus_swiper .swiper-slide-active .focus02_slogan {
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both;
}    
.focus01_dec01{ display:block; margin: 0 auto; max-width: 1.90rem /*2.18rem*/;}
.focus01_tit{ font-weight:bold; margin-top: .30rem;}
.focus_swiper .swiper-slide-active .focus01_dec01 {
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both;
}   
.focus_swiper .swiper-slide-active .focus01_tit {
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both;
}
.focus_des{ font-weight:bold; line-height: 1.60; }
.focus_swiper .swiper-slide-active .focus_des {
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both;
}  
.focus_swiper .swiper-pagination{ position: absolute; bottom: .40rem;}
.focus_swiper .swiper-pagination-bullet{ background: rgba(255,255,255, .15); }  
.focus_swiper .swiper-pagination-bullet-active{ background: rgba(255,255,255, 1); }  
.focus_swiper .swiper_arrow div{ border-color:#ffffff; color: #ffffff; display: none;}
.focus_swiper .swiper_arrow div.swiper-button-prev{ left:2.60%; }
.focus_swiper .swiper_arrow div.swiper-button-next{ right:2.60%; }

/*2024/04/27 father*/
.father{ position: absolute; top:50%; left:50%; z-index: 5; transform: translate(-50%,-51%); width: 78vh; height: 78vh;  border:3px solid transparent; border-radius:50%; animation:spin 100s infinite linear; }  
.son{ position:absolute; animation:spin-reverse 100s infinite linear; opacity:.80; }
.father01{}
.son01{ width: 22.32%; max-width: 160px; /*top:10%; right:0;*/ top:24%; right: -6%; } 
.son02{ width: 22.32%; max-width: 160px; /*bottom: 5%; right:5%;*/ bottom: -6%; left: 42%; } 
.son03{ width: 24.27%; max-width: 174px; /*top:30%; left:-14%;*/ top: 24%; left: -11%;}

@keyframes spin{
	to{
		transform:translate(-50%,-51%) rotate(1turn);
	}
} 
@keyframes spin-reverse{
	from{
		transform:rotate(1turn);
	}
} 


/*===========index_business=======*/ 
.index_business{ padding-bottom: 1rem; overflow: hidden;}
.business_top{ display:flex;}
.business_foreword{ line-height: 1.34; width: 80%; max-width: 675px; margin-left: auto;}
.business_swiper{ margin-top: 1.20rem;}
.business_swiper:before{ content:""; position: absolute; top:0; right:100%; width:50%; height: 100%; background: #ffffff; z-index: 2;}
.business_swiper:after{ content:""; position: absolute; top:0; left:85.492%; width:50%; height: 100%; background: rgba(255,255,255, .80); z-index: 2;}
.business_swiper .swiper-container{ overflow:visible;}
.business_swiper .swiper-wrapper{ margin:0 -.34rem; }
.business_swiper .swiper-slide{ width: 42.746%; padding: 0 .34rem; border-left:1px solid #DCDCDC;} 
.business_block{ position:relative; overflow: hidden; background: #000000;}
.business_block .img_box{ padding-top: 65.12%;}
.business_block .img_box img{ opacity: .80; }
.business_block:hover .img_box img{ transform: scale(1.06);}
.business_text{ position: absolute; bottom: 0; left:0; z-index:1; width: 100%; padding: .40rem; color: #ffffff;}
.business_tit{ display:inline-block; position:relative; }
.business_tit:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -2px;
  left: 0;
  background: #ffffff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.business_block:hover .business_tit:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.business_swiper .swiper-scrollbar{ margin-top: .55rem; background: #eeeeee;}
.business_swiper .swiper-scrollbar .swiper-scrollbar-drag{ height: 3px; margin-top: -1px; background: #D23232;}
.business_swiper .swiper_arrow div.swiper-button-prev{ display:none;}
/*===========index_about=======*/ 
.index_about{ /*min-height: 9.40rem;*/ padding-top:0!important;}
.index_about .sec_bg{ background-position: center bottom!important; background-attachment: local;}
.about_foreword{ width:50%; max-width: 762px; margin-top: .30rem;}
.about_deco{ margin-top: .50rem; position: relative;}
.about_deco01{ display: block; position: relative; margin: 0 auto; width: 80.625%; max-width: 12.90rem; }   
.about_deco02{ display: block; position: absolute; left: 61.80%; bottom: -.05rem; width:21%; max-width: 3.34rem; z-index: 1;}
.about_cloud01{ display:block; position: absolute; bottom: -1.80%; left: 4.20%; opacity: .60; z-index: 2; width:32%; max-width: 6rem;
	-webkit-animation:move03 70s ease infinite;
	animation: move03 70s ease infinite; 
}   
.about_cloud02{ display:block; position: absolute; bottom: 3.50%; right: 7.5%;z-index: 2; width:26%; max-width: 4.82rem; 
	-webkit-animation:move03 50s ease infinite;
	animation: move03 50s ease infinite; 
}
.about_cloud03{
	 display:block; position: absolute; bottom: -7%; left: 42%; z-index: 2; width:26%; max-width: 4.82rem; opacity: .40;
	-webkit-animation:move03 60s ease infinite;
	animation: move03 60s ease infinite; 
}
@-webkit-keyframes move03 {
    0% {
       transform: translateX(0%);
    }
	50% {
       transform: translateX(20%);
    }
    100% {
       transform: translateX(0%);
    }
} 
@keyframes move03 {
     0% {
       transform: translateX(0%);
    }
	50% {
       transform: translateX(20%);
    }
    100% {
       transform: translateX(0%);
    }
} 
/*===========index_history=======*/ 
.index_history{ z-index: 2; padding-bottom: 0!important; color: #ffffff;}
.index_history a{ color: #ffffff;}
.index_history .sec_bg{ background-position: center bottom!important; background-attachment: local;} 
.history_swiper{ margin-top: .50rem;} 
.history_thumb .swiper-slide{ cursor: pointer; }
.history_thumb .swiper-slide span{ display:block;}
.history_show{ overflow:hidden; flex: 1 0 0;}
.history_time{ line-height: 60px;}
.history_des{ line-height: 1.50; margin-top: .15rem; max-width: 1080px;}
.history_year{ letter-spacing: -0.02em; font-size:4rem; font-family: AlimamaShuHeiTi; background: linear-gradient(180deg, rgba(255,255,255, .20) 20%, rgba(255,255,255, 0) 90%); color: transparent; line-height: 0.75; margin-top: .50rem; margin-bottom: -4%;
	-webkit-background-clip: text; /* Safari */
	-moz-background-clip: text; /* Firefox */
	background-clip: text;
}
.history_show .swiper-slide-active .history_time{
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both;
}
.history_show .swiper-slide-active .history_des{
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both;
}
.history_show .swiper-slide-active .history_year{
	-webkit-animation: 1s .6s fadeInUp both;
	animation: 1s .6s fadeInUp both;
}
.history_swiper .swiper_arrow{ display:none;}
.history_swiper .swiper-pagination{ display:none;}
.history_swiper .swiper-pagination .swiper-pagination-bullet{ background: rgba(255,255,255, .50);}
.history_swiper .swiper-pagination .swiper-pagination-bullet-active{ background: rgba(255,255,255, 1);}

@media (min-width: 768px){
	.history_swiper{ display:flex;}
	.history_thumb{ height: 350px; margin-right: .50rem;}
	.history_thumb .swiper-slide{ display:flex; align-items: center; }
	.history_thumb .swiper-slide span{ width:120px; margin-right: .50rem; }
	.history_thumb .swiper-slide i{ width:1.85rem; position: relative;}
	.history_thumb .swiper-slide i:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 1px; background: rgba(255,255,255, .40); -webkit-transform-origin: left top; transform-origin: left top;  -webkit-transform: scaleX(0); transform: scaleX(0); }
	.history_thumb .swiper-slide-thumb-active i:before{ -webkit-transform: scaleX(1); transform: scaleX(1);}
	.history_thumb .swiper-slide-thumb-active span{ font-size: 36px;}
}
@media (min-width: 1401px){
	.history_thumb{ height: 420px;}
}
@media (min-width: 1680px){
	.history_year{ font-size: 4.80rem;}
}

 /*===========index_controller=======*/ 
.index_controller{ }
.index_controller .sec_bg{ background-attachment: local;}
#chart01 svg{ font-size: 24px!important;}
.chart{  margin: 0 auto; position: relative;}
.chart>img{ display:block; margin: 0 auto; opacity: 0;}
#chart01{ max-width: 1365px; margin-top: .80rem;}
.chart01_box{ position:absolute; top:50%; left:50%; transform: translate(-51.5%,-47%);  z-index: 2; /*width: 45.495%; padding-top: 26.74%;*/  width: 49.085%;
    padding-top: 34.433%;}
.chart01_pie{ position:absolute; top: 0%; left:0; width: 100%; height: 100%; -webkit-transition: opacity .6s ease; transition: opacity .6s ease;}
.chart01_sector{ cursor:pointer; position:absolute; -webkit-transition:transform .6s ease, opacity .6s ease; transition:transform .6s ease, opacity .6s ease;}
.chart01_sector img{ display:block; /*opacity: .50;*/ }
.chart01_percent{ color: #ffffff; line-height: 1; display: block; width: 100%; text-align: center; position: absolute; left: 50%; }
.chart01_sector01{top: 9.10%; left: 18.70%; width: 30.896%; }
.chart01_sector01 .chart01_percent{ top: 24%; transform: translateX(-60%);}
.chart01_sector02{ top: 12.05%; left: 4.02%; width: 45.076%;}
.chart01_sector02 .chart01_percent{ top: 40%; transform: translateX(-60%);}
.chart01_sector03{ top: 40.35%; left: 6.86%; width: 42.688%; }
.chart01_sector03 .chart01_percent{ top: 40%; transform: translateX(-60%);}
.chart01_sector04{ top: 42.35%; left: 24.78%; width: 52.836%;}
.chart01_sector04 .chart01_percent{ top:40%; transform: translateX(-50%);}
.chart01_sector05{ top: 37.5%;  left: 51.4%; width: 44.778%;}
.chart01_sector05 .chart01_percent{  color: #333333; top: 30%; transform:translateX(-40%);}
.chart01_sector06{ top: 0%; right: 4.5%; width: 73.733%;}
.chart01_sector06 .chart01_percent{ top:40%; transform: translateX(-50%);}
.chart01_sector:nth-child(1){z-index: 1;}
.chart01_sector:nth-child(2){z-index: 2;}
.chart01_sector:nth-child(3){z-index: 3;}
.chart01_sector:nth-child(4){z-index: 4;}
.chart01_sector:nth-child(5){z-index: 6;}
.chart01_sector:nth-child(6){z-index: 5;}
/*.chart01_box:hover .chart01_pie{ opacity:1;} */
.chart:hover .chart01_sector{ opacity: .50;}
.chart:hover .chart01_sector:hover,
.chart:hover .chart01_sector.active{ z-index: 10!important; pointer-events: all; /*transform: translate( 0, -1%);*/ opacity: 1; } 

/*chart01_lines*/
.chart01_lines{}
.chart01_line{ position:absolute; margin-top: 1px; margin-left: 1px; font-weight: 600; line-height: 1; /*width:5rem; height: .54rem;*/ width: 36.631%; padding-top: 3.957%;}
.line_change{ width: 100%; height: 100%; position: absolute; top: 50%; right: 0; }
.line_move{ position: absolute; top:0; right:0; width: 100%; height: 100%; background: right top no-repeat; background-size: cover;}
.chart01_line .line_text .line_tit, 
.chart01_line .line_text .line_data{ position: absolute; width:100%; }
.line_data{ color:rgba(0,0,0, .20); }
.my_move06{
    -webkit-animation: 1s .2s move06 both;
    animation: 1s .2s move06 both;
} 
@-webkit-keyframes move06 {
    0% { width:0%;}
    100%{ width:100%;}
} 
@keyframes move06 {
    0% { width:0%;}
    100%{ width:100%;}
} 
.chart01_line01{ top: 3%; left: 0; }
.chart01_line01 .line_change{ right:2%;}
.chart01_line01 .line_change .line_move{ transition-delay: .2s; background-image: url(../images/chart01_line01.png);}
.chart01_line01 .line_tit{ bottom: 83%;}
.chart01_line01 .line_data{ top: 83%;}
.chart01_line02{ top: 31%; left: 0; }
.chart01_line02 .line_change{ right:22%;}
.chart01_line02 .line_change .line_move{ transition-delay: .4s; background-image: url(../images/chart01_line02.png);}
.chart01_line02 .line_tit{ bottom: 63%;}
.chart01_line02 .line_data{ top: 100%;}
.chart01_line03{ bottom: 30%; left: 0; }
.chart01_line03 .line_change{ right: 2%;}
.chart01_line03 .line_change .line_move{ transition-delay: .6s; background-image: url(../images/chart01_line03.png);}
.chart01_line03 .line_tit{ bottom: -15%;}
.chart01_line03 .line_data{ top:180%;}
.line_dif{ text-align:right; margin-top: 0; margin-left: 0; margin-bottom: 1px; margin-right: 1px;}
.line_dif .line_change{ right:auto; left:0;}
.line_dif .line_change .line_move{  right:auto; left:0; background-position: left top;}
.chart01_line04{ bottom: 12%; right: 0; width:50%; }
.chart01_line04 .line_change{ left: 0;}
.chart01_line04 .line_change .line_move{transition-delay: .2s; background-image: url(../images/chart01_line04.png);}
.chart01_line04 .line_tit{ bottom: -15%;}
.chart01_line04 .line_data{ top:180%;} 
.chart01_line05{ top: 50%; right: 0; }
.chart01_line05 .line_change{ left: 15%; top: 7%;}
.chart01_line05 .line_change .line_move{transition-delay: .4s; background-image: url(../images/chart01_line05.png);}
.chart01_line05 .line_tit{ bottom: 63%;}
.chart01_line05 .line_data{ top: 100%;} 
.chart01_line06{ top: 3%; right: 0; }
.chart01_line06 .line_change{ left:0;}
.chart01_line06 .line_change .line_move{transition-delay: .6s; background-image: url(../images/chart01_line06.png);}
.chart01_line06 .line_tit{ bottom: 83%;}
.chart01_line06 .line_data{ top: 83%;}
/*chart01.active*/
.chart01_line01.active .line_tit{ color: #53d758;}
.chart01_line01.active .line_data{ color: rgba(83,215,88, .50);}
.chart01_line02.active .line_tit{ color: #eb92a3;}
.chart01_line02.active .line_data{ color: rgba(235,146,163, .50);}
.chart01_line03.active .line_tit{ color: #3b8ef7;}
.chart01_line03.active .line_data{ color: rgba(59,142,247, .50);}
.chart01_line04.active .line_tit{ color: #f35757;}
.chart01_line04.active .line_data{ color: rgba(243,87,87, .50);}
.chart01_line05.active .line_tit{ color: #f1da01;}
.chart01_line05.active .line_data{ color: rgba(241,218,1, .50);}
.chart01_line06.active .line_tit{ color: #fea847;}
.chart01_line06.active .line_data{ color: rgba(254,168,71, .50);}
/*chart02*/
#chart02{ /*width:76.173%;*/ max-width: 975px;}
#chart02>img{ margin:0; opacity: 0;}
#chart02 .chart01_box{ left:auto; right: 0; transform: translate(0,-44%);  width: 68.718%; padding-top: 48.206%;} 
.chart02_lines{}
.chart02_line{ position:absolute; margin-top: 1px; margin-left: 1px; font-weight: 600; line-height: 1; width: 38%; padding-top: 5.54%;/*width:5rem; height: .54rem;*/}
.chart02_line .line_text{ position: absolute; right: 102%; width: 100%; text-align: right; }
.chart02_line .line_text .line_tit, 
.chart02_line .line_text .line_data{ display:inline-block; vertical-align: middle;}
.chart02_line .line_data{ margin-left: 5px;}
.chart02_line01{ top: 6%; right: 52%;} 
.chart02_line01 .line_change .line_move{ transition-delay: .2s; background-image: url(../images/chart01_line01.png);}
.chart02_line01 .line_text{ top: 30%; }
.chart02_line02{ top: 35%; right: 51%;} 
.chart02_line02 .line_change .line_move{ transition-delay: .4s; background-image: url(../images/chart01_line02.png);}
.chart02_line02 .line_text{ top:43%; }
.chart02_line03{top: 57%; right: 51%;} 
.chart02_line03 .line_change .line_move{ transition-delay: .6s; background-image: url(../images/chart01_line03.png);}
.chart02_line03 .line_text{ top: 125% }
.chart02_line04{ z-index: 2; top: 80%; right: 42%; width: 42.50%;} 
.chart02_line04 .line_change .line_move{transition-delay: .2s; background-image: url(../images/chart02_line04.png);}
.chart02_line04 .line_text{ top:130%;}
.chart02_line05{ z-index: 2; top: 45%; right: 20%; width: 68.50%;} 
.chart02_line05 .line_change .line_move{transition-delay: .4s; background-image: url(../images/chart02_line05.png);}
.chart02_line05 .line_text{ top: 75%;}
.chart02_line06{ z-index: 2; top: 17%; right: 36.50%; width: 47.50%;} 
.chart02_line06 .line_change .line_move{transition-delay: .4s; background-image: url(../images/chart02_line06.png);}
.chart02_line06 .line_text{ top: 75%;}
.actual_tit{/* margin-bottom: 0; margin-top: .20rem; text-indent: 26%;*/}
/*chart02.active*/
.chart02_line01.active .line_tit{ color: #53d758;}
.chart02_line01.active .line_data{ color: rgba(83,215,88, .50);}
.chart02_line02.active .line_tit{ color: #eb92a3;}
.chart02_line02.active .line_data{ color: rgba(235,146,163, .50);}
.chart02_line03.active .line_tit{ color: #3b8ef7;}
.chart02_line03.active .line_data{ color: rgba(59,142,247, .50);}
.chart02_line04.active .line_tit{ color: #f35757;}
.chart02_line04.active .line_data{ color: rgba(243,87,87, .50);}
.chart02_line05.active .line_tit{ color: #f1da01;}
.chart02_line05.active .line_data{ color: rgba(241,218,1, .50);}
.chart02_line06.active .line_tit{ color: #fea847;}
.chart02_line06.active .line_data{ color: rgba(254,168,71, .50);}
/*chart03*/
#chart03{ max-width: 975px; margin: 0; margin-left: auto;}
#chart03>img{ margin:0; opacity: 0;}
#chart03 .chart01_pie{ top: -1%; left: 0.25%;}
#chart03 .chart01_box{ transform:translate(-73.85%,-44.0%); width: 66.668%; padding-top: 47.180%; }
.chart03_sector01{ top: 0; left: 6.6%; width: 43.078%;}
.chart03_sector01 .chart01_percent{ top: 29%; transform: translateX(-41%);}
.chart03_sector02{ top: 28.4%; left: 4.3%; width: 59.387%;}
.chart03_sector02 .chart01_percent{ top: 48%; transform: translateX(-60%);}
.chart03_sector03{ top: 8%; right: 4%; width: 39.387%;}
.chart03_sector03 .chart01_percent{ top: 41%; transform: translateX(-39%); color:#333333;}
.chart03_sector04{ top: 0.35%; right: 23.5%; width: 25.847%;}
.chart03_sector04 .chart01_percent{ top: 34%; transform: translateX(-66%); }
.chart03_lines{}
.chart03_line{ position:absolute; margin-top: 1px; margin-left: 1px; font-weight: 600; line-height: 1; width: 76%; padding-top: 5.54%;/*width:5rem; height: .54rem;*/}
.chart03_line .line_change{ right:auto; left:0;}
.chart03_line .line_change .line_move{ right:auto; left:0; background-position: left top;}
#chart03 .line_text .line_tit, 
#chart03 .line_text .line_data{ position: absolute; width:100%; text-align:right; }
.chart03_line01{ z-index: 2; top: 19.30%; right: 0;} 
.chart03_line01 .line_change .line_move{ transition-delay: .2s; background-image: url(../images/chart03_line01.png);}
.chart03_line01 .line_tit{ bottom: -14%;}
.chart03_line01 .line_data{ top: 178%;}
.chart03_line02{ z-index: 2; top: 54.3%; right: 0;} 
.chart03_line02 .line_change .line_move{ transition-delay: .2s; background-image: url(../images/chart03_line02.png);}
.chart03_line02 .line_tit{ bottom: 80%;}
.chart03_line02 .line_data{ top:88%;} 
.chart03_line03{ bottom: 18.50%; right: 0; width: 46.36%;} 
.chart03_line03 .line_change .line_move{ transition-delay: .2s; background-image: url(../images/chart03_line03.png);}
.chart03_line03 .line_tit{ bottom:-14%;}
.chart03_line03 .line_data{ top:186%;} 
.chart03_line04{ top: 3%; right: 0; width: 54.565%;} 
.chart03_line04 .line_change .line_move{ transition-delay: .2s; background-image: url(../images/chart03_line04.png);}
.chart03_line04 .line_tit{ bottom: 86%;}
.chart03_line04 .line_data{ top: 86%;}
/*chart02.active*/
.chart03_line01.active .line_text{ color: #53d758;}
.chart03_line01.active .line_data{ color: rgba(83,215,88, .50);}
.chart03_line02.active .line_tit{ color: #3b8ef7;}
.chart03_line02.active .line_data{ color: rgba(59,142,247, .50);}
.chart03_line03.active .line_tit{ color: #f35757;}
.chart03_line03.active .line_data{ color: rgba(243,87,87, .50);}
.chart03_line04.active .line_text{ color: #fea847;}
.chart03_line04.active .line_data{ color: rgba(254,168,71, .50);}

 /*===========index_group=======*/ 
.index_group{ overflow: hidden; padding-top: 0!important; padding-bottom: 0!important;}
.index_group .inner{ display: flex; flex-wrap: wrap; align-items: stretch;}
.group_box{ position: relative; width: 50%; padding: .80rem 5% 1.40rem 0; color: #ffffff;}
.group_box a{ color: #ffffff;}
.group_bg{ position:absolute; top:0; right:0; width:120%; height: 100%; background: right 0 no-repeat; background-size: cover;}
.group_range{ position: relative; min-height: 4.10rem; max-width: 420px; padding-bottom: 40px;}
.group_des{ -webkit-line-clamp: 3; max-height: 72px; margin: .35rem 0;}
a.group_more{ position: absolute; bottom: 0; left:0; border-color:rgba(255,255,255, .70); color:rgba(255,255,255, .70);}
.group_cooperate{ padding-right: 0; padding-left: 11%;}
.group_cooperate .group_bg{ left:0; background-position: left 0;}
.group_cooperate .group_des{ -webkit-line-clamp: 4; max-height: 96px;}



/*============================ 02 ============================*/  
main{ overflow:hidden;}
/*===========banner_wrap=======*/ 
.banner_wrap{ height: 100vh; position: relative;}
.banner_bg{ width: 100%; height: 100%; background: fixed 50% 0 no-repeat; background-size:cover;}
.banner_con{ position:absolute; bottom: 0; left:0; z-index: 1; width: 100%; height: 100%; color: #ffffff;}
.banner_con a{ color: #ffffff;}
.banner_con .inner{ position:relative; height: 100%;} 
.banner_tit{ /*margin-bottom: 11%;*/ position: absolute; top: 50%;}
.banner_tit em{ font-style: normal; display:block; }
.banner_tit i{ font-style: normal; display:block; font-weight: bold; margin-top: .15rem; display: none;}
.banner_local{ margin: 0 -.20rem; position: absolute; bottom: 6%;}
.banner_local a{ display:inline-block; padding:0 .20rem;}
.banner_dec{ position: absolute; top: 30%; left: 67%; z-index: 0; transform: translateX(20%); opacity:0; pointer-events: none; width: 12.5rem; height: 12.5rem; background: 50% 50% no-repeat; background-size: contain;}
.my_move04{
	-webkit-animation: 1s .2s move04 both;
    animation: 1s .2s move04 both;
}
@-webkit-keyframes move04 {
    0% {
       transform: translateX(20%);
		opacity: 0;
    }
    100% {
       transform: translateX(0%);
		 opacity: .04;
    }
} 
@keyframes move04 {
    0% {
       transform: translateX(20%);
		opacity: 0;
    }
    100% {
       transform: translateX(0%);
		 opacity: .04;
    }
} 
/*===========corporate_profile=======*/ 
.corporate_profile{ background: linear-gradient(0deg, #EAECF1, #FFFFFF); padding-top: 1.30rem; padding-bottom: 1.30rem; min-height: 7.60rem;}
.corporate_profile .sec_bg{ background-position: center bottom!important; background-attachment: local;} 
.profile_tit em{  font-style: normal; display:block; line-height: 1; opacity: 0.1; color: #083E93; font-weight: 900; text-transform: uppercase; margin-bottom: -3%;}
.profile_text{ text-align:center; line-height: 2; font-weight: 600;}
/*===========corporate_identification=======*/ 
.corporate_identification{ /*padding-top: 1.80rem; padding-bottom: .80rem;*/}
.identification_logo{ display:block; max-width: 2.46rem; margin: 0 auto .60rem;}
.identification_text{ text-align: center; line-height: 2; font-weight: 500; }
/*===========corporate_strategy=======*/ 
.corporate_strategy{ background-color: #081c38; color: #ffffff;}
.strategy_list{ display:flex; flex-wrap: wrap;}
.strategy_block{ width:36.72%; padding-top: 36.72%; border-radius: 50%; background: linear-gradient(90deg, rgba(255,255,255, .10) 60%, rgba(255,255,255, 0) 100%); margin-left: -5.10%; position: relative;}
.strategy_block:first-child{ margin-left:0;}
.strategy_block:nth-child(even){ background: linear-gradient(90deg, rgba(8, 62, 147, .70) 60%, rgba(255,255,255, 0) 100%);}
.strategy_area{ position: absolute; top:0; left:0; width:100%; height: 100%;display:flex; align-items: center;}
.strategy_con{ width:90%; max-width: 300px; margin: 0 auto; text-align: center;}
.strategy_tit{ position: relative; border-bottom: 1px solid rgba(255,255,255, .10); padding-bottom: .30rem;}
.strategy_tit:before{ content:""; position: absolute; bottom: -1px; left:50%; transform: translateX(-50%); width: 20px; height: 2px; background: #ffffff;}
.strategy_tit em{ font-style: normal; display: block;}
.strategy_tit i{  font-style: normal; display: block; margin-top: .15rem;}
.strategy_des{ color: rgba(255,255,255, .20); margin-top: .40rem;}
.strategy_img{ margin-top: .40rem;}
.strategy_img .img_box{ padding-top: 41.35%;}
/*===========corporate_organization=======*/ 
.corporate_organization{}
.organization_box{ text-align: center;}
/*===========corporate_party=======*/ 
.corporate_party{ }
.party_tit{ color:#ffffff;}
.party_swiper{}
.party_block{ overflow: hidden; background: #ffffff; border-radius: 6px; }
.party_img{ overflow:hidden; background: #000000; border-radius: 6px 6px 0 0;}
.party_img .img_box{ padding-top: 61.50%;}
.party_img .img_box img{ opacity: .80;}
.party_block:hover .party_img .img_box img{ opacity: 1; transform: scale(1.06);}
.party_text{ padding:.30rem .20rem .50rem; display: none;}
.party_des{}
.party_time{ margin-top: .06rem;}
.party_swiper .swiper-pagination-bullet{ background: rgba(255,255,255, .15);}
.party_swiper .swiper-pagination-bullet-active{ background: rgba(255,255,255, 1);}
.party_swiper .swiper_arrow div[class*="swiper-button-"]{ transform: translateY(-70%); color: rgba(255,255,255, .80); border-color:rgba(255,255,255, .80);}
.party_swiper .swiper_arrow div.swiper-button-prev{ left: 10px;}
.party_swiper .swiper_arrow div.swiper-button-next{ right:10px;}
@media (min-width: 1401px){
	.party_swiper .swiper_arrow div.swiper-button-prev{ left:auto; right:100%; margin-right: .30rem;}
	.party_swiper .swiper_arrow div.swiper-button-next{ right:auto; left:100%; margin-left: .30rem;}
}
/*===========corporate_leader=======*/ 
.corporate_leader{ padding-bottom: .50rem; overflow: hidden;}
.corporate_leader .sec_bg{ background-attachment: local;} 
.leader_swiper{ margin-top: .80rem;}
.leader_swiper:before{ content:""; position: absolute; bottom: -webkit-calc(48px + .30rem); bottom: calc(48px + .30rem);  left:-50%; width: 200%; height: 1px; background: #eeeeee;}
.leader_swiper .swiper-slide{width: 26.5625%; padding-left: .40rem; }
/*.leader_swiper .swiper-wrapper{ margin-left: -36.71%;}*/
.leader_block{ cursor: pointer; }
.leader_photo{}
.leader_text{ flex:1 0 0; display:none; padding-top:18%; }
.leader_img{ position:relative;}  
.leader_img .img_thumb{ position: absolute; top:.45rem; left:0; width:100%;  }
.leader_img .img_thumb .img_box{ /*padding-top: 130%;*/ padding-top: 0; height: 3.90rem; background: #CCD0D7;}
.leader_img .img_big{ opacity: 0;}
.leader_img .img_big .img_box{ /*padding-top: 145.45%;*/ padding-top: 0; height: 4.80rem; }
.leader_img .img_big .img_box img{ top:auto; bottom: 0; object-fit: contain;}
.leader_tit{ text-align: center; padding-top: .30rem; line-height: 24px; position: relative;}
.leader_tit:before{ content:""; position: absolute; top:-.05rem; left:50%; transform: translateX(-50%); z-index: 2; width:.10rem; height: .10rem; background: #DCDCDC; border-radius: 50%;}
.leader_tit i{ font-style: normal; display:block; color: #999999; } 
.leader_subtit{ letter-spacing: 0.1em; font-weight:600; color: #083E93; line-height: 1.50;}
.leader_subtit i{  font-style: normal; display:block;}
.leader_des{ color: #666666; line-height: 18px; margin-top: .15rem; max-width: 94%;}
.leader_swiper .swiper-slide-active{ width: 46.875%; padding-left: 0;}
.leader_swiper .swiper-slide-active .leader_block{ display:flex; flex-wrap: wrap; }
.leader_swiper .swiper-slide-active .leader_block .leader_photo{ width: 55%;}
.leader_swiper .swiper-slide-active .leader_block .leader_photo .leader_img .img_thumb{ opacity: 0; }
.leader_swiper .swiper-slide-active .leader_block .leader_photo .leader_img .img_big{ opacity: 1;
	-webkit-animation: 1s .2s fadeInRight both;
    animation: 1s .2s fadeInRight both;
}
.leader_swiper .swiper-slide-active .leader_block .leader_text{ display:block;
	-webkit-animation: 1s .2s fadeIn both;
    animation: 1s .2s fadeIn both;
}
.leader_swiper .swiper_arrow{ display:none;}
.leader_swiper .swiper-pagination{ position:absolute; bottom: 100%; left: auto; right:0; margin-bottom: .40rem; width: auto; font-size: 24px; font-weight: 600;}
.leader_swiper .swiper-pagination .swiper-pagination-total{ display:inline-block; position: relative; padding-left: .66rem; color: #D7D7D7; margin-left: .13rem;}
.leader_swiper .swiper-pagination .swiper-pagination-total:before{ content:""; position: absolute; top:50%; left:0; width: .53rem; height: 1px; background: #E5E5E5;}
.leader_swiper .swiper-pagination .swiper-pagination-current{ color: #000000;}

/*============================ 03 ============================*/  
/*===========holding_introduce=======*/ 
.holding_introduce{}
.holding_introduce .inner{ display:flex; flex-wrap: wrap;}
.introduce_left{ width: 46.50%; max-width: 595px; margin-right: 6%;}
.introduce_right{ flex:1 0 0; overflow: hidden; max-width: 550px;}
.introduce_tit{ text-align:left; margin-bottom: .20rem;} 
.introduce_subtit{ line-height: 1.64; font-weight: 500;}
.introduce_des{ line-height: 1.875; margin-top: .25rem;}
/*===========holding_introduce=======*/ 
.holding_evolution{ padding-bottom: 2.90rem; color: #ffffff;}
.holding_evolution a{ color: #ffffff;}
.evolution_swiper{}
.evolution_con{ text-align: center;}
.evolution_year{ display: block; line-height: 1; font-size: 3rem; font-family: "Anton"; background: linear-gradient(180deg, rgba(255,255,255, .20) 20%, rgba(255,255,255, 0) 100%); color: transparent; margin-bottom: -10.70%;
	-webkit-background-clip: text; /* Safari */
	-moz-background-clip: text; /* Firefox */
	background-clip: text;
}
.evolution_des{ max-width: 770px; margin: 0 auto; text-align: left;}
.evolution_con .swiper-slide-active .evolution_year{
	-webkit-animation: 1s .1s fadeInDown both;
    animation: 1s .1s fadeInDown both;
}
.evolution_con .swiper-slide-active .evolution_des{
	-webkit-animation: 1s .3s fadeInUp both;
    animation: 1s .3s fadeInUp both;
}
.evolution_thumb{ margin-top: .80rem; position: relative; text-align: center;}
.evolution_thumb:before{ content:""; position: absolute; top:.28rem; left:0; width: 100%; height: 3px; background: url(../images/evolution_dec01.png) center top no-repeat; background-size:contain;}
.evolution_dot{ display: block; position: relative; border-radius:50%; margin: 0 auto; width: .60rem; height: .60rem;}
.evolution_dot:before{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(0); width: 100%; height: 100%; border-radius:50%; background: rgba(255,255,255, 1);}
.evolution_dot i{ display:block; font-style:normal; border-radius:50%; background: #ffffff; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 1; width: .26rem; height: .26rem;}
.evolution_dot i:before{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); border-radius:50%; background: #178ADB; width: .16rem; height:.16rem;}
.evolution_thumb .swiper-slide{ cursor: pointer;}
.evolution_thumb .swiper-slide em{ display: block; font-style: normal;}
.evolution_thumb .swiper-slide-thumb-active .evolution_dot:before{ transform: translate(-50%,-50%) scale(1); background: rgba(255,255,255, .20);}
.evolution_thumb .swiper-slide-thumb-active .evolution_dot i:before{ width:.10rem; height: .10rem;}
.evolution_thumb .swiper-pagination{ display:none;}
.evolution_thumb .swiper-pagination-bullet{ background: rgba(255,255,255, .15);}
.evolution_thumb .swiper-pagination-bullet-active{ background: rgba(255,255,255, 1);}
.evolution_tip{ display:block; text-align: center; margin-top: .45rem; opacity: .60;}
.evolution_tip .iconfont{ display:block; line-height: 1; margin: 0 auto .20rem; font-size: 30px;}
/*===========holding_objectives=======*/ 
.holding_group{ padding-top: 0!important; padding-bottom: 0!important;}
.holding_group>.sec_bg{ background-attachment: local;}
.holding_objectives{ padding-top: 0!important; padding-bottom: 0!important;}
.objectives_box{ position: relative; z-index:1; background: #FFFFFF; box-shadow: 0 0 .60rem rgba(0,0,0, .06); border-radius: 10px; padding:.80rem .65rem; transform: translateY(-2.3rem); margin-bottom: -2.3rem;}
.objectives_con{ overflow:hidden; margin-top: .80rem;}
.objectives_list{ display:flex; flex-wrap: wrap; margin: -.60rem; position: relative;} 
.objectives_list li{ width: 50%; display: flex; align-items: center; padding: .60rem; border-top:1px dashed #ccd9e7; border-left:1px dashed #ccd9e7;}
.objectives_num{ display:block; text-align: center; width: .87rem; height: .87rem; line-height: .85rem; border-radius: 50%; font-family: "Anton"; border:1px solid #ccd9e7; color: #b0c4da; margin-right: .30rem;}
.objectives_des{ flex: 1 0 0; overflow:hidden; }
/*===========holding_structure=======*/ 
.holding_structure{ padding-top: 1rem; padding-bottom: 0!important;}
.structure_box{ }
.structure_img{ display:block; margin: 0 auto;}
/*===========holding_duty=======*/ 
.holding_group02{ padding-top: 0!important; padding-bottom: 0!important; }
.holding_group02>.sec_bg{ background-position: center bottom!important; background-attachment: local;}
.holding_duty{ overflow: hidden; padding-bottom: 0!important; }
.duty_swiper .swiper-container{ overflow: visible;}
.duty_swiper .swiper_arrow{ display:none;}
.duty_block{ position: relative; overflow: hidden; }
.duty_img{ overflow: hidden;  background: #ffffff; border-radius: .12rem; -webkit-transition:background .6s ease; transition:background .6s ease; }
.duty_img .img_box{ padding-top: 40.625%; min-height: 260px;}
.duty_img .img_box img{ opacity: .60;}
.duty_swiper .swiper-slide-active .duty_img{ background: #000000; }
.duty_swiper .swiper-slide-active .duty_img .img_box img{ opacity: .90;}
.duty_con{ position: absolute; top: 22%; left:0; width: 100%; padding: 0 5%; z-index: 1; color: #ffffff;}
.duty_tit, .duty_time, .duty_more{ transform: translateY(20px); opacity: 0; -webkit-transition:all .6s .2s ease; transition:all .6s .2s ease;}
.duty_tit{ max-width: 360px;}
.duty_tit a{ color: #ffffff; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical;  -webkit-line-clamp:5; line-height: 36px; max-height: 180px;}
.duty_time{ margin-top: .35rem; -webkit-transition-delay: .3s; transition-delay: .3s; display: none;}
.duty_more{ background: #ffffff; margin-top: .30rem; -webkit-transition-delay: .4s; transition-delay: .4s;} 
.duty_swiper .swiper-slide-active .duty_tit,
.duty_swiper .swiper-slide-active .duty_time,
.duty_swiper .swiper-slide-active .duty_more{ transform: translateY(0); opacity: 1;}
/*===========holding_team=======*/ 
.holding_team{ } 
.team_swiper{ /*cursor: url("../images/cursor_ico.png"), auto;*/}
.team_block{ display:block;}
.team_img .img_box{ border-radius:.12rem; padding-top: 128.62%;}
.team_con{ margin-top: .40rem;}
.team_tit{}
.team_tit em, .team_tit i{ font-style: normal; font-weight: 600; }
.team_tit i{ margin-left: .35rem;}
.team_post{ margin-top: .20rem;}
.team_swiper .swiper_arrow{ display:none;}
.team_swiper .swiper-pagination{ /*display:none;*/}
/*team_detail*/ 
.team_venobox .venoratio-16x9.vbox-child.venoratio{--vb-aspect-ratio:calc(100%); max-width: 1320px; max-height: 430px; border-radius:.20rem;}
.team_detail{ display:flex; align-items: center; padding: 20px;}
.team_pic{ width:303px; border-radius:.20rem; }
.team_pic .img_box{ padding-top: 128.62%;}
.team_text{ flex:1 0 0; padding: 0 60px; }
.team_head{ padding-bottom: 20px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px;}
.team_item{ font-size: 24px;}
.team_item em, .team_item i{ font-style: normal; }
.team_item i{ margin-left: .18rem; font-weight: 600;}
.team_zhiwei{ font-size: 18px;}
.team_des{ font-size: 16px; line-height: 24px; max-height: 144px; overflow: hidden;}

/*============================ 04 ============================*/   
/*===========sec_transaction=======*/ 
.sec_transaction{ padding-top: 0!important; padding-bottom: 0!important; color: #ffffff; background: #0e3277; }
.sec_transaction a{ color: #ffffff; }
.transaction_headline{ position: absolute; top: 120px; left:0; z-index: 2; width: 100%; padding-top: 5%;}
.transaction_tit{}
.transaction_swiper{ position: relative; height: 100vh;}
.transaction_show{ height:100%;}
.transaction_block{ height: 100%; padding-top: 120px;}
.transaction_bg{ position: absolute; top:0; left:0; width: 100%; height: 100%; overflow: hidden; background: 50% 0 no-repeat; background-size: cover;}
.transaction_bg:before{ content:""; position: absolute; top: 32%; left: -50%; width: 16.60rem; height: 16.60rem; background: url(../images/transaction_01.png) 50% 50% no-repeat; background-size: contain;}
.transaction_show .swiper-slide-active .transaction_bg:before{
	-webkit-animation: 1s 0s fadeIn both;
    animation: 1s 0s fadeIn both;
}
.transaction_show .swiper-slide-active .transaction_bg:before{
	-webkit-animation: 1s .2s fadeInLeft both;
    animation: 1s .2s fadeInLeft both;
}
.transaction_con{ position: relative; z-index: 1; padding-top: 14%;}
.transaction_flex{ display:flex; flex-wrap: wrap; width: 58.125%; max-width: 930px;}
.transaction_num{ display:flex; line-height: 1.25; margin-right: 6%;}
.transaction_text{ flex:1 0 0; overflow: hidden;}
.transaction_tit{ }
.transaction_des{ line-height: 30px; max-height: 60px; margin-top: .25rem;} 
.transaction_show .swiper-slide-active .transaction_num{
	-webkit-animation: 1s .3s fadeInLeft both;
    animation: 1s .3s fadeInLeft both;
}
.transaction_show .swiper-slide-active .transaction_text{
	-webkit-animation: 1s .4s fadeInLeft both;
    animation: 1s .4s fadeInLeft both;
}
.transaction_thumb{ position:absolute; bottom: 10%; left:0; z-index: 2; width: 100%;}
.transaction_thumb:before{ content:""; position: absolute; top:50%; left:0; width:100%; height: 1px; background: rgba(255,255,255, .30);}
.transaction_thumb .swiper-slide{ cursor: pointer; width:auto;}
.transaction_thumb .swiper-slide span{ display:block; position: relative; text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; color: rgba(255,255,255, .20); -webkit-transition:all .6s 0 ease; transition:all .6s 0 ease;} 
.transaction_thumb .swiper-slide span:before,
.transaction_thumb .swiper-slide span:after{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius:50%; }
.transaction_thumb .swiper-slide span:before{ background: #48649A;}
.transaction_thumb .swiper-slide span:after{ background: #ffffff; opacity: 0; transform: scale(0);}
.transaction_thumb .swiper-slide span em{ position: relative; z-index: 1; font-style: normal;}
.transaction_thumb .swiper-slide-thumb-active span{ color: #333333;}
.transaction_thumb .swiper-slide-thumb-active span:before{ opacity: 0; transform: scale(0); }
.transaction_thumb .swiper-slide-thumb-active span:after{ opacity: 1; transform: scale(1); }
.transaction_thumb .swiper-pagination{ display:none;}
/*===========banner_wrap02=======*/ 
.banner_wrap02{ height: 5rem;}
.banner_wrap02 .banner_bg{ background-position: 50% 0!important; background-attachment: local!important;}
.banner_wrap02 .banner_tit{ margin-bottom: 4.60%;}
.banner_wrap02 .banner_time{ margin-bottom: .20rem;}
/*===========sub_wrap=======*/ 
.sub_wrap{ padding: 1rem 0; background: #eef1f6; position: relative; z-index: 2;}
.detail_box{ display:flex; flex-wrap: wrap; flex-direction: row-reverse;}
.detail_left{ width:27%; max-width: 420px; min-width: 220px; margin-left: .30rem;}
.detail_plate{ border-radius:6px; margin-top: .20rem;}
.detail_plate:first-child{ margin-top:0;}
.plate_guide{ background: #ffffff; padding: .40rem;}
.detail_tit{ margin-bottom: .10rem;}
.detail_nav{}
.nav_scroll{}
.nav_scroll li{ border-bottom: 1px solid #EEEEEE;}
.nav_scroll li:last-child{ border-color: transparent;}
.nav_scroll li a{ display: block; line-height: 60px; color: #666666;}
.nav_scroll li a span{ display:block; position: relative;}
.nav_scroll li a span:before{ content: "\e709"; font-family:"iconfont"; font-weight: bold; font-size: 22px; color: #BFBFBF; position: absolute; top:50%; right:0; transform: translateY(-50%);}
.nav_scroll li a span:after{ content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #1052A5;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
	display: none;
} 
.nav_scroll li:hover a span:after,
.nav_scroll li.active a span:after{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.nav_scroll li:hover a,
.nav_scroll li.active a{ color: #1052A5; font-weight: 600;}
.detail_right{ flex:1 0 0; overflow: hidden; background: #ffffff; padding: .60rem;}
.detail_con{ line-height: 2.25;}
.detail_guide{ clear: both; display:flex; flex-wrap: wrap; padding-top: .15rem; border-top:1px solid #EEEEEE; margin-top: .60rem;}
.guide_link{ display:inline-block; margin-left: .20rem; margin-top: .20rem; min-width: 1.50rem; line-height: 48px; padding: 0 .30rem; text-align: center; border:1px solid #EEEEEE; color: #666666;}
.guide_link .iconfont{ color: #1052A5; font-weight: bold; margin-right: .12rem; font-size: 20px;}
.guide_link:first-child{ margin-left:0;}
.guide_back{ margin-left: auto;}
.guide_link:hover{ background: #1052A5; color:#ffffff;}
.guide_link:hover .iconfont{ color:#ffffff;}

/*============================ 05 ============================*/   
/*===========investor_capital=======*/ 
.investor_group{ /*padding-top: 1.40rem; padding-bottom: 1.40rem;*/}
.investor_group>.sec_bg{ background-position: center bottom!important; background-attachment: local;}
.investor_capital{ padding-top: 0!important; }
.capital_box{}
/*===========investor_actual=======*/ 
.investor_actual{ padding-bottom: 1.40rem;}
.actual_box{} 
.actual_box #chart02{ margin: 0;} 
/*===========investor_actual=======*/ 
.investor_equity{}
.equity_tit{ color:#ffffff;}
.equity_table_box{ overflow-x: auto;}
.equity_table{ background: #ffffff; overflow: hidden; border-radius: 5px; min-width: 640px;}
.equity_table tr td{ border-left:1px solid #e8e9ea; height: 60px; padding: .10rem 4%; -webkit-transition:background .6s ease, color .6s ease; transition:background .6s ease, color .6s ease;  }
.equity_table tr td:nth-child(1){ border:none;}
.equity_table thead tr td{ white-space: nowrap; border-color:rgba(255,255,255, .30); background: #799ecc; color: #ffffff;}
.equity_table tbody tr:nth-child(odd) td{ background: #f7f9fa;}
.equity_has{ font-size: 14px;}
.equity_table tbody tr:hover td{ background: #D23232; color:#ffffff;}
/*===========investor_actual=======*/ 
.investor_partners{ background-color: #efefef; padding-bottom: 1.60rem; overflow: hidden;}
.partners_swiper .swiper-container{ overflow: visible;}
.partners_swiper .swiper-slide{ width:76.5625%;}
.partners_swiper .swiper-pagination{ display:none;}
.partners_swiper .swiper_arrow div[class*="swiper-button-"]{ width:100px; height: 60px; border-radius: 0; border:none; background: rgba(0,0,0, .60); color: #ffffff; }
.partners_swiper .swiper_arrow div[class*="swiper-button-"]:hover{ background: #2156B9;}
.partners_swiper .swiper_arrow div.swiper-button-prev{ left: 7.50%;}
.partners_swiper .swiper_arrow div.swiper-button-next{ right: 7.50%;}
.partners_swiper .swiper_arrow div[class*="swiper-button-"]:after{ font-family:"iconfont"; font-weight: normal; font-size: 38px;}
.partners_swiper .swiper_arrow div.swiper-button-prev:after{ content: "\eb79";}
.partners_swiper .swiper_arrow div.swiper-button-next:after{ content: "\e6f2";}
.partners_block{ position:relative;}
.partners_img{}
.partners_img .img_box{ padding-top: 56.12%;}
.partners_con{ position: absolute; bottom: -6%; left:7.65%; z-index: 2; width: 84.70%; background: rgba(255,255,255, .90); box-shadow: 0px 11px 29px 0px rgba(0,0,0,0.17); max-width: 364px; padding: 0.6rem 0.45rem 0.70rem; opacity: 0; transform: translateX(-10%); -webkit-transition:opacity 1s .2s ease, transform 1s .2s ease; transition:opacity 1s .2s ease, transform 1s .2s ease; }
.partners_swiper .swiper-slide-active .partners_con{ opacity: 1; transform: translateX(0%); }
.partners_des{ -webkit-line-clamp:7; line-height: 30px; max-height: 210px;}
.partners_more{ display:block; width:50px; height: 50px; line-height: 48px; text-align: center; border: 1px solid #898989; margin-top: .30rem;}
.partners_more .iconfont{ font-size: 22px;}
.partners_more:hover{ border-color:#D23232; background: #D23232; color:#ffffff;}
/*===========primary_box=======*/ 
.primary{}
.primary_box{ padding-top: 1.30rem;}
.primary_tip{ display:block; font-weight: normal; margin-top: .10rem;}
.primary_show{ display:flex; flex-wrap: wrap; align-items: stretch; background: #ffffff; box-shadow: 0 0 20px rgba(0,0,0, .03);}
.primary_group{ border-left:1px solid #bfbebe; border-top:1px solid #bfbebe; width: 50%;}
.primary_group:nth-child(odd){ border-left:none;}
.primary_group:nth-child(1), .primary_group:nth-child(2){ border-top:none;}
.primary_group li a{ display:block; padding: .10rem .35rem;}
.primary_group li:nth-child(even) a{ background-color: #f7f9fa;}

/*============================ 06 ============================*/   
/*===========platform_wrap=======*/ 
.platform_wrap{ padding-top: 0!important; }  
.platform_box{ padding: 1rem 0; border-bottom: 1px solid #EEEEEE; max-width: 1560px; margin: 0 auto; display:flex; flex-wrap: wrap; position: relative; z-index: 2;}
.platform_box:before{ content:""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: #F2F2F2; opacity: 0;}
.platform_box:hover:before{ opacity:1;}
.platform_img{ position:relative; z-index: 1; width: 44%; max-width: 686px; }
.platform_img .img_box{ padding-top: 72.01%; background: #000000; border-radius: .20rem 0 .20rem 0; }
.platform_img .img_box img{ opacity: .90;}
.platform_text{ position:relative; z-index: 1; flex:1 0 0; overflow: hidden; display:flex; justify-content:flex-end; margin-left: 5%;}
.platform_range{ width: 100%; max-width: 685px;}
.platform_headline{ margin-top: .30rem;}
.platform_tit{ font-weight: 600; text-align: left;}
.platform_tit em{ display:block; font-style: normal;}
.platform_tit i{ display:block; font-style: normal; opacity: .20; margin-top: .15rem;}
.platform_headline .sec_deco{ margin-top: .35rem;}
.platform_des{ margin-top: .40rem; -webkit-line-clamp:8; line-height: 30px; max-height: 240px;}
.platform_box:nth-child(odd){ flex-direction: row-reverse;}
.platform_box:nth-child(odd) .platform_text{  justify-content:flex-start; margin-left: 0; margin-right: 5%;}
.paging{ text-align: center; margin-top: .70rem;}
.paging a{ display:inline-block; vertical-align: middle; min-width:42px; line-height: 40px; border:1px solid #e5e5e5; border-radius: 3px; margin: 0 .03rem; background: #ffffff;}
.paging_go{ padding: 0 .20rem;}
.paging a:hover,
.paging a.active{ background: #4f6f9f; color:#ffffff;}
/*===========platform_detail=======*/ 
.platform_detail{ background: #ffffff;}
.detail_article{ line-height: 2.25; }
.article_top{ text-align: center; margin-bottom: .50rem;}
.article_tit{ font-weight: 600;}
.article_more{ margin-top: .20rem; }
.detail_row{ /*display:flex; flex-wrap: wrap;*/ overflow: hidden;}
.row_pic{ width: 48%; max-width: 605px; margin-right: 5%; float:left;}
.row_paragraph{ /*flex:1 0 0;*/}
.detail_item{ margin-bottom: .10rem;}
/*=========platform===三级=========*/
.platform_information .sec_bg{ background-color: #ffffff;}
.information_box{}
/*platform_team*/
.platform_team .sec_bg{ background-color: #f5f6f8; background-attachment: local; background-size: auto;}
 
/*============================ 07 ============================*/ 
.year_wrap{ margin-top: -1rem; margin-bottom: .60rem; background: #ffffff;}
.year_box{ }
.news_year{ display:flex; }
.news_year li a{ display: block; cursor: pointer; padding: 0 .20rem;}
.news_year li:hover a,
.news_year li.active a{ color: #D23232;}
.news_year li a span{ display:block; position:relative; white-space: nowrap; padding: .15rem 0;}
.news_year li a span:before{ 
	content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #D23232;
  -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_year li.active a span:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 


/*===========news_written=======*/ 
.news_written{ display:flex; flex-wrap: wrap; align-items: stretch; margin:-.20rem; }
.news_written li{ width: 50%; padding: .20rem;}
.news_written li>a{ display:block; height: 100%; position: relative; overflow: hidden; background: #FFFFFF; border-radius: 6px; box-shadow:0 0 0.50rem rgba(0,0,0, .03); padding:.35rem .40rem;}
.news_written li>a:before{ content:""; position: absolute; bottom: 0%; right: -28%; width: 55%; padding-top: 55%; background: url(../images/written_dec01.png) 50% 50% no-repeat; background-size:contain; opacity: 0; transform: scale(1.10);}
.written_tit, .written_time, .written_handle{ position: relative; z-index: 1;}
.written_tit{ font-weight:600;}
.written_time{ color: #999999; margin-top: .16rem; -webkit-transition:color .6s ease; transition:color .6s ease;}
.written_handle{ display:flex; flex-wrap: wrap; align-items: flex-start; margin-top: .16rem;}
.written_des{ line-height: 30px; max-height: 60px; width:70%; max-width: 476px;}
.written_more{ margin-left:auto; margin-top: 0; border-color:#f2f2f2; background: #f2f2f2; color: #333333; }
.written_more em:before{ -webkit-transform: scaleX(1); transform: scaleX(1); background: #333333;}
.news_written li>a:hover{ background: #22529A; color:#ffffff;}
.news_written li>a:hover:before{ opacity: .10; transform: scale(1);}
.news_written li>a:hover .written_time{ color:#ffffff;}
.news_written li>a:hover .written_more{ border-color:#083578; background: #083578; color:#ffffff;}
.news_written li>a:hover .written_more em:before{ background:#ffffff; }
/*===========news_tabloid=======*/ 
.news_tabloid{}
.news_tabloid li{ margin-top: .40rem;}
.news_tabloid li:first-child{ margin-top: 0;}
.news_tabloid li>a{ display:flex; flex-wrap: wrap; align-items: stretch; position: relative; overflow: hidden; background: #FFFFFF; border-radius: 6px; box-shadow:0 0 0.50rem rgba(0,0,0, .03); padding: .40rem;}
.tabloid_img{ width: 35%; max-width: 500px; margin-right: 3.125%;}
.tabloid_img .img_box{ padding-top: 56%;}
.tabloid_text{ flex:1 0 0; overflow: hidden; max-width: 860px; position: relative;}
.tabloid_tit{ font-weight:600; line-height: 36px; max-height: 72px;}
.tabloid_time{ color: #999999; margin-top: .16rem; -webkit-transition:color .6s ease; transition:color .6s ease;} 
.tabloid_des{ line-height: 30px; max-height: 60px; margin-top: .16rem;}
.tabloid_more{ border-color:#f2f2f2; background: #f2f2f2; color: #333333; position: absolute; bottom: 0; left: 0; }
.tabloid_more em:before{ -webkit-transform: scaleX(1); transform: scaleX(1); background: #333333;}  
.news_tabloid li>a:hover .tabloid_img .img_box img{ transform: scale(1.06);}
.news_tabloid li>a:hover .tabloid_more{ border-color:#d32d26; background: #d32d26; color:#ffffff;}
.news_tabloid li>a:hover .tabloid_more em:before{ background:#ffffff; }
/*===========news_video=======*/ 
.news_video{} 
.news_video li{ margin-top: .80rem; display:flex; flex-wrap: wrap; align-items: stretch; position: relative; overflow: hidden; background: #FFFFFF; box-shadow:0 0 0.50rem rgba(0,0,0, .03);}
.news_video li:first-child{ margin-top: 0;}  
.news_video li:nth-child(even){ flex-direction: row-reverse;}
.video_img{ display: block; width:50%; position: relative;}
.video_img .img_box{ padding-top: 69.17%; background: #000000;}
.video_img .img_box img{ opacity: .78;}
.icon_shipin{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 1; font-size: 50px; color: #ffffff;}
.video_text{ flex:1 0 0; overflow: hidden; padding: .70rem;}
.video_range{ max-width: 465px;}
.video_tit{ font-weight:600; -webkit-line-clamp:3; line-height: 30px; max-height: 90px;}
.video_des{ -webkit-line-clamp:4; line-height: 26px; max-height: 104px; margin-top: .30rem; color: #999999;}
.video_time{ color: #999999; margin-top: .20rem;}
.news_video li>a:hover{ color:#083578;}
.news_video li>a:hover .video_img .img_box img{ opacity: .90; transform: scale(1.06); }
/*===========news_notice=======*/ 
.news_notice{}
.news_notice li{ margin-top: .30rem; background: #ffffff; padding: .47rem .60rem; display:flex; align-items: center; -webkit-transition:color .6s ease, background .6s ease; transition:color .6s ease, background .6s ease;}
.news_notice li:first-child{ margin-top: 0;}
.notice_tit{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; flex:1 0 0; margin-right: 5%; font-weight: 600;}
.notice_right{ margin-left: auto; display:flex; align-items: center; }
.notice_time{ opacity: .60;}
.notice_link{ margin-left: .50rem;}
.notice_link a{ display: inline-block; margin-left: .20rem;  border-radius: 50%; border:1px solid #adadad; background: #ffffff; text-align: center; width:46px; height: 46px; line-height: 44px; color: #adadad;}
.notice_link a:first-child{ margin-left:0;}
.notice_link a .iconfont{ font-size: 22px; font-weight: 600;}
.news_notice li:hover{ background: #014199; color:#ffffff;}
.news_notice li:hover .notice_tit a{ color:#ffffff;}
/*===========news_recommend=======*/ 
.plate_news{ }
.news_recommend{}
.news_recommend li{ margin-top: .20rem;}
.news_recommend li:nth-child(1){ margin-top: 0;}
.news_recommend li>a{ display: block; padding: .35rem .40rem; background: #ffffff; border-radius: 6px;}
.recommend_time{ opacity: .50;}
.recommend_tit{ line-height: 30px; max-height: 60px; margin-top: .10rem;}
.recommend_more{ display:inline-block; position: relative; margin-top: .30rem; padding-right: 30px; color: #666666; -webkit-transition:color .6s ease; transition:color .6s ease;}
.recommend_more em{ display:inline-block; position: relative; font-style:normal;}
.recommend_more:before{ content: "\e709"; font-family:"iconfont"; font-weight: bold; font-size: 22px; color: #22529A; position: absolute; top:50%; right:0; transform: translateY(-50%);} 
.news_recommend li>a:hover{ background: #22529A; color: #ffffff;}
.news_recommend li>a:hover .recommend_more{ color: #ffffff;}
.news_recommend li>a:hover .recommend_more:before{ color: #ffffff;}

/*============================ 08 ============================*/   
/*===========sec_viewpoint=======*/  
.sec_viewpoint{ min-height: 100vh; padding-top: -webkit-calc(120px + 1rem); padding-top: calc(120px + 1rem); color: #ffffff;}
.sec_viewpoint a{ color: #ffffff;}
.viewpoint_tit{}
.viewpoint_box{ margin: .50rem -.39rem -.39rem; display:flex; flex-wrap: wrap;}
.viewpoint_block{ width:33.33%; padding: .39rem; text-align: center;}
.viewpoint_img{ position:relative; }
.viewpoint_img:before{ content:""; position: absolute; top:.20rem; left:.20rem; width: 100%; height: 100%; background: rgba(255,255,255, .30);}
.viewpoint_img .img_box{ padding-top: 75.16%;}
.viewpoint_item{display:inline-block; position: relative; margin-top: .50rem;}
.viewpoint_item:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.viewpoint_block a:hover .viewpoint_item:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.viewpoint_block a:hover .viewpoint_img:before{ top:0; left:0;}
.viewpoint_block a:hover .viewpoint_img img{ transform: scale(1.06); }
.viewpoint_load{ border-color:#D23232; background: #D23232; color:#ffffff; margin-top: .60rem;}
.viewpoint_load em:before{ 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.sec_more .iconfont{ font-size: 14px;}
.viewpoint_load:hover{ background: #ffffff; color:#D23232;}
.viewpoint_load:hover em:before{ background:#D23232; }

/*============================ 09 ============================*/   
/*===========contact_join=======*/  
.contact_post{ }
.contact_post .sec_bg{ background-color: #f5f6f8; background-attachment:local; background-size: auto;}
.post_list{ margin-top: .50rem;}
.post_block{ background: #ffffff; margin-bottom: .30rem;}
.post_block:last-child{ margin-bottom: 0;}
.post_head{ cursor: pointer; display:flex; align-items: center; justify-content: space-between; padding: .40rem .50rem;}
.post_item{ font-weight: 600;}
.post_look, .post_apply{ display:block; margin-left: auto; line-height: 30px;}
.post_look em, .post_apply em{ display: inline-block; font-style: normal; position: relative;}
.post_look{ color:#666666;}
.post_look .iconfont, .post_apply .iconfont{ display: inline-block; vertical-align: middle; border-radius: 50%; text-align: center; line-height: 30px; width: 30px; height: 30px; margin-right: .10rem;}
.post_look .iconfont{ font-size:20px; color: #DCDCDC;}
.post_apply{ color: #2d69a1; display: none;}
.post_apply .iconfont{ background: #2d69a1; color: #ffffff; font-size: 18px;}
.post_apply em:before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #E30920;
  -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);
} 
.post_apply:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.post_head:hover .post_look{ color:#2d69a1;}
.post_head:hover .post_look .iconfont{ color:#2d69a1;}
.post_con{ padding: 0 .50rem; display: none; color: #0E0509}
.post_over{ max-width: 1120px; padding: .50rem 0; border-top:1px solid #EAEAEA;;}
.post_block.active .post_head .post_look{ display: none;}
.post_block.active .post_head .post_apply{ display: block;}
/*===========contact_negotiation=======*/  
.contact_group{ padding-top: 1rem; padding-bottom: 1rem;}
.contact_negotiation{ padding-top: 0!important; padding-bottom: .50rem!important;}
.negotiation_tit{ color:#ffffff;}
.negotiation_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.20rem;}
.negotiation_list li{ width:33.33%; padding: .10rem;}
.negotiation_list li>a{ display: block; border-radius: 6px; color: #ffffff; padding: .10rem; /*background: rgba(255,255,255, 1); */ text-align: center;}
.negotiation_logo{ max-width: 130px; margin: 0 auto; -webkit-transition:transform .6s ease; transition:transform .6s ease; display:none;}
.negotiation_logo .icon_box{ padding-top: 64.61%;}
.negotiation_item{ margin-top: .20rem; font-weight: 600;}
.negotiation_website{ margin-top: .05rem;}
.negotiation_list li>a:hover{  border-radius: 6px; background: rgba(255,255,255, .10);}
/*.negotiation_list li>a:hover .negotiation_logo{ transform: rotateY(30deg);}*/
/*===========contact_consortium=======*/  
.contact_consortium{ padding-top: 0!important; padding-bottom: 0!important;} 
.consortium_box{ border-radius: 6px; height: 2.80rem; background:50% 0 no-repeat; background-size: cover; display:flex; align-items: center; justify-content: center;}
.consortium_con{ text-align: center;}
.consortium_tit{ margin-bottom: .15rem;}
.consortium_tit em{ display:block; font-style:normal; position:relative; padding-bottom: .15rem;}
.consortium_tit em:before{ content:""; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width: .45rem; height: 3px; background: #1E58AB;}
.consortium_tit i{ display:block; font-style:normal; line-height: 1; margin-top: .15rem; text-transform:uppercase; opacity: 0.3;}
.consortium_website{ font-weight:600;}
/*venobox_video*/
.venobox_video .vbox-backdrop{ background: rgba(0,0,0, .50)!important;}
.venobox_video .vbox-container{ overflow-y: auto;}
.venobox_video video{ object-fit: cover;}

/*team_group*/
.team_group{ margin-top: .60rem;}
.team_headline{ margin-bottom: .20rem;}
.team_headline .sec_deco, 
.team_headline .sec_tit{ display:inline-block; vertical-align: middle;}
.team_headline .sec_tit{ margin-top:0; margin-left: .15rem;}


/*2024/7/12*/
#chart01 .chart01_box, #chart01 .chart01_lines{ display:none!important;}
#chart01>img{ opacity:1;}
#chart02 .chart01_box, #chart02 .chart02_lines{ display:none!important;}
#chart02>img{ opacity:1;}