@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: "ATAura";
  src: url("../fonts/ATAura.woff2") format("woff2"),
       url("../fonts/ATAura.woff") format("woff"),
       url("../fonts/ATAura.ttf") format("truetype"),
       url("../fonts/ATAura.eot") format("embedded-opentype"),
       url("../fonts/ATAura.svg") format("svg");
}  
html,body {  
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
} 
html{
	font-size: 100px;
}
body {
    font-family:'Noto Sans SC', Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';
    font-size: 14px;
	line-height: 1.72;
    color: #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;}
em,i{font-style:normal;}
a:focus,input,select{outline:none;}
.clearfix{*zoom:1;}
.clearfix:after{content:"\200B";display:block;clear:both;height:0;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],button,select, textarea{ -webkit-appearance: none; font-family:'Noto Sans SC', Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{ opacity:0.80;}
h1,h2,h3,h4,h5,h6{font-weight:normal; padding:0; margin:0; font-size:14px; line-height:1.25; }
p,ul,ol{margin:0;}
header,main,footer,section{display:block;}

/*browserupgrade*/
.browserupgrade{display:block;position:fixed;top:-60px;opacity:0;left:0;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
.browserupgrade a.upgrade_close{display:block;position:absolute;top:0;right:0;z-index:10;width:60px;line-height:60px;text-align:center;color:#fff;font-size:40px;text-decoration:none;cursor:pointer;}
/*swiper*/  
.swiper-pagination { position: static; margin-top: .40rem;}  
.swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 5px; } 
.swiper-pagination-bullet-active{ background: #2D69A1;}

/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .img_box img, .icon_box img, .header_top, .header_line, .n_subclass{ 
	-webkit-transition:all .6s ease; transition:all .6s ease; 
}  
a,input[type="text"]{ -webkit-transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease; 
	transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease;
}

/*===================common========================*/  
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%; }
.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: #163769;
	overflow: hidden;
	z-index: 5000;
	color: #ffffff; 
	display: none;
} 
body.body_index .load{ display:block;}
.load.active{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: all 1s 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_text { 
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both;
}   
.load_logo{ display:inline-block; vertical-align: top; height: 62px; width: auto; }
.load_sign{ margin-top: 15px;}
.load_sign .icon_jiazai{ display: inline-block; vertical-align: middle; font-size:24px;
	-webkit-animation: loader 1s linear infinite;
	animation: loader 1s linear infinite; 
} 
@-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: 92%; max-width: 1300px; margin: 0 auto; } 
header{ position:fixed; left:0; top:0; z-index:1003; width:100%;}
header a{ color: #ffffff;}  
/*========= header_line =========*/   
.header_line{ position:relative; z-index: 2; height: 130px; line-height: 130px; }  
.header_line .inner{ display:flex; flex-wrap:nowrap;}
/*logo*/  
.logo{ } 
.logo a img{ vertical-align:middle; height: 62px; width:auto;  }  
/*=====nav_box=====*/
.nav_box{ margin-left: auto;}
.nav_con{}
.nav_func{ align-items:center; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255, .40); display: none;} 
.nav_func .menu_login{ display:none; margin-left: 0;}
.nav_closed{ margin-left: auto; display: block; width: 60px; line-height: 60px; text-align: right;}
.nav_closed .iconfont{ font-weight: bold; font-size: 20px;}
.nav_list{ display:flex; flex-wrap: wrap; margin: 0 -.21rem; }
.nav_list>li{ position: relative;}
.n_tit{ position: relative; z-index: 1;}
.n_tit a.n_a0{ display:block; position: relative; padding: 0 .20rem; font-size: 16px;} 
.n_tit a.n_a0:before{ content:""; position: absolute; top:0; left:0; width: 100%; height:120%; opacity: 0; visibility: hidden; pointer-events: none;}
.nav_list>li:hover .n_tit a.n_a0:before,
.nav_list>li.active .n_tit a.n_a0:before{ opacity: 1; visibility: visible; pointer-events: all;}
.n_tit a.n_a0 em{ display:inline-block; position: relative;} 
.n_tit a.n_a0 em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.nav_list>li:hover a.n_a0 em:before,
.nav_list>li.active a.n_a0 em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}    
.n_tit .iconfont{ position: absolute; top: 0; right: 0; z-index: 1; width: 50px; line-height: 50px; border-left: 1px solid rgba(255,255,255, .10); color:#ffffff; text-align: center; font-size: 14px; cursor: pointer; display: none;} 
.nav_list>li .n_collapsible{ position:absolute; top:100%; left:50%; transform: translateX(-50%); z-index: 2; width:100%; min-width: max-content; line-height: 1.72; padding: .20rem 0; background: rgba(22, 55, 105, .90); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;} 
.nav_list>li .n_collapsible:before{ content:""; position: absolute; top:0; left:50%; transform: translateX(-50%); width:3000px; height: 100%; background: rgba(22, 55, 105, .90); border-top:1px solid rgba(255,255,255, .20); pointer-events: none; display: none;}
/*.nav_list>li:nth-child(3) .n_collapsible:before{ display: block;}*/
.nav_list>li .n_collapsible .n_headline{ position: relative; z-index: 1; width: 100%; padding: 15px 0; margin-bottom: .30rem; border-bottom: 1px solid rgba(255,255,255, .30); display: none;}
.nav_list>li .n_collapsible .n_headline .n_headline_back{ cursor: pointer; display: block; color: #ffffff; }
.nav_list>li .n_collapsible .n_headline .n_headline_tit{ display: block; flex: 1 0 0; text-align: center; opacity: .70; font-size: 16px;}
.nav_list>li .n_collapsible .n_subclass>li{ text-align:center;}
.nav_list>li .n_collapsible .n_subclass>li a{ display: block; color: rgba(255,255,255, .70); padding:5px .20rem; }
.nav_list>li .n_collapsible .n_subclass>li a:hover{ background:rgba(255,255,255, .20); color: rgba(255,255,255, 1);}
.nav_list>li .n_collapsible .n_subclass>li a em{ position: relative; /*max-width: 90px; */display: block;}
.nav_list>li .n_collapsible .n_subclass>li a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255,255,255, 1);
  -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_list>li .n_collapsible .n_subclass>li a:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}*/
@media (min-width: 1000px){ 
	.n_tit .iconfont{ display:none!important;}
	.nav_list li:hover .n_collapsible,
	.nav_list li .n_collapsible.active{ opacity: 1; visibility: visible; pointer-events: all;} 
	
	header:hover .header_line{ background:rgba(22, 55, 105, 1); } 
	header.header_scroll .header_line{ height: 110px; line-height: 110px; background:rgba(22, 55, 105, 1); } 
	header.scollfox{ pointer-events: none;} 
	body.up header.scollfox{ pointer-events: all;} 
	header.scollfox .header_line{ transform: translateY(-100%); } 
	body.up header.scollfox .header_line{ transform: translateY(0); }
}
/*=====header_func=====*/
.header_func{ display: flex; flex-wrap: nowrap; align-items: center; margin-left: .30rem; }  
.func_menu{display: block; cursor: pointer; white-space:nowrap; margin-left: .10rem; text-transform: uppercase; text-align: center; line-height: 28px; border: 1px solid rgba(255,255,255, .50); border-radius: 15px; padding: 0 .20rem; min-width: .70rem;}  
.func_menu:hover, .func_menu.active{ background: #ffffff; border-color:rgba(255,255,255, .50); color: #50B9BC;}
/*menu_login*/
.menu_login{ background-color: #50B9BC; border-color: #50B9BC; color: #ffffff;}
/*menu_language*/
.menu_language{}
.menu_language a{ display: inline-block; padding: 0 .08rem;} 
/*menu_toggle*/
.menu_toggle{ display:none;}
.menu_toggle .iconfont{ vertical-align:bottom; font-size: 24px; }


/*============================ footer ============================*/  
footer{ background-color: rgba(22, 55, 105, 1); text-align: center; padding: .28rem 0; overflow: hidden;} 
footer, footer a{ color: rgba(255,255,255, .90);}
footer a:hover{ color: rgba(255,255,255, 1)!important;}
body.body_index footer,
body.body_index footer a{ color:rgba(255,255,255, .20);}
body.body_index footer{ background-color:transparent;}

/*float_menu*/
.float_menu{ position: fixed; bottom:10%; right: 1.72%; z-index: 1004; }
.float_menu li{ position: relative; margin-top: .15rem;}
.float_menu li a.f_m_a0{ display:block; border-radius:50%; background: #ffffff; border:1px solid #ffffff; color: #252525; box-shadow: 0 0 .20rem 0 rgba(0,0,0, .10); text-align: center; width:50px; height: 50px; line-height: 50px;}
.float_menu li a.f_m_a0 .iconfont{ font-size: 24px;}  
.float_menu li:hover a.f_m_a0{ background-color: #2D69A1; color: #ffffff;}
.float_menu li:hover .f_m_cover{ opacity:1; visibility: visible; pointer-events: all;}  

/*============================ 01 ============================*/  
body{ background: #f0f2f5;}
body.body_index{ background: url(../images/index_01.jpg) 50% 0 no-repeat; background-size: cover;}
main{ min-height: 100vh;}  
.sec_box{ position: relative; overflow: hidden; background: 50% 0 no-repeat fixed; background-size: cover;} 
.sec_func{ text-align: center;}
.sec_more{ display:inline-block; position: relative; overflow: hidden; text-align: center; min-width: 150px; line-height: 50px;
color: #ffffff; border: 1px solid #2D69A1; padding: 0 .20rem; -webkit-transition:color .6s ease; transition:color .6s ease; } 
.sec_more:before,
.sec_more:after{ content:""; position: absolute; bottom: 0; left: 0; transform: scale(0); width: 200px; height:200px; border-radius: 50%; background: #ffffff; } 
.sec_more:before{ transform: scale(2); background: #2D69A1;}
.sec_more em{ position: relative; z-index: 1;}
.sec_more:hover{ color: #2D69A1;} 
.sec_more:hover:after{ transform: scale(2);}
/*=======index_focus======*/  
.index_focus{ padding-top: 2.50rem; padding-bottom: 1.60rem;} 
.effect_swiper{ position:relative;} 
.focus_swiper{ overflow:hidden; position:relative;} 
.focus_swiper .swiper-slide{ position:relative; overflow:hidden; }
/*.focus_swiper .swiper-slide .swiper_inner{ height: 100%; overflow: hidden;}
.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{ width:100%; text-align: center; color:#FFFFFF;} 
.focus_txt{ }
.focus_txt li{ width:100%; position: relative; line-height: 1.30; display:none; }    
.focus_txt_cn{ font-weight:600; letter-spacing: -0.01em;}   
.focus_txt_cn i, .focus_txt_en i{ display:inline-block; vertical-align:middle; }
.show_tit i{ display:inline-block; vertical-align:text-bottom; transform:translateY(-50px); opacity:0; transition:all 1s ease-in-out 0s;}
.focus_txt_en{ margin-top: .10rem; opacity: .40;} 
.focus_txt_en i{ transform:translateX(-10px);}  
.focus_txt li.active{ display:block;} 
.show_tit.act i,
.focus_txt li.active .show_tit.act i{ transform:translateY(0); opacity:1;}
.focus_txt li.active .focus_txt_en.act i { transform:translateX(0);} */ 
.focus_swiper .swiper_arrow{ display:none;}
.focus_swiper .swiper-pagination{ display:none;}
.focus_txt{ width: 92%; margin: 0 auto; text-align: center; line-height: 1.30; color:#FFFFFF;} 
.focus_txt_cn{ font-weight:600; letter-spacing: -0.01em;}   
.focus_txt_en{ margin-top: .10rem; opacity: .40;} 
.focus_swiper .swiper-slide-active .focus_txt_cn{
	 -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;
}
.focus_swiper .swiper-slide-active .focus_txt_en{
	 -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;
}

/*focus_search*/
.focus_search{ max-width: 700px; margin: .70rem auto 0; } 
.focus_search .inner{ position: relative;}
.search_txt, .search_btn{ height: 60px; border-radius: .12rem; }
.search_txt{ width: 100%; background: #FFFFFF; padding: 15px 70px 15px 24px;}
input.search_txt::-webkit-input-placeholder{color:#999999;}
input.search_txt::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999999;}
input.search_txt:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#999999;}
input.search_txt:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999999;}
.search_btn{ width: 70px; text-align: center; cursor: pointer; position: absolute; top:0; right:0; z-index: 1; color: #E5E5E5;}
.search_btn .iconfont{ font-size: 30px; font-weight: 600;}
.search_btn:hover{ color: #50B9BC;}
 /*=======index_enter======*/  
.index_enter{ padding-bottom: .80rem;}
.enter_list{ display:flex; flex-wrap: wrap; margin: -.10rem;}
.enter_block{ width:33.33%; padding: .10rem;}
.enter_con{ display:block; position: relative; border-radius: .12rem;  height: 2.80rem; background-color:rgba(95, 168, 236, .90); color:#ffffff;}
.enter_con:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; border-radius: .12rem; background: rgba(0,0,0, .30); opacity: 0;}
.enter_list:hover .enter_con:before{ opacity: 1;}
.enter_block .enter_con:hover:before{ opacity: 0;}
.enter_icon{ width: .70rem; position: absolute; top: .30rem; right: .30rem;}
.enter_icon .icon_box, .enter_icon svg{ 
	-webkit-transition:opacity .6s ease; 
	transition:opacity .6s ease;
}
#enter_block01 .enter_con:hover .enter_icon .icon_box,
#enter_block05 .enter_con:hover .enter_icon .icon_box,
#enter_block06 .enter_con:hover .enter_icon .icon_box,
#enter_block07 .enter_con:hover .enter_icon .icon_box{
	-webkit-animation: 1s .2s flipInY both;
	animation: 1s .2s flipInY both;
}
.enter_icon svg{ display:block; position: absolute; top:0; left:0; background-color:transparent;}
.enter_tit{ position: absolute; bottom: .35rem; left:.40rem;}
.enter_tit em{ display:block; text-transform: uppercase;}
.enter_tit i{ display:block; font-weight: 600; margin-top: .10rem;}
#enter_block02 .enter_con,
#enter_block03 .enter_con,
#enter_block04 .enter_con{ padding: 0; height: 3.72rem;}
#enter_block02 .enter_con{ background-color: rgba(44, 171, 184, .90); }
#enter_block03 .enter_con{ background-color: rgba(39, 85, 174, .90); }
#enter_block04 .enter_con{ background-color: rgba(86, 58, 173, 1); }
#enter_block02 .enter_con .enter_icon,
#enter_block03 .enter_con .enter_icon,
#enter_block04 .enter_con .enter_icon{ width: 2.60rem; top:0; }
#enter_block02 .enter_con .enter_icon,
#enter_block03 .enter_con .enter_icon{ right: .40rem;} 

#enter_block05, #enter_block06, #enter_block07{ width:22.22%;}
#enter_block05 .enter_con{ background-color: rgba(232, 233, 237, 1); color: #333333;}
#enter_block06 .enter_con{ background-color: rgba(85, 180, 235, 1);}
#enter_block07 .enter_con{ background-color: rgba(66, 88, 148, 1); }
#enter_block02 .enter_con:hover .enter_icon .icon_box,
#enter_block03 .enter_con:hover .enter_icon .icon_box,
#enter_block04 .enter_con:hover .enter_icon .icon_box{ opacity: 0;}
#enter_block02 .enter_con .enter_icon svg,
#enter_block03 .enter_con .enter_icon svg,
#enter_block04 .enter_con .enter_icon svg{ opacity: 0; width:100%; height: 100%;}
#enter_block02 .enter_con:hover .enter_icon svg,
#enter_block03 .enter_con:hover .enter_icon svg,
#enter_block04 .enter_con:hover .enter_icon svg{ opacity: 1;}
#enter_block02 .enter_con .enter_icon svg{ fill:rgba(65, 172, 186, 1);}
#enter_block03 .enter_con .enter_icon svg{ fill:rgba(255, 255, 255, .10);}
#enter_block04 .enter_con .enter_icon svg{ fill:rgba(15, 28, 56, 1);}
#enter_block02 .enter_con .enter_icon svg path{
	stroke-dasharray: 4800;
    stroke-dashoffset: 0;  
    stroke-width: 15;
	fill: transparent;
    stroke: rgba(65, 172, 186, 1);
}
#enter_block02 .enter_con:hover .enter_icon svg path{
	animation: animate-achievement 2.5s linear forwards;
}
@keyframes animate-achievement{
	0%{
		 stroke-dashoffset: 0; 
	}
	40%{
		 stroke-dashoffset: 4800; 
	}
	80%{
		 stroke-dashoffset: 9600; 
		fill: transparent;
	}
	100%{
		 stroke-dashoffset: 9600; 
		fill: rgba(65, 172, 186, 1);
	}
}
#enter_block03 .enter_con .enter_icon svg path{
	stroke-dasharray: 4800;
    stroke-dashoffset: 0;  
    stroke-width: 15;
	fill: transparent;
    stroke: rgba(255, 255, 255, .10);
}
#enter_block03 .enter_con:hover .enter_icon svg path{
	animation: animate-list 2.5s linear forwards;
}
@keyframes animate-list{
	0%{
		 stroke-dashoffset: 0; 
	}
	40%{
		 stroke-dashoffset: 4800; 
	}
	80%{
		 stroke-dashoffset: 9600; 
		fill: transparent;
	}
	100%{
		 stroke-dashoffset: 9600; 
		 fill: rgba(255, 255, 255, .10);
	}
}
#enter_block04 .enter_con .enter_icon svg path{
	stroke-dasharray: 4800;
    stroke-dashoffset: 0;  
    stroke-width: 15;
	fill: transparent;
    stroke: rgba(100, 74, 181, 1);
}
#enter_block04 .enter_con:hover .enter_icon svg path{
	animation: animate-team 2.5s linear forwards;
}
@keyframes animate-team{
	0%{
		 stroke-dashoffset: 0; 
	}
	40%{
		 stroke-dashoffset: 4800; 
	}
	80%{
		 stroke-dashoffset: 9600; 
		fill: transparent;
	}
	100%{
		 stroke-dashoffset: 9600; 
		 fill: rgba(100, 74, 181, 1);
	}
}

@media (min-width: 768px){
	#enter_block04{ margin-top: -.92rem;}
} 

/*============================ 02 ============================*/  
.author{ display:block; height: 130px; margin-top: -130px;}
/*=======banner_wrap======*/ 
.banner_wrap{ position: relative; /*height: 6.50rem;*/ }
.banner_img{ padding-top: 33.85%; min-height: 180px; background: 50% 0 no-repeat fixed; background-size: cover; }
.banner_img img{ display:none;}
.banner_cover{ position: absolute; bottom: 18%; left:0; z-index: 1; width: 100%; color: #ffffff;}
.banner_tit{ -webkit-animation: 1s .2s fadeInLeft both; animation: 1s .2s fadeInLeft both;}
/*=======guide_wrap======*/ 
.guide_wrap{ background-color: #ffffff; /*height: 80px; line-height: 80px;*/ } 
.guide_wrap_dif{ background-color: transparent; margin-bottom: -80px;}
.guide_wrap .inner{ display:flex;}
.guide_nav{ flex:1 0 0; overflow: hidden; margin-right: .30rem;}
.nav_scroll{ display:flex; margin-left: -.14rem; margin-right: -.14rem; } 
.nav_scroll li{ white-space: nowrap; padding-left: .14rem; padding-right: .14rem;}
.nav_scroll li a{ display:block; position: relative; }
.nav_scroll li a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;  
  background: #003893;
  -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_scroll li:hover a:before,
.nav_scroll li.active a:before{
  -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: #003893;}
.guide_location{ margin-left: auto; margin-right: -.16rem; color: #5084C4;}
.guide_location a{ display: inline-block; position: relative; padding: 0 .16rem;}
.guide_location a:before{ content: "\e647"; font-family:"iconfont"; font-size:15px; font-weight: bold; color: #5084C4; position: absolute; top:50%; right:-7px; transform: translateY(-50%); }
.guide_location a:last-child:before{ display:none;}
.guide_location a.location_home{ color: #5084C4; padding-right: 0;}
.guide_location a.location_home:before{ display:none;}
.guide_location a.location_home .icon_shouye{ vertical-align: baseline; font-size: 18px; margin-right: -.06rem;}
/*.guide_location a:hover, .guide_location a.active{ color: #003893;}*/
/*=======sub_wrap======*/  
.sub_wrap{ padding: .90rem 0;}
/*screen_box*/
.screen_box{ margin: -.15rem 0 .35rem;}
.screen_block{ display:flex; line-height: 40px; padding: .15rem 0;}
.screen_block dt{ color: #999999;}
.screen_block dd{flex:1 0 0; overflow: hidden; display:flex; flex-wrap: wrap; margin-left: .30rem;}
.screen_block dd a{ display:inline-block; border-radius: 6px; padding: 0 .20rem; }
.screen_block dd a.screen_all{ padding: 0 .26rem; margin-right: .10rem;}
.screen_block dd a:hover{ color: #003893;}
.screen_block dd a.active{ background: #E2E8F1; color: #003893;}
/*common_box*/
.common_box{ }
.common_block{ margin-top: .20rem; padding: .30rem; background: #ffffff; display:flex; align-items: center; -webkit-transition:box-shadow .6s ease; transition:box-shadow .6s ease;}
.common_block:first-child{ margin-top:0;}
.common_block:hover{ box-shadow: 0px 15px 16px 0px rgba(19,36,61,0.09);}
.common_time{ width:.90rem; min-width: 70px; font-weight: 600; color: #999999; /*padding-right: .30rem;*/}
.common_con{ flex:1 0 0; overflow: hidden; min-height: 50px; padding: 0 .30rem; border-left:1px solid #DCDCDC;}
.common_tit a{ display:block; line-height: 24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight: 500;}
.common_des{ color: #999999; line-height: 24px; margin-top: .10rem; position: relative;}
.common_more{ /*position: absolute; top: 0; left: 0;*/ width: 100%; background: #ffffff; }
.common_link{ margin-left: auto; display: flex;}
.link_menu{ display:block; min-width: 50px; line-height: 45px; text-align: center; background-color: #F0F0F0; font-weight: bold; color: #294FA1; border-radius: 6px; margin-left: .10rem;}
.link_menu:first-child{ margin-left:0;}
.link_view{ background-color:transparent!important; font-weight: normal; color: #000000;}
.link_view .iconfont{ font-size: 26px; opacity:.20; margin-right: .08rem; -webkit-transition:opacity .6s ease; transition:opacity .6s ease;} 
.link_pdf{ font-size: 16px; margin-left: .20rem;}
.link_load{}
.link_load .iconfont{ font-size: 20px;} 
.common_block:hover .common_tit a,
.common_block:hover .link_view{ color: #003893;} 
.common_block:hover .link_pdf{ background-color: #003893; color: #ffffff;}
.common_block:hover .link_load{ background-color: #509EB9;; color: #ffffff;}
.policy_box{}
.achievement_box{}
/*paging*/
.paging{ margin-top: .50rem; display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.paging a{ display: inline-block; min-width: 38px; line-height: 34px; border: 1px solid #C9C9C9; margin: 2px;}
.paging a:hover, .paging a.active{ background-color: #999999; color:#ffffff;}
.paging a.paging_btn{ border:none; background-color:transparent; color: #C9C9C9;}
.paging a.paging_btn .iconfont{ font-size: 14px;}
.paging a.paging_btn:hover{ color: #003893;}
/*list_box*/
.list_box{}
.list_block{ margin-top: .30rem;}
.list_block:first-child{ margin-top:0;}
.list_area{ display:block; padding: .35rem .30rem; background: #ffffff; -webkit-transition:box-shadow .6s ease; transition:box-shadow .6s ease;}
.list_area:hover{ box-shadow: 0px 15px 16px 0px rgba(19,36,61,0.09); color: #003893;}
.list_time{ display:block; color: #333333;}
.list_tit{ margin-top: .10rem;} 
.list_des{ color: #999999; margin-top: .10rem; line-height: 26px; position: relative;}
.list_more{ display: inline-block; position: relative; color: #114EB1; margin-top: .20rem;}
.list_more:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 90%;
  left: 0;  
  background: #114EB1;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.list_area:hover .list_more:before{
  -webkit-transform-origin: right top;
  transform-origin: right top; 
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
/*team_board*/
.team_board{ padding:.40rem .50rem;}
/*team_academic*/
.team_academic{ }
.member_list{} 
.member_block a{ display:flex; align-items: center; overflow: hidden; position: relative;}
.member_img, .member_info{ position:relative; z-index: 2;} 
.member_img .img_box{ padding-top: 124.44%;}
.member_info{ flex: 1 0 0; overflow: hidden;}
.member_tit{ font-weight:600; display: inline-block; position: relative;}
.member_tit:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;  
  background: #333333;
  -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);
} 
.member_block a:hover .member_tit:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.member_post{ line-height: 1.50; margin-top: .10rem;}
.member_des{ line-height: 1.50; color: #003EA2; }
.member_des li{ margin-bottom: .08rem;}
.member_des li:last-child{ margin-bottom: 0;}
.member_block a:hover .member_img .img_box img{ transform: scale(1.06); }
.academic_list{ }
.academic_list .member_block{ margin-top: .40rem;}
.academic_list .member_block:first-child{ margin-top: 0;}
.academic_list .member_block a{ padding: .25rem; background: linear-gradient(90deg, #ffffff 0%, #e0e7f1 90%); box-shadow: 0px 25px 43px 0px rgba(19,36,61,0.09);}
.academic_list .member_block a:before{ content:""; position: absolute; top:0; right:0; width: 100%; height: 100%; background: url(../images/team_04.png) right bottom no-repeat; background-size: contain;}
.academic_list .member_img{ width:2.25rem; min-width: 120px; margin-right: .60rem;}
.academic_list .member_des{margin-top: .20rem;}
/*team_department*/
.team_department{}
.department_foreword{ line-height: 1.50; margin-bottom: .50rem;}
.department_list{ display:flex; flex-wrap:  wrap; align-items: stretch; margin: -.20rem;}
.department_list .member_block{ width:50%; padding: .20rem;}
.department_list .member_block a{ height: 100%; padding: .30rem; background: #ffffff;  }
.department_list .member_block a:before{ content:" "; position: absolute; top:0; left:0; width: 150%; height: 100%; background: linear-gradient(90deg, #ffffff 0%, #e0e7f1 120%); opacity: 0;}
.department_list .member_img{ width: 1.50rem; min-width: 120px; margin-right: .30rem;}
.department_list .member_des{margin-top: .10rem;}
.department_list .member_block a:hover{ box-shadow: 0px 25px 43px 0px rgba(19,36,61,0.09); }
.department_list .member_block a:hover:before{ width: 100%; opacity: 1;}
/*activity_list*/
.activity_list{ }
.activity_block{ margin-top: .40rem; }
.activity_block:first-child{ margin-top: 0;}
.activity_block a{ display: flex; background: #ffffff; padding: .40rem .65rem .40rem .40rem;}
.activity_img{ display: block; width:43.69%; margin-right: .50rem; }
.activity_img .img_box{ padding-top: 60.15%;}
.activity_info{ flex:1 0 0; padding-top: .15rem;}
.activity_time{ font-weight: 600; color: #999999;}
.activity_tit{ font-weight: 500; line-height: 36px; max-height: 72px; margin-top: .10rem;}
.activity_des{ color: #999999; line-height: 30px; max-height: 60px; margin-top: .15rem;}
.activity_block a:hover{ color: #003893; box-shadow: 0px 25px 43px 0px rgba(19,36,61,0.09);}
.activity_more{ display:inline-block; position: relative; overflow: hidden; text-align: center; min-width: 130px; line-height: 44px;
border: 1px solid #DCDCDC; border-radius: 6px; padding: 0 .20rem; -webkit-transition:color .6s ease; transition:color .6s ease; margin-top: .45rem; } 
.activity_more:before,
.activity_more:after{ content:""; position: absolute; bottom: 0; right: 0; transform: scale(0); width: 200px; height:200px; border-radius: 50%; background: #ffffff; } 
.activity_more:before{ transform: scale(0); background: #003893;}
.activity_more em{ position: relative; z-index: 1;}
.activity_more:hover,
.activity_block a:hover .activity_more{ color: #ffffff;} 
.activity_more:hover:before,
.activity_block a:hover .activity_more:before{ transform: scale(2);}
/*article*/
.article{}
.article_tit{ font-weight: 600;}
.article_time{ margin-top: .20rem;}
.article_head{ padding-bottom: .45rem; border-bottom: 1px solid #E5E5E5; margin-bottom: .40rem;}
.article_con{ line-height: 2;}
.article_bot{ margin-top: .60rem;}
.article_nav{}
.article_nav li{ border-bottom: 1px solid #E5E5E5;}
.article_nav li:last-child{ border:none;}
.article_nav li a{ display:flex; flex-wrap: wrap; padding: .15rem 0; color: #003893; }
.article_nav li a .iconfont{ display:inline-block; text-align: center; line-height: 24px; width: 26px; height: 26px; border: 1px solid #D2D2D2; border-radius: 50%; margin-right: .15rem; font-size: 14px; color: #898989; -webkit-transition:color .6s ease, border .6s ease; transition:color .6s ease, border .6s ease;}
.article_nav li a p{ flex:1 0 0; }
.article_nav li a:hover .iconfont{ border-color: #003893; color: #003893;}
/*body_about*/
.body_about{ background: url(../images/about_01.jpg) center top no-repeat; background-size: cover;}
.about_wrap{ color: #ffffff; }
.about_wrap a{ color: #ffffff; }
.about_focus{ text-align: center; padding-top: 2.60rem;}
.about_tit{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both; }
.about_forewords{ font-weight: 600; line-height: 1.60; margin-top: .50rem; -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}
.about_diagram{ margin-top: 2.80rem; margin-bottom: 3rem; -webkit-animation: 1s .6s fadeIn both; animation: 1s .6s fadeIn both; position: relative;}
.about_diagram img{ margin: 0 auto; /*width: 100.77%; margin-left:-0.385%; max-width: 1310px;*/}
.diagram_phone{ display:none;}
.diagram_box{ }
.level_depart{  position: relative; z-index: 1; border-radius: .20rem; background: rgba(0, 56, 147, .77); height: .85rem; display:flex; align-items: center; justify-content:center;}
.diagram_box a{ display:block; color: #ffffff; text-align: center; font-weight: 500; line-height: 1.50;}
.level01{ display: flex; align-items: center; justify-content: flex-end;}
.level01_depart01{ width: 33.65%;}
.level01_depart02{ width: 27.70%; }
.level_sign{ width: .50rem; height: .50rem; background: center center no-repeat; background-size: contain; margin: 0 auto;}
.level01_sign{ margin: 0 1.03%; background-image: url(../images/about_arrow01.png);}
.level02{ display: flex; align-items: center; justify-content: center; position: relative;}
.level02_sign{ margin-top: .18rem; margin-bottom: .18rem; background-image: url(../images/about_arrow02.png);}
.level02_depart01{ width: 27.70%;}
.level03{ margin-top: .65rem; position: relative;}
.level03:before{ content:""; position: absolute; bottom: 100%; left:9%; margin-bottom: -.13rem;  width: 27.50%; height: 1.08rem; border: .02rem dashed #ffffff; border-bottom:none; border-right:none; border-radius: .20rem 0 0 0; /*background: url(../images/about_line.png) center top no-repeat; background-size: contain;*/}
.level03:after{ content:""; position: absolute; bottom: 100%; right:9%; margin-bottom: -.13rem; width: 27.50%; height: 1.08rem; border: .02rem dashed #ffffff; border-bottom:none; border-left:none; border-radius: 0 .20rem 0 0;}
.level03_list{ display:flex; flex-wrap: wrap; justify-content: center; margin: -.14rem;}
.level03_block{ width: 20%; padding: .14rem;}
.level03_block a{ display: flex; align-items: center; border-radius: .20rem; background: rgba(0, 56, 147, .77); position: relative; z-index: 1; height: 2.74rem; }
.level03_block a:before{ content:""; position: absolute; bottom: 100%; left:50%; transform: translateX(-50%); width: 2px; height: 1.03rem; border-left: .02rem dashed #ffffff;}
.level03_block:first-child a:before,
.level03_block:last-child a:before{ display: none;}
.level03_block:nth-child(3) a:before{ height: 0.65rem;}
.level03_con{ width: 100%;}
.level03_icon{ max-width:1rem; margin: 0 auto .26rem;}

/*contact_recruit*/
.contact_recruit{ }
.recruit_info{line-height: 2.25; word-break: break-all;}
.recruit_tit{ text-align:center; font-weight: 600; margin-bottom: .30rem;}
.recruit_load{ text-align: center; margin-top: .60rem;}
.recruit_load a{ display: inline-block; padding: .16rem .30rem; line-height:2.15; background: #294FA1; color: #ffffff; border-radius: 8px;}
.recruit_load a .iconfont{ display: inline-block; overflow: hidden; position: relative; font-size: 26px; line-height: 1; margin-right: .15rem;}
.recruit_load a .iconfont:before{ display: inline-block;}
.recruit_load a .iconfont:after{ content:"\e601"; position: absolute; top:50%; left:50%; transform: translate(-50%,-150%); font-family:"iconfont"; font-size: 28px;} 
.recruit_load a:hover{ background: #003893;}
.recruit_load a:hover .iconfont:before{ transform: translate(0%,150%); }
.recruit_load a:hover .iconfont:after{ transform: translate(-50%,-50%); }
/*contact_way*/
.contact_way{}
.way_list{ display:flex; justify-content: space-around; margin: -.20rem;}
.way_list li{ padding: .20rem;}
.way_tit{}
.way_icon{ display: block; width: 46px; height: 46px; line-height:40px; text-align: center;  border-radius: 50%; border: 2px solid #003893; color: #003893; margin-top: .20rem;}
.way_icon .iconfont{ font-size: 28px;}
.way_des{ font-weight: 600; color: #003893; margin-top: .25rem;}
.way_map{ margin-top: .80rem; background: #000000;}
#map_box {width: 100%; height: 5.60rem; font-size: 14px; opacity: .94; }
.BMap_shadow img { display: none;}
 /*地图标题*/
.BMap_bubble_title {
	color:white;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	padding: 10px;
	border-bottom:1px solid rgba(0,0,0, .10);
	background-color:#0066b3;
}
/* 消息内容 */
.BMap_bubble_content {
	background-color:white;
	border: 1px solid #ababab; 
	padding:10px;
	border-radius: 7px;
}
/* 内容 */
.BMap_pop div:nth-child(9) {
	top: 42px !important;
	border-radius:7px 7px 0 0;
}
/* 左上角删除按键 */
.BMap_pop img {
	top:43px !important;
	left:215px !important;
}
.BMap_top {
	display:none;
}
.BMap_bottom {
	display:none;
}
.BMap_center, .BMap_center+div {
	display:none;
}
/* 隐藏边角 */
.BMap_pop div:nth-child(1) div {
	display:none;
}
.BMap_pop div:nth-child(3) {
	display:none;
}
.BMap_pop div:nth-child(7) {
	display:none;
}

/*2014/04/25*/   
.ellipsis {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical; 
}
.collapse{ position: relative; right:0; bottom: 0; cursor: pointer; background: #ffffff; } 
.collapse em{ color: #003893;}
.ellipsis .collapse{ padding-left: 0;  position: absolute;}
.ellipsis02 {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; 
}
.collapse02{ position: relative; right:0; bottom: 0; cursor: pointer; background: #ffffff; } 
.collapse02 em{ color: #003893;}
.ellipsis02 .collapse02{ position: absolute;}
/*search_img*/
.search_box{} 
.search_img{ width: 1.60rem; min-width: 120px; margin-right: .30rem;}
.search_img .img_box{ padding-top: 124.44%;} 
.search_block .common_con{ display:flex; align-items: center;}
.search_text{ flex:1 0 0; overflow: hidden; } 
.search_text .common_link{ margin-top: .20rem;}


@media (min-width: 768px){  
	.guide_wrap{ line-height: 29px; padding:23px 0;}
	.nav_scroll{ display:block; width: -webkit-calc(100% + .28rem)!important; height: calc(100% + .28rem)!important; margin-top: -5px; margin-bottom: -5px;}
	.nav_scroll li{ float:left; padding-top: 5px; padding-bottom: 5px; }
	.f_tit .iconfont{ display:none!important;}  
}