@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: "FZRuiZHJW_Zhong";
  src: url("../fonts/FZRuiZHJW_Zhong.ttf") format("truetype");
} 
@font-face {
  font-family: "FZYANS_CUJW";
  src: url("../fonts/FZYanSJW_Cu.ttf") format("truetype");
} 
@font-face {
  font-family: "FZZCHJW";
  src: url("../fonts/fzltdhjwgb10zt.ttf") format("truetype");
} 
html{
	font-size: 100px;
}
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:'Noto Sans SC','Microsoft Jhenghei', '微軟正黑體', Microsoft YaHei, "微软雅黑";
    font-size: 14px;
	line-height: 1.72;
	color: #333333;
    background: #ffffff;
	font-weight: 400;
	overflow: hidden;
	text-align: justify;
	/*word-break: break-word;*/
}  
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:#000000; 
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#000000;}
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 Jhenghei', '微軟正黑體', Microsoft YaHei, "微软雅黑";}
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.20; font-family:'Noto Sans SC','Microsoft Jhenghei', '微軟正黑體', Microsoft YaHei, "微软雅黑"; }
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-bullet-active{ background: #0CB4FF!important;}
div[class*="swiper-button-"]{ -webkit-transition:all 600ms ease; transition:all 600ms ease; background: none; color:#dcdcdc; text-align: center; border-radius: 50%; width:50px; height: 50px; line-height: 50px; }  
div[class*="swiper-button-"] .iconfont{ font-size: 18px;}
div[class*="swiper-button-"]:hover{ color:#0CB4FF; }   
/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],button, sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .bg_img, .img_box img, header, .menu_phone i, .n_subclass, .menu_box, .header_logo img{ 
	-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, .img_box video {
	display:block;
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
	position: absolute;
    top: 0;
    left: 0;
	object-fit: cover;
}
/*icon_box*/
.icon_box{position:relative; overflow: hidden; display:block; height:0;padding-top:100%; background: #F8F8F8;}
.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%;}
/*triangle*/
.triangle{
    display: inline-block; 
    vertical-align: middle; 
    pointer-events: none;
    overflow: visible;
	-webkit-transition:all 600ms ease; transition:all 600ms ease; 
	position: absolute;
	bottom: 0;
	left:50%;
	transform: translateX(-50%);
} 
.triangle_up{
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #ffffff;
} 
/*single_line*/
.single_line{ display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
/*multi_line*/
.multi_line{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;} 
/*inner*/
.inner{ width:100%; padding: 0 20px; margin: 0 auto; max-width: 1400px; } 
.inner_1520{ max-width: 1500px;} 

/*===========================header_wrap====================================*/  
.header_wrap{ position:fixed; top: 0; left:0; z-index:1000; width: 100%; height: 85px; line-height: 85px; background: #ffffff; border-bottom: 1px solid rgba(255,255,255, .30); color: #666666; } 
.header_wrap a{ color: #666666;}
.header_inline{ display: flex; flex-wrap: nowrap; position: relative;}
/*logo*/
.logo{ display: flex; align-items: center;}
.logo a{ display: block; position: relative;}
.logo a img{ display:block; height: 50px; width:auto;}
.logo a img.logo_blue{ opacity: 1;}
.logo a img.logo_white{ opacity: 0; position: absolute; top:0; left:0;}
/*nav_list*/
.nav_list{ margin-left: auto; margin-right: .20rem;}
.nav_list li{ float:left; position: relative;}
.nav_list li a.n_a0{ display: block; position: relative; padding: 0 .20rem;}
.nav_list li a.n_a0 .triangle_up{ border-bottom-color: #0096d9; opacity: 0; } 
.nav_list li.has_subclass:hover a.n_a0 .triangle_up,
.nav_list li.has_subclass.active a.n_a0 .triangle_up{ opacity: .80; } 
.nav_list li a.n_a0:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0096d9;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.nav_list li:hover a.n_a0:before,
.nav_list li.active a.n_a0:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.nav_list li:hover a.n_a0,
.nav_list li.active a.n_a0{color: #3AC2FF!important;}
.n_subclass{ position: absolute; top:100%; left:50%; transform: translateX(-50%); z-index: 1; width: 100%; min-width: 140px; padding: 30px 20px; background: rgba(255,255,255, .80); color: #666666!important; display: flex; align-items: center; line-height: 24px; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .2s ease-in-out,visibility .2s ease-in-out;}
.nav_list li:hover .n_subclass{ visibility: visible; opacity: 1; pointer-events: all;}
.n_subclass a{ color: #666666!important;}
.n_subclass a:hover{ color: #333333!important;}
.n_subclass_linklist{ margin:0 auto -.08rem; }
.n_subclass_linklist a{ display:block; position: relative; padding-left: 16px; margin-bottom: .08rem;}
.n_subclass_linklist a:before{ content: ""; position: absolute; top:9px; left:0; width: 6px; height: 6px; background: #0096d9;
opacity: 0.3; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.n_subclass_linklist a:hover{ font-weight:400;}
.n_subclass_linklist a:hover:before{ opacity: 1;}
.nav_list li.n_li02{ position: static;}
.nav_list li.n_li02 .n_subclass{ left:auto;right:0; transform: none; width: 100vw; max-width:1045px; padding-left: 0; padding-right: 0;}
.nav_list li.n_li02 .n_subclass_linklist, .nav_list li.n_li02 .n_subclass_other{ padding: 0 5%;}
.nav_list li.n_li02 .n_subclass_linklist{ width: 76%; border-right:1px solid rgba(102, 102, 102, .15);}
.nav_list li.n_li02 .n_subclass_linklist a{ width: 33.33%; float:left;}
.nav_list li.n_li02 .n_subclass_other{ width: 24%; }
a.look_all{ display:block; font-weight: 400;}
a.look_all .iconfont{ font-size: 14px; margin-left: 4px;}
a.look_all:hover{color: #0096d9!important;}
.hot_line{ display: block; margin-top: 5px;}
.hot_line .iconfont{ font-size: 24px; margin-right: 4px;}
/*header_action*/ 
.header_action{ }
.action_item{ float:left; height: 100%; text-align: center; border-left:1px solid rgba(102,102,102, .30); position: relative;}
.action_item_icon{ cursor: pointer; display: block; text-align: center; height: 100%; width: 85px;}
.action_item_icon .iconfont{ font-size: 24px;} 
.action_item_icon:hover,
.action_search_submit:hover{ color: #0096d9!important;}
.action_item.active .action_item_icon{ background: #0096d9; color: #ffffff!important;}
.action_item_box{ overflow:hidden; position: absolute; top:100%; right:0; z-index: 1; width:100vw; background: #ffffff; box-shadow:0 2px 5px 0 rgba(0,0,0, .08); border-top:1px solid rgba(0,0,0, .10); display: none;}
.action_search{ position:relative; }
.action_search_fill{ max-width:340px; height: 85px; padding-right: 85px;}
.action_search_submit{ position: absolute; top:0; right: 0; z-index: 1; cursor: pointer; color: #666666; width: 85px; height: 100%;}
.action_search_submit .iconfont{ font-size: 24px;}
.action_search_txt{ vertical-align: top; width: 100%; height: 100%; color: #666666; padding-left: .20rem;} 
.action_search_txt::-webkit-input-placeholder{
	color:#999999; opacity: .50;
}  
.action_search_txt::placeholder{
	color:#999999; opacity: .50;
}
.action_search_icon{ } 
.action_notice{}
.action_notice_icon{ } 
.action_notice_show{ max-width: 163px;text-align: center; padding: 15px; line-height: 1.72;} 
.action_notice_show img{display:block; margin: 0 auto;}
.action_mobile{ z-index: 1002; display:none; margin-right: -20px;}
.action_mobile_icon{ } 
/*nav_box*/
.nav_box{ position: fixed; top: 70px; right: 0; bottom: 0; visibility: hidden; z-index: 1001; line-height: 1.72; color:#333333!important;}
.nav_box a{ color:#333333!important;}
.nav_box a:hover{ color:#0096d9!important;}
.nav_bg{ position: fixed; top:0; left:0; 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: #ffffff;
    -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: #F4F4F4; display:flex; align-items: center; width:100%; height:100px;}
.nav_close{
	cursor: pointer;
    position: absolute;
    top: 50%;
    right: 30px; 
	transform: translateY(-50%);
	text-align: center;
	width: 36px; 
	line-height: 36px;
}
.nav_close .iconfont{ font-size: 20px;}
.nav_hotline{ width: 100%!important; float:none; padding: 0 30px;}
.nav_scroll{
	width: 100%; height: 100%;
    padding: 100px 30px 30px; 
    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!important;}
.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 .triangle_up{ display:none;}
.nav_menu li a.m_a0:before{ content: "\e645"; position: absolute; top:50%; right:0; transform: translateY(-50%); font-family: "iconfont"; font-size: 14px; display: none;}
.nav_menu li.has_subclass a.m_a0:before{ display:block;} 
.m_subclass{ padding-bottom: 20px; display: none;}
.m_subclass a{ display:block; text-align: center; padding: 6px 0;}
.nav_menu li:hover a.m_a0,
.nav_menu li.active a.m_a0{ color: #0096d9!important;} 

.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);
}  

/*=======.body_index .header_wrap=======*/ 
.body_index .header_wrap{background-color: transparent; color: #ffffff;} 
.body_index .header_wrap a{ color: #ffffff;} 
.body_index .header_wrap .logo a img.logo_blue{ opacity: 0;} 
.body_index .header_wrap .logo a img.logo_white{ opacity: 1;} 
.body_index .header_wrap .nav_list li a.n_a0 .triangle_up{ border-bottom-color: #ffffff;} 
.body_index .header_wrap .action_item{ border-color: rgba(255,255,255, .30);} 
.body_index .header_wrap .action_item_icon{ color: #ffffff; }  
/*header_black*/
.body_index .header_wrap:hover,
.body_index .header_wrap.header_black{background-color: #ffffff;  color: #666666;} 
.body_index .header_wrap:hover a,
.body_index .header_wrap.header_black a{ color: #666666;} 
.body_index .header_wrap:hover .logo a img.logo_blue,
.body_index .header_wrap.header_black .logo a img.logo_blue{ opacity: 1;} 
.body_index .header_wrap:hover .logo a img.logo_white,
.body_index .header_wrap.header_black .logo a img.logo_white{ opacity: 0;} 
.body_index .header_wrap:hover .nav_list li a.n_a0 .triangle_up,
.body_index .header_wrap.header_black .nav_list li a.n_a0 .triangle_up{ border-bottom-color: #0096d9;} 
.body_index .header_wrap:hover .action_item,
.body_index .header_wrap.header_black .action_item{ /*border-color: rgba(102,102,102, .30);*/} 
.body_index .header_wrap:hover .action_item_icon,
.body_index .header_wrap.header_black .action_item_icon{ color: #333333; }  

/*icon_state_box*/
.icon_state_box{ position: relative; cursor: pointer;}
.icon_state{
	display: block;
    transition: opacity .35s ease-in-out,-webkit-transform .35s ease-in-out;
    transition: opacity .35s ease-in-out,transform .35s ease-in-out;
    transition: opacity .35s ease-in-out,transform .35s ease-in-out,-webkit-transform .35s ease-in-out;
} 
.icon_state_primary{
	
} 
.icon_state_secondary {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0; 
    -webkit-transform: translate(-50%,-50%) scale(.3);
    transform: translate(-50%,-50%) scale(.3);
} 
.icon_state_secondary .icon_guanbi{
	font-size: 20px;
}
.icon_state_box.active .icon_state_primary{
	opacity: 0;
    -webkit-transform:scale(.3);
    transform:scale(.3);
}
.icon_state_box.active .icon_state_secondary{ 
	opacity: 1;
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1);
}
.mobile_nav{
    display: none; 
} 
/*mobile_menu*/
.mobile_menu{  
	position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 100%;
    visibility: hidden; 
	opacity: 0;
	-webkit-transform: scale(.9);
    transform: scale(.9); 
    z-index: 1; 
    color: #000;
    font-size: 15px; 
	background-color: #ffffff;
    transition: opacity .25s ease-in-out,visibility .25s ease-in-out,max-height 0s linear .25s,-webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out,max-height 0s linear .25s;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out,max-height 0s linear .25s,-webkit-transform .25s ease-in-out;
	will-change: transform;   
} 
.mobile_menu.active{ 
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear;
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
}
.mobile_menu_box{
	width: 100vw;
    height: 100vh;
	position: relative;
	overflow: hidden;
} 
 
 


/*=======nav_bar======*/ 

/*============================ footer ============================*/  
footer{ padding: .60rem 0 .30rem; background: #0096d9; color: #ffffff; border-bottom:12px solid #037eb8;}
footer a{ color: #ffffff;}
footer .inner{ display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.footer_part01{ margin-right: 4%;}
.footer_part01 img{ display:block; height: 50px; width:auto;}
.footer_part02{ width:45%; margin-right: 4%;}
.footer_nav{ line-height: 24px; padding: .10rem 0; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.footer_nav a{ display:block; }
.footer_nav a.fn_a0{display:inline-block;}
.footer_nav a.fn_a0 em{ display:block; position: relative; }
.footer_nav a.fn_a0 em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  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);
}
.footer_nav a.fn_a0:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.fn_subclass{ margin-top:10px;}
.fn_subclass a{ opacity: .70; }
.fn_subclass a:hover{ opacity: 1; }
.fn_subclass_linklist{ max-height: 120px; overflow: hidden;}
.footer_copyright{ clear:both; width:100%; text-align: center; padding-top:.30rem; margin-top: .50rem; border-top:2px solid rgba(255,255,255, .10); color: rgba(255,255,255, .60);}
.footer_part03{ display:flex; flex-wrap: wrap; justify-content: space-between; flex: 1 0 0; }
.footer_contact_text{ width: 55%;}
.footer_contact_tit{ line-height: 24px; padding-bottom: .15rem; margin-bottom: .15rem; border-bottom: 1px solid rgba(255,255,255, .10);}
.footer_contact_des{ font-size: 12px; line-height: 20px; opacity: 0.70; }
.footer_contact_notice{ margin: .15rem -.10rem -.10rem;}
.footer_contact_notice li{ display:inline-block; vertical-align: middle; position: relative;}
.footer_contact_notice li a.fcn_a0{ opacity: 0.5; padding:.10rem;}
.footer_contact_notice li a.fcn_a0 .iconfont{ font-size: 18px;}
.footer_contact_erweima{ width: 130px; font-size: 12px; text-align: center;}
.footer_contact_erweima img{ display:block; margin: 0 auto;}
/*float_guide*/
.float_guide{ position: fixed; top: 40%; right:20px; z-index: 1003; color: #666666; } 
.float_guide li{ position:relative; margin-bottom: 10px;}
.float_guide li a.fg_a0{ position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width:60px; height: 60px; line-height: normal; text-align:center; box-shadow:0 0 5px 2px rgba(0,0,0, .10); background: rgba(255,255,255, .90); border-radius: 5px; color: #666666; font-size: 13px;} 
.float_guide li:hover a.fg_a0{ background: #0096d9; color: #ffffff;} 
.float_guide li a.fg_a0 .iconfont{ display: block; margin: 0 auto 2px; font-size: 22px;}
.fg_cover{ position: absolute; top: 50%; transform: translateY(-50%); right:80px; z-index: 10; min-width: 100%; min-height: 100%; background: rgba(247,247,247,0.9); box-shadow: 10px 0 10px 0  rgba(0,0,0, .10); -webkit-transition:all 600ms ease; transition:all 600ms ease; opacity: 0; pointer-events: none; visibility: hidden;}
.fg_cover:before {
    content: '';
    position: absolute; 
    top: 0;
    right: -14px;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #f7f7f7;
    opacity: 0.9;
}
.fg_cover_inner{ text-align: center; color: #0096d9; padding: 10px; }
.cover_dianhua .fg_cover_inner{ min-width: 190px; line-height: 40px; font-size: 20px;}
.cover_dianhua .fg_cover_inner .iconfont{ font-size:26px; margin-right: 5px;}
.cover_weixin .fg_cover_inner{ min-width: 160px;}
.cover_weixin .fg_cover_inner img{ display: block; margin: 0 auto 2px;}
.float_guide li:hover .fg_cover{ opacity: 1; pointer-events: all; visibility: visible;}
/*=======tan_wrap======*/ 
.tan_wrap, .tan_bg { position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; } 
.tan_bg { z-index: 1; background: rgba(0,0,0, .75); } 
.tan_box { position:relative; z-index: 2; width: 100%; height: 100%;}
.tan_box .inner{ height: 100%; display:flex; flex-wrap: wrap; align-items: center;}
.tan_con{ position:relative; width: 100%; max-height: 90%; overflow-y: auto; margin: 0 auto;}
.tan_close { position: absolute; top: 0; right:0; z-index: 5; text-align: center; width: 40px; line-height: 40px;}
.tan_close .icon_guanbi { font-size: 20px; }
.tan_close:hover { color: #0096d9!important; } 
/*tan_gain*/
#tan_gain .tan_con{ max-width: 560px;}
.gain_box{  
    height: 320px; 
    background: rgba(255,255,255,1);
    border-radius: 3px; 
	display: flex;
    align-items: center;
    justify-content: center; 
}
.gain_img{
	width: 48.60%;
    height: 320px; 
}
.gain_img img{
	object-fit: cover;
    display: block;
    height: 100%;
    width: 100%;
}
.gain_con{ width: 51.40%; padding: 20px;}
.gain_tit{ font-size: 24px; font-weight: 500; margin-bottom: 8px;}
.gain_forewords{ font-size: 14px; font-weight: 400; color: rgb(141, 162, 181); }
.gain_form{ margin-top: 15px;}
.gain_input{ padding-left: 4px; width:100%; height: 32px; line-height: 32px; border-radius: 2px; border: 1px solid rgba(206,213,224,1); font-size: 12px;}
.gain_btn{ cursor: pointer; font-size: 16px; width:100%; height: 40px; background: #0096d9; color: rgba(255,255,255,1); margin-top: 20px;}  

/*============================ 01 首页 ============================*/  
main{ padding-top: 85px;}
.body_index main{ padding-top: 0px!important;}
.sec_box{ padding: .80rem 0; background: 50% 0 no-repeat fixed; background-size: cover;}   
/*=======index_focus======*/   
.index_focus{ padding: 0!important; height: 100vh; overflow:hidden; } 
.focus_swiper{height:100%; position:relative;}
.focus_swiper .swiper-container{z-index: auto;}
.focus_swiper .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.swiper_inner{ height:100%; overflow:hidden;}
.focus_img{ height:100%; } 
/*.index_focus .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}*/
.focus_img_pc{ display:block;}
.focus_img_phone{ display:none; background-position: 0 0;}
.focus_swiper .swiper-slide-active .bg_img{ transform:scale(1.1); transition:all 6s linear;} 
.focus_txt_box{ position: absolute; top:50%; left: 0; transform: translateY(-74%); z-index: 1; width:100%; color: #666666;} 
.focus_txt{ }
.focus_txt li{ width:100%; position: relative; display:none; }    
.focus_txt li a{ color: #666666;}
.focus_tit_cn{ line-height: 1.20; }   
.focus_tit_cn span{display:block;}
.focus_tit_cn i, .focus_tit_en i, .focus_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_tit_en{ line-height: 1.40; margin-top: 15px;} 
.focus_tit_en i, .focus_des i{ transform:translateX(-10px);}   
.focus_txt li.active{ display:block;} 
.show_tit.act i,
.focus_txt li.active .focus_tit_cn.act i{ transform:translateY(0); opacity:1;}
.focus_txt li.active .focus_tit_en.act i,
.focus_txt li.active .focus_des.act i{ transform:translateX(0);}
.focus_line{ display: block; position: relative; width: 44px; height: 4px;}
.focus_line:before{ -webkit-transition:all 1s .1s ease; transition:all 1s .1s ease; content: ""; position: absolute; top:0; left:0; width: 0; height: 100%; background: #F4F4F4;}
.index_focus .swiper-slide-active .focus_line:before{ width:100%;}
.focus_tit_en{ color: #3f95d3; text-transform: uppercase;} 
.focus_tit_cn{ font-weight: 750;}
.focus_txt li.f_t1 a{ color: #ffffff;}
.focus_txt li.f_t1 .focus_tit_cn{ margin-top: .30rem; text-shadow: 0px 0 6px rgba(0, 0, 0, 0.33);}
.focus_txt li.f_t1 .focus_des{ margin-top: .30rem; line-height: 1.30;} 
.focus_txt li.f_t2 .focus_tit_cn{ color: #3680b6;}
.focus_txt li.f_t2 .focus_des{ margin-top: .30rem; line-height: 1.60; max-width: 450px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.focus_txt li.f_t2 .focus_des p{ width:50%;}
.focus_txt li.f_t2 .focus_line{ margin-top: .35rem;}
.focus_txt li.f_t2 .focus_line:before{ background: #3f95d3;} 
.focus_txt li.f_t3 .focus_line{ margin-top: .10rem;}
.focus_txt li.f_t3 .focus_line:before{ background: #333333;}
.focus_txt li.f_t3 .focus_tit_cn{ margin-top: .15rem; color: #333333;}
.focus_txt li.f_t3 .focus_des{ margin-top: .25rem; line-height: 1.60;} 
.focus_txt li.f_t4 .focus_tit_cn{ color: #3f95d3;}
.focus_txt li.f_t4 .focus_des{ margin-top: .40rem; max-width: 450px;}
.focus_txt li.f_t4 .focus_line{ margin-top: .50rem;}
.focus_txt li.f_t4 .focus_line:before{ background: #3f95d3;} 
/*focus_guide*/
.focus_guide{ position: absolute; top:0; left:0; width: 100%; height: 100%; color: #ffffff;}
.focus_guide .inner{ position:relative; height: 100%;}
.focus_guide_num{ position: absolute; right:20px; top:50%; transform: translateY(-50%); z-index: 3;}
.index_focus .swiper-pagination{ position: static;} 
.index_focus .swiper-pagination-bullet{ display:block; width:auto; height: auto; left:auto; background: none!important; border-radius:0; position: relative; opacity: 1; filter: alpha(opacity=100); font-size: 16px; margin:0 0 20px; -webkit-transition:all 600ms ease; transition:all 600ms ease; } 
.index_focus .swiper-pagination-bullet:before{ content:""; position: absolute; bottom:0; left:50%; width:1px; height: 0; background: #fff; filter: Alpha(Opacity=30); opacity: 0.3;}
.index_focus .swiper-pagination-bullet-active:before{ height: 125px;} 
.index_focus .swiper-pagination-bullet-active{ padding-bottom: 140px;} 
.mouse-icon { display:block; text-align: center; color: #ffffff;}
.mouse-icon .mouse {
  width: 18px;
  height: 28px;
  border:2px solid #fff;
  border-radius: 20px;
  position: relative;
  margin:0 auto 3px;
}
.mouse-icon .mouse:after {
  content: "";
  background: #fff;
  width: 2px;
  height: 6px;
  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: 6px;
  height: 6px;
  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;
  }
}
.mouse_txt{ display:block; margin-top: 10px;}
.focus_guide_arrow{ position: absolute; bottom: .50rem; left:20px; z-index: 3;}
.focus_guide_arrow div[class*="swiper-button-"]{ position: static; transform: none; display: inline-block; vertical-align: middle; width:44px; height: 44px; line-height: 40px; border: 2px solid #FFFFFF; opacity: 0.3; color: #ffffff; margin-right: .15rem;}
.focus_guide_arrow div[class*="swiper-button-"]:hover{ opacity:1;} 
/*=======index_function======*/ 
.index_function{ padding-top: .30rem!important; padding-bottom: 0!important;}
.function_hotline{ width:25%; float:left; font-family: FZZCHJW;}
.function_hotline dt{ display:inline-block; vertical-align: middle; margin-right: .15rem;}
.function_hotline dt .icon_tel{ width: 59px; height: 59px; display: flex; align-items: center; justify-content: center; border: 1px solid #0096D9; border-radius: 50%; color:#0096D9; font-size: 44px;}
.function_hotline dd{ display:inline-block; vertical-align: middle; line-height: 30px;}
.function_hotline dd a{ display:block;}
.function_get{ overflow: hidden; padding-left: 8%; border-left: 1px solid rgba(0,0,0, .10); }
.get_form{ display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.get_line{ position: relative; flex:1 0 0; margin-right: .25rem;}
.get_txt{ height: 60px; width:100%; border-bottom: 2px solid #000000;}
.get_highlight{ position: absolute; bottom: 0; left:0; z-index: 1; width:100%; height: 2px;}
.get_highlight:before{ 
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #0096d9;
	-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);
}
.get_txt:hover+.get_highlight:before,
.get_txt:focus+.get_highlight:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.get_btn{ cursor: pointer; flex:1 0 0; max-width: 160px; background: #0096D9; color: #ffffff;}
/*=======index_service======*/ 
.index_service{}
.sec_tit01{ line-height: 1; font-weight: 500;}
.sec_tit01_line{ display:block; width: 48px; height: 4px; background: #0096D9;}
.sec_tit01 em{display: block; margin-top: .30rem; font-family: FZYANS_CUJW;} 
.sec_tit01 i{display: block; margin-top: .10rem;} 
/*service_summary*/
.service_summary{ width:50%; float:right; padding-left: 5%; margin-top: .08rem;}
.summary_text{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 26px; max-height: 52px; margin-top: .30rem;}
.summary_more{ display: block; cursor: pointer; background: #0096D9; color: #ffffff; text-align: center; width:100%; max-width: 264px; height: 60px; line-height: 60px; margin-top: .30rem;}
.summary_more .iconfont{ font-size: 30px; margin-left: .08rem;}
.summary_more:hover{ opacity: .80;}
/*service_rec*/
.service_rec{ margin: -.08rem;}
.rec_block{ width: 25%; float: left; padding: .08rem;}
.rec_block:nth-child(3){ clear:both;}
.rec_block a{ display: block; position: relative; overflow: hidden; background: #F8F8F8; height: 350px; padding: .40rem;}
.rec_img{ padding-top: 0; background: none; position: absolute; top:0; left:0; width: 100%; height: 100%; opacity: 0; transform: scale(1.10); -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.rec_cover{ position: relative; z-index: 1; width: 100%; height: 100%; display:flex; align-items: flex-end;}
.rec_more{ display:block; position: absolute; top:0; right:0;}
.rec_more .iconfont{ font-size: 22px;}
.rec_text{ }
.rec_icon{ background: none; padding-top:0; width:55px; height: 55px;}
.rec_icon img{ -webkit-transition:opacity 600ms ease; transition:opacity 600ms ease;}
.rec_icon img:nth-child(2){ opacity:0;}
.rec_tit{ position: relative; padding-bottom: .15rem; margin-top: .35rem;}
.rec_tit:before,
.rec_tit:after{ 
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000000;
  -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(1);
  transform: scaleX(1);
}
.rec_tit:after{
	z-index: 1;
	background: #ffffff;
	-webkit-transform: scaleX(0);
  	transform: scaleX(0);
}
.rec_block a:hover:hover .rec_tit:before,
.rec_block a:hover:hover .rec_tit:after{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.rec_block a:hover:hover .rec_tit:after{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.rec_des{-webkit-line-clamp:3; max-height:72px; margin-top: .20rem;}
.rec_block a:hover{ background: #0096D9; color: #ffffff;}
.rec_block a:hover .rec_img{ opacity: .20; transform: scale(1.00);}
.rec_block a:hover .rec_icon img:nth-child(1){ opacity:0;}
.rec_block a:hover .rec_icon img:nth-child(2){ opacity:1;}
/*=======index_about======*/
.index_about{ padding-top: 2rem; padding-bottom: 0!important;}
.index_about .sec_tit01{ margin-bottom: .40rem;}
.index_about .sec_tit01 a{ color:#ffffff;}
.index_about .sec_tit01 .sec_tit01_line{background: #ffffff;}
.about_con{ display:flex; flex-wrap: wrap; align-items: stretch; position: relative; z-index: 1; margin-bottom: -2.30rem;}
.about_certificate{ margin-right: .16rem; width: 297px; /*height: 450px;*/ background: #ffffff;}
.certificate_swiper{ position: relative; }
.certificate_swiper .swiper-slide a{ display:block; padding: .35rem;}
.certificate_swiper .icon_box{ background: #ffffff; padding-top: 99.34%;}
.certificate_caption{ text-align:center; margin-top: .15rem;}
.certificate_caption{ -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.certificate_guide{ display:flex; align-items: center; text-align: center; background: #F0F0F0; padding: .25rem 0; max-height:110px;}
.certificate_guide_inner{ width: 100%;}
.certificate_guide .swiper-pagination{ position:static; margin-top: .10rem;}
.certificate_guide .swiper-pagination-bullet{ vertical-align: middle; border-radius: 0; width: 16px; height: 3px; margin: 0 3px; background: #000000; opacity: 0.15;}
.certificate_guide .swiper-pagination-bullet-active{ background: #0096D9; opacity: 1;}
/*about_situation*/
.about_situation{ flex: 1 0 0; /*height: 450px;*/ background: #ffffff; position: relative;}
.situation_text{ width: 60.70%; float:left; padding: 60px 5.50%;}
.situation_tit{ font-weight:500;}
.situation_des{-webkit-line-clamp:5; max-height:120px; margin-top: .20rem;}
.situation_img{ width:39.30%; position: absolute; bottom: 0; right: 0;}
.situation_img .img_box{ padding-top: 144.35%; max-height: 690px; min-height: 490px;}
.situation_more{ max-width:230px; margin-top: .90rem;}
/*=======index_enjoy======*/
.index_enjoy{ padding-top: 3.50rem; background-color: #F8F8F8;}
.enjoy_left{ width:50%; float:left; padding-right: 4%;}
.enjoy_foreword{ position: relative; font-family: "FZRuiZHJW_Zhong"; line-height:1.43; color: #0096D9; padding-top: .40rem; margin-top: .40rem;}
.enjoy_foreword .yinhao{ bottom: auto; top:0; left:0; width: 98px; height: 80px;}
.enjoy_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin:.35rem -.05rem -.05rem;}
.enjoy_list li{ width:50%; padding: .05rem;}
.enjoy_list li a{ display:block; position: relative; background: rgba(208, 208, 208, .20); height: 115px; padding: .26rem 11%;}
.enjoy_list li a:before,
.enjoy_list li a:after{ 
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0, .10);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -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: scaleY(1);
  transform: scaleY(1);
}
.enjoy_list li a:hover:before{
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.enjoy_list li a:after{
	 background: #027eb5;
     -webkit-transform: scaleY(0);
 	 transform: scaleY(0);
}
.enjoy_list li a:hover:after{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.enjoy_list li a:hover{ background:rgba(0, 150, 217, .80); color: #ffffff;}
.enjoy_tit{ font-weight:500;}
.enjoy_des{ opacity: .60; }
/*enjoy_right*/
.enjoy_right{ width:50%; float:right; padding-left: 4.85%;}
.enjoy_receive{ background: #ffffff;}
.receive_up{ padding: .50rem .40rem;}
.receive_tit{ font-weight:600; text-align: center;}
.receive_form{ margin-top: .30rem;}
.receive_line{ margin-bottom: .16rem;}
.receive_line:last-child{ margin-bottom: 0;}
.receive_txt{ width: 100%; height: 60px; padding: 20px; background: #F4F4F4;}
.receive_txt::-webkit-input-placeholder{
	color:#333333; opacity: .50;
}  
.receive_txt::placeholder{
	color:#333333; opacity: .50;
}
.receive_txt:hover,
.receive_txt:focus{ box-shadow: 0 0 4px 2px rgba(0, 150, 217, .20);}
.receive_yu{ resize: none; height: 194px;}
.receive_btn{ cursor: pointer; background: #0096D9; color: #ffffff; width: 100%; height: 60px; margin-top: .16rem;}
.receive_tel{ padding: .40rem; border-top:1px solid rgba(0,0,0, .10); }
.receive_tel dd{ overflow: hidden; line-height: 1.50;}
.receive_tel dt{ float:right;}
.receive_tel dt .icon_tel{ width: 59px; height: 59px; display: flex; align-items: center; justify-content: center; border: 1px solid #0096D9; border-radius: 50%; color:#0096D9; font-size: 44px;}
/*=======index_advantage======*/ 
.index_advantage{}
.index_advantage .sec_tit01{ float:left; margin-right: 5%;}
.advantage_foreword{ margin-top: 0; overflow: hidden; text-align: right;}
.advantage_foreword .yinhao{ left: auto; right: 0; background-image: url(../images/yinhao02.png); }
.advantage_list{ clear: both; display: flex; flex-wrap: wrap; align-items: stretch; margin: -.10rem; padding-top: .50rem;}
.advantage_block{ width: 50%; padding: .10rem;}
.advantage_block dt, .advantage_block dd{ overflow: hidden; height:/*445px*/395px;}
.advantage_block dt{ float:left; width:49.34%;}
.advantage_block dt .img_box{ padding-top: /*120.27%*/ 0; height: 100%;}
.advantage_block dd{ background: #f8f8f8; overflow: hidden; position: relative; height: 100%; padding: .30rem .35rem; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.advantage_num{ display:block; line-height: 1; text-align: right; font-family: DINCondensed; font-weight: bold; opacity: 0.10;}
.advantage_text{ /*margin-top: .20rem;*/}
.advantage_icon{ background:none;  padding-top: 0; width: 50px; height: 50px;}
.advantage_icon img{ -webkit-transition:opacity 600ms ease; transition:opacity 600ms ease;}
.advantage_icon img:nth-child(2){ opacity:0;}
.advantage_tit{ margin-top: .20rem;}
.advantage_des{ margin-top: .15rem; opacity: .60; -webkit-line-clamp:6; max-height:144px;}
.advantage_block:hover dt .img_box img{ transform:scale(1.10);}
.advantage_block:hover dd{ background: #0096D9; color: #ffffff;}
.advantage_block:hover .advantage_icon img:nth-child(1){ opacity:0;}
.advantage_block:hover .advantage_icon img:nth-child(2){ opacity:1;}
/*=======index_process======*/ 
.index_process{ background-color:#0096D9;}
.index_process .sec_tit01 a{ color:#ffffff;}
.index_process .sec_tit01 .sec_tit01_line{ background:#ffffff;}
.process_box{ margin-top: .50rem;}
/*process_left*/
.process_left{ background: #FFFFFF; color: #015D97; position: relative; float:left; width:22.65%; height: 540px; margin-right: 3.50%; padding: .80rem .40rem .60rem;}
.process_left a{ color: #015D97;}
.process_left_inner{ position: relative; z-index: 1; height: 100%;}
.process_aim{ line-height: 1.37; position: relative; padding-bottom: .35rem;}
.process_aim:before{ content:""; position: absolute; bottom: 0; left:0; width: 30px; height: 1px; background: #0083BE;}
.process_slogan{ line-height: 24px; margin-top: .40rem;}
.process_tel{ position: absolute; bottom: 0; left:0;}
.process_tel a{ display:block; font-family: "FZRuiZHJW_Zhong";}
.process_left_dec{ position: absolute; bottom: 0; left:0; width: 100%; padding-top: 100%; background: url(../images/process_02.png) left bottom no-repeat; background-size: contain; opacity: .10;}
/*process_right*/
.process_right{ overflow: hidden;}
.process_steps{ overflow: hidden; margin: -15px;}
.steps_block{ width: 20%; float: left; padding: 15px; position: relative;}
.steps_block:before{ content:"\e647"; font-family:"iconfont"; font-size: 24px; color:#ffffff; position: absolute; top:50%; left:100%; transform: translateY(-50%); margin-left: -12px; }
.steps_block_inner{ position: relative;}
.steps_block dt{ overflow:hidden;}
.steps_block dt .img_box{ background: #000000; /*padding-top: 127%;*/ padding-top: 0; height: 254px;}
.steps_block dt .img_box img{ opacity: .70; -webkit-transition:opacity 600ms ease; transition:opacity 600ms ease;}
.steps_block dd{ position: absolute; bottom: 0; left:0; z-index: 1; width: 100%;}
.steps_block dd a{ display:block; background: #F4F4F4; color: #015D97; padding: .15rem .20rem;}
.steps_block:hover dt .img_box img{ opacity: 1;}
.steps_block:nth-child(5){ float:right;}
.steps_block:nth-child(5) dt .img_box{ /*padding-top: 270%;*/  padding-top: 0; height: 540px;}
.steps_block:nth-child(6), .steps_block:nth-child(7), .steps_block:nth-child(8), .steps_block:nth-child(9){ float:right;}
.steps_block:nth-child(6):before, .steps_block:nth-child(7):before, .steps_block:nth-child(8):before, .steps_block:nth-child(9):before{ content:"\e643";}

/*=======index_cases======*/ 
.index_cases{ background-color:#F8F8F8;}
.cases_head{ display:flex; align-items: flex-end; justify-content: space-between;  margin-bottom: .50rem;}
.cases_head:after{ display:none;}
.cases_head .sec_tit01{  }
/*sub_nav*/  
.sub_nav{ margin-bottom: .50rem;}
.sub_nav li{ float:left; background: #ffffff; margin-right: .10rem; margin-bottom: .10rem; position: relative; }
.sub_nav li:before,
.news_text:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0096d9;
  -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);
}
.sub_nav li:hover:before,
.sub_nav li.active:before,
.news_item_inner:hover .news_text:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.sub_nav li a{ display:block; position: relative; text-align: center; line-height: 50px; min-width: 120px; padding: 0 .20rem;}
.sub_nav li:hover a,
.sub_nav li.active a{ color: #ffffff;}
.cases_nav{ overflow: hidden; margin-bottom: -.15rem!important;}
.cases_nav li{ margin-right:.15rem; margin-bottom: .15rem;}
.cases_nav li a{ min-width:130px; line-height: 46px;}
.cases_block .related_swiper{ -webkit-animation: .6s .2s fadeIn both; animation: .6s .2s fadeIn both;}
.cases_block .related_swiper .cases_item_inner,
.cases_block .related_swiper .related_arrow{ background: #ffffff;}
.cases_block{ display:none;}
.cases_block.active{ display:block;}
/*=======index_news======*/ 
.index_news{}
#news_nav{ margin-right:220px;}
#news_nav li{ background: #F4F4F4;}
.news_block{ display:none; }
.news_block.active{ display:block;}
.news_swiper{ position: relative; -webkit-animation: .6s .2s fadeIn both; animation: .6s .2s fadeIn both;}
.news_swiper .news_item{ width:100%; padding: 0!important;}
.news_arrow{ position: absolute; bottom:100%; margin-bottom: .50rem; right:0; z-index: 1;}
.news_arrow div[class*="swiper-button-"]{ transform: none; position: static; display: inline-block; border-radius:0; opacity: 1; margin: 0; text-align: center; background: #F4F4F4; color:rgba(51, 51, 51, .50); width: 93px; height: 46px; line-height: 46px;}
.news_arrow div[class*="swiper-button-"] .iconfont{ font-size: 34px;}
.news_arrow div.swiper-button-next{ background: #0096D9; color: #ffffff;}
/*=======index_news======*/ 
.index_friendly{ padding: .17rem 0!important; background: #F4F4F4; color: #666666;}
.friendly_tit{ float:left;}
.friendly_links{ overflow:hidden; color: #B8B8B8;}
.friendly_links a{ color: #666666; padding: 0 .16rem;}
.friendly_links a:hover{ color: #0096D9; text-decoration: underline;}

/*============================ 02 服务内容 ============================*/
.service_content{ }
/*=======service_explain======*/ 
.service_explain{ padding-bottom: .80rem;}
.explain_left{ float:left; margin-right: 6%;}
.explain_count{ }
.explain_count li{ display: inline-block; vertical-align: baseline; margin-right: .50rem;}
.explain_count li:last-child{ margin-right:0;}
.explain_count li em, .explain_count li sub{ line-height: 0.95; vertical-align: baseline; font-weight: 600;}
.explain_count li em{ font-family: Helvetica;  } 
.explain_count li i{ display: block; color: #888888;}
.explain_right{ overflow:hidden;}
.explain_right_inner{ width:100%; max-width: 670px; float:right; position: relative;}
.explain_tit{position: relative; color:#0096D9; line-height: 1.50; font-weight:600; padding-right: 42px;}
.explain_dec{ display:block; position: absolute; top:0; right:0; width: 22px; height: 22px; background: url(../images/service_01.png) center top no-repeat; background-size: cover;}
.explain_dec_change{
	-webkit-animation: explain_dec_change 1s cubic-bezier(1, 0, 0, 1) backwards; 
	animation: explain_dec_change 1s cubic-bezier(1, 0, 0, 1) backwards; 
} 
@-webkit-keyframes explain_dec_change{
	0%{
		height:0px;
	}
	100%{
		height:22px;
	}
} 
@keyframes explain_dec_change {
	0%{
		height:0px;
	}
	100%{
		height:22px;
	}
}
.explain_des{ line-height: 1.80; margin-top: .60rem;}
/*=======service_set======*/ 
.service_set{ background-color: #f7f7f7; padding-top: .80rem; padding-bottom: .80rem;}
.service_list{ display:flex; flex-wrap: wrap; align-items: stretch;}
.service_item{ width:25%; text-align: center; margin-left: -2px; margin-top: -2px;}
.service_item a{ display:block; height: 100%; overflow: hidden; position: relative; background: #ffffff; border: 2px solid #E8E8E8; padding: .35rem .45rem;}
.service_item_inner{ position: relative; z-index: 1;}
.service_icon{ background: none; padding-top:0; margin: 0 auto; width:55px; height: 55px;}
.service_icon img{ -webkit-transition:opacity 600ms ease; transition:opacity 600ms ease;}
.service_icon img:nth-child(2){ opacity:0;}
.service_tit{ font-weight: 500; margin-top: .20rem;}
.service_des{ -webkit-transition:opacity 600ms ease; transition:opacity 600ms ease; opacity: .70; margin-top: .05rem;}
.service_big{ position: absolute; bottom: -50%; right: -24%; transform: scale(1.10); width: 78.35%; background: none; opacity: 0; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.service_big img{ object-fit: contain;}
.service_item a:hover{ background: #0096d9; color: #ffffff;}
.service_item a:hover .service_icon img:nth-child(1){ opacity:0;}
.service_item a:hover .service_icon img:nth-child(2){ opacity:1;}
.service_item a:hover .service_des{ opacity:1;}
.service_item a:hover .service_big{  transform: scale(1.00); opacity: .30;}
/*======================服务内容详情1=====================*/ 
.service_block{ margin-top: .60rem;}
.service_block:first-child{ margin-top: 0;}
.service_subtit{ font-weight: 500; margin-bottom: .25rem;}
/*service_matter*/
.service_matter{  /*display: flex; flex-wrap: wrap; align-items: stretch;*/ padding-bottom: .60rem; border-bottom: 1px solid rgba(0,0,0, .15);}
.matter_text{ width:55%; float:left;}
.service_overview{  line-height: 1.90;}
.matter_img{ width: 40%; float:right; max-width: 534px; overflow: hidden; position: relative;}
.matter_img .img_box{ padding-top: 74.16%; -webkit-transition: all 600ms ease; transition: all 600ms ease;}
.matter_img .img_box:hover{ transform: scale(1.10); }
.mask{ 
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #ffffff;
  -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(0);
  transform: scaleX(0);
} 
.mk_mask_after{
	-webkit-animation: mk_mask_after 1s ease backwards; 
	animation: mk_mask_after 1s ease backwards; 
} 
@-webkit-keyframes mk_mask_after{
	30%{
		-webkit-transform-origin: left top;
		  transform-origin: left top; 
		  -webkit-transform: scaleX(1);
		  transform: scaleX(1);
	}
	60%{
		-webkit-transform-origin: right top;
		  transform-origin: right top; 
		  -webkit-transform: scaleX(1);
		  transform: scaleX(1);
	}
	100%{
		-webkit-transform-origin: right top;
		  transform-origin: right top; 
		  -webkit-transform: scaleX(0);
		  transform: scaleX(0);
	}
} 
@keyframes mk_mask_after {
	30%{
		-webkit-transform-origin: left top;
		  transform-origin: left top; 
		  -webkit-transform: scaleX(1);
		  transform: scaleX(1);
	}
	60%{
		-webkit-transform-origin: right top;
		  transform-origin: right top; 
		  -webkit-transform: scaleX(1);
		  transform: scaleX(1);
	}
	100%{
		-webkit-transform-origin: right top;
		  transform-origin: right top; 
		  -webkit-transform: scaleX(0);
		  transform: scaleX(0);
	}
}  
.service_handle{ margin-top: .60rem; display: flex;}
.service_link{ display:inline-block; margin-right: .15rem; text-align: center; min-width: 182px; padding: 0 .25rem; height: 64px; line-height: 64px; background: #0096D9; color: #ffffff;}
.service_link:hover{ opacity:.90;} 
.link_consult{ height: 50px; line-height: 50px;}
.link_get{ min-width: 236px;}
.link_call{ background: #F8F8F8; color:#333333;} 
/*service_necessity*/
.service_necessity{}
/*service_investigate*/
.service_investigate{ }
.investigate_box{ display:flex; flex-wrap: wrap; align-items: stretch; background: #0096D9; color: #ffffff;}
.investigate_img{ float:left; width:52.82%;}
.investigate_img .img_box{ padding-top:0; height: 100%;}
.investigate_text{ overflow: hidden; position: relative; width:47.18%; padding: .50rem;}
.investigate_des{ line-height: 2.08; position:relative; z-index: 1;}
.investigate_logo{ display: block; position: absolute; bottom: 0; right:0; transform: translate(38%, 33%); opacity: .10; width: 75%; max-width: 500px;}
/*service_flow*/
.service_flow{}
.flow_swiper{ position: relative;}
.flow_swiper .swiper-wrapper{ align-items: stretch;}
.flow_swiper .swiper-slide{ height:auto;}
.flow_block{ position:relative; height: 100%; padding: .30rem .25rem; background: #F8F8F8;} 
.flow_block:before{ 
	content: "";
	display: block;
	width: 4px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #0CB4FF; 
	opacity: 0.5;
	-webkit-transform-origin: right 50%;
	transform-origin: right 50%;
	-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: scaleY(0);
	transform: scaleY(0);
}
.flow_block:hover:before{
  -webkit-transform-origin: left 50%;
  transform-origin: left 50%; 
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.flow_num{ display:block; line-height: 1; font-style: italic; font-weight: 500; color:#0CB4FF; opacity: 0.6;}
.flow_tit{ font-weight:500; margin-top: .10rem;}
.flow_dec{ margin-top: .30rem; width: 92%; max-width: 120px; height:10px; background: url(../images/service_06.png) left center repeat-x; opacity: .30;}
.flow_swiper .swiper-pagination{ position:static; margin-top: .30rem;}

/*service_standard*/
.service_standard{}
.standard_table{ border: 1px solid #CCCCCC;}
.standard_table tr td{ border-top:1px solid rgba(0,0,0, .10);  border-left:1px solid rgba(0,0,0, .10); -webkit-transition:background 600ms ease,color 600ms ease; transition:background 600ms ease,color 600ms ease; padding: .11rem .50rem; }
.standard_table tr td:nth-child(odd){ border-left:none;}
.standard_table thead tr td{ background:  rgba(211, 211, 211, .30); border-top:none; padding-top: .16rem; padding-bottom: .16rem;}
.standard_table tbody tr:hover td{ background: rgba(0,150,218, .10);}
/*service_layout*/
.service_layout{}
.layout_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.06rem;}
.layout_list li{ width:50%; padding: .06rem; visibility: hidden; }
.layout_list li .img_box{ padding-top:56.25%;}
.layout_list li .img_box:hover img{  transform: scale(1.10); }
/*service_display*/
.service_display{}
/*service_study*/
.service_study{}
.study_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.06rem;}
.study_list li{ width: 20%; padding: .06rem;}
.study_list li a{ display: flex; align-items: center; justify-content: center; padding: .15rem; height: 110px; background: #FFFFFF; border: 1px solid rgba(0,0,0, .20); position: relative;}
.study_list li a span{ display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.study_list li a:hover{ color: #0096D9;}
.line {
  position: absolute;
  background: #0096D9;
}
.line_right, .line_left {
  width: 1px;
  bottom: -1px;
  top: -1px;
  transform: scale3d(1, 0, 1);
}
.line_top, .line_bottom {
  height: 1px;
  left: -1px;
  right: -1px;
  transform: scale3d(0, 1, 1);
}
.line_right {
  right: -1px;
  transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
  transform-origin: top;
}
.line_top {
  top: -1px;
  transition: transform 0.08s linear 0.43s;
  transform-origin: left;
}
.line_left {
  left: -1px;
  transition: transform 0.08s linear 0.51s;
  transform-origin: bottom;
}
.line_bottom {
  bottom: -1px;
  transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
  transform-origin: right;
}  
.study_list li a:hover .line{
  transform: scale3d(1, 1, 1);
}
.study_list li a:hover .line_right{
  transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
  transform-origin: bottom;
}
.study_list li a:hover .line_top{
  transition: transform 0.08s linear 0.4s;
  transform-origin: right;
}
.study_list li a:hover .line_left{
  transition: transform 0.08s linear 0.48s;
  transform-origin: top;
}
.study_list li a:hover .line_bottom{
  transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
  transform-origin: left;
}
/*service_chart*/
.service_chart{}
.chart_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.20rem -.06rem; }
.chart_list li{ width: 33.33%; text-align: center; padding: .20rem .06rem;}
.chart_list li a{ display:block;}
.chart_icon{ padding-top: 56.79%;}
.chart_caption{ position: relative; display: inline-block; margin-top: .15rem;}
.chart_caption:before{ 
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #0096d9;
	-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);
}
.chart_list li a:hover .chart_caption:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.chart_list li a:hover{ color: #0096d9;}
/*service_provide*/
.service_provide{}
.provide_box{ overflow: hidden; position:relative;}
.provide_album{ display: flex; flex-wrap: wrap; align-items: stretch;}
.provide_album li{ width:33.33%; overflow: hidden;}
.provide_album li .img_box{background: #0096d9; padding-top: 62.87%; min-height: 100px;}
.provide_album li .img_box img{ opacity:.90;}
.provide_cover{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 150, 217, .60); color: #ffffff;}
.provide_cover:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;border: 2px solid rgba(255, 255, 255, .50); transform: scale(.98,.96);}
.provide_cover{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 150, 217, .60); color: #ffffff;}
.provide_cover:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;border: 2px solid rgba(255, 255, 255, .50); transform: scale(.98,.96);}
.provide_text{ text-align: center;}
.provide_line{ 
	display:inline-block;
	width: 48px;
	height: 4px;
	background: #FFFFFF;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-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);
	margin-bottom: .30rem;
}
.line_change{
	-webkit-animation: line_change 1s ease forwards; 
	animation: line_change 1s ease forwards; 
} 
@-webkit-keyframes line_change{
	0%{ 
		 -webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	100%{
		  -webkit-transform: scaleX(1);
		  transform: scaleX(1);
	}
} 
@keyframes line_change {
	0%{ 
		 -webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	100%{
		  -webkit-transform: scaleX(1);
		  transform: scaleX(1);
	}
}
.provide_tit{ font-family: "FZRuiZHJW_Zhong"; line-height: 1.42;}
/*service_module*/
.service_module{} 
.module_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.20rem -.06rem; }
.module_list li{ width: 25%; text-align: center; padding: .20rem .06rem;}
.module_list li a{ display:block; overflow:hidden; visibility: hidden;}
.module_img{ padding-top: 76.02%;}
.module_img:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(0,150,217, .60);
	opacity: 0;
}
.module_img:after{
	content: "\eb78";
	font-family: "iconfont";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(180deg);
	z-index: 2;
	color: #ffffff;
	font-size: 46px;
	opacity: 0;
}
.module_caption{ display: inline-block; margin-top: .15rem;} 
.module_list li a:hover{ color: #0096d9;}
.module_list li a:hover .module_img:before{ opacity:1;}
.module_list li a:hover .module_img:after{ opacity: 1; transform: translate(-50%,-50%) rotate(0deg);}
.thumb{
	-webkit-animation: thumb 1s ease-in-out;
	animation: thumb 1s ease-in-out; /*cubic-bezier(.77, 0, .175, 1)*/
	visibility: visible;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}
.thumb_img{
	-webkit-animation: thumb_img 1s ease-in-out;
	animation: thumb_img 1s ease-in-out;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}
@-webkit-keyframes thumb {
	0% {
		-webkit-transform:translate3d(0, 30%, 0);
		transform:translate3d(0, 30%, 0);
		opacity:0
	}
	100% {
		-webkit-transform:translate3d(0);
		transform:translate3d(0);
		opacity:1
	}
}
@keyframes thumb {
	0% {
		-webkit-transform:translate3d(0, 30%, 0);
		transform:translate3d(0, 30%, 0);
		opacity:0
	}
	100% {
		-webkit-transform:translate3d(0);
		transform:translate3d(0);
		opacity:1
	}
}
@-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)
	}
}
.service_module .page{ margin-top: .80rem;}
/*service_design*/
.service_design{}
.design_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: .30rem -.06rem -.20rem; }
.design_list li{ width: 25%; padding: .20rem .06rem;}
.design_list li a{ display:block; position: relative; overflow: hidden; visibility:hidden; padding-bottom: .10rem;} 
.design_img{ padding-top: 74.78%;}
.design_text{ margin-top: .35rem;}
.design_tit{ font-weight: 500;}
.design_des{ margin-top: .20rem; text-align: left; color: #666666;}
.design_list li:hover a{ box-shadow: 0 20px 10px -4px rgba(0, 58, 84, 0.12); color: #0096d9;}
.design_list li:hover .design_img img{ transform: scale(1.10,1.10);}
/*service_furniture*/
.service_furniture{}
.furniture_list{}
.furniture_block{ margin-bottom: .25rem;}
.furniture_block:last-child{ margin-bottom: 0;}
.furniture_block a{ background: #f8f8f8; display:flex; flex-wrap: wrap; align-items: stretch; overflow: hidden; visibility: hidden; position: relative;}
.furniture_img{ float:left; width:45.35%;}
.furniture_img .img_box{ padding-top: /*62.11%*/ 0; height: 400px;}
.furniture_text{ overflow:hidden; flex: 1 0 0; padding: .45rem; position: absolute; top: 0; right: 0; width: 54.65%;}
.furniture_text_over{ height: 100%; overflow: hidden;}
.furniture_tit{ font-weight: 500;}
.furniture_des{ margin-top: .25rem; max-height: 250px; overflow: hidden;}
.furniture_des li{ overflow: hidden; line-height: 1.50; margin-bottom: .10rem;}
.furniture_des li:last-child{ margin-bottom: 0;}
.furniture_des li span{ float:left;}
.furniture_des li p{ overflow:hidden; letter-spacing: -0.014em;} 

/*============================ 03 关于我们 ============================*/    
/*=======banner_wrap======*/   
.banner_wrap{ position: relative;}
.banner_bg{ width: 100%; padding-top: 31.30%; max-height: 600px; min-height: 240px; background: 50% 0 no-repeat; background-size: cover;}
.banner_text{ position: absolute; top:50%; transform: translateY(-70%); left:0; z-index: 1; width: 100%; color: #ffffff;}
.banner_tit{ line-height: 1;}
.banner_tit em{ display:block; font-family: Helvetica; font-weight: bold;}
.banner_tit i{ display:block; margin-top: .20rem;}
.banner_toolbar{position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; color: #666666;}
.toolbar_con{ background: #f1f2f5; height: .90rem; line-height: .90rem;}
.toolbar_hotline{ float:left;}
.toolbar_hotline dt{ width: 90px; height: 100%; text-align: center;  float:left; background: #0096d9; color: #ffffff; }
.toolbar_hotline dt .icon_tel{ width: 46px; height: 46px; line-height: 44px; text-align: center; border: 1px solid rgba(255,255,255, .50); border-radius: 50%; font-size: 30px;}
.toolbar_hotline dd{ overflow: hidden; padding: 0 .25rem; }
.toolbar_hotline dd a{ color: #0096d9;}
.toolbar_local{ float:right; margin-right: .60rem;}
.toolbar_local a{ color: #666666; padding: 0 .05rem;}
.toolbar_local a:hover, .toolbar_local a.active{ color: #0096d9;}
/*=======sec_tit02======*/  
.sec_tit02{ font-weight: 500; line-height: 1; margin-bottom: .40rem;}
.sec_tit02 em{ display:block; opacity: .60;}
.sec_tit02 i{ display:block; margin-top: 0.10rem; }
.sec_tit02_line{ display: inline-block; vertical-align: top; width: 33px; height: 2px; background: #0096d9; margin-top: .25rem;}
/*=======about_survey======*/  
.author{display:block; height:85px; margin-top: -85px;}
.about_survey{}
.survey_count{ float:left; margin-right: 6%; margin-top: .20rem;}
.survey_count li{ margin-bottom: .80rem;}
.survey_count li:last-child{ margin-bottom:0;}
.survey_count li em, .survey_count li sub{ line-height: 0.95; vertical-align: baseline;}
.survey_count li em{ font-family: Helvetica; font-weight: bold; }
.survey_count li sup{ display: inline-block; transform: translateY(-20%); }
.survey_count li i{ display: block; color: #888888; margin-left: .20rem;}
.survey_text{ overflow:hidden;}
.survey_text_range{ width: 100%; max-width: 930px; float: right;}
.survey_text_tit{ font-weight: 500;}
.survey_text_des{ color: #666666; line-height: 1.67; margin-top: .50rem;}
/*=======about_qualification======*/ 
.about_qualification{ color: #ffffff;}
.about_qualification a{ color: #ffffff;}
.about_qualification .sec_tit02_line{ background: #ffffff;}
.about_qualification .sec_tit02{ float:left; min-width:260px; margin-right: 6%;}
.qualification_preface{ overflow:hidden;}
.qualification_preface_range{ width:100%; max-width: 810px; float:right; background: #FFFFFF; color: #0096d9; padding: 1rem;}
.qualification_preface_tit{ font-weight: 500; position:relative;}
.yinhao{ display:block; font-size: 0; opacity: 0.15; width: 76px; height: 62px; text-indent: -9999px; background: url(../images/yinhao.png) no-repeat; background-size: contain; position: absolute; bottom: 0; left: -28px;}
.qualification_preface_tit span{ display:block; position: relative; z-index: 1;}
.qualification_preface_des{ line-height: 1.67; margin-top: .30rem;}
/*qualification_swiper*/
.qualification_swiper{ position: relative; padding-top: .40rem; border-top:1px solid rgba(255,255,255, .30); margin-top: .40rem;}
.qualification_swiper .icon_box{ background: #ffffff; padding-top: 130.34%;}
.qualification_caption{ position: absolute; bottom: 0; left:0; z-index: 1; transform: translateY(100%); background: rgba(0,151,218, .80); color: #ffffff; text-align: center; width: 100%; padding: .10rem .20rem; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.qualification_arrow{ position:absolute; bottom:100%; margin-bottom: .40rem; left:0; z-index: 2;}
.qualification_arrow div[class*="swiper-button-"]{ border-radius: 0; opacity: 1; position: static; transform: none; display: inline-block; vertical-align: middle; width: 130px; height: 57px; line-height: 57px;}
.qualification_arrow div[class*="swiper-button-"] .iconfont{ font-size:34px;}
.qualification_arrow div.swiper-button-prev{ border-right:2px solid #ffffff;}
.qualification_arrow div.swiper-button-next{ border-left:2px solid #f0f0f0;}
.qualification_arrow div.swiper-button-prev,
.qualification_arrow div.swiper-button-next:hover{ background: #ffffff; color: #0096d9;}
.qualification_arrow div.swiper-button-prev:hover,
.qualification_arrow div.swiper-button-next{ background: #f0f0f0; color: rgba(102,102,102, .40);}
.qualification_swiper .swiper-slide:hover .qualification_caption{ transform: translateY(0%);} 
/*=======about_purposes======*/ 
.about_purposes{ background-color: #F8F8F8;}
.about_purposes .inner{ display:flex; align-items: center;}
.purposes_graphic{ width:38%; max-width: 530px; float:left; margin-right:6%;}
.purposes_text{ flex: 1 0 0; overflow:hidden;}
.purposes_text_range{ float: right; width: 100%; max-width: 640px;}
.purposes_text_tit{ font-weight: 500; color: #0096d9;}
.purposes_text_des{ color: #666666; margin-top: .30rem; }
.purposes_text_des li{ position: relative; padding-left: 36px; line-height: 20px; margin-bottom: .20rem;}
.purposes_text_des li:last-child{ margin-bottom:0;}
.purposes_text_des li:before{ content:""; position: absolute; top:4px; left:0; width: 12px; height: 12px; border: 1px solid #666666; border-radius: 50%;}
/*=======common_culture======*/ 
.common_culture{}
.common_culture .sec_tit02{ text-align:center;}
.culture_list{ display:flex; flex-wrap: wrap; align-items: stretch; }
.culture_list li{ width:50%; display:flex; flex-wrap: nowrap; align-items: center; border:1px solid #e5e5e5; margin-top: -1px; margin-left:-1px; padding: .50rem 4% .50rem 7%;}
.culture_icon{ display:block; float:left; margin-right: 5%; height: 75px; width: auto;}
.culture_text{ overflow: hidden;}
.culture_text_tit{}
.culture_text_des{ color: #666666; margin-top: .10rem;}
/*=======common_contact======*/ 
.common_contact{ padding: 0.90rem 0; background-color: #F8F8F8; background-attachment: local;}
.common_contact .sec_tit02 .sec_tit02_line{ display:none;}
.contact_text{ color: #666666;}
.contact_link{ display:flex; flex-wrap: nowrap; margin-top: .25rem;}
.link_ask, .link_tel{ display: inline-block; vertical-align: middle; flex: 0.40 0 0; margin-right: .15rem; text-align: center; max-width: 300px; height: 64px; line-height: 64px; background: #0096d9; color: #ffffff; box-shadow: 0px 24px 48px 0px rgba(0, 58, 84, 0.12); }
.link_ask:hover, .link_tel:hover{ opacity:.90;}
.link_tel{flex: 0.60 0 0; background: #FFFFFF; color:#333333;}

/*============================ 04 新闻中心 ============================*/    
.sub_wrap{ padding: .80rem 0;}
/*news_list*/
.news_list{ display: flex; flex-wrap: wrap; align-items: stretch; margin: -.25rem -.40rem;}
.news_item{ width: 50%; padding: .25rem .40rem;}
.news_item_inner{ color:#666666; overflow: hidden;}
.news_item_inner a{ color:#666666;}
.news_list .news_item_inner{ visibility: hidden;}
.news_img{ padding-top: 56.72%;}
.news_text{ margin: -.60rem 0 0 .35rem; position: relative; z-index: 2; background: #ffffff; padding: .35rem; } 
.news_text:before{ height:3px;}
.news_more{ display:block; float:right; color: #0096d9; line-height: 26px; margin-left: .40rem;}
.news_more .iconfont{ font-size: 20px;}
.news_tit{ overflow:hidden; } 
.news_tit a{ display: block; color: #333333;}  
.news_marks{ text-align: left;}
.news_marks a{ display: inline-block; padding: 0 .03rem;}
.news_marks a:hover, .news_marks a.active{ color:#000000;}  
.news_text .news_marks{ margin-top: .15rem;}
.news_des{ color:#666666; margin-top: .05rem;}
.news_time{ display: block; margin-top: .15rem;} 
.news_item_inner:hover .news_more,
.news_item_inner:hover .news_tit a{ color: #0096d9;}
.news_item_inner:hover .news_img img{ transform: scale(1.06,1.06);}
/*page*/
.page{ text-align: center; margin-top: .80rem;}
.page a{ display:inline-block; vertical-align: middle; text-align: center; color: #666666; margin:.04rem; line-height: 36px; min-width: 36px;}
.page a:hover{ color: #0096d9;}
.page a.active{ background: #0096d9; color: #ffffff;}
.page a.page_btn{ font-size: 13px; border:1px solid #ababab; width: 70px; line-height: 34px; margin: 0 .16rem; }
.page a.page_btn:hover{ border-color:#0096d9; background: #0096d9; color: #ffffff;}
/*=======news_detail======*/ 
.news_detail{ color: #666666; }
.news_detail a{ color: #666666; }
.news_detail_head{ text-align:center; border-bottom: 1px solid rgba(0,0,0, .10); padding-bottom: .40rem; margin-bottom: .40rem;}
.news_detail_tit{ font-weight: 500; color: #333333;}
.news_detail_info{ display: inline-block; margin-top: .10rem;}
.news_detail_info li{ display: inline-block; padding: 0 .12rem;}
.news_detail_con{ line-height: 2;}
.news_detail_con img, .news_detail_con video{ max-width:100%!important; height: auto!important;}
.news_detail_bot{ margin-top: .80rem; padding:2.20% 3.52%; background: #f8f8f8; line-height: 24px;}
.news_detail_btn{ display:block; float: left; width:40%; }
.news_detail_btn .iconfont{ width:30px; line-height: 24px; float:left; margin-right: .15rem; position:relative; font-weight: bold; font-size: 14px; color: #c6c6c6;} 
.news_detail_btn .iconfont:after{ -webkit-transition:all 0ms ease; transition:all 0ms ease; content:""; position: absolute; top:50%; right:0; width:1px; height: 14px; transform: translateY(-50%); background: #c9c9c9;}
.news_detail_btn span{ display:block; overflow: hidden; }
.news_detail_next{ float:right; text-align: right;}
.news_detail_next .iconfont{ float:right; margin-right: 0; margin-left: .15rem;}
.news_detail_next .iconfont:after{ right:auto; left:0;}
.news_detail_back{ display:block; float: left; width:20%; text-align: center; color: #c6c6c6;}
.news_detail_back .iconfont{ font-size: 20px;}
.news_detail_bot .news_detail_btn:hover,
.news_detail_bot .news_detail_btn:hover .iconfont,
.news_detail_bot .news_detail_btn:hover .news_detail_back{color: #0096d9}
.news_detail_bot .news_detail_btn:hover .iconfont:after{ background-color: #0096d9;}
/*=======news_relevant======*/ 
.news_relevant{ margin-top: .80rem;}
.relevant_tit{ padding-bottom: .30rem; border-bottom: 1px solid rgba(0,0,0, .10); margin-bottom: .50rem;}
.relevant_tit i{ color: #adadad;} 
.relevant_swiper{ position:relative; }
.relevant_swiper div[class*="swiper-button-"]{  
	background:rgba(0,0,0, .40); 
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
    transition: all .2s ease-in-out;
    -webkit-transform:translateY(-230%) scale(.7);
    transform:translateY(-230%) scale(.7);
}
.relevant_swiper:hover div[class*="swiper-button-"]{
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	-webkit-transform:translateY(-230%) scale(17);
    transform:translateY(-230%) scale(1);
}
.relevant_swiper div[class*="swiper-button-"] .iconfont{ font-size: 20px;}
.relevant_swiper div[class*="swiper-button-"]:hover{ background: #0096d9;} 
.relevant_swiper .swiper-button-prev{ left:-25px;}
.relevant_swiper .swiper-button-next{ right:-25px;}
.relevant_swiper .news_item{ width:100%; padding:0!important;}
.relevant_swiper .news_item .news_item_inner{ border:1px solid rgba(0,0,0, .10);} 
.relevant_swiper .news_item .news_img{ padding-top: 66.97%;}
.relevant_swiper .news_item .news_text{ margin:0!important; padding: 0!important;}
.relevant_swiper .news_item .news_text .news_text_inner{ padding: .30rem;}
.relevant_swiper .news_item .news_des{ margin-top: .10rem;}
.relevant_swiper .news_item .news_time{ border-top:1px solid rgba(0,0,0, .10); color: #999999; margin-top: 0!important; line-height: 55px; padding: 0 .30rem;} .relevant_swiper .news_item .news_time .icon_long_arrow_right{ font-size:18px; float:right;} 
.relevant_swiper .news_item:hover .news_text a,
.relevant_swiper .news_item:hover .news_time .icon_long_arrow_right{ color: #0096d9;}

/*============================ 05 项目案例 ============================*/    
/*=======cases_list======*/ 
.cases_list{ display: flex; flex-wrap: wrap; align-items: stretch; margin:-.20rem -.13rem;}
.cases_item{ width: 33.33%; padding: .20rem .13rem;}
.cases_item_inner{background: #F8F8F8; height: 100%; overflow: hidden;  position: relative;}
.cases_list .cases_item_inner{ visibility: hidden;}
.cases_img{ position:relative;}
.cases_img .img_box{ padding-top: 55.70%;}
.cases_item_inner:hover .cases_img .img_box img{ transform: scale(1.06,1.06);}
.cases_logo{ width: 180px; position: absolute; bottom:-0.34rem; left:.40rem; z-index: 1;}
.cases_logo .icon_box{ padding-top: 68.89%; background: #FFFFFF; box-shadow: 0px 24px 48px 0px rgba(0, 58, 84, 0.12); border-radius: 4px;}
.cases_text{ padding: .70rem .40rem .40rem; position: relative;}
.cases_tit{}
.cases_tit a{ height: 26px; line-height: 26px;}
.cases_des{ display:flex; flex-wrap: wrap; justify-content: space-between; color: #666666;  -webkit-transition:color 600ms ease; transition:color 600ms ease; margin-top: .15rem;}
.cases_des li{ }
.case_cover{ position: absolute; top:0; left:0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 150, 217, .90); color: #ffffff; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.case_cover a, .case_cover .cases_des{ color: #ffffff;} 
.case_cover .cases_text{ position:absolute; top:50%; left:0; width: 100%; transform: translateY(-50%);}
.cases_handle{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .60rem;}
a.cases_link{ display:block; margin-right: .20rem; text-align: center; color: #ffffff; flex:1 0 0 ; height: 55px; line-height: 53px; border: 1px solid #ffffff;}
a.cases_link:last-child{ margin-right: 0;}
a.cases_link:hover{ opacity: .80;}
a.link_look{ background: #ffffff; color: #0096D9;}
a.link_advice{}
.cases_item_inner:hover .case_cover{ opacity: 1; visibility: visible; pointer-events: all;}  
.animation_3d_top {
	-webkit-animation: mk_3d_top 1.5s 1 cubic-bezier(.77, 0, .175, 1);
	animation: mk_3d_top 1.5s 1 cubic-bezier(.77, 0, .175, 1)
}
@-webkit-keyframes mk_3d_top {
	0% {
		-webkit-transform:perspective(600px) rotateX(60deg);
		transform:perspective(600px) rotateX(60deg);
		-webkit-transform-origin:center top 0;
		transform-origin:center top 0
	}
	100% {
		-webkit-transform:perspective(600px) rotateX(0);
		transform:perspective(600px) rotateX(0);
		-webkit-transform-origin:center top 0;
		transform-origin:center top 0
	}
}
@keyframes mk_3d_top {
	0% {
		-webkit-transform:perspective(600px) rotateX(60deg);
		transform:perspective(600px) rotateX(60deg);
		-webkit-transform-origin:center top 0;
		transform-origin:center top 0
	}
	100% {
		-webkit-transform:perspective(600px) rotateX(0);
		transform:perspective(600px) rotateX(0);
		-webkit-transform-origin:center top 0;
		transform-origin:center top 0
	}
} 
/*related_cases*/
.related_cases{ margin-top: .80rem;}
.related_cases .sec_tit02{ text-align:center;}
.related_cases .sec_tit02 .sec_tit02_line{ display:none;}
.related_swiper{}
.related_swiper .cases_item{ padding:0!important; width: 100%;}
.related_arrow{ margin-top: .30rem; display: flex; align-items: stretch; background: #F8F8F8; height: 66px; line-height: 66px;}
.related_arrow div[class*="swiper-button-"]{ position: static; transform: none; border-radius: 0; display: block; width:33.33%; padding: 0 4%; color: #666666; height: 66px; line-height: 66px;}
.related_arrow div[class*="swiper-button-"] .iconfont{ font-size:34px;}
.related_arrow div[class*="swiper-button-"]:hover,
.related_more:hover{ background: #0096D9; color: #ffffff;}
.related_arrow div.swiper-button-prev{ text-align: left;}
.related_arrow div.swiper-button-next{ text-align: right;}
.related_more{ display:block; width:33.33%; text-align: center;}
/*cases_facts*/
.cases_facts{}
.facts_head{ margin-bottom: .65rem;}
.facts_handle{ float:right; margin-top: 0!important; margin-left: 5%;}
.facts_tit{ float:left; font-weight: 500;}
.facts_text{ display:flex; flex-wrap: wrap; align-items: stretch;}
.facts_data{ width: 36.5%; display:flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; margin-bottom: -.65rem;}
.facts_data li{ width:52%; margin-bottom: .65rem;}
.facts_data li:nth-child(even){ width:48%;}
.facts_data li em{ display:block; font-weight: 600;}
.facts_data li i{ display:block; color: #666666;}
.facts_intro{ overflow: hidden; flex:1 0 0; border-left: 1px solid rgba(0,0,0, .10); padding-left: 5.50%; line-height: 1.77;}
.facts_service{ margin-top: .60rem; padding-top: .40rem; border-top: 1px solid rgba(0,0,0, .10);}
.facts_service_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.08rem;}
.facts_service_list li{ padding: .08rem;}
.facts_service_list li a{ display: block; height: 100%; border: 1px solid #E8E8E8; padding: .20rem .30rem}
.facts_icon{ float: left; margin-right: .20rem; width: 36px!important; height: 36px!important;}
.facts_caption{ overflow: hidden;}
.facts_service_list li a:hover{ background: #0096d9; color: #ffffff;}
.facts_service_list li a:hover .facts_icon img:nth-child(1){ opacity:0;}
.facts_service_list li a:hover .facts_icon img:nth-child(2){ opacity:1;}
/*cases_imagetext*/
.cases_imagetext{ background: #F8F8F8;}
.imagetext_block{ margin-top: .80rem;} 
.imagetext_block:first-child{ margin-top: 0;} 
.imagetext_tit{ font-weight: 500; margin-bottom: .30rem; }
.imagetext_tit_line{ display: block; margin-bottom: .20rem; width: 52px; height: 2px; background: #0096D9;}
.imagetext_text{ line-height: 1.77;}
.imagetext_image{ display:flex; flex-wrap: wrap; justify-content: space-between; margin:.30rem -.06rem -.06rem;}
.imagetext_image li{ width:50%; padding: .06rem;}
.imagetext_image li a{ display:block; overflow: hidden; visibility: hidden;}
.imagetext_image li .img_box{ padding-top: 56.25%; }
/*cases_related*/
.cases_related{}
.cases_related .related_cases{ margin-top: 0!important;}


/*============================ 06 服务承诺 ============================*/    
/*=======pledge_presale======*/ 
.pledge_presale{ padding-bottom: .60rem; overflow: hidden;}
.pledge_presale .inner{ display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.presale_flex, .insale_flex{ width: 48%; float:left; background: #F8F8F8;}
.presale_flex{ /*display:flex; flex-wrap: wrap; align-items: stretch;*/ }
.presale_text{/* float:left; width:47.88%;*/ position: relative; padding: .50rem 6%; overflow: hidden;}
.presale_text_bg{ position: absolute; top:0; left:0; width:122.67%; height: 100%; background: #F8F8F8; display: none;}
.presale_text_inner{ position: relative; z-index: 1;}
.presale_text .sec_tit02, .insale_text .sec_tit02{ margin-bottom: .30rem;}
.presale_text .sec_tit02_line, .insale_text .sec_tit02_line{ margin-top: .20rem;}
.presale_des{ line-height:1.75;}
.presale_img{/*width: 51.12%;*/ position: relative; overflow:hidden;}
.presale_img .img_box{ padding-top: 54%; /*margin-top: .60rem;*/}
.presale_img .img_box:before{ content:""; position: absolute; top:0; right:0; z-index: 10; width: .75rem; height: .75rem; background: url(../images/pledge_02.png) right top no-repeat; background-size: cover;}
/*=======pledge_insale======*/ 
.pledge_insale{ padding-top: .60rem; background-color: #F8F8F8;}
.insale_flex{/*display:flex; flex-wrap: wrap; align-items: stretch; flex-direction: row-reverse;*/ float:right;}
.insale_text{/* float:right; width:47.88%;*/ position: relative; padding: .50rem 6%; overflow: hidden;}
.insale_text_bg{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: #F8F8F8;}
.insale_text_inner{ position: relative; z-index: 1;}
.insale_des{ line-height:1.50;}
.insale_img{/*width: 51.12%;*/ position: relative; overflow:hidden;}
.insale_img .img_box{ padding-top: 54%;}
.insale_img .img_box:before{ content: ""; position: absolute; bottom: 0; left:0; z-index: 10; width: 1.10rem; height: 1.10rem; background: url(../images/pledge_04.png) no-repeat; background-size: contain;}

/*=======pledge_position======*/ 
.pledge_position{ padding-bottom: 0!important; background-color: #F8F8F8;}
.pledge_position .sec_tit02{ text-align: center;}
.position_swiper{ position: relative; z-index: 2; background: #ffffff; box-shadow: 0px 32px 73px 0px rgba(0, 0, 0, 0.08); border-bottom: 4px solid #16B7FF; margin-bottom: -180px;}
.position_swiper .swiper-wrapper{ align-items: stretch;}
.position_block{ border-left: 3px solid #ECEEEF; padding: .50rem;}
.position_swiper .swiper-slide:nth-child(1) .position_block{ border-left:none;}
.position_num{ display:block; line-height: 1; text-align: right; color: #999999;}
.position_tit{ margin-top: .10rem;}
.position_icon{ background: none; padding-top: 0; height:80px; width:80px; margin-bottom: .10rem;}
.position_des{ color: #666666; line-height: 1.625; margin-top: .20rem;}
/*=======pledge_position======*/ 
.pledge_aftersale{ padding-top: 260px; margin-bottom: 500px; background-color: #0096d9;}
.pledge_aftersale .sec_tit02{ text-align: center;}
.pledge_aftersale .sec_tit02, .pledge_aftersale .sec_tit02 a{ color: #ffffff;}
.pledge_aftersale .sec_tit02_line{ background: #ffffff;}
.aftersale_forword{ line-height: 1.50; text-align: center; color: #ffffff;}
.aftersale_box{ background: #FFFFFF; box-shadow: 0px 32px 73px 0px rgba(0, 0, 0, 0.08); padding: 0 .60rem; position: relative; z-index: 1; margin-top: .40rem; margin-bottom: -450px;}
.aftersale_con{ overflow: hidden;}
.aftersale_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: 0 -.40rem -1px;}
.aftersale_block{ width: 33.33%; padding: .40rem; border-bottom: 1px solid rgba(0,0,0, .10); }
.aftersale_tit{ }
.aftersale_icon{ background: none; padding-top: 0; height:40px; width:40px; /*margin-bottom: .10rem;*/ display:inline-block; vertical-align: middle; margin-right: .20rem;}
.aftersale_des{ color: #666666; line-height: 1.50; margin-top: .10rem;}


/*============================ 07 联系我们 ============================*/    
/*=======contact_information======*/ 
.contact_information{}
.contact_way{ float:left; width:51.06%; }
.contact_way_text{ background: #0096d9; color: #ffffff; padding: .50rem;}
.contact_way_text a{ color: #ffffff;}
.contact_way_text .sec_tit02{ padding-bottom:.30rem; border-bottom:1px solid rgba(255,255,255, .30); }
.contact_way_text .sec_tit02 .sec_tit02_line{ display:none;}
.way_company{}
.company_tit{}
.company_des{ margin-top: .20rem;}
.company_des li{ overflow: hidden;}
.company_des li span{ display:block; float:left;}
.company_des li .iconfont{ font-size: 20px; margin-right: .10rem;}
.company_des li p{ overflow: hidden;}
.way_cover{ margin-top: .50rem;}
.cover_tit{ text-align: center; background: url(../images/contact_02.png) center center repeat-x;}
.cover_tit span{ display:inline-block; position: relative; z-index: 1; background: #0096d9; padding:0 .22rem;}
.cover_text{ margin-top: .30rem;}
.cover_tab{ float:left; width:90px; margin-right: .30rem; border-right:1px solid rgba(255,255,255, .30); }
.cover_tab li{ cursor: pointer; margin-bottom: .15rem;}
.cover_tab li a{ display:block; line-height: 30px; position: relative; opacity: .60; }
.cover_tab li a:before{ 
	content: "";
	display: block;
	width: 3px;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: -2px;
	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: scaleY(0);
	transform: scaleY(0);
}
.cover_tab li:hover a:before,
.cover_tab li.active a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.cover_tab li:hover a,
.cover_tab li.active a{ opacity: 1;}
.cover_con{ overflow:hidden;}
.cover_block{ display:none;}
.cover_block.active{ display: block;} 
.cover_block.active .cover_subtit,
.cover_block.active .cover_des{ -webkit-animation: .6s .2s fadeIn both; animation: .6s .2s fadeIn both;}
.contact_way_img{ padding-top: 54.28%;}
/*=======contact_message======*/ 
.contact_message{ width:43.94%; max-width: 586px; float:right;} 
.message_tit{ padding-bottom: .40rem; position: relative; margin-bottom: .50rem;}
.message_tit em{ display:block; margin-top: .05rem;}
.message_tit:before{ content:""; position: absolute; bottom: 0; left:0; width: 52px; height: 2px; background: #0096D9;}
.message_form{ display:flex; flex-wrap: wrap; justify-content: space-between;}
.message_line{ width:49%; border-bottom: 1px solid #333333; padding-top: .25rem;}
.message_label{ display:block; margin-bottom: .20rem;}
.message_fill{ position: relative;}
.message_highlight{ position: absolute; bottom: -1px; left:0; z-index: 1; width:100%; height: 1px;}
.message_highlight:before{ 
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #0096d9;
	-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);
}
.message_text:focus+.message_highlight:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.message_text{ width: 100%; height: 40px;}
.message_line_neirong{ width:100%;}
.message_line_neirong .message_text{ resize: none; height:142px;}
.message_btn{ margin-top: .65rem; cursor: pointer;background: #0096D9; color: #ffffff; width: 100%; height: 78px; }
/*=======contact_map======*/ 
.contact_map{ margin-top: .50rem;}
.contact_map_tit{ display:block; max-width: 90%;}
.contact_map_box{ overflow:hidden; position: relative; z-index: 1; margin-top: -.25rem;height: 500px;}

/*============================ 08 服务流程 ============================*/    
/*=======service_process======*/ 
.service_process{ padding-bottom: 0!important;}
.process_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.07rem;}
.process_block{ width:50%; padding: .07rem; }
.process_block_inner{ background: #F8F8F8; overflow: hidden; position: relative; min-height: 220px; padding: .40rem; -webkit-transition:background 600ms ease,color 600ms ease; transition:background 600ms ease,color 600ms ease;}
.process_num{ display:block; line-height: 1; font-style: italic; font-family:Helvetica; font-weight: bold; font-size: 1.80rem; color: #909da3; opacity: .10; position: absolute; bottom: -0.80rem; right:0; -webkit-transition:color 600ms ease; transition:color 600ms ease;}
.process_icon{ display:block; float:left; margin-right: .25rem; padding-top: 0; border-radius: 50%; width:58px; height: 58px;}
.process_icon:before, .process_icon:after{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; border-radius: 50%; opacity:1; transform: scale(1); background: #e9e9e9;}
.process_icon:after{ background: #ffffff; opacity:0; transform: scale(0);}
.process_icon img{ z-index: 2; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.process_icon img:nth-child(2){ opacity:0;}
.process_text{ overflow:hidden; }
.process_tit{  }
.process_des{ line-height: 1.50; margin-top: .15rem; text-align:left;  }
.process_block_inner:hover{ background: #0096d9; color: #ffffff;}
.process_block_inner:hover .process_num{ color: #ffffff;}
.process_block_inner:hover .process_icon:before{ opacity:0; transform: scale(0);}
.process_block_inner:hover .process_icon:after{ opacity:1; transform: scale(1);}
.process_block_inner:hover .process_icon img:nth-child(1){ opacity:0;}
.process_block_inner:hover .process_icon img:nth-child(2){ opacity:1;}
/*join_post*/
.join_us{ background-color: #F8F8F8;}
.join_post{}
.post_block{}
.post_tit{ position: relative; padding: .20rem .30rem; border-bottom:1px solid rgba(0,0,0, .10); cursor: pointer; -webkit-transition:color 600ms ease, background 600ms ease; transition:color 600ms ease, background 600ms ease;}
.icon_jiahao{ position:absolute; top:50%; right:2%; transform: translate(0,-50%); font-weight: bold;} 
.post_info{ color:#666666; line-height: 1.875; border-bottom:1px solid rgba(0,0,0, .10); padding: .30rem; display: none;}
.post_item{ color:#333333; margin-bottom: 10px;}
.post_block:hover .post_tit, .post_block.active .post_tit{ background: #0096D9; color:#ffffff;}  
.post_block.active{ background: #ffffff;}
.post_block.active .post_tit .icon_jiahao:before{ content: "\e66a";}
.post_handle{ text-align:right;}
.post_apply{ display:inline-block; margin-left: .20rem; background: #0096D9; color: #ffffff; padding: 0 .25rem; line-height: 48px; font-weight: bold; }
.post_apply:hover{ opacity: .90;}
.post_apply .iconfont{ margin: -2px 0 0 4px;}