@charset "utf-8";
/*css comment*/
*,*:before,*:after{
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}  
@font-face {
  font-family: "din_medium";
  src: url("../fonts/din_medium.html") format("woff2"),
       url("../fonts/din_medium-2.html") format("woff"),
       url("../fonts/din_medium.ttf") format("truetype"),
       url("../fonts/din_medium.eot") format("embedded-opentype"),
       url("../fonts/din_medium.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;  
} 
body {
    font-family:Arial, Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';
    font-size: 14px;
	line-height: 1.72;
    color: #333;
    background: #fff;
	font-weight: 400;  
	overflow: hidden;
}  
img{
	border:none;
	display:inline-block;
	vertical-align: middle;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	_width:auto;
}
button,input,textarea,select{
	border:none;
	background:none;
	font-size:14px;
	vertical-align:middle;
	color:#333; 
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
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: "centurygothic", Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{ opacity:0.80;}
h1,h2,h3,h4,h5,h6{font-weight:normal; padding:0; margin:0; font-size:14px; line-height:1.25; }
p,ul,ol{margin:0;}
header,main,footer,section{display:block;}

/*browserupgrade*/
.browserupgrade{display:block;position:fixed;top:-60px;opacity:0;left:0;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
.browserupgrade a.upgrade_close{display:block;position:absolute;top:0;right:0;z-index:10;width:60px;line-height:60px;text-align:center;color:#fff;font-size:40px;text-decoration:none;cursor:pointer;}
/*swiper*/
.swiper-container{ height:100%;}  
.swiper-pagination{ position: static; margin-top: 40px;}
.swiper-pagination-bullet{ position: relative; width: 12px; height: 12px; margin: 0 4px; background: transparent; border: 1px solid #C9C9C9; opacity: 1;}  
.swiper-pagination-bullet-active{ background: #57ACE1; border-color:#57ACE1;}
.swiper_arrow .swiper-button-prev, .swiper_arrow .swiper-button-next{ background: none; text-align: center;} 
/*.swiper_arrow div.swiper-button-disabled{ opacity: .80;}*/ 

/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .bg_img, .img_box img, header, .menu_phone i, .n_subclass, .menu_box{ 
	-webkit-transition:all 600ms ease; transition:all 600ms ease; 
}  
a{ -webkit-transition:color 600ms ease, background 600ms ease, border 600ms ease, opacity 600ms ease, transform 600ms ease, box-shadow 600ms ease; 
	transition:color 600ms ease, background 600ms ease, border 600ms ease, opacity 600ms ease, transform 600ms ease, box-shadow 600ms ease;
}

/*===================common========================*/ 
/*bg_img*/
.bg_img{ display:block; overflow: hidden; width:100%;height:100%; background:#f6f6f6 50% 50% no-repeat;background-size:cover; position: relative; }
.bg_img img{display:none;} 
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%; background:#f6f6f6;}
.img_box img{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
/*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%;}
/*single_line*/
.single_line{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height: 24px; } 
/*multi_line*/
.multi_line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; text-align: justify; -webkit-line-clamp:2; line-height: 24px; max-height: 48px;} 
/*inner*/
.inner{ width: 100%; margin: 0 auto; padding:0 15px; max-width: 1230px;}
.inner_1600{ max-width: 1630px;}
/*effect_swiper*/
.effect_swiper{ position:relative;}

/*=========header=========*/ 
header{ position:fixed; left:0; top:0; z-index:1003; width:100%; height: 100px; line-height: 100px;}
header:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #0480ba; opacity: 0;}
header:after{ content:""; position: absolute; bottom:0; left:0; width: 100%; height: 1px; background: #fff; opacity: 0.30;}
header a{ color: #fff;} 
/*logo*/  
.logo{ position: relative; z-index:1; float:left; margin: 0 2.60%;}  
.logo a{ display:inline-block; vertical-align: middle; position: relative;}
.logo a img{ vertical-align: middle; height: 50px; width: auto;}
.logo a img:nth-child(1){ opacity: 1;} 
.logo a img:nth-child(2){ position: absolute; top: 50%; transform: translateY(-50%); left: 0; opacity: 0;} 
/*=========header_r=========*/ 
.header_r{ position: relative; z-index:1; display: flex; justify-content: flex-end;}  
/*nav*/
.nav{ float:left; width: 72%; display: flex; justify-content: space-between;}
.nav:after{ display:none;}
.nav li{ float:left; position: relative; }
.nav li a.n_a0{ display:block;}  
.nav li a.n_a0 em{ display:block; position: relative;} 
.nav li a.n_a0 em:before{
	content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0;
    border-style: solid;
    border-color: transparent transparent #ffffff;
} 
.nav li:hover a.n_a0 em:before,
.nav li.current a.n_a0 em:before{
   border-width: 10px;
}   
.nav li .n_subclass{ position:absolute; top:100%; left:50%; transform: translateX(-50%); margin-top: -1px; z-index: 2; padding: 20px 0; width:100%; min-width: 164px; background:rgba(255,255,255, .90); box-shadow: 0 2px 10px 2px rgba(0,0,0, .10); text-align: center; line-height: 1.72; opacity: 0; visibility: hidden; pointer-events: none;}  
.nav li .n_subclass a{ display:block; color: #333333; padding: 6px 0;}
.nav li .n_subclass a em{ display:inline-block; position: relative;}
.nav li .n_subclass a:hover{ color: #0480ba;}
.nav li:hover .n_subclass{ opacity: 1; visibility: visible; pointer-events: all;}  
/*=====header_func====*/
.header_func{ float:right; margin-left: 2.60%;}
.func_menu{ cursor: pointer; display:block; float: left; border-left: 1px solid rgba(255,255,255, .30); width:80px; text-align: center; position: relative;}
.func_menu .iconfont{ font-size: 22px; } 
/*menu_tel*/ 
.menu_tel{ width:auto!important; padding:0 20px; font-family: "din_medium"; }   
.menu_tel .iconfont{ vertical-align: top; }
.menu_tel em{ display: inline-block; vertical-align: top; letter-spacing: -0.002em; font-size: 24px; margin-left: 7px;}
/*menu_search*/ 
.menu_search{ } 
/*.menu_search.menu_active{ color: #0480ba;}*/
.search_cover{ position: fixed; top:100px; left:0; z-index: 1; width: 100%; background: rgba(255,255,255, .90); padding: 60px 0 110px;  display: none;} 
.search_range{ max-width:1000px; margin: 0 auto; position: relative;}
.search_tit{ color: #0480ba; line-height: 36px;}
.search_closed{ cursor: pointer; display:block; text-align: center; background: #e5e5e5; color: #333333; border-radius: 50%; position: absolute; top:0; right:0; z-index: 1; width: 36px; line-height: 36px; }
.search_closed:hover{ background: #0480ba; color: #ffffff;}
.search_fill{ margin-top: 40px;}
.search_item{ color: #666666;}
.search_form{ position: relative;}
.search_txt{ display: block; border-bottom: 1px solid #333333; width: 100%; height: 36px; color: #333333; }
.search_btn{ cursor: pointer; position: absolute; top:0; right: 0; z-index:1; color: #e5e5e5; }  
.search_btn .iconfont{ font-size: 20px; }
.search_btn:hover{ color: #0480ba;}  
/*menu_phone*/
.menu_phone{ display:none;}
.menu_phone span{ display:inline-block; vertical-align: middle; width: 24px; height:16px; position:relative;}
.menu_phone i{ display: block; width: 100%; height: 2px; background: #fff; position: absolute; top:0;}
.menu_phone i:nth-of-type(2){ top: 7px;}
.menu_phone i:nth-of-type(3){ top: 14px;} 
/*.menu_phone.menu_active i{ background: #0480ba!important;}*/
.menu_phone.menu_active i:nth-of-type(2){ opacity: 0;}
.menu_phone.menu_active i:nth-of-type(1), 
.menu_phone.menu_active i:nth-of-type(3){ top: 7px;}
.menu_phone.menu_active i:nth-of-type(1){ transform:rotate(-45deg);}
.menu_phone.menu_active i:nth-of-type(3){ transform:rotate(45deg);}   
/*nav_box*/
.nav_box{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: 1032;
	line-height: 1.72;
}
.nav_bg{ position: absolute; width: 100%; height: 100%; background: rgba(20,20,20,.7); -webkit-transition: all .8s; transition: all .8s; visibility: hidden; opacity: 0;} 
.nav_main {
    position: absolute;
    top: 0;
    right: 0;
    width: 360px;
    height: 100%;
    z-index: 1;
	background-color: #F2F2F2;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;
    transition: all .8s cubic-bezier(.77,0,.175,1) 0s;
    -webkit-transition: background .4s,visibility .8s,-webkit-transform .8s cubic-bezier(.77,0,.175,1);
    transition: background .4s,visibility .8s,-webkit-transform .8s cubic-bezier(.77,0,.175,1);
    -o-transition: background .4s,transform .8s cubic-bezier(.77,0,.175,1),visibility .8s;
    transition: background .4s,transform .8s cubic-bezier(.77,0,.175,1),visibility .8s;
    transition: background .4s,transform .8s cubic-bezier(.77,0,.175,1),visibility .8s,-webkit-transform .8s cubic-bezier(.77,0,.175,1);
}
.nav_top{ position: absolute; top:0; left:0; z-index: 1; background-color: #F2F2F2; width:100%; height:80px;}
.nav_close{
	cursor: pointer;
    position: absolute;
    top: 50%;
    right: 40px; 
	transform: translateY(-50%);
	text-align: center;
	width: 36px; 
	line-height: 36px;
}
.nav_close .iconfont{ font-size: 20px;}
.nav_scroll{
	width: 100%; height: 100%;
    padding: 40px;
	padding-top: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.nav_menu {
    -webkit-transform: translate3d(50%,0,0);
    transform: translate3d(50%,0,0);
    -webkit-transition: -webkit-transform .8s cubic-bezier(.77,0,.175,1);
    transition: -webkit-transform .8s cubic-bezier(.77,0,.175,1);
    -o-transition: transform .8s cubic-bezier(.77,0,.175,1);
    transition: transform .8s cubic-bezier(.77,0,.175,1);
    transition: transform .8s cubic-bezier(.77,0,.175,1), -webkit-transform .8s cubic-bezier(.77,0,.175,1);
}
.nav_menu a{ color:#333333;}
.nav_menu li{ border-bottom:1px solid #e0e0e0;}
.nav_menu li a.m_a0{ display: block; position: relative; font-size: 16px; line-height: 50px;}
.nav_menu li a.m_a0 .icon_arrow_down{ float:right; font-size: 14px;}
.m_subclass{ padding-bottom: 20px; display: none;}
.m_subclass a{ display:block; text-align: center; line-height: 30px;}
.nav_menu li:hover a.m_a0,
.nav_menu li.active a.m_a0,
.nav_menu li.current a.m_a0{ color: #0480ba;} 

.nav_box.nav_open {
    visibility: visible;
}
.nav_box.nav_open .nav_bg{
    visibility: visible;
    opacity: 1;
}
.nav_box.nav_open .nav_main, .nav_box.nav_open .nav_menu {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}   

/*header_scroll*/ 
header.header_scroll:before,
header.header_open:before,
body.body_story header:before{ opacity: 1;} 
/*headroom*/  
.slideDown {
	transform: translateY(-100%);
}
.slideUp {
	transform: translateY(0%);
} 

/*============================ footer ============================*/  
footer{ } 
/*footer_top*/
.footer_top{ padding: 60px 0; min-height: 450px;}
.ft_left{ float:left; width:160px; text-align: center; margin-right: 10%;}
.ft_logo{}
.ft_logo img{ height:49px; width: auto;}
.ft_notice{ margin-top: 35px;}
.ft_notice img{ width:100px; height: 100px;}
.ft_shared{ margin: 35px -8px 0;}
.ft_shared li{ display: inline-block; vertical-align: top; padding: 0 8px; position: relative;}
.ft_shared li .iconfont{ font-size: 22px; color: #D2D2D2; padding-bottom: 10px;}
.shared_cover{ position: absolute; top: 100%; left:50%; transform: translateX(-50%); margin-top: -5px; z-index: 1; background: #fff; box-shadow: 0 -5px 20px 1px rgb(0 0 0 / 10%); width: 110px; height: 110px; padding: 5px; -webkit-transition:all 600ms ease; transition:all 600ms ease;  opacity: 0; visibility: hidden; pointer-events: none;}
.shared_cover:before{
	content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ffffff;
}   
.ft_shared li:hover .iconfont{ color: rgba(4,128,186, .50); }
.ft_shared li:hover .shared_cover{ opacity: 1; visibility: visible; pointer-events: all;}
.ft_right{ overflow: hidden;}
.ft_nav{ width:100%; max-width: 1140px; float:right; display:flex; justify-content: space-between;}
.ft_nav:after{ display:none;}
.ft_nav li a{ display:block; line-height: 30px;}
.ft_nav li a.ft_n_a0:hover{ color: #0480ba;}
.ft_nav li .ft_n_subclass{ margin-top: 20px;}
.ft_nav li .ft_n_subclass a{ color: #999999;}
.ft_nav li .ft_n_subclass a:hover{ color: #666666;}
/*footer_bot*/
.footer_bot{ background: #0480ba; color: #ffffff; padding: 38px 0; }
.footer_bot a{ color: #ffffff;}
.footer_bot .inner{ display:flex; justify-content: space-between;}
.footer_bot .inner:after{ display:none;}
.fb_left{ float:left; width:82%; }
.fb_left img{ vertical-align: middle;}
.fb_right{ float:right; }

/*float_menu*/
.float_menu{ position: fixed; bottom: 5%; right: -3px; z-index: 1004;}
.float_menu li{ position: relative; text-align: right; margin-top: 6px;}
.float_menu li a.f_m_a0{ color: #ffffff; box-shadow: 0 0 10px 1px rgba(0,0,0, .10); border-radius: 4px; text-align: center; width: 60px; height: 60px; display:flex; align-items: center; font-size: 12px; padding: 5px 0;
    background: -moz-linear-gradient(top, #018cef 0%, #36abff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36abff), color-stop(100%,#36abff));
    background: -webkit-linear-gradient(top, #018cef 0%,#36abff 100%);
    background: -o-linear-gradient(top, #018cef 0%,#36abff 100%);
    background: -ms-linear-gradient(top, #018cef 0%,#36abff 100%);
    background: linear-gradient(to bottom, #018cef 0%,#36abff 100%);
}
.float_menu li a.f_m_a0 span{ display:block; text-align: center; width:100%;}
.float_menu li a.f_m_a0 .iconfont{ display:block; font-weight: normal; font-size: 24px; line-height: 1;}   
.float_menu li a.f_m_a0 img{ display:block; margin: 0 auto;}
.float_menu li a.f_m_a0 em{ display:block; margin-top: 5px;}
.float_menu li a.f_m_a0:hover{ opacity: .90;}
.float_menu li.f_m_tel{ display: none!important;}
.float_menu li.f_m_smart{ position:fixed; top: 40%; right: -3px;}
.float_menu li.f_m_smart a.f_m_a0{width: 110px; height:auto; padding: 15px 0;}
.float_menu li.f_m_top a.f_m_a0 .iconfont{ font-size: 30px;}

/*============================ 01 ============================*/  
main{ height: 100%;} 
.sec_box{ position: relative; padding: 90px 0; background: #fff 50% 0 no-repeat fixed; background-size: cover; } 
/*sec_top*/  
.sec_top{ margin-bottom: 50px;}
.sec_tit{ float:left;}
.sec_tit em{ display:block;}
.sec_tit i{ display:block; opacity: .50; line-height: 1; margin-top: 10px;}
.sec_more{ display:block; float:right; text-align: center; background: rgba(14, 177, 231, 1); color: #ffffff; width: 160px; line-height: 50px; margin-top: 2.40%;}
.sec_more:hover{ background: rgba(14, 177, 231, 0.80); color: #ffffff;}
.sec_foreword{ float:right; margin-top: 3.40%;}
/*thumb && thumb_img*/
.thumb{
	-webkit-animation: thumb 1.2s cubic-bezier(.77, 0, .175, 1);
	animation: thumb 1.2s cubic-bezier(.77, 0, .175, 1);
	visibility: visible;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}
@-webkit-keyframes thumb {
	0% {
	-webkit-transform:translate3d(0, 50%, 0);
	transform:translate3d(0, 50%, 0);
	opacity:0
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0);
	opacity:1
	}
}
@keyframes thumb {
	0% {
	-webkit-transform:translate3d(0, 50%, 0);
	transform:translate3d(0, 50%, 0);
	opacity:0
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0);
	opacity:1
	}
}
.thumb_img{
	-webkit-animation: thumb_img 1.2s cubic-bezier(.77, 0, .175, 1);
	animation: thumb_img 1.2s cubic-bezier(.77, 0, .175, 1);
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards
} 
@-webkit-keyframes thumb_img {
	0% {
	-webkit-transform:translate3d(0, -25%, 0);
	transform:translate3d(0, -25%, 0);
	-webkit-filter:brightness(5);
	filter:brightness(5)
	}
	60% {
	-webkit-filter:brightness(1);
	filter:brightness(1)
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0)
	}
}
@keyframes thumb_img {
	0% {
	-webkit-transform:translate3d(0, -25%, 0);
	transform:translate3d(0, -25%, 0);
	-webkit-filter:brightness(5);
	filter:brightness(5)
	}
	60% {
	-webkit-filter:brightness(1);
	filter:brightness(1)
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0)
	}
}
/*title_effect*/ 
.title_effect .letter {
	display: inline-block; transform:translateY(60px); opacity:0; transition:all 1s ease-in-out 0s;
} 
.my_textLink2{
	-webkit-animation-name: textLink2;
	  animation-name: textLink2; 
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
} 
@-webkit-keyframes textLink2 {
  to{
	 -webkit-transform: none;
	transform: none;
	transition: opacity .4s linear, -webkit-transform .3s linear;
	transition: opacity .4s linear, transform .3s linear;
	transition: opacity .4s linear, transform .3s linear, -webkit-transform .3s linear;
	opacity: 1
  }
}
@keyframes textLink2 {
  to{
	 -webkit-transform: none;
	transform: none;
	transition: opacity .4s linear, -webkit-transform .3s linear;
	transition: opacity .4s linear, transform .3s linear;
	transition: opacity .4s linear, transform .3s linear, -webkit-transform .3s linear;
	opacity: 1
  }
}
.title_effect .letter:nth-child(n) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1;
}
.title_effect .letter:nth-of-type(2n) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.title_effect .letter:nth-of-type(3n) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.title_effect .letter:nth-of-type(4n) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.title_effect .letter:nth-of-type(5n) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
/*title_effect*/ 
.title_effect .letter {
	display: inline-block; transform:translateY(-50px); opacity:0; transition:all 1s ease-in-out 0s;
} 
.my_textLink1{
	-webkit-animation-name: textLink1;
	  animation-name: textLink1; 
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
} 
@-webkit-keyframes textLink1 {
  to{
	 transform:translateY(0px);
	 opacity: 1
  }
}
@keyframes textLink1 {
  to{
	 transform:translateY(0px);
	 opacity: 1
  }
}
.title_effect .letter:nth-child(n) {
  -webkit-animation-delay: 0.10s;
  animation-delay: 0.10;
}
.title_effect .letter:nth-of-type(2n) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.title_effect .letter:nth-of-type(3n) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.title_effect .letter:nth-of-type(4n) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.title_effect .letter:nth-of-type(5n) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
/*typo*/ 
.typo .blink {
	display: inline-block; transform:translateX(-10px); opacity:0; transition:all 1s ease-in-out 0s;
} 
.my_textTypo{
	-webkit-animation-name: textTypo;
	  animation-name: textTypo;
	  -webkit-animation-duration: .3s;
	  animation-duration: .3s; 
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
} 
@-webkit-keyframes textTypo {
  to{
	 transform:translateX(0);
	 opacity: 1
  }
}
@keyframes textTypo {
  to{
	 transform:translateX(0);
	 opacity: 1
  }
}
.typo .blink:nth-child(n) {
  -webkit-animation-delay: 0.10s;
  animation-delay: 0.10s;
}
.typo .blink:nth-of-type(2n) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.typo .blink:nth-of-type(3n) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.typo .blink:nth-of-type(4n) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.typo .blink:nth-of-type(5n) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
} 

/*=======focus_wrap======*/   
.focus_wrap{ height:100vh;}
.focus_swiper{/* position:fixed; top:0; left:0;*/ width: 100%; height:100vh; overflow:hidden;}
.focus_swiper .swiper-container{ z-index: auto;}
.focus_swiper .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.focus_swiper .swiper-slide:before{ content:""; position:  absolute; top:0; left:0; z-index: 1; width: 100%; height: 276px; display:none;
	background: -webkit-linear-gradient(top, rgba(0, 126, 174, 0) 40%, rgba(162, 197, 212, .70) 100%);  
	background: -o-linear-gradient(bottom, rgba(0, 126, 174, .70) 40%, rgba(162, 197, 212, 0) 100%);  
	background: -moz-linear-gradient(bottom, rgba(0, 126, 174, .70) 40%, rgba(162, 197, 212, 0) 100%); 
	background: linear-gradient(to bottom, rgba(0, 126, 174, .70) 30%, rgba(162, 197, 212, 0) 100%); 
}
.focus_img{ height:100%; transform:scale(1); transition:all 3s linear;}
.focus_swiper .swiper-slide-active .focus_img{ transform:scale(1.1); transition:all 6s linear;} 
.focus_txt_box{ position:absolute; left:0; top:50%; transform: translateY(-70%); z-index:1; width:100%; text-align: center; color:#FFFFFF;} 
.focus_txt{ }
.focus_txt li{ width:100%; position: relative; display:none; }    
.focus_txt_tit{ line-height: 1.20; }   
.focus_txt_tit i, .focus_txt_des 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_des{ line-height: 1.40; margin-top: 15px;} 
.focus_txt_des 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_des.act i { transform:translateX(0);}
.focus_txt li.active .focus_txt_link {
	-webkit-animation: 1s .7s move01 both;
	animation: 1s .7s move01 both;
} 
@-webkit-keyframes move01 { 
	100%{ transform:translateY(0%); opacity: 1;}
}
@keyframes move01 {
	100%{ transform:translateY(0%); opacity: 1;}
}  
.focus_txt li.f_t1{ width:auto; float:right; margin-right: 10%; margin-top: 38%; text-align: left;}
.focus_txt li.f_t2{ color: #333;}
.focus_swiper .swiper-slide.f_s1:after{ content:""; position: absolute; bottom: -15.50%; right: -18.50%; opacity: 0; width: 91%; height: 75%; max-width: 1746px; max-height: 700px; background: url(../images/focus_dec02.png) right top no-repeat; background-size: contain; transition:all 1s linear;}
.focus_swiper .swiper-slide-active.f_s1:after{ opacity: 1; }

.focus_swiper .swiper-pagination{ bottom: 0;}
.focus_swiper .swiper-pagination-bullet{ vertical-align: bottom; background: none!important; border-radius:0; margin: 0 3px; position: relative; width: 35px; height: 35px; opacity: 1; filter: alpha(opacity=100); }  
.focus_swiper .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 3px;
}
.focus_swiper .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
} 
.focus_swiper .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 div{ z-index:10;}
.focus_swiper .swiper_arrow div.swiper-button-prev{ left:2.60%; }
.focus_swiper .swiper_arrow div.swiper-button-next{ right:2.60%; }
/*mouse-icon*/
.mouse-icon { display:block; position: absolute; bottom: 5%; left:50%; transform: translateX(-50%); z-index: 2; }
.mouse-icon .mouse {
  width: 20px;
  height: 32px;
  border:2px solid #fff;
  border-radius: 20px;
  position: relative;
  margin-bottom: 10px;
}
.mouse-icon .mouse:after {
  content: "";
  background: #fff;
  width: 2px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  border-radius: 20px;
  -webkit-animation: scrollAnim 1.1s infinite;
          animation: scrollAnim 1.1s infinite;
}
.mouse-icon .arrow {
  width: 7px;
  height: 7px;
  display: block;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  position: relative;
  margin: 0 auto;
  -webkit-animation: arrowAnim 1.2s infinite;
          animation: arrowAnim 1.2s infinite;
}
.mouse-icon .arrow.arrow-01 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.mouse-icon .arrow.arrow-02 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.mouse-icon .arrow.arrow-03 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@-webkit-keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: 5px;
    opacity: 0;
  }
}

@keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: 5px;
    opacity: 0;
  }
}
@-webkit-keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*=======index_about======*/
.index_about{ background-position: 50% 50%; background-attachment: local; text-align: center; padding-top: 120px; padding-bottom: 120px; min-height: 520px;} 
.about_text{ line-height: 2;}
.about_item{ font-weight: bold; margin-bottom: 30px;}
a.author{ display:block; height: 100px; margin-top: -100px;}
/*=======index_business======*/
.index_business{ background-color: #0480ba; overflow: hidden;} 
.index_business .sec_top{ float:left; margin-bottom: -30px!important;}
.index_business .sec_tit a{ color: #fff;}
.business_swiper{ clear: both;}
.business_show{ }
.business_show .swiper-container{ overflow: visible;}
.business_text, .business_img{ float:left; width: 50%; height: 540px; background: #fff;}
.business_text{ position: relative; box-shadow: 27px 27px 46px 0px rgba(0, 0, 0, 0.17); overflow: hidden; padding: 5.50%; margin-top: 110px;}
.business_text_range{ max-width: 540px; margin: 0 auto;}
.business_time{}
.business_tit{ font-weight:bold; margin-top: 20px;}
.business_tit a:hover{ color: #0480ba;}
.business_des{ line-height: 1.50; margin-top: 20px;}
.business_go{ display:block; position: relative; z-index: 1; overflow: hidden; margin-top: 40px; padding-top: 40px; border-top:1px solid #E5E5E5; line-height: 24px;}
.business_go em{ display:inline-block; position: relative;}
.business_go em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0480ba;
  -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_go:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.business_go i{ float:right; opacity: 0.1; font-size: 40px;}
.business_go:hover{ color: #0480ba;}
.business_go:hover i{  opacity: 0.50;}
.business_num{ font-size:300px; font-family: Montserrat; line-height: 1; opacity: .10; position: absolute; bottom: -34%; left: -14%; -webkit-transition:all 1s ease; transition:all 1s ease; transform: rotate3d(1, 1, 1, -90deg);}
.business_show .swiper-slide-active .business_num{ bottom: -24%; left: -7%; transform: rotate3d(1, 1, 1, 0deg);}
.business_img{ }
.business_img .img_box{ padding-top: 0; height: 100%;}
.business_show .swiper_arrow{ position:absolute; bottom: 0; left:50%; z-index: 2; width: auto;}
.business_show .swiper_arrow div{ position: static; transform: none; width: 120px; line-height: 110px; background: #0EB1E7; color: #fff;}
.business_show .swiper_arrow div .iconfont{ font-size: 50px;}
.business_show .swiper_arrow div.swiper-button-prev{ display: none;}
.business_show .swiper_arrow div.swiper-button-next{}
.business_thumbs{ margin-top: 4%; margin-bottom: -10px;} 
.business_thumbs .swiper-container{ margin: 0 -3%;}
.business_thumbs .swiper-wrapper{ align-items: flex-start;}
.business_thumbs .swiper-slide{ text-align: center;}
.business_thumbs .swiper-slide a{ display:inline-block; color: #ffffff; position: relative; padding: 10px 0;}
.business_thumbs .swiper-slide a:before{
	content: "";
	display: block;
	width: 0;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background-color: #ffffff;  
}
.business_icon{ display:block; margin: 0 auto; width: 70px; height: 70px; position: relative;}
.business_icon img{ display:block; }
.business_item{ margin-top: 15px; }
.business_item em{ display:block; font-weight: bold;}
.business_item i{ display:block; margin-top: 5px;}
.business_thumbs .swiper-slide-thumb-active a{ transform: translateY(-10px); }
.business_thumbs .swiper-slide-thumb-active a:before{ left:0; width: 100%; } 
.business_more{ position: relative; z-index: 1; float:none; margin: 4% auto 0; display:none;}
.waves{ position:absolute; bottom: 0; left:0; z-index: 0; width:100%; height: 55%; opacity: .80;}
.waves canvas{ display:block; width: 100%; height: 100%;}
/*=======index_case======*/
.index_case{ background-color: #f1f1f3; }
.case_bg{ background-attachment: fixed;}
.case_swiper .swiper-wrapper{ align-items: stretch;}
.case_swiper .swiper-slide{ width:50%; height:auto;}
.case_swiper .swiper-slide a{ display:block; height: 100%; padding: 6.25%; background: #fff; border: 1px solid #DCDCDC;}
.case_swiper .swiper-slide-active a{ border-right:none;}
.case_img{ padding-top: 60%;}
.case_swiper .swiper-slide a:hover .case_img img{ transform: scale(1.1); }
.case_info{ margin-top: 35px;}
.case_item{ font-weight: bold;}
.case_des{ margin-top: 15px;}
.case_swiper .swiper-slide a:hover{ color: #0480ba;}
/*=======index_news======*/
.index_news{ background-color: #007fbc; border-bottom: 5px solid #02A6DC;}
.index_news .sec_tit a{ color: #fff;}
.news_swiper .swiper-container{ padding: 30px 0; margin: -30px 0;}
.news_swiper .swiper-wrapper{ align-items:stretch;}
.news_swiper .swiper-slide{ height:inherit;}
.news_swiper .swiper-slide a{ display:block; position: relative; height: 100%; padding: 7.50%; padding-bottom: 10%; background: #fff; border: 1px solid #E5E5E5; margin: -1px;} 
.news_swiper .swiper-slide a:hover{ z-index:1; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.19);}
.news_img{ padding-top: 58.83%;}
.news_swiper .swiper-slide a:hover .news_img img{ transform: scale(1.1); }
.news_info{ margin-top: 35px;}
.news_item{ font-weight: bold; height: 48px;} 
.news_time{ margin-top: 20px; }
.news_more{ display:inline-block; position: relative; margin-top: 30px;}
.news_more:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #2DD5DB;
  -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);
} 
.news_swiper .swiper-slide a:hover .news_more:before{
  -webkit-transform-origin: right top;
  transform-origin: right top; 
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.news_swiper .swiper-slide a:hover{ color: #0480ba;}
/*news_policy*/
.news_policy{ margin-top: 60px;}
.news_policy a{ color: #fff;}
.policy_tit{ font-weight: bold; margin-bottom: 30px;}
.policy_list{ position: relative; margin: -10px -40px;}
.policy_list:before{ content:""; position: absolute; top:10%; left:50%; width: 1px; height: 80%; border-left:1px dashed rgba(255,255,255, .40);}
.policy_list li{ float:left; width:50%; padding: 0 30px; }
.policy_list li a{ display:block; overflow: hidden; line-height: 24px; padding: 10px;}
.policy_list li a em{ display:block; float:right; margin-left: 3%;}
.policy_list li a p{ overflow:hidden;}
/*=======index_client======*/
.index_client{ } 
.client_swiper{ clear:both; }
.client_swiper .swiper-container{ padding: 40px 0; margin: -40px 0;}
.client_swiper .swiper-slide a{ display: block; background-color: #fff; border: 1px solid #E5E5E5; margin: -1px 0 0 -1px; }
.client_swiper .swiper-slide a .icon_box{ padding-top: 40%; margin: 0 auto; width: 80%; max-width: 300px;}
.client_swiper .swiper-slide:hover a{ z-index:1; box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.11);}
/*=======index_viewpoint======*/
.index_viewpoint{ background-attachment: local; background-position: 50% bottom; background-color: #007fbc; border-bottom: 5px solid #02A6DC;}
.index_viewpoint .sec_tit a{ color: #fff;}
.viewpoint_swiper .swiper-slide a{ display: block; position: relative; color: #ffffff;}
.viewpoint_img{ padding-top: 56.05%; border-radius: 5px;}
.viewpoint_img .icon_shipin{ font-size: 36px; position:absolute; bottom: 7%; right: 5%; z-index: 1;}
.viewpoint_item{ position:absolute; top:28%; left:5%; z-index: 1; font-weight: bold; padding-left: 13px; -webkit-transition:padding 600ms ease; transition:padding 600ms ease;}
.viewpoint_item:before{ content:""; position: absolute; bottom:5%; left:0; width:3px; height: 90%; background: #ffffff;}
.viewpoint_item i{ display:block; font-weight: 100; margin-top: 5px;}
.viewpoint_des{ text-align: center; padding: 0 5%; margin-top: 15px;}
.viewpoint_swiper .swiper-slide{ width: 24%;}
.viewpoint_swiper .swiper-slide a:hover .viewpoint_img img{ transform: scale(1.1); }
.viewpoint_swiper .swiper-slide a:hover .viewpoint_item{ padding-left: 0;}
.viewpoint_swiper .swiper-slide a:hover .viewpoint_item:before{ height:0;}
.viewpoint_swiper .swiper_arrow{ position:absolute; bottom:100%; margin-bottom: 50px; right:0; z-index: 1;}
.viewpoint_swiper .swiper_arrow div{ position:static; transform: none; display: inline-block; vertical-align: middle; border: 1px solid #ffffff; color: #ffffff; width: 50px; line-height: 36px;}
.viewpoint_swiper .swiper_arrow div.swiper-button-next{ margin-left: -5px;}

/*============================ 02 ============================*/   
.sub_wrap{ background-color: #f6f6f6;}
/*=======banner_wrap======*/ 
.banner_wrap{ position: relative; height: 800px; /*padding-top: 41.67%; min-height: 260px;*/}
.banner{ position: absolute; top:0; left:0; width: 100%; height:100%;}
.banner_img{-webkit-transition: none; transition: none; background-attachment: fixed;}
.banner_text{ position: absolute; top: 50%; transform: translateY(-20%); left:0; z-index: 1; width: 100%; text-align: center; color: #ffffff;}
.banner_tit{ }
.banner_des{ line-height: 1.50; margin-top: 1.60%;}
.banner_link{ display:inline-block; vertical-align: top; text-align: center; line-height: 56px; min-width: 180px; padding: 0 30px; background: #0480BA; color: #ffffff; border-radius: 4px; margin-top: 5%;}
.banner_link:hover{ opacity: .80;}
/*=======wrap_product======*/ 
.wrap_product{}
.screen_box{ background: #FFFFFF; border: 1px solid #E5E5E5; margin-bottom: 40px;}
.screen_line{ display: flex; align-items: stretch; border-bottom: 1px solid #E5E5E5;}
.screen_line:last-child{ border:none;}
.screen_line dt{ display: flex; align-items: center; justify-content: center; width: 120px; float:left; background: #0480BA; color: #FFFFFF; }
.screen_line dd{ overflow:hidden; padding: 18px;}
.screen_line dd a{ display: inline-block; vertical-align: middle; line-height: 35px; padding: 0 16px; margin: 4px 8px; color: #999999;}
.screen_line dd a:hover, .screen_line dd a.current{ background: #EEEEEE; color: #0480BA; }
/*product_list*/
.product_list{}
.product_list li{ margin-bottom: 20px;}
.product_list li:last-child{ margin-bottom: 0;}
.product_list li a{ display:block; overflow: hidden; position: relative; background: #FFFFFF; height: 150px;}
.product_list li a:hover{ box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.11);}
.product_img, .product_text{float:left; width:50%; height: 100%; overflow: hidden;} 
.product_img .bg_img{ /*padding-top: 70%; min-height: 360px;*/ background-color: #ffffff; background-size: contain;}
.product_list li:nth-child(odd) .product_img{ float:right;}
.product_list li a:hover .product_img .bg_img{ transform:scale(1.1); }
.product_text{ padding: 60px;} 
.product_over{ height: 100%; overflow: hidden;}
.product_tit{ font-weight: bold; color: #3693C3; border-bottom: 1px solid #E5E5E5; padding-bottom: 25px; margin-bottom: 25px; -webkit-transition:color 600ms ease,border 600ms ease; transition:color 600ms ease,border 600ms ease; }
.product_tit i{ display: block;}
.product_des{ line-height: 28px; max-height: 196px; overflow: hidden; text-align: justify;} 
.product_list li a:hover{ background: #0480BA; color: #FFFFFF;} 
.product_list li a:hover .product_tit{ color: #FFFFFF; border-color: rgba(255,255,255, .30);}
/*page*/
.page{ text-align:center; margin-top: 50px;}
.page a{ display:inline-block; vertical-align: middle; min-width: 38px; line-height: 36px; text-align: center; padding: 0 6px; background: #E5E5E5;}
.page a:hover, .page a.current{ background: #0480BA; color: #FFFFFF;}
.page a.page_btn{ background:none; color: #999999;}
.page a.page_btn .iconfont{ font-weight: bold; font-size: 12px;}
.page a.page_btn:hover{ color:#0480BA; }
/*=======guide_wrap======*/ 
.guide_wrap{ height: 70px; line-height: 70px; background: #EEEEEE;}
.guide_nav{ text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between;}
.guide_nav li{ display: inline-block; vertical-align: top; border-right:1px solid #DCDCDC; margin: 0 -2px; /*width: 16.66%;*/ flex:1;}
.guide_nav li:first-child{ border-left:1px solid #DCDCDC;}
.guide_nav li a{ display:block; position: relative; }
.guide_nav li a:before{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0480ba;
  -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 a:before,
.guide_nav li.current a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.guide_nav li:hover a,
.guide_nav li.current a{ color: #0480ba;}

/*============================ 03 ============================*/   
.sub_tit{ padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid rgba(125, 125, 125, .20); }
/*energy_tit*/
.energy_tit{ text-align: center; margin-bottom: 50px;}
.tit_cn{ display: inline-block; position: relative; font-weight: bold; color: #0480ba; padding: 0 20px;}
.tit_cn:before, .tit_cn:after{ content: ""; position: absolute; top:50%; transform: translateY(-50%); left:0; background: #0480ba; width: 10px; height: 3px;}
.tit_cn:after{ left:auto; right:0;}
.tit_en{ display:block; position: relative; margin-top: 15px;}
.tit_en:before{ content:""; position: absolute; top:50%; left:0; width: 100%; height: 1px; background: rgba(125, 125, 125, .20);}
.tit_en i{ display:inline-block; position: relative; z-index: 1; background-color: #FFFFFF; padding: 0 12px; letter-spacing: 0.3em; text-transform: uppercase;}
.energy_tit_white .tit_cn, .energy_tit_white .tit_en{ color: #FFFFFF;}
.energy_tit_white .tit_cn:before, 
.energy_tit_white .tit_cn:after{ background: #FFFFFF;}
.energy_tit_white .tit_en:before{ background: rgba(255, 255, 255, .20);}
.energy_tit_white .tit_en i{ background:  #0480ba;}
/*=======contract_concept======*/ 
.contract_concept{ }
.energy_text{ line-height: 2.25; color: #666666;}
.c_c_trait{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 15px 0 -45px;}
.c_c_trait li{ text-align: center; position: relative; width: 25%; padding: 45px 0;}
.c_c_trait li:before{ content:""; position: absolute; top: 31%; left:0; width:1px; height: 38%; background: #E5E5E5;}
.c_c_trait li:nth-child(1):before, .c_c_trait li:nth-child(5):before{ display:none;}
.c_c_trait li i{ display:block; margin: 0 auto 20px; width: 45px; height: 45px;}
.c_c_trait li em{ display: inline-block; vertical-align: top;}
/*=======contract_policy======*/ 
.contract_policy{ padding-top: 0!important;} 
/*=======contract_advantages======*/ 
.contract_advantages{ background-color: #0480ba; color: #FFFFFF;}
.contract_advantages .energy_text{ color: rgba(255, 255, 255, .60);}
/*=======contract_future======*/ 
.contract_future{} 
.c_f_managed{ margin-top: 60px;}
.managed_list{ display: flex; flex-wrap: wrap; align-items: stretch; margin: -12px;}
.managed_list li{ width: 25%; padding: 12px;}
.managed_list li a{ display: block; border-radius: 12px; background:#f2f2f2; text-align: center; padding: 40px 20px;}
.managed_en{ text-transform: uppercase; font-weight: bold; opacity: 0.15;}
.managed_icon{ width: 50%; max-width:105px; margin:20px auto;}
.managed_icon .icon_box{ padding-top: 80.96%; }
.managed_icon img{ -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.managed_icon img:nth-child(2){ opacity:0; }
.managed_list li a:hover{ background-color: #0480ba; color: #FFFFFF;}
.managed_list li a:hover .managed_en{ opacity: .30;}
.managed_list li a:hover .managed_icon img:nth-child(1){ opacity:0; }
.managed_list li a:hover .managed_icon img:nth-child(2){ opacity:1; }
.managed_tit{ text-align: center; font-weight: bold; color: #0480ba; margin-top: 15px; }
.managed_tit img{ display:block; margin: 0 auto 10px;}
/*=======common_order======*/  
.common_order{ color: #FFFFFF; background-attachment: local; border-radius: 4px;}
.order_tit{ text-align: center; font-weight: bold; margin-bottom: 30px;}
.order_form{ margin: -14px 0 0 -14px;}
.form_line{ float:left; width:33.33%; padding:14px 0 0 14px;}
.form_txt{ background: rgba(255,255,255, .70); border-radius: 4px; width: 100%; height: 60px; padding:10px 18px;}
.form_txt:focus{ background: rgba(255,255,255, .80);}
.form_handle{ float:left; width: 100%; text-align: center; margin-top: 30px;}
.form_btn{ cursor: pointer; background: #00B8EC; color: #FFFFFF; border-radius: 4px; width: 160px; height: 60px;}
/*=======common_look======*/ 
.common_look{ padding: 50px 0!important; color: #FFFFFF; border-radius: 4px; text-align: center;}
.common_look a{ color: #FFFFFF;}
.look_tit{ line-height: 1.38;}
.look_tit a{ display: inline-block; }
.look_tit a em{ display: inline-block; position: relative;} 
.look_tit a em:before{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #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);
} 
.look_tit a:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.look_tit a .iconfont{ font-size: 34px; margin-left: 20px; -webkit-transition:margin-left 600ms ease!important; transition:margin-left 600ms ease!important;} 
.look_tit a:hover .iconfont{ margin-left:25px;}
/*=======hospital_concept======*/ 
.hospital_concept{ padding-bottom: 0!important;}
.h_c_img{ position: relative; z-index: 1; overflow: hidden; margin-top: 4.50%; margin-bottom: -8%;}
.h_c_img img{ display:block;}
.h_c_before{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ffffff;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.before_move{
	-webkit-animation: 1s .7s before_move both;
	animation: 1s .7s before_move both;
} 
@-webkit-keyframes before_move { 
	100%{ 
		-webkit-transform: translateX(100%);
    	transform: translateX(100%);
	}
}
@keyframes before_move {
	100%{ 
		-webkit-transform: translateX(100%);
    	transform: translateX(100%);
	}
}  
/*=======hospital_policy======*/ 
.hospital_policy{ padding-top: 10%!important; background-color: #0480ba; color: #FFFFFF;}
.hospital_policy .energy_text{ color: rgba(255, 255, 255, .60);}
/*=======hospital_management======*/ 
.hospital_management, .hospital_building{ padding: 50px 0; background-color: #F6F6F6;}
.hospital_block{ background: #FFFFFF; padding: 4.17%;}
/*=======hospital_building======*/ 
.hospital_building{ padding-top: 0!important;}


/*============================ 03 ============================*/    
/*energy_top*/
.smart_top{ text-align: center; position: relative; padding-bottom: 20px; margin-bottom: 50px;}
.smart_top:before{ content: ""; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width: 30px; height: 3px; background: #1176BF;}
.smart_tit{ font-weight: bold;} 
.smart_subtit{}
.smart_top_white:before{ background: rgba(255, 255, 255, .50); }
/*=======smart_operation======*/ 
.smart_operation{}
.operation_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -10px;}
.operation_list li{ float:left; width: 25%; text-align: center; padding: 10px;}
.operation_block{ height: 100%; position: relative; padding: 30px 0; -webkit-transition:color 600ms ease; transition:color 600ms ease;}
.operation_block:before{ content: ""; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width: 26px; height: 2px; background: #DCDCDC;} 
.operation_block:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #0480ba;} 
.operation_icon, .operation_item, .operation_des{ position:relative; z-index: 1;}
.operation_icon{ display:block; margin: 0 auto; position: relative; width: 100px; height: 100px;} 
.operation_icon:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius:50%; background: rgba(255,255,255, .95); transform: scale(0); }
.operation_icon .icon_box{ position: relative; z-index: 1; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.operation_item{ font-weight:bold; margin: 40px 0 25px;}
.operation_des{ opacity: .60; margin: 0 auto; }
.operation_block:hover{ color: #ffffff;}
.operation_block:hover .operation_icon:before{ transform: scale(1); }
.operation_block:hover .operation_icon .icon_box{ transform: scale(.85); }
.operation_block:hover:before{ width: 100%; background: #0480ba;}
.operation_block:hover:after{ height: 100%;}

/*=======smart_digital======*/ 
.smart_digital{}
.digital_swiper .swiper-wrapper{ align-items:stretch;}
.digital_swiper .swiper-slide{ height: auto; background: #fff; -webkit-transition:color 600ms ease,background 600ms ease; transition:color 600ms ease,background 600ms ease; padding: 50px 0;}
.digital_item{ font-weight: bold; text-align: center;}
.digital_icon{ width: 46%; max-width: 100px; margin: 25px auto 0;}
.digital_icon img{ -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.digital_icon img:nth-child(2){ opacity:0;}
.digital_des{ margin-top: 30px; padding: 30px; padding-bottom: 0!important; border-top:1px solid rgba(229, 229, 229, .70); -webkit-transition:border 600ms ease; transition:border 600ms ease;}
.digital_des li{ padding: 3px 0 3px 6px; position: relative;}
.digital_des li:before{ content:""; position: absolute; top:14px; left:0; width:2px; height: 2px; background: #666;}
.digital_swiper .swiper-slide:hover{ background-color: #0480ba; color: #FFFFFF;}
.digital_swiper .swiper-slide:hover .digital_icon img:nth-child(1){ opacity:0;}
.digital_swiper .swiper-slide:hover .digital_icon img:nth-child(2){ opacity:1;}
.digital_swiper .swiper-slide:hover .digital_des{ border-color: rgba(229, 229, 229, 0.30);}
.digital_swiper .swiper-slide:hover .digital_des li:before{ background:#FFFFFF;}
/*=======smart_system======*/ 
.smart_system{ color:#FFFFFF;} 
.system_img{ text-align: center;}
/*=======smart_technology======*/ 
.smart_technology{ background-color: #f4f4f4;}
.technology_text{ float:left; width:46%; margin-bottom: -100%; position: relative; z-index: 1; text-align: justify;}
/*=======smart_deploy======*/ 
.smart_deploy{ color:#FFFFFF;}
.deploy_list{ display:flex; flex-wrap: wrap; align-items: stretch;}
.deploy_list li{ float:left; width: 50%; text-align: center;}
/*=======smart_worth======*/ 
.smart_worth{}
.worth_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -15px;}
.worth_list li{ float:left; width: 33.33%; padding: 15px;}
.worth_list li a{ display:block; height: 100%; background: rgba(255,255,255, 1); padding: 60px 30px;}
.worth_icon{ float:left; width: 100px; height: 100px; margin-right: 20px;}
.worth_info{ overflow:hidden;}
.worth_item{ font-weight:bold;}
.worth_des{ min-height: 72px; margin-top: 15px; }
.worth_list li a:hover{ background: rgba(255,255,255, .80); color: #0480ba; box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.11);}
/*=======smart_story======*/ 
body.body_story main{ padding-top: 100px;}
body.body_story footer{ border-top: 1px solid rgba(220, 220, 220, 1);}
.smart_story{}
.story_tit{ font-weight:bold; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid rgba(220, 220, 220, 1);}
.story_text{ color: #666666; line-height: 2;}
.story_back{ display: block; margin: 5% auto 0; text-align: center; width: 160px; line-height: 50px; background: #0480BA; color: #FFFFFF; border-radius: 6px;}
.story_back:hover{ opacity: .90;}

/*======================twins =========================*/ 
/*=======twins_design======*/ 
.twins_design{ text-align: center;}
.design_text{ max-width: 892px; margin: 0 auto; color: #666666; line-height: 1.875;}
.design_loop{ margin-top: 50px;}
.loop_tit{ font-weight:bold;}
.loop_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -10px; margin-top: 30px;}
.loop_list li{ float:left; width:25%; text-align: center; position: relative; padding: 10px;}
.loop_list li:before{ content:""; position: absolute; top:22%; left:100%; margin-left:-12.17%; width:24.34%; height: 18px; background: url(../images/twins_01.png) center center no-repeat; background-size: contain;}
.loop_list li:last-child:before{ display:none;}
.loop_icon{ width: 46%; max-width: 108px; margin: 0 auto; background: url(../images/twins_design_bg01.png) no-repeat; background-size: contain; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.loop_icon .icon_box{ padding-top: 115.69%;}
.loop_icon .icon_box img{ -webkit-transition:opacity 600ms ease; transition:opacity 600ms ease; max-width: 50%; max-height: 50%;}
.loop_icon .icon_box img:nth-child(2){ opacity:0;}
.loop_item{ color: #0A977E; margin-top: 15px;}
.loop_des{ color: #666666; margin-top: 15px;}
.loop_list li:hover .loop_icon{ background-image: url(../images/twins_design_bg02.png);}
.loop_list li:hover .loop_icon .icon_box img:nth-child(1){ opacity:0;}
.loop_list li:hover .loop_icon .icon_box img:nth-child(2){ opacity:1;}
/*=======twins_character======*/ 
.twins_character{ overflow: hidden; color:#FFFFFF;} 
.character_text{ float:left; width: 43%;}
.character_line{ padding: 35px 0; line-height: 24px; border-bottom:1px solid rgba(220, 220, 220, .22); -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.character_line dt{ float:left; font-weight: bold; margin-right: 8%;}
.character_line dd{ overflow:hidden; color: rgba(255,255,255, .70);}
.character_line:hover{ padding-left: 20px; background: rgba(220, 220, 220, .22);}
.character_img{ float:right; width: 51.5%; position: relative; margin-top: 35px;}
.character_img img{ display:block; border:14px solid #FFFFFF; width: 100%; position: relative; z-index: 1;}
.character_img_dec{ position: absolute; bottom: -12%; right: -7%; width: 97%; height: 98%; background: #21798F;}
/*=======twins_build======*/ 
.twins_build{ } 
.build_swiper{ }     
.build_swiper .swiper-slide:before{ content:""; position: absolute; top:50%; left:100%; margin-left: 4%; width: 12%; max-width: 40px; height: 40px; background: url(../images/twins_build_icon01.png) center center no-repeat; background-size: contain;}
/*=======twins_application======*/ 
.twins_application{color:#FFFFFF;}
.application_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -15px;}
.application_list li{ width: 33.33%; padding: 15px;}
.application_list li a{ display:block; height: 100%; background: rgba(255,255,255, 1); border-radius: 6px; text-align: center; padding: 30px; padding-bottom: 50px;}
.application_icon{ max-width:60px; margin: 0 auto 10px;}
.application_list li a:hover{ background: rgba(255,255,255, 0.95); box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.11); color: #0A977E;}

/*============================ 06 ============================*/  
/*=======wrap_cases======*/ 
.wrap_cases{ }
.cases_list{}
.cases_list li{ margin-bottom:40px;}
.cases_list li:last-child{ margin-bottom: 0;}
.cases_list li a{ display:block; overflow: hidden; position: relative; background: #FFFFFF; padding: 65px;}
.cases_list li a:before, .cases_list li a:after{ content:""; position: absolute; top:65px; left:0; width:4px; height: 27px; background: #0480BA;}
.cases_list li a:after{ background: #FFFFFF; height: 0;}
.cases_pic{ width: 390px; overflow: hidden; float:right; margin-left: 7%;}
.cases_pic .bg_img{ padding-top: 60%;}
.cases_info{ overflow:hidden;}  
.cases_item{ font-weight: bold; color: #0480BA; margin-bottom: 30px; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.cases_overview{ overflow: hidden; max-height: 180px;}
.cases_caption{ font-weight:bold; margin-top: 15px;  margin-bottom: 5px;}
.cases_caption:first-child{ margin-top:0;}
.cases_des{ opacity: .70;}  
.cases_list li a:hover{ background: #0480BA; color: #FFFFFF;}
.cases_list li a:hover:before{ height:0;}
.cases_list li a:hover:after{ height:27px;}
.cases_list li a:hover .cases_pic .bg_img{ transform: scale(1.10);}
.cases_list li a:hover .cases_item{-webkit-transition:all 600ms ease; transition:all 600ms ease; color: #FFFFFF;}
.cases_list li a:hover .cases_des{ opacity: .40;} 
.cases_list li a:hover .cases_overview .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(255,255,255,0.15);}
.cases_list li a:hover .cases_overview .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(255,255,255,0.75);}


/*============================ 07 ============================*/  
/*=======wrap_news======*/ 
.wrap_news{}
.news_box{ margin-bottom: 90px;}
.news_box:last-child{ margin-bottom: 0;}
.news_tit{ text-align: center; font-weight: bold; color: #0480BA; position: relative; padding-bottom: 15px; margin-bottom: 50px;}
.news_tit:before{ content:""; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width: 30px; height: 2px; background: #999999;}
.news_all{}
.news_all li{ margin-bottom: 40px;}
.news_all li:last-child{ margin-bottom: 0;}
.news_all li a{ display:block; overflow: hidden; position: relative; background: #FFFFFF; padding: 40px;}
.news_pic{ float:left; overflow: hidden; width: 340px; margin-right: 4%;}
.news_pic .bg_img{ padding-top: 58.83%;}
.news_text{ overflow: hidden;}
.news_headline{}
.news_des{ line-height: 28px; max-height: 56px; opacity: .70; margin-top: 15px;}
.news_date, .news_go{ -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.news_date{ display: block; line-height: 1; color: #0480BA; margin-top: 15px;}
.news_go{ display: inline-block; vertical-align: top; background: #0480BA; color:#FFFFFF; text-align: center; text-decoration: underline; width: 115px; line-height: 40px; margin-top: 34px;}
.news_all li a:hover{ background: #0480BA; color: #FFFFFF;}
.news_all li a:hover .news_pic .bg_img{ transform: scale(1.10);}
.news_all li a:hover .news_des{ opacity: .40;} 
.news_all li a:hover .news_date{ color: #FFFFFF;}
.news_all li a:hover .news_go{ background: #FFFFFF; color:#0480BA; }
/*policy_all*/
.policy_all{}
.policy_all li{ margin-bottom: 40px;}
.policy_all li:last-child{ margin-bottom: 0;}
.policy_all li a{ display:block; overflow: hidden; position: relative; background: #FFFFFF; padding: 40px;}
.policy_time,.policy_go{ -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.policy_time{ display:block; float:left; text-align: center; color:#0480BA; border-right: 1px solid #DCDCDC; padding-right: 40px; margin-right: 40px;}
.policy_time em{ display:block; font-weight: bold; line-height: 36px; font-size: 36px;}
.policy_time i{ display:block; line-height: 16px; margin-top: 30px;}
.policy_text{ overflow: hidden;}
.policy_headline{}
.policy_des{ line-height: 28px; max-height: 56px; opacity: .70; margin-top: 15px;}
.policy_go{ display: inline-block; background: #0480BA; color:#FFFFFF; text-align: center; text-decoration: underline; width: 115px; line-height: 40px; -webkit-transition:all 600ms ease; transition:all 600ms ease; margin-top: 34px;}
.policy_go01{ float:right; margin-left: 60px;}
.policy_go02{ display:none;}
.policy_all li a:hover{ background: #0480BA; color: #FFFFFF;} 
.policy_all li a:hover .policy_des{ opacity: .40;} 
.policy_all li a:hover .policy_time{ color: #FFFFFF;}
.policy_all li a:hover .policy_go{ background: #FFFFFF; color:#0480BA; }
/*=======detail_box======*/ 
.detail_box{ background: #FFFFFF; padding: 90px 80px;}
.detail_top{ text-align: center; border-bottom: 1px solid #E5E5E5; padding-bottom: 40px; margin-bottom: 50px;}
.detail_xg{ color:#0480BA; margin-top: 20px;}
.detail_con{ line-height: 1.875; text-align: justify;}
.detail_bot{ border-top: 1px solid #E5E5E5; padding-top: 40px; margin-top: 50px;}
.detail_btn{ display:block; float:left; width:48%;}
.detail_btn .iconfont{ float:left; text-align: center; line-height: 37px; width: 37px; background: #DBDBDB; color: #888888; border-radius: 50%; font-size: 14px; font-weight: bold;}
.btn_prev .iconfont{ margin-right:20px;}
.btn_next{ float:right; text-align: right;}
.btn_next .iconfont{ float:right; margin-left:20px;}
.btn_text{ overflow: hidden;}
.btn_text span{ display:block; color:#0480BA; margin-bottom: 10px;}
.btn_text p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height: 24px;}

/*============================ 08 ============================*/  
/*=======wrap_ecology======*/ 
.wrap_ecology{}
.ecology_list{}
/*.ecology_line, .ecology_tit{ }*/
.ecology_line{ background: #FFFFFF; position: relative; margin-bottom: 50px; -webkit-transition:background 600ms ease, color 600ms ease; transition:background 600ms ease, color 600ms ease;}
.ecology_line:last-child{ margin-bottom:0;}
.ecology_line dt{ float:left; width:50%; overflow: hidden;}
.ecology_line dt .bg_img{ padding-top: 66.67%;}
.ecology_line dd{ position: absolute; top:0; right:0; z-index: 1; width:50%; height: 100%; display: flex; align-items: center; padding: 6%;}
.ecology_text{ position: relative; z-index: 1; max-width: 420px; max-height: 100%; overflow: hidden;}
.ecology_tit{ font-weight:bold; color:#0480BA; padding-bottom: 15px; position: relative; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.ecology_tit:before, .ecology_tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 30px; height: 2px; background: #0480BA;}
.ecology_tit:after{ width:0; background: #FFFFFF;}
.ecology_des{ line-height: 2; opacity: .70; margin-top: 30px;}
.ecology_more{position:absolute; bottom:0%; right:0%;display: inline-block; padding: 0 20px;text-align: center; min-width:150px; line-height: 52px;background: #0480BA; color: #ffffff; }
.ecology_line:nth-child(even) dt{ float:right;}
.ecology_line:nth-child(even) dd{ right:auto; left:0;}
.ecology_line:hover{ background: #0480BA; color:#FFFFFF; }
.ecology_line:hover dt .bg_img{ transform: scale(1.10);}
.ecology_line:hover .ecology_tit{ color:#FFFFFF;}
.ecology_line:hover .ecology_tit:before{ width:0;}
.ecology_line:hover .ecology_tit:after{ width:30px;}
.ecology_line:hover .ecology_des{ opacity: .50;}
.ecology_line:hover .ecology_more{ background: #ffffff; color: #0480BA;}

/*=======ecology_partner======*/ 
.ecology_partner{ margin-top: 50px;}
.partner_tit{ font-weight: bold; color: #0480BA; padding-bottom: 15px; border-bottom:1px solid #DCDCDC;}
.partner_list{ margin: 10px -10px -10px;}
.partner_list li{ float:left; width:20%; padding: 10px;}
.partner_list li .icon_box{ padding-top: 40%; background: #ffffff;}
.partner_list li .icon_box img{ -webkit-transition:all 600ms ease; transition:all 600ms ease;} 
.partner_list li .icon_box:hover{ background: #FFFFFF; box-shadow: 0 0 10px -2px rgba(0,0,0, .10); }
.partner_list li .icon_box:hover img{ transform: translate(-50%,-50%) rotateY(30deg); }
/*=======ecology_apply======*/ 
.ecology_apply{ padding: 70px 0; background-attachment: fixed;}
.ecology_apply .order_tit{ margin-bottom: 55px;}
.ecology_apply .order_form{ display:flex; flex-wrap: wrap; justify-content: center;}
.ecology_apply .order_form .form_line{ /*width:25%;*/ width: auto; flex: 1 0 0; }
.select_box{ position:relative;}
.form_select{}
.select_box .iconfont{ position: absolute; top:50%; transform: translateY(-50%); right:18px; color: #91a0a6; font-size:12px;}
.ecology_apply .form_handle{ margin-top: 55px;}

/*============================ 08 ============================*/  
.about_tit{ text-align:center; margin-bottom: 50px;}
.about_tit em{ display:block; font-weight: bold; color: #0480BA;}
.about_tit i{ display:block; text-transform: uppercase; margin-top: 10px;}
.about_tit_white em{ color: #FFFFFF;}
/*=======about_profile======*/ 
.about_profile{}
.profile_text{ float:left; width: 51%;}
.profile_text .about_tit{ text-align:left;}
.profile_des{ line-height: 2; color: #666666;}
.profile_img{ float:right; background:#000; position: relative; width:45%; max-width: 668px;}
.profile_img .img_box{ padding-top: 61.08%; opacity: .80;}
.profile_img .icon_shipin{ font-size: 70px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 1; color: #fff;}
/*tan_wrap*/ 
.tan_wrap, .tan_bg { position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; color: #fff;} 
.tan_bg { z-index: 1; background: rgba(0,0,0, .75); } 
.tan_box { position:relative; z-index: 2; width: 100%; height: 100%; display:flex; flex-wrap: wrap; align-items: center; padding: 0 15px;}
.tan_con{ position:relative; width:100%; max-height: 90%; max-width: 1000px; margin: 0 auto;}
.tan_close { position: absolute; bottom: 102%; right:0; z-index: 5; text-align: center; color: #fff; width: 40px; line-height: 40px;}
.tan_close .icon_guanbi { font-size: 24px; }
.tan_close:hover { color: #0480BA!important; }  
.video_btn { display: block; position: absolute; top: 0%; left: 0%; z-index: 2; background: rgba(0,0,0, .15); width: 100%; height: 100%;  }
.video_btn .iconfont{ font-size: 70px; color: #fff; border-radius: 50%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);} 
.play_show{ display:block;}
#play_video{ display:block; width: 100%; height: 100%;}
/*profile_view*/
.profile_view{ float:left; width: 100%; margin-top: 60px; display:flex; flex-wrap: wrap; align-items: stretch;}
.profile_view li{ float:left; width: 33.33%; background: #FFFFFF; border: 1px solid #E5E5E5; margin: -1px; color: #666666; padding: 40px; -webkit-transition:background 600ms ease, color 600ms ease; transition:background 600ms ease, color 600ms ease;} 
.profile_view li .iconfont{ line-height: 1; float:left; font-size:50px; margin-right: 20px;}
.view_text{ overflow:hidden;}
.view_tit{ font-weight: bold;}
.view_des{ margin-top: 10px;}
.profile_view li:hover{ background: #0480BA; color:#FFFFFF; }
/*=======about_honor======*/ 
.about_honor{ background-color: #F5F5F5;} 
.honor_swiper{}
.honor_swiper .swiper-wrapper{ align-items:stretch;}
.honor_swiper .swiper-slide{ height:auto;}
.honor_swiper .swiper-slide a{ display:block; position: relative; height: 100%; background: #FFFFFF; text-align: center; padding:15% 9.4% 9.4%;}
.honor_swiper .swiper-slide a:before{ content:""; position: absolute; bottom: 0; left:50%; width:0; height: 2px; background: #0480BA;}
.honor_img{  background: #FFFFFF; padding-top: 127.67%;} 
.honor_img:before{ content:"\e655"; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(0); opacity: 0; z-index: 2; font-family: "iconfont"; text-align: center; width:60px; line-height: 60px; border-radius: 50%; font-size: 24px; background: rgba(0,0,0, .50); color: #FFFFFF; }
.honor_caption{ margin-top: 16%;}
.honor_swiper .swiper-pagination-bullet{ width:13px; height: 13px; border-width:2px;}
.honor_swiper .swiper-pagination-bullet-active{ background: none; border-color:#979797;}
.honor_swiper .swiper_arrow div{ transform: translateY(-200%); text-align: center; width: 40px; line-height: 36px; border: 2px solid #DCDCDC; color: #DCDCDC; border-radius: 50%;}
.honor_swiper .swiper_arrow div.swiper-button-prev{ left:-4%;}
.honor_swiper .swiper_arrow div.swiper-button-next{ right:-4%;}
.honor_swiper .swiper_arrow div .iconfont{ vertical-align: top; font-size: 24px;}
.honor_swiper .swiper_arrow div:hover{ border-color:#959595; color: #959595;} 
.honor_swiper .swiper-slide a:hover{ color: #0480BA; }
.honor_swiper .swiper-slide a:hover:before{ left:0; width: 100%; }
.honor_swiper .swiper-slide a:hover .honor_img:before{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
/*=======about_development======*/ 
.about_development{ overflow: hidden; color:#FFFFFF;}
.development_swiper{ margin-top: 7%;}
.development_show{ padding:0 60px;}
.development_show .swiper-wrapper{ align-items:stretch;}
.development_show .swiper-slide{ height:auto; border-left:1px solid #FFFFFF; padding: 0 3% 0 2%;}
.development_time{ font-weight:bold; line-height: 1;}
.development_des{ line-height: 1.67; margin-top: 30px;}
.development_show .swiper_arrow div .iconfont{ font-size: 60px;}
.development_thumbs{ position: relative; text-align: center; margin: 7% -44px 0;}
.development_thumbs:before{ content:""; position: absolute; top: 15px; left: -100%; width:300%; height: 1px; background: #DCDCDC;}  
.development_thumbs .swiper-slide em{ display:block; margin: 0 auto 15px; position: relative; width: 30px; height: 30px;}
.development_thumbs .swiper-slide em:before{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); border-radius: 50%; background: #047ebd; border:1px solid #FFFFFF; width:24px; height: 24px;}
.development_thumbs .swiper-slide-thumb-active em:before{ width:30px; height: 30px;}
/*=======about_partner======*/ 
.about_partner{ }
.partner_swiper{}
.partner_swiper .swiper-container{ padding: 40px 0; margin: -40px 0;}
.partner_swiper .swiper-slide .icon_box{ padding-top: 47.26%; background-color: #fff; border: 1px solid #E5E5E5; margin: -1px 0 0 -1px; }
.partner_swiper .swiper-slide:hover .icon_box{ z-index:1;  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.11);}
/*=======about_contact======*/ 
.about_contact{ padding-bottom: 0!important;}
.contact_list{ display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin: -10px 0; padding: 0 11%; }
.contact_list:after{ display:none;}
.contact_list li{ display: inline-block; /*width:24%; max-width: 340px;*/ color: #666666; text-align: center; padding: 10px 0; }
.contact_list li .iconfont{ display:block; margin: 0 auto 20px; font-size: 28px;}
.contact_list li:last-child{ font-size:14px;}
.contact_map{ margin-top: 50px;}
.contact_map img{ display:block;}
/*=======about_join======*/ 
.about_join{ padding-bottom: 65px; color:#FFFFFF; background-attachment: local; text-align: center;}
.about_join .about_tit{ margin-bottom: 30px;}
.link_join{ display:block; margin: 0 auto; text-align: center; width:150px; line-height: 50px; background: #0480BA; color:#FFFFFF; border-radius: 6px;}
.link_join:hover{ opacity: .90;}
/*=======wrap_join======*/ 
.wrap_join{}
.join_list{}
.join_list li{ margin-bottom: 30px;}
.join_list li:last-child{ margin-bottom: 0;}
.join_list li a{ display:block; overflow: hidden; background: #FFFFFF; padding: 50px;}
.join_tit{ margin-bottom: 20px;}
.join_des{ width:75%; float:left; overflow: hidden; }
.join_des p{ display: block; float:left; position: relative; width: 34%; text-align: center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height: 24px; }
.join_des p:before{ content:""; position: absolute; top:50%; left:0; width: 2px; height: 18px; margin-top: -9px; background: #A7A7A8;} 
.join_des p:first-child:before{ display:none;}
.join_des p:nth-child(1){ text-align: left;}
.join_des p:nth-child(2){ width:32%;}
.join_more{ display:block; float:right; background: #0480BA; color: #FFFFFF; text-align: center; width: 120px; line-height: 44px; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.join_list li a:hover{ background: #0480BA; color: #FFFFFF;}
.join_list li a:hover .join_more{ background: #FFFFFF; color: #0480BA;}
.join_list li a:hover .join_des p:before{ background:rgba(255,255,255, .40); }
/*=======join_end======*/ 
.join_end{ background: #FFFFFF; padding: 70px 50px;}
.end_top{ padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #D2D2D2;}
.end_item{ float:left; font-weight: bold;}
.end_back{ display:block; float:right; color: #1AA4DA; margin-top: 6px;}
.end_back:hover{ text-decoration:underline;}
.end_con{ color:#666666; line-height: 1.875;}
.end_data{ display:flex; flex-wrap:wrap; align-items: stretch; justify-content: space-between; padding-right: 4%;}
.end_data:after{ display:none;}
.end_caption{ display: inline-block; vertical-align: top; padding-bottom: 5px; position: relative; font-weight: bold; color: #0480BA; margin-bottom: 20px; margin-top: 60px;}
.end_caption:before{ content:""; position: absolute; bottom: 0; left:0; width: 100%; height: 1px; background: #0480BA;}
.deliver_email{ display:inline-block; margin-top: 60px; padding:2.40% 3% 2.40% 2%; background: #0480BA; color: #FFFFFF; font-weight: bold;}
.deliver_email .iconfont{ font-weight: normal; line-height: 1; font-size: 26px; opacity: .70; margin-right: 10px;}
.deliver_email:hover{ opacity: .90; }
/*=======wrap_tmt======*/ 
.wrap_tmt{}
.tmt_list{}
.tmt_list li{ margin-bottom: 40px;}
.tmt_list li:last-child{ margin-bottom: 0;}
.tmt_list li a{ display:block; overflow: hidden; background: #FFFFFF;}
.tmt_photo{ float:left; width:256px;}
.tmt_photo .img_box{ padding-top: 132.81%;}
.tmt_info{ overflow: hidden; padding: 50px; padding-bottom: 0!important;}
.tmt_tit{ font-weight:bold;}
.tmt_tit em{ display:block;}
.tmt_tit i{ display:block; margin-top: 15px;}
.tmt_des{line-height:30px; max-height: 120px; overflow:hidden; margin-top: 35px;}
.tmt_list li a:hover{ background: #0480BA; color: #FFFFFF;}   
.tmt_list li a:hover .tmt_photo .img_box img{ transform: scale(1.1); }
.tmt_list li a:hover .cases_overview .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(255,255,255,0.15);}
.tmt_list li a:hover .cases_overview .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(255,255,255,0.75);}
/*=======ecology_expert======*/ 
.ecology_expert{ overflow: hidden; background-color: #4b90b6; color: #FFFFFF;} 
.ecology_expert a{ color: #FFFFFF;} 
#container {
	position: absolute; top:0; left:0; opacity: .20;
	height: 100%;
	width: 100%;
}
#output {
	width: 100%;
	height: 100%;
}
.ecology_expert .inner{ position: relative; z-index: 1;}
.expert_tit{ font-weight: bold;}
.expert_swiper{ margin-top: 30px;}
.expert_photo{ position:relative;}
.expert_photo .img_box{ padding-top: 132.81%;}
.expert_cover{ position:absolute; top:0; left:0; z-index: 2; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0, .70); color: #fff; padding: 10%; text-align: justify; -webkit-transition:all 600ms ease; transition:all 600ms ease; opacity: 0; }
.expert_overview{ height: 100%; overflow: hidden;}
.expert_item{ margin-top: 15px; line-height: 24px; text-align: center;}
.expert_item em{ display:block; font-weight: bold;}
.expert_swiper .swiper-slide:hover .expert_cover{ opacity: 1;}
.expert_swiper .swiper-slide:hover .expert_photo .img_box img{ transform: scale(1.1); }
.expert_swiper .swiper_arrow div .iconfont{ font-size: 40px;}
.expert_swiper .swiper_arrow div.swiper-button-prev{ left:-5%;}
.expert_swiper .swiper_arrow div.swiper-button-next{ right:-5%;}