/*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: "helveticaneuelt";
  src: url("../font/helveticaneuelt-thinext.woff2") format("woff2"),
       url("../font/helveticaneuelt-thinext.woff") format("woff"),
       url("../font/helveticaneuelt-thinext.ttf") format("truetype"),
       url("../font/helveticaneuelt-thinext.eot") format("embedded-opentype"),
       url("../font/helveticaneuelt-thinext.svg") format("svg");
}
@font-face {
  font-family: "barlow_boldcondensed";
  src: url("../font/barlow_boldcondensed.woff") format("woff2"),
       url("../font/barlow_boldcondensed.woff") format("woff"),
       url("../font/barlow_boldcondensed.ttf") format("truetype"),
       url("../font/barlow_boldcondensed.eot") format("embedded-opentype"),
       url("../font/barlow_boldcondensed.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: 'Noto Sans SC', 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;
	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; }
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-bullet{ width: 10px; height: 10px; margin: 0 4px; background: #333; opacity: 1;}
.swiper-pagination-bullet-active{ background: #cc0001!important;}
.swiper_arrow div{ background: none; text-align: center; border:1px solid #bfbfc0; color:#bfbfc0; border-radius: 50%; font-weight: bold; width:36px; height: 36px; line-height: 34px; }
/*.swiper_arrow div.swiper-button-disabled{ opacity: .80;}*/
.swiper_arrow div .iconfont{ font-size:18px;}
.swiper_arrow div:hover{ border-color: #cc0001!important; background-color: #cc0001!important; color: #fff!important;}

/*transition*/
/**:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .bg_img, .img_box img, .menu_phone i, .subclass, .menu_box, .f_f_cover, .f_m_cover{ */
/*	-webkit-transition:all 600ms ease; transition:all 600ms ease; */
/*}  */
/*a,input[type="text"]{ -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;}
/*ico_box*/
.ico_box{position:relative;display:block; height:0;padding-top:100%;}
.ico_box img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;height:auto; max-width:100%; max-height: 100%;}
/*tit*/
.tit{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height: 24px; } 
/*des*/
.des{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;} 
/*typo*/
.typo .blink {
  display: inline-block;
}  
.typo:hover .blink{
  -webkit-animation-name: textLink;
  animation-name: textLink;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.typo:hover .blink:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.typo:hover .blink:nth-of-type(2) {
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
}
.typo:hover .blink:nth-of-type(3) {
  -webkit-animation-delay: 60ms;
  animation-delay: 60ms;
}
.typo:hover .blink:nth-of-type(4) {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
}
.typo:hover .blink:nth-of-type(5) {
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}
.typo:hover .blink:nth-of-type(6) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.typo:hover .blink:nth-of-type(7) {
  -webkit-animation-delay: .18s;
  animation-delay: .18s;
}
.typo:hover .blink:nth-of-type(8) {
  -webkit-animation-delay: .21s;
  animation-delay: .21s;
}
.typo:hover .blink:nth-of-type(9) {
  -webkit-animation-delay: .24s;
  animation-delay: .24s;
}
.typo:hover .blink:nth-of-type(10) {
  -webkit-animation-delay: .27s;
  animation-delay: .27s;
}
.typo:hover .blink:nth-of-type(11) {
  -webkit-animation-delay: .30s;
  animation-delay: .30s;
}
.typo:hover .blink:nth-of-type(12) {
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
}
.typo:hover .blink:nth-of-type(13) {
  -webkit-animation-delay: .36s;
  animation-delay: .36s;
}
.typo:hover .blink:nth-of-type(14) {
  -webkit-animation-delay: .39s;
  animation-delay: .39s;
}
.typo:hover .blink:nth-of-type(15) {
  -webkit-animation-delay: .42s;
  animation-delay: .42s;
}
.typo:hover .blink:nth-of-type(16) {
  -webkit-animation-delay: .45s;
  animation-delay: .45s;
}
.typo:hover .blink:nth-of-type(17) {
  -webkit-animation-delay: .48s;
  animation-delay: .48s;
}
.typo:hover .blink:nth-of-type(18) {
  -webkit-animation-delay: .51s;
  animation-delay: .51s;
}
.typo:hover .blink:nth-of-type(19) {
  -webkit-animation-delay: .54s;
  animation-delay: .54s;
}
.typo:hover .blink:nth-of-type(20) {
  -webkit-animation-delay: .57s;
  animation-delay: .57s;
}
@-webkit-keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
/*title_effect*/
.title_effect .letter {
	display: inline-block;
	transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 0s;
}
.my_textLink2{
	-webkit-animation-name: textLink2;
	  animation-name: textLink2;
	  -webkit-animation-duration: .3s;
	  animation-duration: .3s;
	  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
}
@-webkit-keyframes textLink2 {
  to{
	 transform:translateY(0); opacity:1;
  }
}
@keyframes textLink2 {
  to{
	 transform:translateY(0); opacity:1;
  }
}

/*===================header========================*/
.inner{ width: 100%; margin: 0 auto; padding:0 15px; max-width: 1470px;}
header{ position:fixed; left:0; top:0; z-index:1003; width:100%; padding: 0 2.60%; border-bottom: 1px solid rgba(255,255,255, .25); height: 90px; line-height: 90px;}
header:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #fff; opacity: 0;}
header a{ color: #fff;}




/*============================ footer ============================*/  
footer{ overflow: hidden; background: #333; color: rgba(255,255,255, .60); }
footer a{ color: rgba(255,255,255, .60); }
footer a:hover, #footer_nav li a.n_a0:hover, #footer_nav li .subclass a:hover{ color: rgba(255,255,255, 1); }
.footer_top{ padding: 60px 0;}
.footer_logo{ }
.footer_logo img{ display:block; height: 38px; width: auto;}
/*footer_nav*/
#footer_nav{ max-width:none; margin-top: 40px;}
#footer_nav li{ width:12.85%; border-color: rgba(255,255,255, .15);}
#footer_nav li a.n_a0{ color: rgba(255,255,255, 1);}
#footer_nav li a.n_a0 em:before, #footer_nav li .subclass a em:before{ background: #ffffff;}
#footer_nav li:first-child{ text-align:left; width: 9.20%;}
#footer_nav li.li_contact{ width: 26.55%; overflow: hidden; text-align: left; padding-left: 4%;} 
a.l_c_tel{ display: inline-block!important; color: #cc0001!important; }
.footer_bot{ border-top:1px solid rgba(255,255,255, .15); padding: 20px 0;}
.footer_info{ float:left; padding: 11px 0;}
.footer_info span{ margin-right: 14px;}
/*footer_func*/
.footer_func{ float:right; margin: 0 -5px;}
.footer_func li{ display:inline-block; vertical-align: middle; position: relative; padding: 0 5px;}
.footer_func li a.f_f_a0{ display:block; border-radius:50%; border:2px solid rgba(255,255,255, .35); color: rgba(255,255,255, .35); text-align: center; width:46px; height: 46px; line-height: 42px;}
.footer_func li a.f_f_a0 .iconfont{ font-size: 22px;}
.f_f_cover{ position:absolute; bottom:100%; padding-bottom: 16px; left:50%; transform:translateX(-50%); text-align: center; opacity: 0; visibility: hidden; pointer-events: none; width: 240px;}
.f_f_cover_inner{ position: relative; background: #fff; color: #333; border-radius: 5px; padding: 3.56%;}
.f_f_cover_inner:before{ content: ""; position:absolute; top:100%; left:50%; transform:translateX(-50%); border-width:6px; border-style:solid solid solid; border-color:#fff transparent transparent; }
.footer_func li .f_f_cover b{ letter-spacing: -0.03em; font-family: "Arail"; color: #cc0001;}
.footer_func li:hover a.f_f_a0{ border-color:#cc0001; background-color: #cc0001; color: #fff;}
.footer_func li:hover .f_f_cover{ opacity:1; visibility: visible; pointer-events: all;}
/*float_menu*/
.float_menu{ position: fixed; bottom: 10%; right: 2.60%; z-index: 1004;}
.float_menu li{ position: relative; margin-top: 16px;}
.float_menu li a.f_m_a0{ display:block; border-radius:50%; background: #fff; color: #cc0001; box-shadow: 0 0 12px 0 rgba(0,0,0, .10); text-align: center; width:50px; height: 50px; line-height: 50px;}
.float_menu li a.f_m_a0 .iconfont{ font-size: 26px;}
.f_m_cover{ position:absolute; top: 50%; padding-right: 16px; right:100%; transform:translateY(-50%); text-align: center; opacity: 0; visibility: hidden; pointer-events: none; width: 240px; }
.f_m_cover_inner{ position: relative; background: #fff; color: #333; border-radius: 5px; box-shadow: 2px 0 12px 0 rgba(0,0,0, .10); padding: 3.56%;}
.f_m_cover_inner:before{ content: ""; position:absolute; top:50%; left: 100%; transform:translateY(-50%) rotate(-90deg); border-width:6px; border-style:solid solid solid; border-color:#fff transparent transparent; }
.float_menu li .f_m_cover b{ letter-spacing: -0.03em; font-family: "Arail"; color: #cc0001;}
.float_menu li:hover a.f_m_a0{ background-color: #cc0001; color: #fff;}
.float_menu li:hover .f_m_cover{ opacity:1; visibility: visible; pointer-events: all;}

/*============================ 01 ============================*/  
main{ } 
.sec_box{ padding: 110px 0; background: 50% 0 no-repeat; background-size: cover; background-attachment: fixed;}
/*sec_top*/
.sec_top{ text-align: center; margin-bottom: 40px;}
.sec_tit{}
.sec_tit em{ display:block;}
.sec_tit i{ display:block; color: #cc0001; font-family: "helveticaneuelt";} 
.sec_foreword{ color: #666;}
.sec_top_white, .sec_top_white a, .sec_top_white i, .sec_top_white .sec_foreword{ color: #fff;}
/*common_tit*/
.common_tit{ display: inline-block; position: relative; padding-bottom: 16px;}
.common_tit:before{ content: ""; width: 12px; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #cc0001; }  
.common_tit em{ display:block; font-weight: bold; color: #737373;}
.common_tit i{ display:block; margin-top: 5px;}
.common_tit_white:before{ background-color: #ffffff;}
.common_tit_white em, .common_tit_white i{ color: #ffffff;}
/*sec_more*/
.sec_more{ display:inline-block; text-align:center; border:1px solid #fff; color: #fff; padding: 0 46px; line-height: 42px; }
.sec_more .iconfont{ font-size: 14px; font-weight:normal!important; margin-left:10px;}
.sec_more:hover{border-color:#cc0001; background-color: #cc0001; color: #ffffff;}
/*link_zixun*/
.link_zixun{ display:inline-block; vertical-align: middle; border:1px solid #fff; color: #fff; text-align: center; line-height: 42px; padding: 0 30px; min-width: 190px;}
.link_zixun:hover{ border-color:#cc0001; background-color: #cc0001; color: #fff;}
.link_zixun .iconfont{ font-size: 22px; margin-right: 5px; font-weight:normal!important;}

/*=======focus_swiper======*/   
.focus_swiper{ height:100vh; overflow:hidden; position:relative;}
.focus_swiper .swiper-container{ z-index: auto;}
.focus_swiper .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.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(-50%); 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.25; letter-spacing: 0.1em; font-weight: bold; }   
.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(60px); opacity:0; transition:all 1s ease-in-out 0s;}
.focus_txt_des{ margin-top: 10px;} 
.focus_txt_des i{ transform:translateX(-10px);}  
.focus_txt_link{ margin-top: 3%; transform:translateY(100px); opacity: 0;}
.focus_txt_link .link_zixun{ min-width: 170px; margin: 0 9px;} 
.link_zixun.zixun_ggjg{ border-color:#cc0001; background-color: #cc0001;} 
.link_zixun.zixun_ggjg:hover{ border-color:#dd0102; background-color:#dd0102; }
.link_zixun.zixun_fadz{} 
.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_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%; }

/*=======index_media======*/  
.index_media{ padding-bottom: 0!important; background-attachment: local;}
.effect_swiper{ position:relative;}
.media_swiper{margin-right:-22px;}
.media_swiper .swiper-slide{ width:33.33%; padding-right: 22px;}
.media_img{ overflow: hidden; position: relative;}
.media_cover{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(204,0,1, .75); color: #fff; text-align: center; display:flex; flex-wrap: wrap; align-items:center; padding: 6%; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.media_align{ width: 100%;}
.media_des{ display: inline-block; text-align: left; -webkit-line-clamp:4; line-height: 30px; max-height: 120px;}
.media_line{ position: relative; height:50px; margin: 2% 0 7%;}
.media_line:before{ content:""; position: absolute; top:0; left:50%; width: 1px; height: 100%; background: #fff; opacity: .35;}
.media_func{ margin: 0 -5px;}
.media_func a{ display:inline-block; margin: 0 5px; text-align: center; border:1px solid #fff; color: #fff; width: 45%; max-width: 150px; line-height: 40px;}
.media_func a .iconfont{ font-size: 22px; margin-right: 5px; font-weight: normal;}
.media_func a.media_ask{ background: #fff; color: #cc0001; font-weight: bold;} 
.media_func a.media_ask:hover{ opacity: .90;}
.media_func a.media_more:hover{ background: #fff; color: #cc0001; font-weight: bold;}
.media_swiper .swiper-slide:hover .media_cover{ opacity: 1; visibility: visible; pointer-events: all;}
.media_swiper .swiper-slide:hover .media_img img{ transform: scale(1.1); }
.media_info{ margin-top: 20px;}
.media_tit{}  
.media_swiper .swiper-slide:hover .media_tit a, .media_swiper .swiper-slide:hover .media_tit a em{ color: #cc0001;}
.media_overview{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color: #737373; margin-top: 30px;}
.media_mark{ font-size: 12px; margin:5px -5px -5px; max-height: 64px; overflow: hidden;}
.media_mark a{ display:inline-block; vertical-align: middle; border:1px solid #999999; color: #999999; margin: 5px; line-height: 22px; padding: 0 10px;}
.media_mark a:hover{ background: #999999; color: #ffffff;}
.media_swiper .swiper-pagination{ position:static; bottom:auto; margin-top: 30px;}
/*=========data_list===========*/
.data_list{ display: flex; flex-wrap: wrap; align-items: stretch; margin: -10px 0;}
.data_list li{ float:left; width:25%; position: relative; text-align: center; padding: 10px 0;}
.data_list li em, .data_list li sup{ display: inline-block; vertical-align: top; line-height: 1; } 
.data_list li em{ letter-spacing: -0.02em;}
.data_list li i{ display:block; margin-top: 5px;}
/*media_data*/
.media_data{ border-radius: 10px; background: #cc0001; color: #fff; padding: 3.70% 5.70%; margin:110px 0 -110px;} 
.media_data li:before{ content:""; position: absolute; top: 20%; left:0; width:1px; height: 60%; background: #fff; opacity: .35;}
.media_data li:first-child:before{ display:none;}

/*=======index_services======*/  
.index_services{ padding-top: 220px;}
.services_list { display: -webkit-box; display: -ms-flexbox; display: flex; height: 520px; }
.services_block, .services_info, .services_num, .services_icon, .services_des, .services_more{ -webkit-transition:all 600ms ease; transition:all 600ms ease; } 
.services_block{ } 
.services_block a{ display:block; overflow: hidden; height: 100%; position: relative; color: #fff;}
.services_img{ }
.services_img:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .45);}
.services_info{ position: absolute; top: 100px; left:0; z-index: 2; width: 100%; padding: 0 10%;}
.services_num{ display: none; line-height: 1; color:rgba(255,255,255, .12); font-family: "helveticaneuelt"; margin-bottom: -7%;  opacity: 0; visibility: hidden; pointer-events: none;}
.services_icon{ display:block; width: 80px; height: 80px; margin-bottom: 20px;}
.services_icon img{ display:block;}
.services_tit{ margin-bottom: 20px;}  
.services_tit:hover:before{ width: 100%;}
.services_des{ line-height: 30px; max-height: 120px; margin-top: 100%; opacity: 0; visibility: hidden; pointer-events: none;}
.services_des li{ position: relative; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.services_des li:before{ content:""; position: absolute; top:50%; left:0; width:0; height: 2px; background: #ffffff; opacity: 0;}
.services_des:hover li{ padding-left: 12px;}
.services_des:hover li:before{ width: 6px; opacity: 1;}
.services_more{ display:block; text-align: center; border:1px solid #ffffff; border-radius: 50%; font-weight: bold; width:36px; line-height: 34px; margin-top: 40px;}
.services_more .iconfont{ font-size:18px;}
.services_more:hover{ border-color:#cc0001; background: #cc0001; color: #ffffff;}
#index_services_pc{}
#index_services_pc .services_block{ width:33.33%; border-left:1px solid #ffffff;}
#index_services_pc .services_block:hover { width: 54.90%!important; }
#index_services_phone{ display:none;}
.services_swiper{} 
.services_swiper .swiper-pagination .swiper-pagination-bullet{ background: #ffffff;}
 
@media (min-width: 640px){
	.services_block:hover a .services_info{ top: 60px; padding: 0 8%;}
	.services_block:hover a .services_icon{ height: 0; margin-bottom: 0; opacity: 0; visibility: hidden; pointer-events: none;}
	.services_block:hover a .services_num{ display: block; opacity: 1; visibility: visible; pointer-events: all;}
	.services_block:hover a .services_des{ margin-top: 0; opacity: 1; visibility: visible; pointer-events: all;} 
}

/*=======index_keywords======*/  
.index_keywords{ padding: 0!important; background-attachment: local;}  
.keywords_box{ overflow: hidden; text-align: center; position: relative;}
.keywords_canvas{ display: block; margin: 0 auto; width: 100%;}
/*=======index_case======*/  
.index_case{ overflow: hidden;}
.case_swiper{ padding: 0 2.60%; margin: -1px -1px 0 0;}
.case_swiper .swiper-slide{ width:25%; padding: 1px 1px 0 0;}
.case_img{ display:block; position: relative; overflow: hidden;}
.case_img .img_box{ padding-top: 77.10%;}
.case_img .img_box:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .05); display: none;}
.case_cover, a.case_more { -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.case_cover{ position: absolute; top:0; left:0; z-index: 1; width: -webkit-calc(100% - 1px); width: calc(100% - 1px); height: -webkit-calc(100% - 1px); height: calc(100% - 1px); background: rgba(204,0,1, .85); color: #fff; padding: 7%; opacity: 0; visibility: hidden; pointer-events: none;}
.case_cover a{ color: #fff;}
.case_tit{ position:relative; padding-bottom: 10px;}
.case_tit:before{ content:""; position: absolute; bottom: 0; left:0; width:24px; height: 3px; background: #cc0001;}
.case_tit a:hover{ color: #cc0001;}
.case_tit a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.case_des{ color: #6f6f6f; margin-top: 15px; height: 48px;}
.case_func{ position: absolute; bottom: 0; left:0; width:100%; padding: 7%;}
a.case_more{ display:block; float:left; margin-right: 7%; text-align: center; background: #fff; color: #cc0001; border-radius: 50%; width:36px; line-height: 36px; }
a.case_more .iconfont{ font-size:14px;}
.case_mark{ font-size: 12px; margin: 20px -4px -4px; max-height: 64px; overflow:hidden; text-align: right;}
.case_mark a{ display:inline-block; border:1px solid #d1d1d1; color: #d1d1d1; padding: 0 10px; margin: 4px; line-height: 22px;}
.case_mark a:hover{ border-color:#cc0001; background-color: #fff; color: #cc0001; } 
.case_cover .case_tit:before{ background: #fff;}
.case_cover .case_tit a:hover, .case_cover .case_des{ color: #fff;}
.case_cover .case_mark{ margin-top: 2px!important; margin-bottom: 2px!important;}
.case_cover .case_mark a{ background-color: transparent; border-color:#fff; color: #fff;}
.case_cover .case_mark a:hover{ border-color:#fff; background-color: #fff; color: #cc0001; } 
.case_swiper .swiper-slide:hover .case_img .img_box img{ transform: scale(1.1); }
.case_swiper .swiper-slide:hover .case_cover{ opacity: 1; visibility: visible; pointer-events: all;} 
.case_swiper .swiper-slide:hover .case_cover a.case_more{ transform: rotate(360deg); }
.case_swiper .swiper_arrow{ text-align: center; margin-top: 50px;}
.case_swiper .swiper_arrow div, .case_swiper .swiper_arrow .icon_list{ display:inline-block; vertical-align: middle; margin: 0 3px;}
.case_swiper .swiper_arrow div{ position: inherit; position: initial; transform: none; border:none; border-radius:5px; background: #f6f6f6; color: #333; width:40px; height: 40px; line-height: 40px;} 
.case_swiper .swiper_arrow .icon_list{ border-radius:5px; background: #f6f6f6; color: #333; text-align: center; width: 80px; line-height: 40px;}
.case_swiper .swiper_arrow .icon_list:hover{ background-color: #cc0001; color: #fff;}  
/*=======index_honor======*/  
.index_honor{}
.honor_swiper{ margin: -10px 0; margin-right: -2px;}
.honor_swiper .swiper-container{ padding:10px 0;}
.honor_swiper .swiper-wrapper{ align-items: stretch;}
.honor_swiper .swiper-slide{ width:33.33%; padding-right: 2px; height:auto;}
.honor_swiper .swiper-slide a{ display:block; position: relative; height: 100%; padding: 10%; background: #fff; text-align: center;} 
.honor_img{ max-width: 360px; margin: 0 auto;}
.honor_img .ico_box{ padding-top:75%;}
.honor_caption{ margin-top: 10%;}  
.honor_swiper .swiper_arrow div.swiper-button-prev{ left:-5%;}
.honor_swiper .swiper_arrow div.swiper-button-next{ right:-5%;} 
.honor_swiper .swiper-slide a:hover{ transform: translateY(-5px); box-shadow: 0 5px 20px 0 rgba(0,0,0, .10); color: #cc0001;}
@media (min-width: 1920px){
	.honor_swiper .swiper_arrow div.swiper-button-prev{ left:-8%;}
	.honor_swiper .swiper_arrow div.swiper-button-next{ right:-8%;}
}

/*=======index_about======*/
.index_about{ text-align: center; color: #fff;}
.index_about a{ color: #fff;}
.about_des{ margin: 0 auto; max-width: 960px;}
.about_more{ margin-top: 50px; }
.about_more:hover{ border-color: #fff; background-color: #fff; color:#cc0001;}

/*=======index_news======*/
.index_news{ }
.news_tab{ text-align: center; margin-bottom: 40px;}
.news_tab li{ display: inline-block; vertical-align: middle; margin:0 15px;}
.news_tab li a{ display:block; border-radius: 5px; line-height: 2.50; padding: 0 18px;}
.news_tab li:hover a, .news_tab li.current a{ background-color: #cc0001; color: #ffffff;}
/*news_rec*/
.news_box{ }
.news_tab_con{ overflow: hidden; height: 0; /* -webkit-transition: opacity 600ms ease; transition:opacity 600ms ease;*/}
.news_tab_con.active{ height: auto;}  
.news_rec{ overflow: hidden;}
.n_r_block{ position: relative; background: #fff;}
.n_r_block:before{ content:""; position: absolute; top:0; left: 0; width: 100%; height: 100%; box-shadow: 0 2px 10px 2px rgba(0,0,0, .06); opacity: 0;}
.n_r_img, .n_r_info{ position:relative; z-index: 1;}
.n_r_img{ display:block; overflow: hidden;}
.n_r_img .bg_img{ height: 0; padding-top: 63.10%;}
.n_r_info{ padding-top: 7%;}
.n_r_tit{}
.n_r_tit a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.n_r_des{ color:#6f6f6f; margin-top: 3.50%; height: 48px;}
.n_r_handle{ margin-top:5%;}
.n_r_more{ display:inline-block; float:left; color: #999999; }
.n_r_more .iconfont{ font-size: 14px; margin-left: 6px;}
.n_r_more:hover{ color: #cc0001;}
.n_r_xg{ float:right; color: #999999;}
.xg_liulan, .xg_fenxiang{ display:inline-block; vertical-align: middle; margin-left: 10px; position: relative;}
.ico_liulan, .ico_fenxiang{ display:block; color: #999999;}
.ico_liulan .iconfont, .ico_fenxiang .iconfont{ margin-right:6px;}
/*xg_fenxiang*/
.xg_fenxiang{ cursor:pointer; position: relative;}
.xg_fenxiang:hover .ico_fenxiang{ color: #cc0001;}
.xg_cover{ display:inline-block; vertical-align: middle; position: absolute; bottom: 100%; right:0; z-index: 2; padding-bottom: 10px; -webkit-transition:all 600ms ease; transition:all 600ms ease; opacity: 0; visibility: hidden; pointer-events: none;}
.xg_cover_inner{ position: relative; background: #fff; text-align: center; box-shadow: 0 3px 20px 3px rgba(0,0,0, .06); padding: 6px; width:140px;}
.xg_cover_inner:before{ content: ""; position:absolute; top:100%; left:50%; transform:translateX(-50%); border-width:6px; border-style:solid solid solid; border-color:#fff transparent transparent; }
.xg_cover .bshare-custom a{ padding: 0; margin: 0 5px; background: none; border-radius: 50%; border: 1px solid rgba(0,0,0, .10); width:30px; height: 30px; line-height: 26px; text-align: center; color: #999;} 
.xg_cover .bshare-custom a .iconfont{ margin-right: 0;}
.xg_cover .bshare-custom a:hover{ border-color:#cc0001; background: #cc0001; color: #fff;}
.xg_fenxiang .xg_cover .xg_cover_inner{ width:42px;} 
.xg_fenxiang .xg_cover .bshare-custom a{ display: block; margin: 5px 0;}
.xg_fenxiang:hover .xg_cover{ opacity: 1; visibility: visible; pointer-events: all;}
.n_r_block:hover .n_r_img .bg_img{ transform: scale(1.1); }
.n_r_block:hover .n_r_tit a, 
.n_r_block:hover .n_r_more{ color: #cc0001;}
/*.news_rec_focus{ float:left; width:64.58%; border-right: 1px solid rgba(0,0,0, .06); }
.news_rec_focus li{ float:left; width:50%; padding-right: 4.84%;}
.news_rec_focus li .n_r_tit a{ line-height: 24px; height: 24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }*/
/*news_rec_swiper*/
.news_rec_swiper{ float:left; width:64.58%; padding-right: 3%; border-right: 1px solid rgba(0,0,0, .06); }
.news_rec_swiper .swiper-slide .n_r_tit a{ line-height: 24px; height: 24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/*news_list*/
.news_list{ }
.news_list li{ overflow: hidden; }
.n_l_img{display:block; overflow: hidden; float:left; width: 39.63%; max-width: 185px; margin-right: 20px;}
.n_l_img .bg_img{ height: 0; padding-top: 63.10%;}
.n_l_info{ overflow:hidden;}
.n_l_tit{}
.n_l_tit a{ 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; font-weight: bold;}
.n_l_des{ color:#6f6f6f; margin-top: 3.50%;}
.news_list li:hover .n_l_img .bg_img{ transform: scale(1.1); }
.news_list li:hover .n_l_tit a{ color: #cc0001;}
.news_rec_list{ float:left; width:35.42%; padding-left: 3%;}
.news_rec_list li{ margin-bottom: 8.25%;}
.news_rec_list li:last-child{ margin-bottom: 0;}

/*============================ 02 ============================*/   
/*=======banner_wrap======*/  
.banner_wrap{ position: relative; height: 540px;}
.banner_img{ background: 50% 0 no-repeat; background-size: cover; height: 100%; /* height: 0; padding-top: 28.125%; max-height: 540px; min-height: 240px;*/}
.banner_cover{ position: absolute; top: 47%; left:0; z-index: 1; width: 100%; text-align: center; color: #fff;}
.banner_tit{ font-weight: bold; letter-spacing: 0.1em;}
.banner_des{ margin-top: 1.30%;}
/*=======advert_leading======*/ 
.advert_leading{ background-color: transparent; padding: 0!important; position: relative; z-index: 1; margin-top:-62px; margin-bottom: -62px;} 
.leading_list{ position: relative; z-index:1; margin:-7px;}
.leading_line{ float:left; width:25%; padding: 7px;} 
.leading_block{ background: #fff; box-shadow: 0 3px 20px 3px rgba(0,0,0, .10); border-radius: 6px; height:110px; padding: 25px 0 25px 8%; -webkit-transition:color 600ms ease, background 600ms ease; transition:color 600ms ease, background 600ms ease; }
.leading_block dt{ float:left; width:60px; height: 60px; margin-right: 3.50%;} 
.leading_block dt .ico_box img{ -webkit-transition:opacity 600ms ease; transition:opacity 600ms ease;}
.leading_block dt .ico_box img:nth-child(2){ opacity: 0;}
.leading_block dd{ overflow:hidden;}
.leading_tit{ display:inline-block; vertical-align: middle; font-weight: bold;}
.leading_tit a{ display:block;}
.leading_go{ display:inline-block; vertical-align: middle; margin-left: 8px; text-align: center; background: #cc0001; color: #fff; border-radius: 9px; width: 42px; line-height: 18px; text-transform: uppercase; font-size: 12px;}
.leading_go .iconfont{ font-weight: bold; font-size: 12px; transform: scale(0.75); vertical-align: baseline; margin-right: -4px;}
.leading_mark{ margin: 10px -5px 0;}
.leading_mark a{ display:inline-block; position: relative; color: #999999; margin: 0 5px;}
.leading_mark a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  -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);
} 
.leading_mark a:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.leading_block:hover{ background: #cc0001; color: #fff; }
.leading_block:hover a{ color: #fff;}
.leading_block:hover dt .ico_box img:nth-child(1){ opacity: 0;}
.leading_block:hover dt .ico_box img:nth-child(2){ opacity: 1;}
.leading_block:hover dd .leading_go{ background: #fff; color: #cc0001;}

/*=======advert_introduction======*/ 
.advert_introduction, .advert_filed{ padding-top: 160px;}
.advert_introduction{ background-color: #f6f6f6;}
.introduction_swiper{ }
.introduction_show{}
.introduction_show .swiper-wrapper{ align-items: stretch;}
.introduction_show .swiper-slide{ background: #fff; height: 520px;}
.introduction_block{ width:100%; height: 100%; overflow: hidden;}
.introduction_text{ float:left; width: 50%; height: 100%; padding: 5%;}
.introduction_text_overview{ height: 100%; position: relative;}
.introduction_tit{} 
.introduction_des{line-height: 30px; max-height: 120px; color: #6f6f6f; margin-top: 20px; padding-right: 86px;}
.introduction_des li{ position: relative; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.introduction_des li:before{ content:""; position: absolute; top:50%; left:0; width:0; height: 2px; background: #cc0001; opacity: 0;}
.introduction_des:hover li{ padding-left: 12px;}
.introduction_des:hover li:before{ width: 6px; opacity: 1;}
.introduction_zixun{ display:block; float:right; border-radius:50%; border:1px solid #cc0001; color: #cc0001; text-align: center; width:46px; height: 46px; line-height: 44px; position: absolute; top: 30%; right: 0;}
.introduction_zixun .iconfont{ font-size: 24px;}
.introduction_zixun:hover{ background: #cc0001; color: #fff;}
.introduction_img{ overflow: hidden; height: 100%;}
.introduction_img .bg_img{ transform:scale(1); transition:all 3s linear;}
.introduction_show .swiper-slide-active .introduction_img .bg_img{ transform:scale(1.1); transition:all 6s linear;} 
.introduction_show .swiper-pagination{ display:none; }
.introduction_show .swiper-pagination .swiper-pagination-bullet{ background: #fff;}
.introduction_thumbs{ width:50%; height: auto; background: #fff; box-shadow: 0 3px 20px 3px rgba(0,0,0, .06); position: absolute; bottom: 13%; left: 5%; z-index: 2; max-width: 664px;}
.introduction_thumbs .swiper-wrapper{ align-items: stretch; }
.introduction_thumbs .swiper-slide{ cursor: pointer; text-align: center; padding: 20px 0; border-left:1px solid rgba(0,0,0, .06);}
.introduction_thumbs .swiper-slide:first-child{ border:none;}
.introduction_icon{ width: 45px; height: 45px; margin: 0 auto;}
.introduction_caption{ margin-top: 8px;}
.introduction_thumbs .swiper-slide-thumb-active{ color: #cc0001;} 
/*=======advert_advantages======*/ 
.advert_advantages{ background-attachment: local;} 
/*table_box*/
.table_box{ position: relative;}
.table{/*此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。*/display:table;/*border-collapse:collapse;*/border-collapse:separate; position: relative; z-index: 4; width:100%; padding: 40px 0 40px 5.167%;} 
.table-header-group{/*此元素会作为一个或多个行的分组来显示（类似 <thead>）。*/display:table-header-group; font-weight:bold;}
.table-row-group{/*此元素会作为一个或多个行的分组来显示（类似 <tbody>）。*/display:table-row-group;}  
.table-row{/*此元素会作为一个表格行显示（类似 <tr>）。*/display:table-row;}
.table-blank{ height:20px;}
.table-cell{display:table-cell; padding: 0 15px; vertical-align: middle; cursor: pointer; -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.table-header-group .table-cell{/* padding-top: 0; padding-bottom: 15px;*/}
.table-row .tc1{width: 24%; text-align: right; padding-right: 0;}
.table-row .tc2{width: 36%; text-align: center;}
.table-row .tc3{width: 34.833%; text-align: center;}   
/*advantages_pc*/
#advantages_pc{ margin-top: 50px; color: #333;}
.advantages_bg{ position: absolute; top:0; left:0; width:30%; height: 100%;}
.left_bg{ background: url(../image/advantages_01.png) center top no-repeat; background-size: cover;}
.center_bg{ top:-2%; left: 29.167%; z-index: 2; width: 36%; height: 104%; border-radius: 5px; background: #fff; box-shadow: 0 0 20px 5px rgba(0,0,0, .06);}
.right_bg{ left:auto; right:0; width: 34.833%; border-radius:0 5px 5px 0; background: #f6f6f6; }
.advantages_tit, .advantages_des{ margin: 0 auto; width:84%; max-width:310px;}
.advantages_tit{ letter-spacing: 0.2em; font-weight: bold; border-radius:30px; line-height: 2.08; text-align: center; background: #fff;}
.center_tit{ background: #f6f6f6;}
.advantages_num{ font-family:"barlow_boldcondensed"; vertical-align: middle; margin-right: 14px;}
.advantages_item{ display: inline-block; width: 100%; height: 100%; padding: 0 5%; font-weight:bold; color: #fff; text-align: left;  }
.advantages_des{ text-align: left; position: relative; padding: 6px 0; }
.advantages_des:before{ content:"\e620"; position: absolute; top:6px; left:103%; font-family:"iconfont"; font-size: 18px;}
.center_des:before{ color: #43ba04;}
.right_des:before{ content:"\e622"; color: #cbcbcb;}
#advantages_pc .table-row-group .tc1{ border-radius:3px 3px 0 0; background: rgba(255,255,255, .18);}
#advantages_pc .table-row-group .table-row:hover .tc1{ background: rgba(255,255,255, .38);}
#advantages_pc .table-row-group .table-row:hover .tc2{ background: #f6f6f6; color: #cc0001; }
#advantages_pc .table-row-group .table-row:hover .tc3{ background: #ffffff; color: #cc0001;}
/*advantages_phone*/
#advantages_pc{ display:block;}
#advantages_phone{ display:none;}
.advantages_swiper{}
.advantages_swiper img{ display:block; margin: 0 auto; border-radius: 5px;}

/*=======advert_qualification======*/ 
.advert_qualification{ }
.qualification_more{ margin-top: 50px; border-color: #cc0001; color: #cc0001; font-weight: bold; position: relative; transform: translateX(-50%); left: 50%;}  
#advert_advantages_pc,
#advert_qualification_pc{ display:block;}
#advert_advantages_phone,
#advert_qualification_phone{ display:none;}

/*=======advert_case======*/ 
.advert_case{}
.advert_case_swiper{ margin: -10px;}
.advert_case_swiper .swiper-container{ padding: 10px;} 
.advert_case_swiper .swiper-slide .case_img{ border-radius: 8px 8px 0 0;}
.advert_case_swiper .swiper-slide:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; box-shadow: 0 3px 20px 3px rgba(0,0,0, .06); opacity: 0; border-radius: 8px;}
.advert_case_swiper .swiper-slide:hover:before{ opacity: 1;}
.advert_case_swiper .swiper-slide:hover .case_img .img_box img{ transform: scale(1.1); }
.case_info{ border:1px solid #f0f0f0; border-radius: 0 0 8px 8px; position: relative; }
.case_belong{ position: relative; z-index: 2; margin-top: -70px; padding:0 25px; color: #fff;}
.case_belong a{ color: #fff;}
.case_belong:before{ content:""; position: absolute; top:30px; left:0; width: 100%; height: 40px; background: rgba(0,0,0, .45); }
.belong_logo{ position: relative; z-index: 1; display: block; float:left; background: #fff; box-shadow: 0 3px 20px 3px rgba(0,0,0, .06); border-radius: 50%; width:100px; height: 100px; margin-right: 10px;}
.belong_logo img{ border-radius: 50%;}
.belong_caption{  position: relative; z-index: 1;line-height: 40px; top: 30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.case_text{ padding: 25px 25px 45px;}
.advert_case_swiper .swiper_arrow{ text-align: center; padding: 0 10px; margin-top: 50px;}
.advert_case_swiper .swiper_arrow div{ position: inherit; position: initial; transform: none; width: auto; height: auto; border: none; display: inline-block; font-weight: normal; line-height: 20px; color: #333;}
.advert_case_swiper .swiper_arrow div .iconfont{ font-size: 26px;}
.advert_case_swiper .swiper_arrow div em{ display:inline-block; vertical-align: top; margin: 0 10px;}
.advert_case_swiper .swiper_arrow div.swiper-button-prev{ float:left; text-align: left;}
.advert_case_swiper .swiper_arrow div.swiper-button-next{ float:right; text-align: right;}
.advert_case_swiper .swiper_arrow div:hover{ background: none!important; color: #cc0001!important;} 
.case_more02{ border-color: #333; color: #333; } 

/*=======advert_process======*/ 
.advert_process{ overflow: hidden; background-color: #f6f6f6;}
.process_list{ display: flex; flex-wrap: wrap; align-items: stretch; margin: -10px -3%;}
.process_list li{ float:left;width:14.285%; text-align: center; position: relative; padding: 10px 0;}
.process_list li:before{ content:""; position: absolute; top: 24%; right: -10.50%; width:21%; max-width: 44px; height: 44px; background: url(../image/advert_process01.png) center top no-repeat; background-size: contain;}
.process_list li:last-child:before{ display:none;}
.process_ico{ display:block; position: relative; border-radius: 50%; margin: 0 auto; width: 63%; max-width: 130px;}
.process_ico .ico_box{ z-index: 2;}
.process_ico .ico_box img{ max-width: 63%; max-height: 63%;}
.process_list li:hover .process_ico .ico_box{ -webkit-animation:1s .2s bounceIn both; animation:1s .2s bounceIn both;} 
.process_ico:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:50%; border:2px solid #cc0001;} 
.ui_loop{ position:absolute; width:109.54%; height:109.54%; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; -webkit-transition:all 600ms ease; transition:all 600ms ease;  } 
.path_loop { fill: none; stroke: #cc0001; stroke-miterlimit: 0; stroke-width: 0.7px; } 	
.path_loop_bg { fill: none; stroke: rgba(255,255,255, 0); stroke-miterlimit: 0; stroke-width: 0.7px; opacity: 0.35;} 
.process_caption{ line-height:1.50; margin-top: 12%;}
.process_list li:hover .process_ico:before{ transform: scale(1.04); opacity: 0;} 
.process_list li:hover .ui_loop{ opacity: 1;}

/*=======advert_consult======*/ 
.advert_consult{ color: #fff; text-align: center; }
.advert_consult a{ color:#fff;}  
.consult_foreword{ margin-top:20px;}
.consult_tel{ display: inline-block; margin-top: 10px;}
.consult_link{ margin-top: 40px;}
.consult_link .link_zixun{ margin: 0 7px;}  
.consult_link .link_zixun .iconfont{ font-size: 28px; margin-right: 10px;} 
.link_zixun.zixun_zxzx, 
.link_zixun.zixun_txxq{ }  
/*=======frame_message======*/  
.frame_message{ }
.frame_message .frame_tit02{ padding: 0; line-height:normal; padding-bottom: 15px; border-bottom:1px solid rgba(0,0,0, .06); margin-bottom: 25px;}
.message_form{ margin: -8px; }
.message_line{ padding: 8px;} 
.message_fill{ position:relative;}
.message_fill .iconfont{ position: absolute; top:50%; transform: translateY(-50%); left: 10px; font-size: 14px; }
.red_star{ display: inline-block; vertical-align: middle; font-size: 16px; color: #cc0001; margin-left: 5px;}
.message_fill .red_star{ margin:0; position: absolute; top:50%; transform: translateY(-50%); left: 30px; }
.message_txt{ border:1px solid rgba(0,0,0, .06); width:100%; color: #888; height: 44px; padding: 5px 15px 5px 40px;} 
.line_yusuan .message_txt{ padding-left: 30px;}
.message_handle{ clear: both; margin-top: 15px;}
.message_submit{ cursor: pointer; background: #cc0001; color: #fff; font-weight: bold; width: 100%; height: 44px;}
/*multiple*/
.message_sel .ms-choice{ border:none; border-radius:0; height: 32px; line-height: 32px; position: relative;}
.message_sel .ms-choice>span{ padding-left: 0;}
.message_sel .ms-choice>span.placeholder{ color: #777;}
.message_sel .ms-choice>div.icon-caret{ right:0;}
.message_sel .ms-drop{ margin-left: -40px; border-color: rgba(0,0,0, .06); }
.message_sel .ms-drop ul>li,
.message_sel .ms-drop ul>li.hide-radio label{ padding-left: 40px;} 
.message_sel .ms-drop ul>li:hover{ background-color:#f8f9fa; }
.message_sel .ms-drop ul>li.hide-radio.selected{ background: #cc0001; }

/*=======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; border-radius: 5px; background: #fff;}
.tan_close { position: absolute; top: 20px; right:20px; z-index: 5; text-align: center; width: 40px; line-height: 40px;}
.tan_close .icon_guanbi { font-size: 20px; }
.tan_close:hover { color: #cd3c2b!important; } 
/*tan_consult*/
#tan_consult{ font-size:16px;} 
#tan_consult .tan_con{ max-width:460px; height: 395px;}
#tan_consult .tan_close{ color: #fff;}
#tan_consult .tan_close:hover{ color:#333!important;}
.consult_box{ overflow:hidden;}
.consult_top{ background: url(../image/tan_consult01.png) center top no-repeat; background-size: cover; color:#fff; height: 153px; padding: 40px;}
.consult_call{ }
.consult_call a{ display:block; font-size:30px; font-weight:bold; color: #fff;}
.consult_way{ padding: 20px 9%;}
.way_tit{ }
.way_link{ text-align:center; margin: 20px -1.50% 0;}
.way_link .link_zixun{ min-width:0; margin: 0 1.50%; width:47%; }
a.way_zxzx{ border-color:#cc0001; color:#cc0001;}
a.way_hqfa{ background-color:#cc0001; border-color:#cc0001; }
a.way_hqfa:hover{ opacity: .80;}
.way_order{ position:relative; margin-top: 15px;}
.way_order .icon_shouji1{ position:absolute; top:50%; transform: translateY(-50%); left:10px; color:#cc0001; font-size: 18px;} 
.order_txt{ width: 100%; border:1px solid #cc0001; color: #cc0001; height: 44px; padding: 0 100px 0 30px;}
.order_txt::-webkit-input-placeholder { color:#cc0001; }
.order_txt::-moz-placeholder { color:#cc0001; } /* firefox 19+ */
.order_txt:-ms-input-placeholder { color:#cc0001; } /* ie */
.order_txt:-moz-placeholder { color:#cc0001; }
.order_btn{ position: absolute; top:0; right:0; z-index: 1; cursor: pointer; width: 100px; height: 44px; background:#cc0001; color:#ffffff;}
.way_promise{ font-size: 14px; color: #666666; margin-top: 15px;}
.way_promise .icon_dunpai{ font-size: 18px; color: #999999; margin-right: 5px;}
/*tan_requirement*/
#tan_requirement .tan_con{ padding: 5.50% 0;} 
.requirement_left{ float:left; width: 42%; padding: 0 4%;}
.requirement_info{ margin: 0 auto; max-width:410px;}
.requirement_head{ position: relative; padding-bottom: 25px;}
.requirement_head:before{ content: ""; width: 24px; height: 3px; position: absolute; bottom: 0; left: 0; background-color: #cc0001; } 
.requirement_ico{ display:block; height: 50px; width:auto; }
.requirement_tit{ text-align: left; margin-top: 30px;}
.requirement_tit i{ display:block; color: #cc0001; font-family: "helveticaneuelt"; line-height: 1.20;} 
.requirement_tit em{ display:block; margin-top: 15px;}
.requirement_des{ line-height: 1.875; margin-top: 30px;}
.requirement_tel{ display:block; color: #cc0001;} 
.requirement_right{ width:58%; float:right; border-left: 1px solid rgba(0,0,0, .06); padding: 0 4%; }
.requirement_form{ margin: 0 auto; max-width: 620px;}
.requirement_block{ margin-bottom: 25px;}
.requirement_block:last-child{ margin-bottom: 0;}
.requirement_label01{ font-weight: bold;}
.requirement_func{ margin-top: 10px;}
.requirement_block01 .requirement_func{ margin: -8px; margin-top: 0;}
.requirement_block01 .requirement_func .message_line:nth-child(1),
.requirement_block01 .requirement_func .message_line:nth-child(2){ float:left; width: 50%;}
.requirement_block01 .requirement_func .message_line:nth-child(3){ clear: both;}
.requirement_labels{ margin: -3px;}
.requirement_labels label.label_item{ cursor: pointer; float:left; width:25%; padding: 3px;}
.requirement_labels label.label_item i{ position:absolute; opacity: 0;}
.requirement_labels label.label_item em{display:block; margin-left: 0; position: relative; width: 100%; text-align: center; line-height: 38px; border:2px solid #f6f6f6; background: #f6f6f6; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.requirement_labels label.label_item em:before{ content:""; position: absolute; top:0; right:0; z-index: 1; width: 22px; height: 22px; background: url(../image/ico_cur.png) right top no-repeat; background-size: contain; opacity: 0;}
.requirement_labels label.label_item.current input[type="checkbox"] + i + em,
.requirement_labels label.label_item input[type="checkbox"]:checked + i + em,
.requirement_labels label.label_item.current input[type="radio"] + i + em,
.requirement_labels label.label_item input[type="radio"]:checked + i + em{  background-color:transparent; border-color:#cc0001; color: #cc0001;} 
.requirement_labels label.label_item.current em:before, 
.requirement_labels label.label_item input[type="checkbox"]:checked + i + em:before, 
.requirement_labels label.label_item input[type="radio"]:checked + i + em:before{ opacity: 1;} 
.requirement_other{ position: relative; margin-top: 6px; display: none;}
.requirement_other .iconfont{ position: absolute; top:50%; left:0; transform: translateY(-50%); color: #ababab; }
.other_txt{ width: 100%; height:42px; border-bottom: 1px solid rgba(0,0,0, .06); padding-left: 20px;}
.budget_labels{}
.budget_labels label.label_radio{ margin-right: 10px;}
.budget_labels label.label_radio:last-child{ margin-right:0;}
.requirement_check{}
.check_txt{ width:60%; height: 42px; max-width: 300px; padding-left: 10px; border: 1px solid rgba(0,0,0, .06);}
.check_txt:hover{ box-shadow: 0 0 5px rgba(0,0,0,.15); }
.check_txt:focus{ box-shadow: 0 0 5px rgba(204,0,1,.15); } 
.check_btn{ cursor: pointer; width: 96px; height: 42px;}
.requirement_handle .message_submit{ width: 50%; max-width: 350px;}

/*=======advert_resources======*/ 
.advert_resources{ background-color: #f6f6f6;}
.resources_info{ float:left; width: 30.60%; margin-top: 6%; margin-right: 4.80%; border-radius: 8px; background: #fff; box-shadow: 0 3px 20px 3px rgba(0,0,0, .06); padding: 45px 0;}
.resources_block{ position: relative; padding: 15px 45px; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.resources_block:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; background: #fff; box-shadow: 0 0 20px 3px rgba(0,0,0, .06); opacity: 0;}
.resources_block dt, .resources_block dd{ position: relative; z-index: 1;}
.resources_block dt{ float:left; width: 40px; height: 40px; margin-right: 16px;}
.resources_block dd{ overflow:hidden;}
.resources_tit{ font-weight:bold;}
.resources_des{ color:#666; margin-top: 10px;}
.resources_block:hover{ color: #cc0001; }
.resources_block:hover:before{ left:-4%; width:108%; opacity: 1;} 
.resources_block:hover dt .ico_box{ -webkit-animation:1s .2s bounce both; animation:1s .2s bounce both;} 
.resources_map{ overflow: hidden; position: relative;}
.map_box{ position: relative; max-width: 930px; margin: 0 auto;}
.map_caption{ color:#999; line-height: 20px; display: inline-block; position: relative; margin: -5% 0 0 4%;}
.map_img{ display:block; margin: 0 auto;}
.map_block, .map_line{ -webkit-transition:all 600ms .2s linear; transition:all 600ms .2s linear;}
.map_block{ position:absolute; z-index: 1;}
.map_dot{ border-radius: 50%; border:1px solid #cc0001; position: absolute; width:14px; height: 14px;}
.map_dot:before{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); border-radius: 50%; background: #cc0001; width:4px; height: 4px;}
.map_dot span{ display: block; width:100%; height: 100%; border-radius: 50%; 
	/*border: 2px solid rgba(204,0,1, .50);*/
    box-shadow: 0 0 20px 3px rgba(204,0,1, 0.60);
	-webkit-transform: scale(.10);
	-moz-transform: scale(.10);
	-ms-transform: scale(.10);
	transform: scale(.10);
	opacity: 1;
	-webkit-animation:2s 0.2s dots_move linear infinite;
	animation: 2s 0.2s dots_move linear infinite;
}
@-webkit-keyframes dots_move {
	0% {
		-webkit-transform: scale(.10);
		-moz-transform: scale(.10);
		-ms-transform: scale(.10);
		transform: scale(.10);
		opacity: 1;
	}
	70%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0;
	}
}
@keyframes dots_move {
	0% {
		-webkit-transform: scale(.10);
		-moz-transform: scale(.10);
		-ms-transform: scale(.10);
		transform: scale(.10);
		opacity: 1;
	}
	70%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0;
	}
}
.map_line{ height: 0; overflow: hidden; padding-bottom: 0;}
.map_line span{display:block; width: 100%; height: 100%; background: left bottom no-repeat; background-size: 100%; position: absolute; top: 7px; }  

#map_block00{ top:35%; right:34.85%; width: 3.872%; max-width: 36px;}
.map_block00_dot{ display:block; height: 0; padding-top: 100%; background: url(../image/map_ico01.png) center center no-repeat; background-size: contain; }  

#map_block01{ top: 33.25%; right: 33.64%; width:3.12%; max-width:29px;}  
#map_block01.active{ top: 26%; right: 31.34%;} 
#map_block01 .map_line span{ background-position: left top; background-image:url(../image/map_line01.png); left: -71%; }
#map_block01.active .map_line{ padding-bottom: 220.69%; max-height: 64px;} 

#map_block02, #map_block02 .map_line, #map_block02 .map_dot span{
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s; 
}
#map_block02{ top: 34.35%; right: 22.40%; width:13.012%; max-width:121px;}  
#map_block02.active{ top: 25.35%; right: 11.20%;}  
#map_block02 .map_line span{ background-position: left top; background-image:url(../image/map_line02.png); left: -94%; }
#map_block02.active .map_line{ padding-bottom: 58.68%; max-height: 71px;}

#map_block03, #map_block03 .map_line, #map_block03 .map_dot span{
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s; 
}
#map_block03{ top: 40%; right: 34.7%; width:2.044%; max-width:19px;}  
#map_block03.active{ top: 39%; right: 33%;}  
#map_block03 .map_line span{ background-image:url(../image/map_line03.png); left: -62%; }
#map_block03.active .map_line{ padding-bottom: 363.16%; max-height: 69px;}

#map_block04, #map_block04 .map_line, #map_block04 .map_dot span{
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s; 
}
#map_block04{ top: 40.40%; right: 33.40%; width:3.656%; max-width: 34px;}  
#map_block04.active{ top: 39.2%; right: 30.06%;}  
#map_block04 .map_line span{ background-image:url(../image/map_line04.png); left: -76%; }
#map_block04.active .map_line{ padding-bottom: 747.06%; max-height: 254px;}

#map_block05, #map_block05 .map_line, #map_block05 .map_dot span{
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s; 
}
#map_block05{ top: 40.34%; right: 36.34%; width:1.076%; max-width: 10px;}  
#map_block05.active{ top: 39.20%; right: 37.14%;}  
#map_block05 .map_line span{ background-image:url(../image/map_line05.png); left: 72%; }
#map_block05.active .map_line{ padding-bottom: 2180%; max-height: 218px;}

#map_block06, #map_block06 .map_line, #map_block06 .map_dot span{
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s; 
}
#map_block06{ top: 40.84%; right: 34.92%; width: 2.904%; max-width: 27px;}  
#map_block06.active{ top: 39.04%; right: 37.5%;}  
#map_block06 .map_line span{ background-image:url(../image/map_line06.png); left: 26%; }
#map_block06.active .map_line{ padding-bottom: 614.815%; max-height: 166px;}

#map_block07, #map_block07 .map_line, #map_block07 .map_dot span{
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s; 
}
#map_block07{ top: 40.84%; right: 34.5%; width:4.194%; max-width: 39px;}  
#map_block07.active{ top: 39.00%; right: 37.98%}  
#map_block07 .map_line span{ background-image:url(../image/map_line07.png); left: 16%; }
#map_block07.active .map_line{ padding-bottom: 279.487%; max-height: 109px;}

#map_block08, #map_block08 .map_line, #map_block08 .map_dot span{
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s; 
}
#map_block08{ top: 40.24%; right: 28.50%; width:10.431%; max-width: 97px;}  
#map_block08.active{ top: 38.34%; right: 38.24%;}  
#map_block08 .map_line span{ background-image:url(../image/map_line08.png); left: 7%; }
#map_block08.active .map_line{ padding-bottom: 295.876%; max-height: 287px;}

#map_block09, #map_block09 .map_line, #map_block09 .map_dot span{
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s; 
}
#map_block09{ top: 40.34%; right: 17.6%; width:21.936%; max-width: 204px;}  
#map_block09.active{ top: 38.34%; right: 38.4%;}  
#map_block09 .map_line span{ background-image:url(../image/map_line09.png); left: 3%; }
#map_block09.active .map_line{ padding-bottom:138.235%; max-height: 282px;}

#map_block10, #map_block10 .map_line, #map_block10 .map_dot span{
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s; 
}
#map_block10{ top: 39.34%; right: 27.00%; width: 12.044%;max-width: 112px;}  
#map_block10.active{ top: 37.72%; right: 37.72%;}  
#map_block10 .map_line span{ background-image:url(../image/map_line10.png); left: 5%; }
#map_block10.active .map_line{ padding-bottom: 107.143%; max-height: 120px;}

#map_block11, #map_block11 .map_line, #map_block11 .map_dot span{
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s; 
}
#map_block11{ top: 39.24%; right: 17.6%; width:21.722%; max-width: 202px;}  
#map_block11.active{ top: 38.32%; right: 38.68%;}  
#map_block11 .map_line span{ background-image:url(../image/map_line11.png); left: 4%; }
#map_block11.active .map_line{ padding-bottom: 91.584%; max-height: 185px;}

#map_block12, #map_block12 .map_line, #map_block12 .map_dot span{
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s; 
}
#map_block12{ top: 38.8%; right: 21.6%; width:21.722%; max-width: 161px;}  
#map_block12.active{ top: 38.34%; right: 38.6%;}  
#map_block12 .map_line span{ background-image:url(../image/map_line12.png); left: 4%; }
#map_block12.active .map_line{ padding-bottom: 59.627%; max-height: 96px;}

#map_block13, #map_block13 .map_line, #map_block13 .map_dot span{
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s; 
}
#map_block13{ top: 38.2%; right: -4.50%; width:43.872%; max-width: 408px;}  
#map_block13.active{ top: 38.04%; right: 38.9%;}  
#map_block13 .map_line span{ background-image:url(../image/map_line13.png); left: 2%; }
#map_block13.active .map_line{ padding-bottom: 35.784%; max-height: 146px;}

#map_block14, #map_block14 .map_line, #map_block14 .map_dot span{
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s; 
}
#map_block14{ top: 38.2%; right: 8.80%; width: 30.538%; max-width: 284px;}  
#map_block14.active{ top: 37.8%; right: 38.3%;}  
#map_block14 .map_line span{ background-image:url(../image/map_line14.png); left: 2%; }
#map_block14.active .map_line{ padding-bottom: 28.873%; max-height: 82px;}

#map_block15, #map_block15 .map_line, #map_block15 .map_dot span{
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s; 
}
#map_block15{ top: 37.5%; right: 39.8%; width: 0; max-width: 388px;}  
#map_block15.active{ top: 21.10%; right: 39%; width:41.722%;}  
#map_block15 .map_line span{ background-image:url(../image/map_line15.png); left: 2%; top:110%; }
#map_block15 .map_line, #map_block15.active .map_line{ padding-bottom: 14.691%; max-height: 57px;}




/*=======advert_filed======*/ 
.advert_filed{}
.filed_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -3px;}
.filed_block{ /*float:left; width: 25%; padding: 3px;*/ color: #fff;}
.filed_block a{ display:block; position: relative; overflow:hidden; color: #fff;} 
.filed_img{ height: 0; padding-top: 129.58%;}
.filed_cover{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; padding: 9%;}
.filed_tit{}
.filed_des{ line-height: 1.875; margin-top: 30px;}
.filed_des li{ float:left; position: relative; width:50%; padding-left: 26px;}
.filed_des li:before{content: "\e666"; font-family: "iconfont"; position: absolute; top:0; left:0; font-size: 18px;}
.filed_block:hover .filed_img{ transform: scale(1.1); } 
.filed_block:hover .filed_tit:before{ width:100%; } 
.filed_swiper{}
.filed_swiper .swiper-pagination-bullet{ background: #fff!important; opacity: .60;}
.filed_swiper .swiper-pagination-bullet-active{ background: #fff!important; opacity: 1;}

/*=======advert_superiority======*/ 
.advert_superiority{ position: relative; background-color: #f6f6f6; color: #fff;}
.advert_superiority a{ color:#fff;}
.advert_superiority .sec_top{ position: relative; z-index:2;}
.superiority_tab{ position: relative; z-index:2; text-align: center; border-bottom: 1px solid rgba(255,255,255, .35); }
.superiority_tab li{ display:inline-block; vertical-align: middle; cursor: pointer; width: 32.33%; max-width: 240px;}
.superiority_tab li a{ display: inline-block; position: relative; padding-bottom: 16px;}
.superiority_tab li a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  -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);
} 
.superiority_tab li.current a:before,
.superiority_tab li:hover a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.superiority_bgs, .superiority_bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.superiority_bg{ background-size: cover; background:50% 0 no-repeat; -webkit-transition:all 600ms ease; transition:all 600ms ease; opacity: 0; visibility: hidden; pointer-events: none;}
.superiority_bg.active{ opacity: 1; visibility: visible; pointer-events: all;}
.superiority_texts{ position: relative; z-index:2; max-width: 800px; margin-top: 8%;}
.superiority_text{ display: none;}
.superiority_tit{ }
.superiority_des{ margin: 15px 0 35px; line-height: 1.875; letter-spacing: 0.02em;}
.zixun_ljzx{ min-width: 150px; font-weight: bold;}
.zixun_ljzx .iconfont{ margin-right: 6px; font-size: 22px;}
.zixun_ljzx:hover{ background: #fff; color: #cc0001;}
.superiority_text.active{ display:block;}
.superiority_text.active .superiority_tit{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
.superiority_text.active .superiority_des{ -webkit-animation: 1s .3s fadeInUp both; animation: 1s .3s fadeInUp both;}
.superiority_text.active .zixun_ljzx{ -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}

/*=======shooting_process======*/ 
.shooting_process{}
.shooting_process .process_list li{ width:12.5%;}
.shooting_process .process_list li:before{ top:32%; right: -16%; width:32%; max-width: 60px; height: 14px; background-image: url(../image/shooting_process01.png);}
.shooting_process .process_list .process_ico{ border:none; width: 53%; max-width: 100px;} 
.shooting_process .process_list .process_ico:before{ background: #cc0001; border-radius: 8px;} 
.shooting_process .process_list li:hover .process_ico:before{ transform: scale(1); opacity: 1; border-radius: 50%;} 

/*============================ 03 ============================*/   
/*=======sub_top======*/ 
.sub_top{ padding: 15px 0; border-bottom: 1px solid rgba(0,0,0, .06); }
.local{ float:left; color:#999999; line-height: 40px;}
.local a{ color:#999999; padding: 0 4px;}
.local .iconfont{ margin-right:5px; font-size: 20px;}
.local a:hover, .local a.current{ color: #cc0001;}
.sub_search{ float:right; width: 40%; max-width: 400px;}
.sub_search .search_txt{ border-radius:4px;}
.sub_search .search_btn{ width:50px; background-color: #cc0001; color: #fff; border-radius: 0 4px 4px 0;}
.sub_con{ padding:50px 0;}
/*=======label.label_radio======*/ 
label.label_radio{ cursor:pointer; overflow: hidden; display:inline-block; vertical-align: middle;}  
label.label_radio i { display:inline-block; vertical-align: middle; position: relative; width: 12px; height:12px; text-align:center; color:transparent; border:1px solid #cbcbcb; border-radius:50%;}
label.label_radio i:before{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:6px; height: 6px; background: #fff; border-radius:50%;}  
label.label_radio em{ display:inline-block; vertical-align: middle; margin-left: 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
label.label_radio input[type="radio"]{display:none;}  
label.label_radio input[type="radio"]:checked + i,
label.label_radio.current input[type="radio"] + i{ border-color:#cc0001; } 
label.label_radio input[type="radio"]:checked + i:before,
label.label_radio.current input[type="radio"] + i:before{ background-color:#cc0001; } 
label.label_radio input[type="radio"]:disabled + i { background-color:#eee;} 
label.label_radio input[type="radio"]:checked:disabled + i {background-color:#eee;}
label.label_radio input[type="radio"]:checked + i + em,
label.label_radio.current input[type="radio"] + i + em{ color:#cc0001; }

/*=======label.label_checkbox======*/ 
label.label_checkbox{ cursor:pointer; overflow: hidden; display:inline-block; vertical-align: middle; }  
label.label_checkbox i { display:inline-block; vertical-align: middle; position: relative; width:12px; height:12px; border:1px solid #cbcbcb; border-radius:2px; }
label.label_checkbox i:before{ font-family:"iconfont"; font-size: 12px; font-weight: bold; content: "\e60f"; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(.90); color: transparent;}
label.label_checkbox em{ display:inline-block; vertical-align: middle; margin-left: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
label.label_checkbox input[type="checkbox"]{display:none;}  
label.label_checkbox input[type="checkbox"]:checked + i,
label.label_checkbox.current input[type="checkbox"] + i{ border-color: #cc0001; background-color: #cc0001; color: #fff; }  
label.label_checkbox input[type="checkbox"]:checked + i:before,
label.label_checkbox.current input[type="checkbox"] + i:before{ color: #fff; }  
label.label_checkbox input[type="checkbox"]:disabled + i { background-color:#eee;} 
label.label_checkbox input[type="checkbox"]:checked:disabled + i {background-color:#eee;}
/*=======screen_wrap======*/ 
.screen_wrap{padding: 35px 0; background-color: #f6f6f6;}
.screen_block{ padding: 5px 0; }
.screen_block dt, .screen_block dd{ line-height:36px;}
.screen_block dt{ float:left; font-weight: bold; margin-right: 15px; } 
.screen_block dd{ overflow: hidden; position: relative;}
.screen_toggle{ overflow: hidden; padding-right: 45px;}
.screen_items{ overflow:hidden; height: 100%; max-height: 108px; } 
.screen_items label{ float:left; width:12.5%;}
.screen_items label a{ display:block; height: 36px; line-height: 36px;}
.screen_items.h_change{ max-height:none;}
.screen_block01 .screen_toggle .screen_items a{ width:25%; margin-right: 0;} 
.menu_toggle{ display:block; position: absolute; top:0; right:0; z-index: 1; color: #999999;} 
.menu_toggle .iconfont{ margin:0 0 0 5px; font-size: 12px; font-weight: bold;}
.menu_toggle.active .iconfont{ transform: rotate(180deg);}
/*=======media_top======*/
.sub_media{ padding-top:0px!important;}
.media_top{ padding: 20px 0;}
.hot_search{ float:left;}
.hot_search dt{ float:left;}
.hot_search dt .iconfont{ color: #cc0001; margin-right: 5px;}
.hot_search dd{ overflow:hidden;}
.hot_mark{ font-size:12px; margin: -4px!important;}
.hot_mark a{ border-color:#f6f6f6; background-color: #f6f6f6; margin: 4px;}
.hot_mark a:hover{ border-color:#cc0001; background-color: #cc0001; color: #fff;}
.result_num{ float:right; color: #999999;}
/*=======media_list======*/
.media_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -10px;}
.media_divide{ float:left; width: 25%; padding: 10px;}
.media_block{ position:relative; height: 100%; border-radius: 6px; border:1px solid rgba(0,0,0, .06); }
.media_pic{ display:block; position:relative; z-index: 1; overflow: hidden; border-radius: 6px 6px 0 0;}
.media_pic .bg_img{ height:0; padding-top: 43.48%;}
.media_pic:before{ content:""; position: absolute; top:0; left:50%; z-index: 1; width: 0%; height: 5px; background: #cc0001; }
.media_text{ position:relative; z-index: 1; padding: 8.60%;}
.media_item, .media_summary{ height:48px;}
.media_item{ font-weight:bold;}
.media_summary{ color: #666; margin-top: 15px;}
.media_block .hot_mark{ margin-top: 15px!important;}
.media_block:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; box-shadow: 0 3px 20px 3px rgba(0,0,0, .06); border-radius: 6px; opacity: 0; }
.media_block:hover:before{ opacity: 1;}
.media_block:hover .media_pic:before{ left:0; width:100%;}
.media_block:hover .media_pic .bg_img{ transform: scale(1.1); }
.media_block:hover .media_item{ color:#cc0001;}

/*=======meida_interested======*/
.meida_interested{ padding: 50px 0; background-color: #f6f6f6;}
.interested_top{ margin-bottom: 30px;}
.interested_tit{ float:left;}
.interested_change{ float:right; color:#999;}
.interested_change .iconfont{ font-size:14px; font-weight: bold; margin-right: 5px;}
.interested_list{ margin: -8px;}
.interested_list .media_divide{ width: 20%; padding: 8px;}
.interested_list .media_divide .media_block{ border-color:#fff; background-color: #fff;}
.interested_list .media_divide .media_block .media_pic .bg_img{ background-color: #fff;}
.interested_list .media_divide .media_block .media_text .des{ text-align:left;}

/*=======sub_left======*/ 
.sub_left, .case_video{ float:left; /*width:75.35%; margin-right: 2.40%;*/ width: -webkit-calc(100% - 355px); width: calc(100% - 355px);}
/*detail_top*/
.detail_box{}
.detail_top{ margin-bottom: 50px;}
.detail_tit{ font-weight: bold; line-height: 1.40;}
.detail_xg{ margin-top: 10px; color: #666666;}
.detail_xg li{ display:inline-block; vertical-align: middle; position: relative; margin-right: 14px;}
.detail_xg li .iconfont{ margin-right:  5px;} 
.detail_xg li .xg_cover{ right:auto; left:50%; transform: translateX(-50%); bottom: auto; top:100%; padding-bottom: 0; padding-top: 10px;}
.detail_xg li .xg_cover .xg_cover_inner{ box-shadow: 0 -3px 20px 3px rgba(0,0,0, .06);}
.detail_xg li .xg_cover .xg_cover_inner:before{ top:auto; bottom: 100%; transform: translateX(-50%) rotate(-180deg);}
.detail_xg li:hover .xg_cover{ opacity: 1; visibility: visible; pointer-events: all;}
.bsBox{ box-sizing: content-box;}
.detail_xg_fenxiang{ cursor: pointer;}
.detail_xg_fenxiang:hover{ color: #cc0001;}
.detail_look{ overflow:hidden; background: #f6f6f6; border-radius: 5px; padding: 14px; margin-top: 20px;}
.detail_look dt{ float:left; font-weight: bold;}
.detail_look dd{ overflow:hidden;}
.detail_look dd a{ display:inline-block; vertical-align: middle; overflow: hidden; margin-right: 20px; position: relative; }
.detail_look dd a:last-child{ margin-right:0;}
.detail_look dd a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cc0001;
  -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);
}  
.detail_look dd a:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.detail_look dd a:hover{ color:#cc0001;}
/*detail_con*/ 
.detail_con{}
.detail_caption{ font-weight:bold;}
.detail_caption em{ color:#cc0001;}
.table_zyjg_box{ width:100%; overflow-x: auto;}
.table_zyjg{ width:100%; min-width: 639px; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; background: url(../image/watermark-b.png) center top repeat-y; }
.table_zyjg tr td{ border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; height: 60px; padding: 10px; text-align: center;}
.table_zyjg thead tr td{ white-space: nowrap; background: #f7f7f7; font-weight: bold; font-size: 16px;}
.zixun_kefu{ display:block; margin-bottom: 15px; font-weight: bold;}
.zixun_kefu .iconfont{ display:block; margin-bottom: 5px; font-size: 26px; font-weight:normal; line-height: 1; color:#cc0001;}
.table_zyjg_box .mCSB_container_wrapper{ margin-right: 0; margin-bottom: 0;}
.table_zyjg_box .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom: 3px;}
.table_zyjg_box .mCSB_scrollTools.mCSB_scrollTools_horizontal{ height: 8px;}
.table_zyjg_box .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 100%; margin: 0 auto;}
.table_zyjg_box .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ margin: 3px 0;}
.table_zyjg_box .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ width:8px;}
.table_zyjg_box .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail{ width:2px;}

.detail_con img{ height:auto!important;}
.detail_con video{ height: auto!important; max-width: 100%!important;}


/*detail_bot*/
.detail_bot{  margin-top: 50px; padding-top: 30px; border-top:1px solid rgba(0,0,0, .06);}
.detail_nav{ float:left;}
.detail_nav li a{ display:block; color: #666;}
.detail_nav li a:hover{ color:#cc0001;}
.detail_back{ display:block; float:right; color: #666; border:1px solid rgba(0,0,0, .06); text-align: center; width: 180px; line-height: 42px;}
.detail_back .iconfont{ margin-right:5px;}
.detail_back:hover{ border-color:#cc0001; color:#cc0001;}

/*=======sub_right======*/ 
.sub_right, .survey_right, .frame_fixed{ width: 320px;}
.sub_right, .survey_right{ float:right; margin-left: 35px;}
.frame_fixed{ position: relative; top:0; z-index: 1002;}
#portamento_container .frame_fixed.fixed{position:fixed; margin-top: 90px;} 
.common_frame{ background: #fff; border:1px solid rgba(0,0,0, .06); padding: 20px; margin-bottom: 30px;}
.common_frame:last-child{ margin-bottom:0;}
.frame_tit{ font-weight: bold; padding-bottom: 15px; border-bottom:1px solid rgba(0,0,0, .06); margin-bottom: 25px;}
.frame_tit02{ font-weight: bold; padding: 0 20px; line-height: 60px;}
.frame_tit02 .iconfont{ font-size: 24px; color:#cc0001; margin-right: 6px;}
/*frame_read*/
.frame_read{}
.read_rec_focus{ }
.read_rec_focus li .n_r_block .n_r_tit a,
.read_rec_focus li .n_r_block .n_r_des{ text-overflow:ellipsis; display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; text-align: justify; -webkit-line-clamp:2; line-height: 22px; max-height: 44px;}
.read_rec_focus li .n_r_block .n_r_tit a{ white-space:normal; font-weight:bold;}
.read_rec_list{ margin-top:20px; margin-bottom: -20px;}
.read_rec_list li{ border-top:1px dashed rgba(0,0,0, .06); padding: 20px 0;}
.read_rec_list li .n_l_img{ max-width: 110px; }   
.read_rec_list li .n_l_tit a{ -webkit-line-clamp: 3; line-height: 22px; max-height: 66px; font-weight: normal;}
/*frame_hotrank*/
.frame_hotrank{ }
.hotrank_list{ margin: -10px 0;}
.hotrank_list li a{ display:flex; align-items: center; overflow: hidden; padding: 10px 0;}
.hotrank_num{ display:block; float:left; color: #dbdbdb; font-family: "barlow_boldcondensed"; line-height: 1; font-size: 40px; font-weight: bold; margin-right: 15px; -webkit-transition:color 600ms ease; transition:color 600ms ease;}
.hotrank_tit{ line-height: 22px; max-height: 44px;}
.hotrank_list li a:hover, .hotrank_list li a:hover .hotrank_num{ color:#cc0001;} 


/*============================ 04 ============================*/   
/*=======common_tab======*/ 
.common_tab{ margin-bottom: 50px; margin-top: -5px;}
.common_tab li{ float:left; margin-right: 3%; margin-top: 5px;}
.common_tab li:last-child{ margin-right:0;}
.common_tab li a{ display: block; position: relative; padding-bottom: 7px;} 
.common_tab li a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cc0001;
  -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);
} 
.common_tab li:hover a:before, .common_tab li.current a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.common_tab li a .iconfont{ font-size: 20px; margin-right: 5px;}
.common_tab li a em{ font-weight: bold;}
.common_tab li:hover a, .common_tab li.current a{ color: #cc0001;}
/*=======case_tab======*/ 
#case_tab{}
/*=======case_list======*/ 
.case_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -1.32%;}
.case_line{ float:left; width:33.33%; padding: 1.32%;}
.case_block{ position: relative; border:1px solid #f0f0f0; height: 100%;}
.case_block:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; box-shadow: 0 3px 20px 3px rgba(0,0,0, .10); opacity: 0; }
.case_block:hover:before{ opacity: 1;}
.case_block:hover .case_img .img_box img{ transform: scale(1.1); }
.case_block:hover .case_tit a{ color: #cc0001;}
.case_block .case_info{ border-radius:0; border:none; }
.case_block .case_text{ padding-top: 38px; padding-bottom: 38px} 

/*=======page======*/ 
.page{ text-align: center; margin-top: 50px;}
.page a{ display:inline-block; vertical-align: middle; margin: 2px 1px; border:1px solid rgba(0,0,0, .06); min-width: 36px; line-height: 34px; padding: 0 5px;}
.page a.page_btn{ padding: 0 10px;}
.page a:hover, .page a.current{ border-color:#cc0001; background: #cc0001; color: #fff;}
/*=======case_banner_wrap======*/ 
.case_banner_wrap{ margin-bottom: -21%; height: 820px;}
.case_banner_wrap:before{ content:""; position: absolute; right: 0; bottom:0; z-index: 2; width: 100%; padding-top: 6.31%; background: url(../image/case_01.png) right bottom no-repeat; background-size: cover;}
.case_banner_wrap .banner_img{ /*padding-top: 42.71%; max-height:820px; min-height: 320px;*/}
.case_banner_wrap .banner_img:before{ content:""; position: absolute; top: 0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .10);}
/*=======case_sub_top======*/  
.case_sub_top{ position: relative; border-color:transparent; }
.case_sub_con{ padding-top: 0!important;}
.case_sub_con .detail_box{ border:1px solid rgba(0,0,0, .06); padding: 40px 25px;}
.case_sub_con .detail_box .detail_top{ padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0, .06);}
@media (min-width: 992px) {
	.case_banner_wrap .banner_cover{ top:34%;}
	.case_sub_top .local, .case_sub_top .local a{ color:#fff;}
	.case_sub_top .local a:hover, .case_sub_top .local a.current{ color: #cc0001;}
} 
/*=======case_survey======*/  
.case_survey{ position: relative; z-index: 3; }
.case_video, .survey_right{ height:420px;}
/*case_video*/
.case_video{ cursor: pointer; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 0 3px 20px 3px rgba(0,0,0, .06); margin-bottom: 40px;}
.case_video:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0, .18); }
.case_video_bg{ height:100%; background: center top no-repeat; background-size: cover; -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.case_video .icon_bofang{ font-size: 46px; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 2; color: #fff;}
.case_video:hover .case_video_bg{ transform: scale(1.10); }
/*tan_video*/ 
#tan_video{ color: #fff;}
#tan_video .tan_con{ background-color: transparent; max-width: 1024px;}
#tan_video .tan_close{ color:#fff; top:0; right:0;} 
#tan_video .tan_close .icon_guanbi { font-size: 24px;}
.video_tit{ margin-bottom: 20px;}
.play_show{ height: 0; padding-top:56.25%; overflow: hidden; position: relative; background:#000;}
.play_show video{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; outline: none;}
.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: 60px; color: #fff; border-radius: 50%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);} 
.zixun_video{ border-color:#cc0001; background: #cc0001; color: #fff; min-width: 150px; margin-top: 40px;}
.zixun_video:hover{ opacity: .80;} 

/*survey_right*/
.survey_right{ box-shadow: 0 3px 20px 3px rgba(0,0,0, .06);} 
.survey_right .frame_tit02{ border-radius:5px; background: #f6f6f6; }
.survey_con{ border-radius:5px; background: #ffffff; height:360px; padding: 30px 20px;}
.survey_des{ padding-bottom: 20px; border-bottom:1px solid rgba(0,0,0, .06);}
.survey_mark{ margin-top: 25px; max-height: 190px; overflow: hidden;}
.survey_mark .mCSB_container{ margin-right: 0;}
.mark_line{ overflow:hidden; margin-bottom: 25px;}
.mark_line:last-child{ margin-bottom: 0;}
.mark_line dt{ float:left; line-height: 30px;}
.mark_line dd{ overflow:hidden;margin: -5px; line-height: 28px;}
.mark_line dd p{ margin: 5px;}
.mark_line dd a{ display:inline-block; vertical-align: middle; border:1px solid rgba(0,0,0, .06); color:#666666; line-height: 28px; padding: 0 10px; margin:5px;}
.mark_line dd a:hover{ background: #999999; color: #fff;}

/*=======case_others======*/ 
.case_others{}
.others_list{ margin: -8px;}
.others_line{ /*float:left; width:25%; padding: 8px;*/}
.others_line a{ display:block; overflow: hidden; position: relative; color: #fff;}
.others_line a:before{ content:""; position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; height: 100%;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,1) 120%); 
    background: -o-linear-gradient(bottom, rgba(0,0,0,0) 75%, rgba(0,0,0,1) 120%); 
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 75%, rgba(0,0,0,1) 120%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0) 75%, rgba(0,0,0,1) 120%);
	opacity: .60;
}
.others_img{ overflow:hidden;}
.others_img .bg_img { height: 0; padding-top: 77.10%; }
.others_info, .others_des{ -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.others_info{ position: absolute; bottom: 0; left:0; z-index: 2; width: 100%; padding: 20px;}
.others_tit{ font-weight: bold; }
.others_des{ margin-top: 5px; height: 0; }
.others_line a:hover:before{ opacity: 0;}
.others_line a:hover .others_img .bg_img{ transform: scale(1.1); }
.others_line a:hover .others_info{ background: #cc0001; color: #fff;}
.others_line a:hover .others_des{ height: 48px;}
/*others_swiper*/
.others_swiper{}
.others_swiper .swiper-pagination{ position: relative; bottom:auto; margin-top: 15px;} 

/*============================ 05 ============================*/  
.see_more{ border-color:#cc0001; color: #cc0001; position: relative; left:50%; transform: translateX(-50%); margin-top: 50px; }
.anchor{ display:block; height: 90px; margin-top: -90px;}
/*=======problem_cooperation======*/ 
.problem_cooperation{}
.cooperation_box{}
.cooperation_focus{ overflow: hidden; float:left; width:50%;height: 457px;}
.cooperation_focus a{ display:block; position: relative; height: 100%; color: #fff;}
.cooperation_focus a:before,
.cooperation_focus a:after{ content:""; position:absolute; bottom: 0; left:0; z-index: 1; width:100%; height: 100%;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%); 
    background: -o-linear-gradient(bottom, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%); 
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%);
}  
.cooperation_focus_img{}
.cooperation_focus:hover a{ color: #cc0001; }
.cooperation_focus:hover .cooperation_focus_img{ transform: scale(1.1); }
.cooperation_focus_cover{ position:absolute; bottom: 0; left:0; z-index: 2; width: 100%; padding: 4%;}
.cooperation_focus_cover .tit{}
.cooperation_focus_cover .des{ margin-top: 15px;}
.cooperation_list{ float:right; width: 47%; border-top: 1px solid rgba(0,0,0, .06);}
.cooperation_list li{ position: relative; height: 114px; }
.cooperation_list li:before{ content:""; position: absolute; top:0; right:0; z-index: 1; border-radius: 5px; background: #cc0001; width:100%; height: 100%; opacity: 0;}
.cooperation_list li a{ display:block; position: relative; z-index: 2; overflow: hidden; border-bottom: 1px solid rgba(0,0,0, .06); padding:26px 0;}
.cooperation_time{ float:left; color: #cc0001; border-right: 1px solid rgba(0,0,0, .06); line-height: 28px; padding-right: 18px; margin-right: 18px;}
.cooperation_time em{ display:block; margin-top: 4px;}
.cooperation_info{ overflow:hidden;}
.cooperation_info .tit{ line-height: 26px; }
.cooperation_info .des{ display:block; margin-top: 10px; max-height: 24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
.cooperation_list li:hover:before{ opacity: 1; width: 111%;}
.cooperation_list li:hover a{ transform: translateX(-4%); }
.cooperation_list li:hover a, .cooperation_list li:hover a .cooperation_time{ color: #fff;}
/*=======problem_examination======*/ 
.problem_examination{ background-color: #f6f6f6;}
.examination_box{ }
.examination_box li{ float:left; width: 25%; height: 454px; position: relative; background: #fff;}
.examination_img, .examination_info{ position:absolute; top:0; left:0; overflow: hidden; width: 100%; height: 50%;}
.icon_sign{ display:block; position: absolute; top:0; right:0; z-index: 1; background: center top no-repeat; background-size: contain; width: 50px; height: 50px;}
.sign_hot{ background-image: url(../image/ico_hot.png); }
.sign_new{ background-image: url(../image/ico_new.png); }
.examination_info{ top:auto; bottom: 0; padding:10% 8%;}
.examination_tit{}
.examination_time{ color: #cc0001; margin-top: 5px;}
.examination_des{ color: #666666; margin-top: 15px;}
.examination_box li:nth-child(even) .examination_img{ top:auto; bottom: 0;}
.examination_box li:nth-child(even) .examination_info{ bottom:auto; top: 0;}
.examination_box li:hover .examination_img .bg_img{ transform: scale(1.1); }
.examination_box li:hover a{ color: #cc0001;}
/*=======problem_policy======*/ 
.problem_policy{}
.policy_box{ margin: -1.65%;}
.policy_box li{ float:left; width: 50%; padding: 1.65%;}
.policy_img{ overflow:hidden; float:left; width: 31%; height: 136px; margin-right: 4%;}
.policy_info{ overflow:hidden;}
.policy_tit{ line-height: 24px;}
.policy_time{ color: #cc0001; margin-top: 3px; }
.policy_des{ color: #666666; margin-top: 10px; -webkit-line-clamp: 3; max-height: 72px;}
.policy_box li:hover .policy_img .bg_img{ transform: scale(1.1); }
.policy_box li:hover a{ color: #cc0001;}

/*============================ 06 ============================*/   
/*=======news_company======*/ 
.news_company{}
/*=======news_industry======*/ 
.news_industry{ background-color: #f6f6f6;}
.industry_box{ margin: -15px; display:flex; align-items: stretch;}
.industry_box li{ float:left; width: 33.33%; padding: 15px;}
.industry_box li .n_r_block{ height:100%;}
.industry_box li .n_r_block:hover:before{ opacity: 1;}
.industry_box li .n_r_info{ padding: 6%;}
.industry_box li .n_r_info .n_r_time{ position:absolute; bottom:100%; left:0; z-index: 2; font-weight: bold; color: #fff; background: rgba(0,0,0, .45); line-height: 2.20; padding: 0 2.50%;}
/*=======news_media======*/ 
.news_media{}
/*=======news_marketing======*/ 
.news_marketing{ background-color: #f6f6f6;} 
/*=======xinwen_tab======*/ 
#xinwen_tab{}
.xinwen_all{ margin: -35px 0;}
.xinwen_block{ padding: 35px 0; border-bottom: 1px solid rgba(0,0,0, .06);}
.xinwen_block dt{ overflow: hidden; float:left; position: relative; margin-right: 3%; width:33.18%; height: 227px;}
.xinwen_block dd{ overflow: hidden;}
.xinwen_block dd .tit{ }
.xinwen_block dd .time{ color: #cc0001; margin-top: 5px;}
.xinwen_block dd .des{ color: #666666; -webkit-line-clamp: 3; max-height: 72px; margin-top: 15px;}
.xinwen_block dd .case_mark{ margin-top: 35px;} 
.xinwen_block:hover dt .bg_img{ transform: scale(1.1); }
.xinwen_block:hover dd .tit{ color: #cc0001;}

/*============================ 07 ============================*/   
.about_situation #about_tab{ margin-top: -60px;}
/*=======about_situation======*/ 
.about_situation{}
.situation_box{ position: relative; box-shadow: 0 0 20px 3px rgba(0,0,0, .06); }
.situation_img{overflow: hidden; float:left; width:47.22%;}
.situation_img .bg_img{ height: 0; padding-top: 73.53%;}
.situation_info{ position: absolute; top:0; right:0; width:52.78%; height: 100%; padding:5%; padding-bottom: 3%;}
.situation_over{ height:100%; overflow: hidden; text-align: justify;} 
.situation_tit{}
.situation_des{ margin-top: 15px;} 
.situation_data{justify-content: space-between; margin:6.50% 0 0;}
.situation_data:after{ display:none;}
.situation_data li{ width:auto; max-width: 25%;}
.situation_data li em, .situation_data li sup{ color: #cc0001;} 
/*=======about_media======*/ 
.about_media{}
.about_media_swiper{ height:465px;}
.about_media_swiper .swiper-slide { overflow: hidden; -webkit-transition:all 600ms ease; transition:all 600ms ease;  
}  
.about_media_block{}
.about_media_img{ position: relative; float:left; width:100%; height: 100%;} 
.about_media_img .bg_img{ -webkit-transition: all 0ms ease; transition: all 0ms ease;}
.media_img_cover{ position:absolute; bottom: 0; left:0; z-index: 1; width: 100%; height: 100%; padding: 30px; display:flex; align-items:flex-end; -webkit-transition:all 600ms ease; transition:all 600ms ease; 
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%); 
    background: -o-linear-gradient(bottom, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%); 
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%);
} 
.media_img_cover .media_tit{ width:100%;}
.about_media_cover{ height: 100%; background: #cc0001; color: #fff; overflow: hidden; padding: 40px;} 
.about_media_cover .media_align{ width: 280px;}
.about_media_cover .media_overview{ color: #fff;}
.about_media_cover .media_mark a{ border-color:#fff; color: #fff;}
.about_media_cover .media_mark a:hover{ background-color:#fff; color: #cc0001;}
.about_media_cover .media_des{ margin: 10% 0;}  
.about_media_swiper .swiper-slide-active .about_media_img{ width: 50%;}
.about_media_swiper .swiper-slide-active .media_img_cover{ opacity: 0; bottom: -50%;}
.about_media_swiper .swiper-pagination{ position:relative; bottom: auto; margin-top: 20px;}
.about_media_swiper .swiper_arrow{display:none; }
.about_media_swiper .swiper_arrow div.swiper-button-prev{ left: -8%;}
.about_media_swiper .swiper_arrow div.swiper-button-next{ right: -8%;}
#about_media_pc{}
#about_media_pc .swiper-slide{ float:left; width: 25%!important; }
#about_media_pc .swiper-slide-active{ width: 50%!important; }
#about_media_phone{ display:none;}

/*=======about_culture======*/ 
.about_culture{ padding: 0!important;}
.culture_list{ overflow: hidden; margin: -1px 0 0 -1px; }
.culture_block{ position: relative; overflow: hidden; float: left; width: 50%; height: 240px; padding: 1px 0 0 1px;}
.culture_block01{ height: 480px;}
.culture_cover{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; padding:5% 6%; color: #fff;}
.culture_icon{ float:left; margin-right: 2.50%;}
.culture_icon .iconfont{ line-height: 1; font-size: 60px;}
.culture_info{ overflow:hidden; }
.culture_des{ line-height: 1.875; margin-top: 4%;}
.culture_block:hover .bg_img{ opacity:  .90;}
.culture_block:hover .common_tit:before{ width:100%;}
/*=======honor_list======*/ 
.sub_honor{ background: #fafafa url(../image/honor_01.jpg) center bottom no-repeat; background-attachment: local;}
.honor_list{ margin: -2%;}
.honor_list li{ float:left; width:33.33%; padding: 2%;}
.honor_list li a{ display:block; position: relative; border: 1px solid rgba(0,0,0, .06); padding:9% 8%; text-align: center;}
.honor_list li a:before{content:" "; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .50); opacity: 0; }
.honor_list li a:after,
.honor_swiper .swiper-slide a:after{ font-family: "iconfont"; content:"\e83b"; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(0.60); z-index: 2;  color: #fff; font-size: 32px; opacity: 0;}
.honor_list li a .ico_box{ padding-top: 70%;}
.honor_list li a .tit{ margin-top: 10%;}
.honor_list li a:hover:before{ opacity: 1;}
.honor_list li a:hover:after{ opacity: 1; transform: translate(-50%,-50%) scale(1); }
.venobox_honor .vbox-content{ margin: 0px!important; float: none;}
.venobox_honor .vbox-close{ position: static; margin: 0 auto;}

/*=======contact_box======*/ 
.contact_box{ display: flex; flex-wrap: wrap; align-items: stretch; }
.contact_left{ float:left; width: 38%; border-right: 1px solid rgba(0,0,0, .06);}
.contact_text{ margin-bottom: 65px;}
.contact_text:last-child{ margin-bottom:0;}
.contact_tit{ color:#000; font-weight:bold;}
.contact_des{ line-height:1.875; margin-top: 15px;}
.contact_tel{ color: #cc0001;}
.contact_right{ float:left; width: 62%; padding-left: 5%;}
.contact_message{ margin-top: 25px;}
.contact_message .message_line{ float:left; width:50%;}
.contact_message .message_handle .message_submit{ max-width:240px;}

/*============================ 08 ============================*/ 
.sub_sitemap{ background: url(../image/sitemap_01.jpg) center bottom no-repeat;}
/*=======sitemap======*/ 
.sitemap{ }
.sitemap_line{ line-height: 36px; margin-bottom: 15px;}
.sitemap_line a:hover{ color: #cc0001;}
.sitemap_line a em{ display:inline; position: relative;}
.sitemap_line dt{}
.sitemap_line dt a{ font-weight:bold;}
.sitemap_line dd{ }
.sitemap_line dd a{ display:block; float:left; width: 12.50%; color: #666666;}
.sitemap_line dd a.second_tit{ float:none; width: auto; font-weight:bold;}
.sitemap_line dd a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #cc0001;
  -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);
} 
.sitemap_line dd a:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.sitemap_line dd a.second_tit em:before{ display: none;}
.second_block{ overflow: hidden; margin-top: 5px;}  

/*body_index*/
body.body_index .advert_consult{ display:none;}

/*标签*/
.tags {padding-left: 24px; background: url(../image/newsTabBg.png) left 5px no-repeat;}
.tags ul {margin: 0 -8px;}
.tags ul li{display: inline-block;position: relative;  padding: 0 8px;}
.tags ul li a {padding-bottom: 2px;  border-bottom: 1px dotted #AAA;  color: #e51815;  font-size: 14px;  line-height: 26px;  transition: all .4s ease 0s;}

/*=======price_banner_wrap======*/ 
.ellipsis{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.MultiLine{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.price_banner_wrap{ margin-bottom: -260px; height: 690px;}
.price_banner_wrap .banner_img:before{ content:""; position: absolute; top: 0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .35);}
.price_banner_wrap .banner_cover{ top: 40%;}
.price_survey{ position: relative; z-index: 3; display: flex; justify-content: space-between;}
.price_left{ width: 22.22%; padding: 20px; flex-shrink: 0; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);}
.price_left_img .ico_box{ padding-top: 64.3%;}
.price_left .survey_mark{ max-height: none;}
.price_left .mark_line{ margin-bottom: 10px;}
.price_right{ display: flex; width: 75.35%; flex-shrink: 0; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);}
.price_right_info{ width: 61.8%; flex-shrink: 0; padding: 30px 50px; font-size: 14px; color: #333333; line-height: 24px;}
.price_right_tit{ font-size: 20px; color: #333333; line-height: 2; margin: 10px 0 20px; font-weight: bold;}
.price_right_tit span{ color: #CC0001; margin-right: 5px;}
.price_right_list{ font-size: 16px; margin: 30px 0 20px; line-height: 26px;}
.price_right_list p{ padding: 15px 0; border-bottom: 1px solid rgba(0,0,0, .06);}
.price_right_list p strong{ display: inline-block; vertical-align: baseline; font-weight: bold; color: #CC0001; min-width: 120px;}
.price_right_other{ width: 38.2%; background-color: #F6F6F6;}
.price_right_other .price_right_tit{ text-align: center;}
.price_right_other .price_right_tit span:last-child{ margin-left: 5px;}
.price_right_top{ position: relative; max-width: 326px; padding: 0 50px; margin: 60px auto; position: relative; font-size: 24px; color: #CC0001; line-height: 1.8; letter-spacing: 0.3em; text-align: center;}
.price_right_top::before,
.price_right_top::after{ position: absolute; display: block; content: ""; width: 30px; height: 30px; background: url(../image/douhao.png) center center no-repeat;}
.price_right_top::before{ left: 0; top: 0;}
.price_right_top::after{ right: 0; bottom: 0;}

.price_right_swiper{ position: relative; padding: 0 40px; margin: 40px 0}
.price_right_link{ display: block;}
.price_right_img{ height: 0; padding-bottom: 100%; border-radius: 50%; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.price_right_name{ font-size: 16px; color: #333333; line-height: 2; margin-top: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; font-weight: bold; transition: all .3s;}
.price_right_swiper .swiper-button-prev,
.price_right_swiper .swiper-button-next{ display: block; position: absolute; top: 50%; margin-top: -20px; width: 12px; height: 12px; border-left: 2px solid #333; border-top: 2px solid #333333; background: none; transition: all .3s;}
.price_right_swiper .swiper-button-prev{ left: 15px; transform: translateY(-50%) rotate(-45deg);}
.price_right_swiper .swiper-button-next{ right: 15px; transform: translateY(-50%) rotate(135deg);}
.price_right_swiper .swiper-button-prev:hover,
.price_right_swiper .swiper-button-next:hover{ border-color: #CC0001;}
.price_right_link:hover .price_right_name{ color: #CC0001;}

/* Product Placement */
.price_ad_box{ padding-top: 50px;}
.price_ad{ position: relative; padding-left: 310px;}
.price_ad_left{ position: absolute; left: 0; top: 0; width: 310px; height: 100%; border: 1px solid #EEEEEE;}
.price_ad_left li{ display: flex; align-items: center; padding: 25px; cursor: pointer; transition: all .3s;}
.price_ad_left_ico{ width: 40px; height: 40px; margin-right: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0;}
.price_ad_left_ico img{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}
.price_ad_left_text{ flex: auto; overflow: hidden; font-size: 14px; color: #737373; line-height: 2;}
.price_ad_left_text h3{ font-size: 20px; color: #333333; line-height: 1.4; font-weight: bold; transition: all .3s;}
.price_ad_left li.on{ background-color: #F6F6F6; box-shadow: 3px 0 0 #CC0001 inset;}
.price_ad_left li.on h3{ color: #CC0001;}
.price_ad_left .mCSB_container{ margin-right: 0;}
.price_ad_swiper .swiper-slide{ height: auto; background-color: #CC0001; color: #FFFFFF;}
.price_ad_swiper .swiper-pagination{ display: none;}
.price_ad_img{ display: block; position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden;}
.price_ad_img span{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.price_ad_img span img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.price_ad_img .icon_bofang{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 60px; opacity: .8;}
.price_ad_img:hover .icon_bofang{ opacity: 1;}
.price_ad_text{ display: flex; align-items: center; justify-content: space-between; padding: 24px 40px;}
.price_ad_con{ flex: auto; overflow: hidden; font-size: 14px; line-height: 27px;}
.price_ad_con h3{ font-size: 24px; line-height: 1.4;}
.price_ad_ask{ flex-shrink: 0; width: 130px; line-height: 34px; border: 1px solid #FFFFFF; font-size: 14px; color: #FFFFFF; margin-left: 15px; text-align: center; transition: all .3s;}
.price_ad_ask i{ font-size: 20px; vertical-align: middle; margin-right: 6px;}
.price_ad_ask:hover{ background-color: #FFFFFF; color: #CC0001;}

/* Advertising Cooperation Consultation */
.ad_ask_box{ background-color: #F6F6F6;}
.ad_ask_box .requirement_left{ padding-left: 0;}
.ad_ask_box .requirement_info{ margin-left: 0;}
.ad_ask_box .requirement_right{ padding-right: 0; text-align: right;}
.ad_ask_box .requirement_form{ width: 100%; max-width: 735px; margin: 0; display: inline-block; text-align: left;}
.ad_ask_box .requirement_block03 .requirement_labels label.label_item{ width: 100%;}
.ad_ask_box .requirement_labels label.label_item em{ background-color: rgba(0, 0, 0, 0.04);}
.ad_ask_box .chengnuo{ font-size: 14px; color: #999999;}
.ad_ask_box .chengnuo img{ vertical-align: middle; margin-right: 10px; margin-top: -2px;}

/* Service Advantages */
.service_box{ background: url(../image/service_box_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF;}
.serviceList{ list-style: none; display: flex; flex-wrap: wrap; text-align: center;}
.serviceList li{ position: relative; width: 33.33%; border: 1px solid rgba(255,255,255, .1); padding: 30px; margin-top: -1px; margin-left: -1px; z-index: 1;}
.serviceList li::before{ display: block; content: ""; width: calc(100% + 10px); height: calc(100% + 10px); background-color: #CC0001; position: absolute; left: -5px; right: -5px; top: -5px; bottom: -5px; transform: scale(0); z-index: -1;}
.serviceList li:nth-child(2n){ background-color: rgba(255, 255, 255, 0.1)}
.serviceIco{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 60px; height: 60px; margin: 0 auto 15px;}
.serviceIco img{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}
.serviceTit{ font-size: 24px; line-height: 1.6;}
.serviceLine{ display: block; width: 18px; height: 2px; background-color: #FFFFFF; margin: 10px auto;}
.serviceText{ max-width: 335px; margin: 0 auto;}
.serviceList + .link_zixun{ display: block; max-width: 190px; margin: 60px auto 0;}
.serviceList li:hover::before{ transform: scale(1);}
.serviceList li:hover .serviceIco img{ animation: swing 1s linear 1;}
/* 手机端 */
.service_list_swiper{ display: none;}
.service_list_swiper .swiper-slide{ height: auto; padding: 15px; border: 1px solid rgba(255,255,255, .1);}
.service_list_swiper .swiper-slide:nth-child(2n){ background-color: rgba(255, 255, 255, 0.1);}
.service_list_swiper .swiper-pagination{ position: static; margin-top: 15px;}