@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: "dinengschriftstd";
  src: url("../fonts/dinengschriftstd.woff2") format("woff2"),
       url("../fonts/dinengschriftstd.woff") format("woff"),
       url("../fonts/dinengschriftstd.ttf") format("truetype"),
       url("../fonts/dinengschriftstd.eot") format("embedded-opentype"),
       url("../fonts/dinengschriftstd.svg") format("svg");
} 
@font-face {
  font-family: "AkzidenzGroteskBQ-XBdCnd";
  src: url("../fonts/AkzidenzGroteskBQ-XBdCnd.woff2") format("woff2"),
       url("../fonts/AkzidenzGroteskBQ-XBdCnd.woff") format("woff"),
       url("../fonts/AkzidenzGroteskBQ-XBdCnd.ttf") format("truetype"),
       url("../fonts/AkzidenzGroteskBQ-XBdCnd.eot") format("embedded-opentype"),
       url("../fonts/AkzidenzGroteskBQ-XBdCnd.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;  
}  
img{
	border:none;
	display:inline-block;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	_width:auto;
}
button,input,textarea,select{
	border:none;
	background:none;
	font-size:14px;
	vertical-align:middle;
	color:#333333; 
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#252525;}
a:hover,a:active,a:focus{text-decoration:none;}
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: .60rem;}  
.swiper-pagination-bullet {width: 16px; height: 16px; position: relative; background: none; margin: 0 .06rem; opacity: 1;}
.swiper-pagination-bullet:before{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:50%; height: 50%; border-radius: 50%; background: #00499a; border:3px solid transparent;}
.swiper-pagination-bullet-active:before{width: 100%; height: 100%; background: #ffffff; border-color: #f0f0f0;}
.swiper-pagination-bullet .circ { position: absolute; top:0; left:0; z-index:2; transform:  scale(1) rotate(-90deg); transition: transform 2s ease;}
.circ circle {stroke-dasharray: 440px;}
.swiper-pagination-bullet .circ1 {stroke-dashoffset: 440px;} 
.swiper-pagination-bullet-active .circ {transform: scale(1) rotate(-90deg);}
.swiper-pagination-bullet-active .circ1 {stroke-dashoffset: 220px; transition: linear 10s stroke-dashoffset;}
.swiper_arrow div{ display:block; overflow: hidden; width:60px; height: 60px; line-height: 60px; text-align: center; color: #ffffff; font-weight: bold;} 
.swiper_arrow div:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #ffffff; z-index: -1; -webkit-transition:all .6s ease; transition:all .6s ease; transform: scale(0);}
.swiper_arrow div:after{ content: "";  position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border:2px solid rgba(255,255,255, .35);}
.swiper_arrow div:hover{ color: #223282;}
.swiper_arrow div:hover:before{ transform: scale(1);} 

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

/*===================common========================*/  
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%; }
.img_box img{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover;}
/*ico_box*/
.ico_box{position:relative;display:block; height:0; padding-top:100%;}
.ico_box img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;height:auto; max-width:100%; max-height: 100%;}
/*line_single*/
.line_single{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
/*line_multi*/
.line_multi{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 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: #00499a; 
	/*display: none;*/
} 
/*body.body_index .load{ display:block;}*/
.load.active{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: all 0.8s cubic-bezier(.77, 0, .175, 1);
	-o-transition: all 0.8s cubic-bezier(.77, 0, .175, 1);
	transition: all 0.8s cubic-bezier(.77, 0, .175, 1)
} 
.load_con{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)!important; text-align: center;}
.load_text { 
	-webkit-animation: 0.8s .2s fadeInUp both;
	animation: 0.8s .2s fadeInUp both;
}   
.load_logo{ display:inline-block; vertical-align: top; height: 54px; width: auto; }
.load_sign{ margin-top: 20px;}
.load_sign .icon_jiazai{
	 display: inline-block;
	vertical-align: middle;
	line-height: 1;
	-webkit-animation: loader 0.8s linear infinite;
	animation: loader 0.8s linear infinite;
	font-size: 30px; 
} 
@-webkit-keyframes loader {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes loader {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
/*===================header========================*/
.inner{ width: 85%; margin: 0 auto; max-width: 1600px;}
.inner_w2{ max-width: 1366px;} 
header{ position:fixed; left:0; top:0; z-index:1003; width:100%;}
.header_line{ display:flex; flex-wrap:nowrap; position:relative; z-index: 1; background: rgba(255,255,255, .90); border-bottom: 1px solid #e5e5e5; height: 100px; line-height: 100px; }  
.header_line a{ color: #000000;}
/*=========logo && nav && menu_toggle =========*/   
/*logo*/  
.logo{ margin: 0 4.17% 0 2.60%;}   
.logo a img{ vertical-align: middle; height: 54px; width:auto;} 
/*nav*/
.nav_box{ }
.nav_con{}
.nav_func{ padding: 0 .30rem; border-bottom: 1px solid #e5e5e5; display: none;} 
.nav_closed{ margin-left: auto; display: block; width: 80px; line-height: 80px; text-align: right;}
.nav_closed .iconfont{ font-weight: bold; font-size: 20px;}
.nav{ display:flex; margin: 0 -.30rem; }
.nav li{ position: relative;}
.n_tit{ position: relative; z-index: 1;}
.n_tit a.n_a0{ display:block; padding: 0 .30rem;} 
.n_tit a.n_a0 em{ display:block; position: relative;} 
.n_tit a.n_a0 em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #00499a;
  -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 li:hover a.n_a0 em:before,
.nav 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 #e5e5e5; text-align: center; font-size: 14px; cursor: pointer; display: none;}
.n_tit .iconfont:hover{color: #00499a;}
.nav li:hover .n_tit a.n_a0,
.nav li.active .n_tit a.n_a0{ color: #00499a;}
.nav li .n_collapsible{ position:absolute; top:100%; left:0; z-index: 2; width:100%; min-width: max-content; font-size: 14px; line-height: 24px; margin-left: .30rem; padding: .30rem 0 .70rem; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}  
.nav li .n_collapsible:before{ content:""; position: absolute; top:0; left:50%; transform: translateX(-50%); width:3000px; height: 100%; background: rgba(255,255,255, .90); pointer-events: none; display: none;}
.nav li:nth-child(2) .n_collapsible:before{ display: block;}
.nav li .n_collapsible .n_headline{ position: relative; z-index: 1; width: 100%; padding: 15px 0; margin-bottom: .30rem; border-bottom: 1px solid #e5e5e5; display: none;}
.nav li .n_collapsible .n_headline .n_headline_back{ cursor: pointer; display: block; }
.nav li .n_collapsible .n_headline .n_headline_tit{ display: block; flex: 1 0 0; text-align: center; opacity: .70; font-size: 16px;}
.nav li .n_collapsible .n_subclass a{ display: block; color: #333333; padding:3px 0; }
.nav li .n_collapsible .n_subclass a:hover{ color: #00499a;}
.nav li .n_collapsible .n_subclass a em{ position: relative;}
.nav li .n_collapsible .n_subclass a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #00499a;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.nav li .n_collapsible .n_subclass a:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
@media (min-width: 1200px){ 
	.n_tit .iconfont{ display:none!important;}
	.nav:hover .n_collapsible,
	.nav .n_collapsible.active{ opacity: 1; visibility: visible; pointer-events: all;}
}
/*=========header_func=========*/ 
.header_func{ margin-left: auto; display: flex; flex-wrap: nowrap;}  
.func_menu{display: block; cursor: pointer; text-align: center; text-transform: uppercase; border-left:1px solid #e5e5e5; min-width: .95rem; padding: 0 .30rem;} 
.func_menu .iconfont{ vertical-align: bottom; font-size: 24px;} 
.func_menu em{ margin-left: .10rem;}
.menu_language em{ margin-left: 0;}
.func_menu:hover, .func_menu.active{ background: #004a9a; color: #ffffff;}
/*menu_toggle*/
.menu_toggle{ } 
#menu_pc{}
#menu_phone{ display:none;}
/*menu_language*/
.menu_language{}
/*menu_search*/ 
.menu_search{ } 
.menu_search .iconfont{ font-size: 22px; }
.cover_wrap{ position: fixed; top:0; right:0; z-index: 2; width: 100%; height: 100vh; background: #004a9a url(../images/cover_bg.jpg) center bottom no-repeat; background-size: cover; color: #ffffff; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.cover_wrap.active{ opacity: 1; visibility: visible; pointer-events: all;}
.cover_wrap a{ color:#ffffff;}
.cover_head{ width: 100%; height: 140px; position: relative; z-index: 20;}
.cover_head .inner{ position: relative; height: 100%;}
.cover_closed{ display: block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 50px; line-height: 50px; text-align: right;}
.cover_closed .iconfont{ font-weight: bold; font-size: 20px; -webkit-transition:all 0.6s ease!important; transition:all 0.6s ease!important;}
.cover_closed:hover .iconfont{ transform: rotate(90deg);}
.cover_box{ height: -webkit-calc(100% - 140px); height: calc(100% - 140px); display:flex; justify-content: center;}
.cover_range{ height: 100%; overflow: hidden; margin: 0 auto;}
.search_cover{ } 
.search_cover .cover_box{ align-items: center;}
.search_cover .cover_head{ position: absolute; top:0; left:0; }
.search_cover .cover_range{ max-width:860px; text-align: center;}
.search_tit{ font-weight: 500;}
.search_func{}
.search_form{ position: relative; margin-top: .55rem; display: flex; align-items: stretch; background: #ffffff; height: 60px; border-radius: 30px;}
.search_ico .iconfont{ position: absolute; top:50%; left:30px; transform: translateY(-45%); font-size: 22px; color: #333333;}
.search_txt{ display: block; width: 100%; height: 100%; padding-left: 60px; color: #333333; font-size: 16px; }
.search_btn{cursor: pointer; flex: none; margin-left: auto; padding: 0 .30rem; height: 100%; background: #1458E4; color: #ffffff; border-radius: 0 30px 30px 0;}
.search_btn .iconfont{ font-size: 22px; margin-left: .10rem;}  
@media (min-width: 1441px){
	.menu_status{ padding: 0 .45rem;}
}
@media (min-width: 768px){  
	.f_tit .iconfont{ display:none!important;}
}
/*header_scroll*/
header.scollfox .header_line{ transform: translateY(-100%); } 
body.up header.scollfox .header_line{ transform: translateY(0); }
/*header .header_line:hover,
header.header_scroll .header_line,
header.header_open .header_line{ height: 90px; line-height: 90px;}  */    

/*============================ footer ============================*/  
footer{ overflow: hidden; } 
/*=======footer_cooper======*/ 
.footer_cooper{ padding-top: .60rem; padding-bottom: .60rem; background: url(../images/footer_cooper.png) 50% 50% no-repeat; background-size: cover; color: #ffffff;}
.cooper_tit{ display: inline-block; vertical-align: middle;}
.cooper_looking{ display: inline-block; vertical-align: middle; overflow: hidden; position: relative; background: #ffffff; border:1px solid #ffffff; color: #004a9b; padding: 0 .40rem; height: 50px; line-height: 48px; border-radius: 25px; font-weight: 500; font-weight: bold; margin-left: .70rem;}
.cooper_looking:before{ 
   content: ""; position: absolute; left: -10%; top: -10%; z-index: 1; width: 120%; height: 120%; border-radius:20px; background: #004a9b;
  -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);
} 
.cooper_looking:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.cooper_looking .iconfont{ position:relative; z-index: 1; font-size: 20px; margin-right: .12rem;}
.cooper_looking em{ position:relative; z-index: 1;}
.cooper_looking:hover{ color: #ffffff;}
/*=======footer_box======*/ 
.footer_box{}
.footer_top{ padding-top: .50rem; padding-bottom: .50rem; min-height: 3.70rem;}
.footer_top .inner{ display: flex; flex-wrap: wrap;}
.footer_logo{}
.footer_logo img{ height: 54px; width: auto;}
.footer_nav{ margin-left: auto; display: flex; width: 55%; max-width: 780px;}
.footer_nav li{ flex: 1 0 0;} 
.footer_nav li:last-child{ flex: none;} 
.f_tit{ position: relative;}
.f_tit a.f_a0{ display: block; font-weight: 500;}
.f_tit a.f_a0:hover{ color: #00499a;}
.f_tit .iconfont{ position: absolute; top: 0; right: 0; z-index: 1; width: 40px; line-height: 40px; border-left: 1px solid #e5e5e5; text-align: center; font-size: 14px; cursor: pointer; display: none;}
.f_subclass{ font-size: 14px; margin-top: .10rem;}
.f_subclass a{ display:block; color: #666666; line-height: 24px; padding: 3px 0;}
.f_subclass a em{ display:inline-block; position: relative;}
.f_subclass a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #00499a;
  -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);
} 
.f_subclass a:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.f_subclass a:hover{ color: #00499a;}
.footer_notice{ margin-left: auto; display: flex; flex-wrap:nowrap;}
.footer_notice li{ flex:1 0 0; margin-left: .40rem;}
.footer_notice li img{ display:block; margin: 0 auto; border-radius:4px; max-width: 110px;}
.footer_bot{ border-top:1px solid #e5e5e5; padding: .25rem 0;}
.footer_bot .inner{ display: flex;}
.footer_copyrights{ margin-right: 5%;}
.footer_links{ flex:none; margin-left:auto;}
.footer_bot a:hover{ color: #00499a;}
/*float_menu*/
.float_menu{ position: fixed; top: 60%; right: 1.72%; z-index: 1004; display: none;}
.float_menu li{ position: relative; margin-top: .15rem;}
.float_menu li a.f_m_a0{ display:block; border-radius:50%; background: #ffffff; color: #252525; box-shadow: 0 0 .20rem 0 rgba(0,0,0, .10); text-align: center; width:50px; height: 50px; line-height: 50px;}
.float_menu li a.f_m_a0 .iconfont{ font-size: 24px;}  
.float_menu li:hover a.f_m_a0{ background-color: #223282; color: #ffffff;}
.float_menu li:hover .f_m_cover{ opacity:1; visibility: visible; pointer-events: all;}  

/*============================ 01 ============================*/  
main{ } 
main.main_padT{ padding-top: 100px;}
.sec_box{ position: relative; overflow: hidden; padding-top: 0.90rem; padding-bottom: 0.90rem; background: 50% 0 no-repeat fixed; background-size: cover;} 
.sec_top{ text-align: center; margin-bottom: .40rem;}
.sec_tit{ font-weight: 600;}
/*=======focus_swiper======*/   
.effect_swiper{ position:relative;}
.focus_swiper{ height:8.70rem; overflow:hidden; position:relative;} 
.focus_swiper .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.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{ position: absolute; top: 53%; left:0; z-index: 1; width: 100%; font-weight: bold; color: #ffffff; line-height: 1.25;}
.focus_swiper .swiper-slide-active .focus_txt{  -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
@-webkit-keyframes move01 { 
	100%{ transform:translateY(0%); opacity: 1;}
}
@keyframes move01 {
	100%{ transform:translateY(0%); opacity: 1;}
}   
.swiper_pagination_dif01{ position:absolute;}
.swiper_pagination_dif01 .swiper-pagination-bullet{ vertical-align: bottom; background: none; border:none; border-radius:0; position: relative; width: 35px; height: 35px; opacity: 1; filter: alpha(opacity=100); }  
.swiper_pagination_dif01 .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 3px;
	border-radius: 0;
    border: none;
    transform: none;
}
.swiper_pagination_dif01 .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
	border-radius: 0;
    border: none; 
} 
.swiper_pagination_dif01 .swiper-pagination-bullet-active:after {
    -webkit-animation: 5s .2s move02 both;
    animation: 5s .2s move02 both;
} 
@-webkit-keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
} 
@keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
}  
.focus_swiper .swiper_arrow{ display:none;}
.focus_swiper .swiper_arrow div.swiper-button-prev{ left: 2.86%; }
.focus_swiper .swiper_arrow div.swiper-button-next{ right:2.86%; }
 /*=======index_about======*/  
.index_about{ padding-top: 1.30rem; padding-bottom: 1.10rem;}
.index_about .inner{ display:flex; flex-wrap: wrap;}
.about_foreword{ width:42.50%; line-height: 1.40;}
.about_right{ overflow:hidden; flex: 1 0 0;}
.about_des{ line-height: 1.50; font-weight: 500;}
.sec_more{ display: inline-block; vertical-align: top; position: relative;}
.sec_more .iconfont{ margin-left: .30rem; font-size:20px; font-weight: bold;}
.sec_more:hover{ color: #00499a;}
.about_more{ padding: .16rem 0; border-bottom:1px solid #e5e5e5; min-width: 2.30rem; margin-top: .80rem;}
.about_more .iconfont{ float:right;}
.about_more:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #00499a;
  -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);
} 
.about_more:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*=======index_product======*/ 
.index_product{  padding-top: 0; padding-bottom: 0;}
.product_swiper{}
.product_swiper .swiper-slide{ padding-top: .90rem; padding-bottom: .90rem; background: url(../images/product_01.jpg) 50% 0 no-repeat; background-size: cover; }
.product_circle{ position: absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); width: 47.662%; padding-top: 47.662%; border-radius: 50%; background: rgba(255,255,255, .40); -webkit-transition:all 1s .2s ease; transition:all 1s .2s ease; }
.product_con{ position: relative; z-index: 1;}
.product_logo{ position: relative; z-index: 2; } 
.product_logo img{ height: .75rem; width:auto;} 
.product_en{ text-align: center; font-family: "dinengschriftstd"; line-height: 1; background-image: linear-gradient(to bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 85%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 21.56vw /*4.14rem*/; margin-top: .15rem; }
.product_img{ width:54%; max-width:850px; margin: -24.40% auto -8%;}
.product_img .img_box{ padding-top: 61.18%;}
.product_intro{ position: relative; z-index: 1; display:flex; align-items: flex-end; padding-bottom: .30rem; border-bottom: 1px solid rgba(255,255,255, .75);}
.product_text{ width: 30%; max-width: 440px; margin-right: 5%;}
.product_tit{}
.product_tit a{ display: block; color: #00499a; font-weight: 600;}
.product_des{ line-height: 30px; max-height: 60px; margin-top: .10rem;}
.product_more{ flex: none; margin-left:auto;}
.product_swiper .swiper-slide-active .product_logo{ -webkit-animation: 1s 0s fadeInLeft both; animation: 1s 0s fadeInLeft both;}
.product_swiper .swiper-slide-active .product_en{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
.product_swiper .swiper-slide-active .product_img{ -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}
.product_swiper .swiper-slide-active .product_intro{ -webkit-animation: 1s .6s fadeInUp both; animation: 1s .6s fadeInUp both;}
.product_swiper .swiper_arrow{ display:none;}
.product_swiper .swiper-pagination{ position:absolute; bottom: auto; top:0; left:50%; transform: translateX(-16%); width:50%; margin-top: .90rem; z-index: 1; text-align: right;}
.product_swiper .swiper-pagination .swiper-pagination-bullet{ text-align: center; width: .75rem; height: .75rem; line-height: .75rem; border-radius:50%; color: #ffffff; margin: 0 -.18rem 0 0; font-size: .36rem; font-family:"dinengschriftstd";}
.product_swiper .swiper-pagination .swiper-pagination-bullet:before{ display:none;}
.product_swiper .swiper-pagination .swiper-pagination-bullet-active{ margin-right: 0; margin-left: .18rem; background: #00499a; font-size: .48rem;}
.product_swiper .swiper-slide-active .product_circle{ transform:translate(-50%,-50%) scale(1);}
/*=======index_news======*/ 
.index_news{}
.index_news .sec_top{ text-align: left; margin-bottom: .20rem;}
.news_flex{ display:flex; align-items: center;}
.news_rec{ width: 50.94%;}
.news_rec li a{ display:flex; align-items: center; border-bottom: 1px solid #e5e5e5; line-height: /*5.20*/ 1.04rem; position: relative;}
.news_rec li a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #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);
} 
.news_rec li a:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.news_rec_time{ display: block; width:24%; min-width: 120px;}
.news_rec_des{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color: #999999; -webkit-transition:color .6s ease; transition:color .6s ease;}
.news_rec li a:hover .news_rec_des{ color: #333333;}
.news_rec li:last-child a{ border-color:transparent;}
.news_rec li:last-child a:before{ display: none;}
.news_focus{ margin-left: auto; width: 43.50%; max-width: 680px;}
.news_focus .img_box{ padding-top: 66.18%; background: #000000;}
.news_focus .img_box img{ opacity: .90;}

/*============================ 02 ============================*/  
/*=======banner_wrap======*/  
.banner_wrap{ height: 8.70rem; position: relative;} 
.banner_img{ padding-top: 0; height: 100%; background: 50% 0 no-repeat fixed; background-size: cover;} 
.banner_img img{ display:none;}
.banner_tit{ position: absolute; top:50%; left:0; transform: translateY(-50%); z-index: 1; width: 100%; color: #ffffff; text-align: center; text-transform: uppercase;}
.banner_tit em{ display: block; font-weight:600;}
.banner_tit i{ display: block; margin-top: .05rem;}
/*=======guide_wrap======*/
.guide_wrap{ position: relative; z-index: 1; background: rgba(255,255,255, .30); height: 80px; line-height: 80px; margin-top: -80px;}
.guide_nav{ display:flex; justify-content: center; text-align: center; margin: 0 -.15rem;}
.guide_nav li{ margin: 0 .15rem; position: relative;}
.guide_nav li:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0,71,157, .60);
  -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);
} 
.guide_nav li:hover:before,
.guide_nav li.acitve:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.guide_nav li a{ display:block; position: relative; padding: 0 .20rem; min-width: 1.80rem;}
.guide_nav li:hover a,
.guide_nav li.acitve a{ color:#ffffff;}
/*=======about_profile======*/
.author{ display:block; height: 100px; margin-top: -100px;}
.about_profile{ min-height: 5.60rem; background-size: contain; display:flex; align-items: center; text-align: center;}
.profile_text{ /*line-height: 1.50;*/}
/*=======about_vision======*/
.about_vision{ min-height: 6.20rem; display:flex; align-items: center; text-align: center; background-color: #00499a; color: #ffffff;}
.vision_text{ line-height: 1.25; margin-top: .60rem;}
/*=======about_factory======*/
.about_factory{ padding-bottom: 0;}
.factory_text{ max-width: 710px; margin: 0 auto; text-align: center;}
.factory_list{ display:flex; flex-wrap: wrap; margin-top: 1rem;}
.factory_block{ width:25%; position: relative; text-align: center;}
.factory_block a{ color: #ffffff;}
.factory_img{ overflow: hidden;}
.factory_img .img_box{ padding-top: 133.75%;}
.factory_block:hover .factory_img .img_box img{ transform: scale(1.10);}
.factory_tit{ position: absolute; top:65%; left:50%; transform: translateX(-50%); z-index: 1; width: max-content; }
.factory_tit:before{  content: ""; display: block; width: .80rem; height: 1px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #ffffff; } 
.factory_block:hover .factory_tit:before{ width:100%;}
.factory_tit i{ display:block; margin-top: .20rem;}
.factory_tit em{ display:block; margin-top: .15rem;}
 /*=======about_history======*/  
.about_history{ padding-top: 1.40rem; padding-bottom: 0; background-color: #eff6f9; background-attachment: local!important;}
.history_swiper{}
.history_swiper .swiper-container{  padding: 0 5.40%; }
.history_swiper .swiper-slide{ text-align:center;}
.history_tit{ margin-bottom: 1rem;}
.history_year{ display: inline-block; vertical-align: bottom; position: relative; height: 540px; padding-left: 35px; }
.history_year i{ display:block; width:20px; height: 100%; position: absolute; top:0; left:0;}
.history_year i:before{ content:""; position: absolute; bottom:0; left:50%; width:1px; height: 100%; background: rgba(0,73,154, .30); }
.history_year i:after{ content:""; position: absolute; top:0; left:0; width:20px; height: 20px; border-radius:50%; background:#fff; border:2px solid  rgba(0,73,154, 1); }
.history_year em{ display:block; color:rgba(0,0,0, .50); line-height: 1;}
.history_cover{ display:none; position: absolute; top:50%; left: 50%; transform: translate(-38.50%,-34%); width:920px; text-align: left;}
.history_year02{ display:block; float:left; text-align: right; color: #00499a; line-height: 1; margin-top: 10%; font-family:"Times New Roman"; margin-right: 60px;}
.history_des{ overflow: hidden; line-height: 1.50;} 
.history_swiper .swiper-slide-active i:before{ background: rgba(0,73,154, 1); }
.history_swiper .swiper-slide-active i:after{ background: rgba(0,73,154, 1); }
.history_swiper .swiper-slide-active em{ color: rgba(0,73,154, 1); }
.history_swiper .swiper-slide-active .history_cover{ display: block;} 
.history_swiper .swiper-slide-active .history_cover .history_year02{ -webkit-animation: 600ms .2s fadeInUp both; animation: 600ms .2s fadeInUp both;} 
.history_swiper .swiper-slide-active .history_cover .history_des{ -webkit-animation: 600ms .2s fadeInUp both; animation: 600ms .2s fadeInUp both;} 
.history_swiper .swiper-pagination{ position: absolute; bottom: .30rem; display: none;}

/*============================ 03 ============================*/   
/*=======product_headline======*/
.product_headline{ padding-top: 1.20rem; padding-bottom: 1.20rem; text-align: center;}
.headline_tit{ }
.dec_line{ display: block; margin: .25rem auto 0; width: .40rem; height: 1px; background: #00499a;
	-webkit-transform-origin: center top;
  transform-origin: center 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);
}
.my_move03{ 
	-webkit-animation: 1s .2s move03 both; 
	animation: 1s .2s move03 both;
}
@-webkit-keyframes move03 { 
	100%{  
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
}
@keyframes move03 {
	100%{
	  -webkit-transform-origin: left top;
	  transform-origin: left top; 
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
} 
.headline_des{ margin-top: .25rem; color:#666666; line-height: 1.50;}
/*=======product_odd======*/
.product_box{ background-attachment: local;}
.product_box .inner{/* min-height: 5.20rem;*/ display: flex; flex-wrap: wrap; align-items: center;}
.product_pic{ width: 57%; }
.product_pic_range{ max-width: 800px; margin: 0 auto;}
.product_pic .img_box{ padding-top: 65%; transform: rotateX(60deg); }
.my_move04{
	animation: move04 2s ease both;
    -moz-animation: move04 2s ease both;
    -webkit-animation:move04 2s ease both;
    -o-animation:move04 2s ease both;
}  
@-webkit-keyframes move04 {/*针对webkit内核*/
    0% { 
		  transform: rotateX(60deg);
    }  
	100% { 
		  transform: rotateX(0deg);
    } 
} 
@keyframes move04{
    0% { 
		  transform: rotateX(60deg);
    }  
	100% { 
		  transform: rotateX(0deg);
    } 
} 
.product_info{ flex:1 0 0; overflow: hidden; max-width: 570px;}
.product_item{ } 
.product_item+.dec_line{ margin-left: 0; margin-right: 0; -webkit-transform-origin: left top; transform-origin: left top;}
.product_explain{ margin-top: .25rem;}
.product_odd{ background-image: url(../images/product_02.jpg); color: #ffffff;}
.product_odd .product_item+.dec_line{ background: #ffffff;}
.product_even{ background-image: url(../images/product_03.jpg);}
.product_even .inner{ min-height: 5.70rem; flex-direction: row-reverse;}
/*=======leya_wrap======*/
.leya_wrap{ background: url(../images/leya_01.jpg) 50% 0 no-repeat fixed; background-size: cover;}
.leya_wrap .product_headline .dec_line{ display:none;}
.product_leya{ padding-top: 0; overflow: visible;}
.leya_box{ max-width:1280px; margin: 0 auto;}
.leya_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.25rem;}
.leya_block{ width:25%; padding: .25rem;} 
.leya_img{ margin: 0 auto; max-width: 210px;}
.leya_img .img_box{ overflow:visible; padding-top: 86.21%;}
.leya_tit{ text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease; font-size: 16px; height: 30px; margin-top: -.05rem;}
.leya_block a:hover .img_box img{ transform:scale(1.40);}
.leya_block a:hover .leya_tit{  font-size: 24px; transform: translateY(.30rem);}


@keyframes bounce {
  0% {
    -moz-transform-origin:0 0;
    transform: translate(0px, 0px);
  }

  25% {
    -moz-transform-origin:0 0;
    transform: translate(0px, -15px);
  }

  /* 50% {
    transform: translate(0px, 0px);
  } */
  75% {
    -moz-transform-origin:0 0;
    transform: translate(0px, 15px);
  }
  100% {
    -moz-transform-origin:0 0;
    transform: translate(0px, 0px);
  }

}
.css3-notification {
  animation: bounce 20s infinite; 
  animation-delay: 0s;
}



/*============================ 04 ============================*/   
/*=======news_wrap======*/
.news_wrap{ }
/*news_list*/
.news_list{ }
.news_list li{ border-bottom:1px solid #e5e5e5; position: relative;}
.news_list li:before{ content:""; position: absolute; top:0; left:-200%; width: 500%; height: 100%; background: rgba(0,73,154, 0);}
.news_list li a{ display:flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 1; padding: .70rem 0;}
.news_img{ width:254px; margin-right: 6%;}
.news_img .img_box{ padding-top: 72.83%;}
.news_text{ flex:1 0 0; overflow: hidden;}
.news_time{}
.news_tit{ margin-top: .25rem;}
.news_des{ margin-top: .20rem;}
.news_list li:hover:before{ background: rgba(0,73,154, .05);}
.news_list li:hover .news_img .img_box img{ transform:scale(1.10); }
.news_list li:hover .news_tit{ text-decoration: underline;}
/*page*/
.page{ text-align:center; margin-top: .60rem;}
.page a{ display:inline-block; vertical-align: middle; text-align: center; border:1px solid #c9c9c9; margin: 0 1px; width:38px; line-height: 34px;}
.page a:hover, .page a.active{ border-color:#00479c!important; background-color: #00479c!important; color: #ffffff!important;}
.page a.page_btn{ border: none!important; background: none!important; color: #c9c9c9;} 
.page a.page_btn .iconfont{ font-size: 14px; font-weight: bold;}
.page a.page_btn:hover{ color:#00479c!important;}
/*=======news_detail======*/
.news_detail{ padding-top: 0;}
.detail_box{ margin: 0 auto; max-width: 1280px;}
.detail_top{ position: relative; padding-top: .80rem; padding-bottom: .30rem; text-align: center;}
.detail_top:before{ content:""; position: absolute; top:0; left:-200%; z-index: -1; width: 500%; height: 100%; background: #ebf1f3;}
.detail_tit{ font-weight: 600; line-height: 1.50;}
.detail_time{ margin-top: .40rem;}
.detail_con{ padding-top: .80rem; padding-bottom: .80rem; line-height: 1.80;}
.detail_con img, .detail_con video{ max-width: 100%!important; height: auto!important;}  
.detail_bot{ padding-top: .30rem; border-top:1px solid #e5e5e5; display: flex; flex-wrap: wrap; align-items: flex-start;}
.detail_nav{ flex:1 0 0; margin-right: 10%;}
.detail_nav li a{ display:block; line-height: 24px; padding: 3px 0; }
.detail_nav li a:hover{ color:#00479c;}
.detail_back{ margin-left: auto; display:block; text-align: center; border:1px solid #e5e5e5; padding: 0 .30rem; line-height: 48px;}
.detail_back .iconfont{ vertical-align: baseline; margin-right:.10rem;}
.detail_back:hover{ border-color:#00479c; background-color: #00479c; color:#ffffff;}

/*============================ 05 ============================*/  
/*=======outpatient_distribution======*/
.outpatient_distribution{ background-image: url(../images/distribution02.jpg); }
.sec_top02{ text-align: left;}
.sec_top02 .sec_tit{ font-weight: 400;}
.distribution_left{ float:left; width:50%;}
.distribution_num{ position: relative; padding-top: .30rem; margin-top: 1.50rem;}
.num_dec{ position: absolute; top:0; left:0; width:27.75%; height: 86.33%; background: url(../images/distribution_bg01.png) left center no-repeat; background-size: contain;}
.num_figure{ position: relative; z-index: 1; float: right; width:96.25%; padding: 3.25% 12%; color: #fff; background: url(../images/distribution_bg02.png) left center no-repeat; background-size: contain;}
.num_figure em{ font-family: "AkzidenzGroteskBQ-XBdCnd"; font-style: italic; line-height: 1; margin-right: 10px; vertical-align: sub;}
.num_des{ padding-left: 15%; margin-top: 5.50%;}
.distribution_right{ float:left; width: 68%; margin-left: -18%;}
/*=======outpatient_query======*/
.outpatient_query{ background-color: #d4e9f2;} 
/*query_form*/
.query_form{ background: #00479c; color: #fff; border-radius: 10px; padding:.30rem .40rem; margin-bottom: .60rem;}
.query_form form{ overflow:hidden; margin: -.15rem 0 0 -3%; display: flex; flex-wrap: wrap;}
.query_line{ width:24%; margin: .15rem 0 0 3%; display: flex;}  
.query_line label.query_label0{ display: block; margin-right: .15rem; line-height: 40px;}
.query_fill{ flex: 1 0 0; overflow:hidden; position: relative;}
.query_fill .icon_jiao_down{ position: absolute; top:50%; right:10px; z-index: 1; transform: translateY(-50%); color: #999999;}
.query_txt{ background: #ffffff; border-radius: 5px; width:100%; height: 40px; padding: 0 14px;}
.query_txt::-webkit-input-placeholder{ color: #999999;} 
.query_txt:-moz-placeholder{ color: #999999;} 
.query_txt::-moz-placeholder{ color: #999999;} 
.query_txt:-ms-input-placeholder{ color: #999999;}
.line_type{ width: 31%;}
.line_handle{ width:9%;}
.query_btn{ background: #488de0; color:#ffffff;  border-radius: 5px; cursor: pointer; width: 100%; height: 40px;}
/*query_result*/
.query_result{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.24rem -.20rem;}
.query_result li{ float:left; width:50%; padding: .24rem .20rem;}
.query_result li a{ display:flex; height: 100%; background: #f6f9fa; padding:.40rem;}
.query_text{ width:50%; margin-right: 5%; padding-top: .30rem;}
.query_local{ font-weight: 500; color: #00479c;}
.query_local .iconfont{ font-size:20px; margin-right: .10rem;}
.query_item{ margin-top: .20rem; }
.query_des{ line-height: 1.50; margin-top: .15rem;}
.query_img{ margin-left: auto; flex:1 0 0; max-width: 280px;}
.query_img .img_box{ padding-top: 69.29%;}
.query_result li a:hover{ background: rgba(255,255,255, 1); box-shadow: 0 0 20px 5px rgba(0,0,0, .06); color: #00479c;}
.query_result li a:hover .query_img .img_box img{ -webkit-transform: scale(1.1); transform: scale(1.1); }
.outpatient_query .page a{ border-color:#f6f9fa; background: #f6f9fa;}
.outpatient_query .page a.page_btn{ color: #00479c;}  

/*============================ 06 ============================*/  
/*=======contact_wrap======*/
.contact_wrap{ padding-top: 1.30rem; padding-bottom: 1.30rem;} 
.contact_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.18rem; margin-top: .60rem;}
.contact_list li{ width:33.33%; padding: .18rem;}
.contact_block{ height:100%; border:1px solid #e5e5e5; padding: .30rem; text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;}
.contact_img{ margin: 0 auto; overflow: hidden; border-radius:10px; width:120px; height: 120px; border:3px solid #00479c; padding: 2px;}
.contact_img img{ display:block;}
.contact_text{ line-height: 1.875; margin-top: .15rem;}
.contact_map{ display:inline-block; background: #00479c; color: #ffffff; border-radius: 5px; padding: 0 .20rem; line-height: 30px; margin-top: .15rem;}
.contact_map:hover{ opacity: .80;}
.contact_list li.contact_address .contact_img{ border-color:transparent;}
.contact_list li.contact_address .contact_text{ margin-top: .05rem;}
.contact_block:hover{ box-shadow: 0 0 20px 5px rgba(0,0,0, .06);}