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

/*browserupgrade*/
.browserupgrade{display:block;position:fixed;top:-60px;opacity:0;left:0;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
.browserupgrade a.upgrade_close{display:block;position:absolute;top:0;right:0;z-index:10;width:60px;line-height:60px;text-align:center;color:#fff;font-size:40px;text-decoration:none;cursor:pointer;}
/*swiper*/
.swiper-container{ height:100%;}  
.swiper-pagination-bullet{  position: relative; width:8px; height: 8px; margin: 0 4px; } 
.swiper-pagination-bullet-active{ background: #e30920!important; opacity: 1!important;}    
div[class*="swiper-button-"]{ width:auto; height: auto;}

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

/*===================common========================*/ 
.font_num{ font-family: "AkzidenzGroteskBQ";}
/*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; object-fit: cover;}
/*ico_box*/
.ico_box{position:relative;display:block; height:0;padding-top:100%;}
.ico_box img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;height:auto; max-width:100%; max-height: 100%;}
/*line_single*/
.line_single{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  } 
/*line_multi*/
.line_multi{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; text-align: justify; -webkit-line-clamp:2; line-height: 24px; max-height: 48px;} 
/*thumb && thumb_img*/
.thumb{
	-webkit-animation: thumb 1.2s cubic-bezier(.77, 0, .175, 1);
	animation: thumb 1.2s cubic-bezier(.77, 0, .175, 1);
	visibility: visible;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}
@-webkit-keyframes thumb {
	0% {
	-webkit-transform:translate3d(0, 50%, 0);
	transform:translate3d(0, 50%, 0);
	opacity:0
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0);
	opacity:1
	}
}
@keyframes thumb {
	0% {
	-webkit-transform:translate3d(0, 50%, 0);
	transform:translate3d(0, 50%, 0);
	opacity:0
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0);
	opacity:1
	}
}
.thumb_img{
	-webkit-animation: thumb_img 1.2s cubic-bezier(.77, 0, .175, 1);
	animation: thumb_img 1.2s cubic-bezier(.77, 0, .175, 1);
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards
} 
@-webkit-keyframes thumb_img {
	0% {
	-webkit-transform:translate3d(0, -25%, 0);
	transform:translate3d(0, -25%, 0);
	-webkit-filter:brightness(5);
	filter:brightness(5)
	}
	60% {
	-webkit-filter:brightness(1);
	filter:brightness(1)
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0)
	}
}
@keyframes thumb_img {
	0% {
	-webkit-transform:translate3d(0, -25%, 0);
	transform:translate3d(0, -25%, 0);
	-webkit-filter:brightness(5);
	filter:brightness(5)
	}
	60% {
	-webkit-filter:brightness(1);
	filter:brightness(1)
	}
	100% {
	-webkit-transform:translate3d(0);
	transform:translate3d(0)
	}
}   
/*title_effect*/ 
.title_effect .letter {
	display: inline-block; transform:translateY(-50%); opacity:0;
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1);
	-o-transition: all 1.2s cubic-bezier(.77, 0, .175, 1);
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1)
} 
.my_textLink1{
	-webkit-animation-name: textLink1;
	  animation-name: textLink1; 
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
} 
@-webkit-keyframes textLink1 {
  to{
	 transform:translateY(0);
	 opacity: 1
  }
}
@keyframes textLink1 {
  to{
	 transform:translateY(0);
	 opacity: 1
  }
}
.title_effect .letter:nth-child(n) {
  -webkit-animation-delay: 0.10s;
  animation-delay: 0.10;
}
.title_effect .letter:nth-of-type(2n) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.title_effect .letter:nth-of-type(3n) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.title_effect .letter:nth-of-type(4n) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.title_effect .letter:nth-of-type(5n) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

/*=======load======*/   
.load{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	z-index: 5000;
	color: #e30920; 
} 
.load.active{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: all 0.8s cubic-bezier(.77, 0, .175, 1);
	-o-transition: all 0.8s cubic-bezier(.77, 0, .175, 1);
	transition: all 0.8s cubic-bezier(.77, 0, .175, 1)
} 
.load_con{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)!important; text-align: center;}
.load_text { 
	-webkit-animation: 0.8s .2s fadeInUp both;
	animation: 0.8s .2s fadeInUp both;
}   
.load_logo{ display:inline-block; vertical-align: top; height: 44px; width: auto; }
.load_sign{ margin-top: 20px;}
.load_sign .icon_jiazai{
	 display: inline-block;
	vertical-align: middle;
	line-height: 1;
	-webkit-animation: loader 0.8s linear infinite;
	animation: loader 0.8s linear infinite;
	font-size: 30px;
	color: #e30920;
} 
@-webkit-keyframes loader {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes loader {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}

/*===================header========================*/
.sidebar{ position: fixed; top:0; right:0; z-index:1004; width: 100%;  max-width: 410px; height: 100%; background: #c71a26; color: #ffffff; opacity: 0; visibility: visible; pointer-events: none; transform: translateX(100%); -webkit-transition:all 1s .2s ease; transition:all 1s .2s ease; } 
.sidebar a{ color: #ffffff;} 
/*sidebar_header*/
.sidebar_header{ float:right; position: relative; z-index: 1; width:100px; height: 100%; background: #aa1721; text-align: center;}
.sidebar_logo{ opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all .6s ease; transition:all .6s ease;}
.sidebar_logo a{ display:block;}
/*menu_phone*/
.menu_phone{ float:right; width: 30px; height:30px;}
.menu_phone span{ display:inline-block; vertical-align: middle; width: 100%; height: 24px; position:relative;}
.menu_phone i{ display: block; width: 100%; height: 2px; background: #ffffff; position: absolute; top:0; right:0;}
.menu_phone i:nth-of-type(2){ top: 10px; width:22px;}
.menu_phone i:nth-of-type(3){ top: 20px;}    
.menu_phone.active i:nth-of-type(2){ width:0; opacity: 0;}
.menu_phone.active i:nth-of-type(1), 
.menu_phone.active i:nth-of-type(3){ top: 10px;}
.menu_phone.active i:nth-of-type(1){ transform:rotate(-45deg);}
.menu_phone.active i:nth-of-type(3){ transform:rotate(45deg);}  
#menu_open{}
#menu_close01{ float:none; position:absolute; top:40px; left:50%; transform: translateX(-50%);} 
#menu_close02{ float:none; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);} 
/*sidebar_share*/
.sidebar_share{ position:absolute; bottom: .45rem; left:50%; transform: translateX(-50%);}
.share_btn{ cursor: pointer; width: 30px; height: 30px; line-height: 30px; }
.share_btn .iconfont{ font-size:28px;}
.share_con { position: absolute; bottom: -15px; right: 65px; z-index: 9; width: 140px; border: 1px solid #d2d2d2; background-color: #ffffff; padding: 15px;
  opacity: 0; visibility: hidden; -webkit-transition:all .6s ease; transition:all .6s ease; }
.share_con.active { opacity: 1; visibility: visible; }
.share_con::after {  content: ''; position: absolute; bottom: 22px; right: 100%; margin-right: -5px; z-index: 1; background: url(../images/icon42.png) no-repeat center; width: 22px; height: 12px; transform: rotate(-90deg); }
.share_func{ display: flex; align-items: center; justify-content: space-between;}
.share_con .share_close {  cursor: pointer; }
.share_con .share_close .iconfont{ }
.share_con .share_title { font-size: 14px; color: #e30920; }
.share_con .bshare-custom { display: flex; align-items: center; justify-content: space-between; margin-top: 0.20rem; }
.share_con .bshare-custom a { text-decoration: none; padding-left: 0; background:none; position: relative; width: 40px; height: 40px; color: #ffffff; } 
.share_con .bshare-custom a:before{ content:""; position: absolute;  top:50%; left:50%; transform: translate(-50%,-50%); font-family: "iconfont"; font-size:20px; }
.share_con .bshare-custom a:hover{ text-decoration: none; }
.share_con .bshare-custom .bshare-linkedin { background-color: #004ca5; }
.share_con .bshare-custom .bshare-linkedin:before{ content:"\e904";}
.share_con .bshare-custom .bshare-weixin { background-color: #4EC034;}
.share_con .bshare-custom .bshare-weixin:before{ content:"\e600";}
.bsBox { box-sizing: content-box; }  
/*sidebar_con*/
.sidebar_con{ overflow:hidden; height: 100%; padding: .60rem 10%; opacity: 0; visibility: hidden; transform: translateX(20%); text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;}
.sidebar_local{ display:inline-block; min-width: 170px;}
.sidebar_nav{ position: relative; text-align: left; margin: -.10rem 0; }  
.sidebar_nav>li{ padding: .10rem 0;}
.sidebar_nav>li:first-child{ display:none;}
.sidebar_nav>li>.s_a0{ display:flex; justify-content: space-between; line-height: 1.25; position: relative;}
.sidebar_nav>li>.s_a0>a{ flex: 1 0 0;}
.sidebar_nav>li>.s_a0>a>em{ display:inline-block; position: relative;}
.sidebar_nav>li>.s_a0>a>em:before{ 
  content: ""; 
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
	display: none;
} 
.sidebar_nav>li:hover>.s_a0>a>em:before,
.sidebar_nav>li.active>.s_a0>a>em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.sidebar_nav>li>.s_a0>.icon_jiahao{ display: none; position: relative; width:50px; text-align: center;}
.sidebar_nav>li>.s_a0>.icon_jiahao:before{ content: "\e645"; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); } 
.sidebar_nav>li>.s_subclass{ display:none; margin-top: .15rem;}  
.sidebar_nav>li.active>.s_subclass{ display:block; }
.sidebar_nav>li>.s_subclass>li>a{ display: block; position: relative; line-height: 24px; padding: .05rem 0; opacity: 0.50; -webkit-transition:all .6s ease; transition:all .6s ease;} 
.sidebar_nav>li>.s_subclass>li:hover>a{ opacity: 1;}  
.sidebar_nav>li.active>.s_a0>.icon_jiahao:before{ transform: translate(-50%,-50%) rotate(180deg);}
.sidebar_bot{ position: absolute; bottom: .50rem; left:0; width:100%;}
.sidebar_notice{ width: 100px; margin: 0 auto; }
.sidebar_notice img{ display:block; }
.sidebar_tel{ display:block; line-height: 1; margin-top: .15rem;}
/*.sidebar.active*/
.sidebar.active{ opacity: 1; visibility: visible; pointer-events: all; transform: translateX(0%);}
.sidebar.active .sidebar_logo{ padding: .40rem 0; opacity: 1; visibility: visible; pointer-events: all;}
.sidebar.active .sidebar_con{ opacity: 1; visibility: visible; transform: translateX(0);}

/*===================header_wrap========================*/
.header_wrap{ position:fixed; left:0; top:0; z-index:1003; width:100%; height: 100px; line-height: 100px; color: #ffffff; -webkit-transition: transform .6s ease; transition: transform .6s ease;} 
.header_wrap:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 0; background: #ffffff; border-bottom: 1px solid #e5e5e5;}
.header_inner{ position: relative; z-index: 1; display:flex; flex-wrap:nowrap; padding: 0 2.08%;} 
.header_wrap a{ color: #ffffff;}
/*=========logo && header_func =========*/  
/*logo*/  
.logo{float:left;}  
.logo a{ display:inline-block; vertical-align: middle; height: 44px; position: relative; }
.logo a img{ display: block; height: 100%; width: auto;} 
.logo a img:nth-child(2){ position: absolute; top:0; left:0; opacity:0;}
/*=====header_func====*/
.header_func{ margin-left:auto; }
.func_menu{ cursor: pointer; display:block; float: left; margin-left: .30rem;}
/*menu_tel*/
.menu_tel{ font-size: 20px; font-weight: bold;} 
.menu_tel .icon_dianhua{ display:none; font-size: 24px;}
/*menu_enter*/
.menu_enter{ margin-right: -.10rem;}
.menu_enter a{ padding: 0 .10rem;}
.menu_enter a em{ display: inline-block; line-height: 1.72; position: relative;}
.menu_enter a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.menu_enter a:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.menu_enter .iconfont{ font-size: 18px; margin-right: .08rem; }  
/*menu_open*/
#menu_open{ } 
/*scollfox*/ 
.header_wrap.scollfox{ transform: translateY(-100%); } 
body.up .header_wrap.scollfox,
body.body_article .header_wrap{ transform: translateY(0); /*box-shadow:0 2px 5px 0 rgba(0,0,0, .10);*/ color:#333333;}
body.up .header_wrap.scollfox:before,
body.body_article .header_wrap:before{ height: 100%;}
body.up .header_wrap.scollfox a,
body.body_article .header_wrap a{ color:#333333;}
body.up .header_wrap.scollfox .logo a img:nth-child(1),
body.body_article .header_wrap .logo a img:nth-child(1){ opacity: 0;}
body.up .header_wrap.scollfox .logo a img:nth-child(2),
body.body_article .header_wrap .logo a img:nth-child(2){ opacity: 1;}
body.up .header_wrap.scollfox #menu_open i,
body.body_article .header_wrap #menu_open i{ background: #333333;} 
body.up .header_wrap.scollfox .menu_enter a em:before,
body.body_article .header_wrap .menu_enter a em:before{ background: #333333;}
/*nicescroll-rails*/
body.body_fullpage .nicescroll-rails{ display:none!important;}

/*====================================01 index============================================================*/ 
.inner{ width:81.945%; margin: 0 auto; padding:0 15px; max-width: 1396px;} 
.effect_swiper{ position:relative;}
.sec_tit{ width: 100%; text-align: center;}
.sec_more{ display:block; margin: 0 auto; text-transform:uppercase; text-align: center; width: 150px; height: 50px; line-height: 48px; border: 1px solid #FFFFFF; border-radius: 25px;}
.sec_more .iconfont{ font-size: 14px; margin-left: 10px;}
.sec_more:hover{ border-color:#E30920; background-color: #E30920; color: #ffffff;}
.index_sec{ position: relative; background: 50% 0 no-repeat; background-size: cover; overflow: hidden; } 
.index_sec.active .sec_tit{
	-webkit-animation: 1s .2s fadeIn both;
	animation: 1s .2s fadeIn both;
}
.sec_bg{ position: absolute; top:0; left:0; width:100%; height: 100%; background: 50% 0 no-repeat; background-size: cover;}
.sec_con{ position:relative; /*z-index: 1;*/}
.sec_bg_pc{ display:block;}
.sec_bg_phone{ display:none;}
/*=======index_focus======*/   
.index_focus{}
.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_img img{ width:100%; height: 100%; object-fit: cover;}
.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 li a{ color:#ffffff;}
.focus_txt_tit{ line-height: 1; }    
.show_tit i{ display:inline-block; vertical-align:baseline; transform:translateY(-100%); opacity:0; transition:all 1s .2s ease-in-out;}
.focus_txt_des{ line-height: 1.50; margin-top: .40rem;} 
.focus_txt_des i{ transform:translateX(-50%);}  
.focus_txt_more{transform:translateY(100%); opacity: 0; margin-top: .80rem;}
.focus_txt li.active{ display:block;}  
.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_more {
	-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; display: none;}
.focus_swiper .swiper-pagination-bullet{ vertical-align: bottom; background: none!important; border-radius:0; margin: 0 3px; position: relative; width: 35px; height: 35px; opacity: 1; filter: alpha(opacity=100); }  
.focus_swiper .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 3px;
}
.focus_swiper .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
} 
.focus_swiper .swiper-pagination-bullet-active:after {
    -webkit-animation: 5s .2s move02 both;
    animation: 5s .2s move02 both;
} 
@-webkit-keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
} 
@keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
} 
.focus_swiper .swiper_arrow div{ z-index:10;}
.focus_swiper .swiper_arrow div.swiper-button-prev{ left:2.60%; }
.focus_swiper .swiper_arrow div.swiper-button-next{ right:2.60%; }
/*mouse-icon*/
.mouse_icon { display:block; position: absolute; bottom: 3%; margin-bottom: 35px; left:50%; transform: translateX(-50%); z-index: 2; }
.mouse_icon .arrow {
  width: 12px;
  height: 12px;
  display: block;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: relative;
  margin: 0 auto;
  -webkit-animation: arrowAnim 1.2s infinite;
          animation: arrowAnim 1.2s infinite;
}
.mouse_icon .arrow.arrow-01 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
} 
.mouse_icon .arrow.arrow-02 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

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

@keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: 4px;
    opacity: 0;
  }
}
@-webkit-keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*vidbacking*/
.vidbacking-active-body-back{ position: fixed; z-index: -100; min-width: 100%; min-height: 100%; top: 50%; left: 50%; background-size: cover; overflow: hidden; opacity: 1; transition: 2s opacity; transform: translateX(-50%) translateY(-50%);}
.vidbacking-active-block-back{ position: absolute; min-width: 100%; min-height: 100%; height: auto; width: auto; z-index: -100; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.vidbacking{ display: none;}
.vidmask-body-back{ background: url(../images/videooverlay1.png) repeat; opacity: 0.2; min-height: 100%; min-width: 100%; position: fixed; top: 0; left: 0; z-index: -50; display: block; }
.vidmask-block-back{ background: url(../images/videooverlay1.png) repeat; opacity: 0.5; min-height: 100%; min-width: 100%; position: absolute; top: 0; left: 0; height: auto; width: auto; z-index: -50; display: block;}
.focus_video{ width:100%; height: 100%; position: absolute; top:0; left:0;} 
.focus_phone{ width:100%; height: 100%; position: absolute; top:0; left:0; display:none;}
.focus_phone .img_box{ padding-top: 0; height:100%;}

/*=======index_industry======*/   
.index_industry{ color:#ffffff;}
.index_industry a{ color:#ffffff;}
.index_industry .sec_con{ height:100%;}
.index_industry .sec_tit{ position: absolute; top:24%; left:0; z-index: 2;}
.industry_swiper{ height: 100%;}  
.industry_show{ height: 100%; background: #000000;}
.industry_img{width:100%; height: 100%; background: 50% 0 no-repeat; background-size: cover;}
.industry_img_pc{ display:block;}
.industry_img_phone{ display:none;}
.industry_text{ position:absolute; top:35%; left:0; z-index: 1; width: 100%; text-align: center; }
.industry_tit{}
.industry_des{ text-align:center; margin-top: .30rem; -webkit-line-clamp:4; line-height: 30px; max-height: 120px;}
.industry_more{ margin-top: .80rem;} 
.industry_show .swiper-slide-active .industry_tit{
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both; 
} 
.industry_show .swiper-slide-active .industry_des{
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both; 
} 
.industry_show .swiper-slide-active .industry_more{
	-webkit-animation: 1s .6s fadeInUp both;
	animation: 1s .6s fadeInUp both; 
}
.industry_show .swiper-pagination{ display:none;}
.industry_show .swiper-pagination-bullet{ background: #ffffff!important;}
.industry_swiper .swiper_arrow{ display:none;}
.industry_swiper .swiper_arrow div[class*="swiper-button-"]{color:#ffffff;} 
.industry_thumbs{ position:absolute; bottom: 0; left:0; z-index: 2; width: 100%; background: rgba(0,0,0, .50);}
.industry_thumbs .swiper-slide{ border-left: 1px solid rgba(255,255,255, .50);}
.industry_thumbs .swiper-slide:first-child{ border:none;}
.industry_thumbs .swiper-slide a{ display:flex; justify-content: center; align-items: center; width: 100%; height:100%; padding: .36rem .20rem;}
.industry_ico{ width: 45px; height: 45px; float:left; margin-right: 5%;}
.industry_item{ }
.industry_item em{ display:block;}
.industry_item i{ display:block; margin-top: .06rem; opacity: .30;}
.industry_thumbs .swiper-slide-thumb-active a{ background: #E30920;}
/*=======index_about======*/   
.index_about{ color:#ffffff;}
.index_about a{ color:#ffffff;}
.index_about .sec_tit{ text-align: left;} 
.about_swiper{ margin-top: .30rem;}
.about_show{ position: relative;}  
.about_show .swiper-container{ width: 70%; max-width: 710px; margin: 0;}
.about_head{ margin-top: .50rem;}
.about_forewords{ width: 68%; max-width: 710px; margin-top: .20rem; }
.about_overview{ -webkit-line-clamp:3; line-height: 30px; max-height: 90px;}
.about_swiper .swiper_arrow{ display:none;}
.about_swiper .swiper_arrow div[class*="swiper-button-"]{color:#ffffff;} 
.about_swiper .swiper-pagination{ position: static; margin-top: .20rem; display: none;}
.about_thumbs{ margin-top: .80rem; width: 100%;}
.about_thumbs .swiper-container{ background: rgba(0,0,0, .30);}
.about_thumbs .swiper-slide{ border-left: 1px solid rgba(255,255,255, .50); text-align: center;}
.about_thumbs .swiper-slide:first-child{ border:none;}
.about_thumbs .swiper-slide a{ display:flex; justify-content: center; align-items: center; width: 100%; padding: .30rem;  } 
.about_item{ }
.about_item em{ display:block;}
.about_item i{ display:block; margin-top: .06rem; }
.about_thumbs .swiper-slide-thumb-active a{ background: #E30920;}
.about_video{ cursor: pointer; display:block; text-transform: uppercase; position: absolute; bottom: 170px; right:0; z-index: 1;}
.about_video i{ display:inline-block; vertical-align: middle; position: relative; width: .80rem; height: .80rem; border-radius:50%; border:2px solid rgba(255,255,255, 1); margin-right: .20rem;}
.about_video i:before{ content:"\e644"; font-family:"iconfont"; font-size: .34rem; position: absolute; top:50%; left: 50%; transform:translate(-40%,-50%); }
.about_video em{ display:inline-block; vertical-align: middle; position: relative;}
.about_video em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.about_video:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.index_about.active .about_video{
	-webkit-animation: 1s .2s fadeInRight both;
	animation: 1s .2s fadeInRight both; 
}
/*=======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: 90%; max-height: 90%; max-width: 1024px; margin: 0 auto;}
.tan_close { float:right; color: #ffffff; text-align: center; width: 50px; line-height: 50px;}
.tan_close .iconfont { display: inline-block; font-size: 30px; transform: rotate(45deg);}
.tan_close:hover { color: #cd3c2b!important; } 
.play_show{ clear:both; height: 0; padding-top: 50%; 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;}
.play_btn { display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0, .20) url(../images/talent_02.png) center center no-repeat; background-size: 80px;} 
/*=======index_news======*/   
.index_news{ color: #ffffff;}
.index_news a{ color: #ffffff;}
.news_swiper{ margin-top: .40rem;}  
.news_swiper .swiper-slide a{ display:block; height: 100%; color: #333333; background: rgba(255,255,255, .65); padding: .30rem; }
.news_time{ color:#333333;}
.news_tit, .news_des{ height:48px;}
.news_tit{ margin-top: .15rem;}
.news_des{ margin-top: .15rem; color:#888888;}
.news_enter{ display: block; margin-top: .50rem; color:#888888; -webkit-transition:all .6s ease; transition:all .6s ease;}
.news_swiper .swiper-slide a:hover{ background: rgba(255,255,255, 1); color: #E30920;}
.news_swiper .swiper-slide a:hover .news_enter{ color: #E30920;}
.news_swiper .swiper_arrow div[class*="swiper-button-"]{ width: 38px; height: 38px; text-align: center; line-height: 38px; border-radius: 50%; background: #E5E5E5; color: #BFBFBF;} 
.news_swiper .swiper_arrow div[class*="swiper-button-"]:after{ font-size: 14px;}
.news_swiper .swiper_arrow div.swiper-button-prev{ left:auto; right:102.50%; }
.news_swiper .swiper_arrow div.swiper-button-next{ right:auto; left:102.50%; }
.news_swiper .swiper_arrow div[class*="swiper-button-"]:hover{ background: #ffffff; color: #E30920;}
.news_swiper .swiper-pagination{ display:none; position: static; margin-top: .20rem;}
.news_more{ margin-top: .60rem;}
.index_news.active .sec_tit{
	-webkit-animation: 1s .4s fadeIn both;
	animation: 1s .4s fadeIn both;
} 

/*=======index_footer======*/   
.index_footer{}
.footer_wrap{ overflow: hidden; background: #B31B22; color: rgba(255,255,255, .40);}
.footer_wrap a{ color: rgba(255,255,255, .40);}
.footer_wrap a:hover{ color: rgba(255,255,255, .80);}
.footer_top{ padding:.35rem 0;} 
.footer_top .inner, .footer_bot .inner{ display:flex; flex-wrap: wrap; justify-content: space-between;}
.footer_nav{ display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; flex:1 0 0; max-width: 1200px;}
.footer_nav:after{ display:none;}
.footer_nav>li{ flex:0.140 0 0; }
.footer_nav>li:nth-child(1){ flex:0.217 0 0; }
.footer_nav>li:nth-child(2), .footer_nav>li:last-child{ flex: 0.175 0 0;}
.footer_nav_tit{ position: relative; }
.footer_nav_tit a{ display:block; color: rgba(255,255,255, 1);}
.footer_nav_tit .icon_jiahao{ position: absolute; top:50%; right:0; transform: translateY(-50%); width:40px; height: 30px; line-height: 30px; text-align: center; border-left:1px solid  rgba(255,255,255, .20); color:#ffffff; font-size: 14px; display: none;}
.footer_nav>li.active .footer_nav_tit .icon_jiahao:before{ content: "\eaf5";}
.footer_nav_collapsible{ margin-top: .15rem;}
.footer_nav_linklist{ overflow: hidden;}
.footer_nav_linklist li a{ display:block; }
.footer_nav>li:first-child .footer_nav_linklist li{ width: 50%; max-width: 105px; float:left;}
.footer_nav>li:last-child .footer_nav_tit a{ font-size:18px; font-weight: bold;}
.footer_notice{ margin-left: auto; text-align: center; color: #ffffff; line-height: 22px;}
.footer_notice img{ display:block; margin-bottom: .10rem;}
.footer_bot{ padding: .20rem 0; border-top:1px solid rgba(255,255,255, .20); font-size: 12px;}
.footer_copyrights{}
.footer_design{ margin-left:auto; text-transform: uppercase;}

/*====================================02 关于我们============================================================*/
main{ overflow: hidden;}
.author_block{ display:block; /*height: 100px; margin-top: -100px;*/}
.about_sec{ background: 50% 0 no-repeat fixed; background-size: cover; padding: .90rem 0;}
.about_tit{ text-align: center;}
.about_tit em{display:block; color: #C9161E; margin-bottom: .12rem;}
.about_tit i{ display:block; font-weight: 500;}
.about_foreword{ text-align: center; margin-top: .20rem;}
/*=======banner_wrap=====*/
.banner_wrap{ position: relative; overflow: hidden; }
.banner_bg{ padding-top: 41.67%; min-height: 280px; background: 50% 0 no-repeat fixed; background-size: cover;}
.banner_tit{ position:absolute; top:50%; transform: translateY(-40%); left:0; z-index: 2; width: 100%; text-align: center; color: #ffffff; line-height: 1;}
.banner_tit em, .banner_tit i{ -webkit-transition:all 1s .2s ease; transition:all 1s .2s ease; opacity: 0; transform: translateY(100%);}
.banner_tit em{ display:block; font-weight: 600;}
.banner_tit i{ display:block; margin-top: .25rem; -webkit-transform-style: .4s; transform-style: .4s; } 
.banner_wrap.active .banner_tit em, 
.banner_wrap.active .banner_tit i{ opacity: 1; transform: translateY(0);}
 /*=======guide_wrap=====*/
.guide_wrap{ height: 100px; line-height: 100px; border-bottom: 1px solid #E5E5E5;}
.guide_wrap .inner{ display:flex; flex-wrap: wrap; justify-content: space-between;}
.guide_local{ color: #999999;}
.guide_local .icon_shouye{ font-size: 24px; color: #333333;}
.guide_local a{ display: inline-block; padding: 0 .10rem; color: #999999;}
.guide_local a:hover, .guide_local a.active{ color: #333333;}
.guide_nav{ margin-left:auto; margin-right: -.20rem;}
.guide_nav li{ float:left;}
.guide_nav li a{ display:block; padding: 0 .20rem;}
.guide_nav li:hover a,
.guide_nav li.active a{ color: #E30920;}
.guide_nav li a em{ display:block; position: relative;}
.guide_nav li a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #E30920;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.guide_nav li:hover a em:before,
.guide_nav li.active a em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
/*=======about_profile=====*/
.about_profile{ padding-top: .70rem; padding-bottom: .70rem;}
.about_profile .about_tit{ width: 50%; text-align: left;}
.profile_con{ }
.profile_img{ float:left; width: 50%; padding: .40rem 0 0;}
.profile_img img{ display:block; float:right; margin-right: -4%;}
.profile_text{ float:left; width: 50%; /*padding-bottom: 1rem;*/ }
.profile_tit{ font-weight:600; line-height: 1.40; /*margin-top: -7%;*/}
.profile_des{ margin-top: .30rem; line-height: 24px; max-height: 384px; overflow: hidden;}
/*=======about_culture=====*/
.about_culture{ padding-top: 1.40rem; padding-bottom: 0!important;}
.about_culture .about_tit em, .about_culture .about_tit i{ color: #ffffff;}
.culture_swiper{ margin-top: -.20rem; margin-bottom: 4.50%; transform: translateY(50%); background: #FFFFFF; box-shadow: 0 7px 90px 7px rgba(0,0,0, .10);} 
.culture_swiper .swiper-slide{ padding: .70rem 0;}
.culture_block{ height: 100%; border-left: 1px solid #eeeeee; text-align:center; padding: 0 .15rem;}
.culture_swiper .swiper-slide:first-child .culture_block{ border:none;}
.culture_ico{ display:block; margin: 0 auto; position: relative; text-align: center; width: 70px; height: 70px; line-height: 70px; color: #E30920; border-radius: 50%; -webkit-transition:color .6s ease; transition:color .6s ease;}
.culture_ico:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; border: 2px solid #E30920; transform: scale(1);}
.culture_ico:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; background: #E30920; transform: scale(0.80); opacity: 0;}
.culture_ico .iconfont{ position: relative; z-index: 1; font-size: 40px;}
.culture_tit{ font-weight: 600; color: #000000; margin-top: .30rem;}
.culture_des{ max-width:140px; margin: .15rem auto 0;}
.culture_swiper .swiper-slide:hover .culture_ico{ color: #ffffff;}
.culture_swiper .swiper-slide:hover .culture_ico:before{ transform: scale(1.20); opacity: 0;}
.culture_swiper .swiper-slide:hover .culture_ico:after{ transform: scale(1); opacity: 1;}
/*=======about_network=====*/
.about_network{ padding-top: 2rem; }
.network_foreword{ text-align:center; line-height: 1.875; max-width: 880px; margin: .50rem auto 0;}
.network_swiper{ margin-top: .80rem;}
.network_block{ text-align: center;}
.network_num{ color: #E30920;}
.network_num span{ display: inline-block; vertical-align: baseline; line-height: 1;}
.network_num em{ font-family: "DINCondensedBold"; margin-right: .10rem;}
.network_num i{ display: inline-block; vertical-align: bottom; font-weight: 600; line-height: 1.50; /*margin-left: .10rem;*/}
.network_des{ line-height: 24px; margin-top: .15rem;}
.network_swiper .swiper-pagination{ position:static; margin-top: .20rem;}
/*=======about_network=====*/
.about_develop{ color: #ffffff;}
.about_develop a{ color: #ffffff;}
.about_develop .about_tit em, .about_develop .about_tit i{ color: #ffffff;}
.develop_swiper{ margin-top:1rem;}  
.develop_swiper .develop_swiper_container{ overflow:visible;}
.develop_swiper .swiper-slide{ width: 78%;}
.develop_year{ display:block; position: relative; line-height: 120px; height: 120px; font-size:48px; font-family: "DINCondensedBold"; -webkit-transition:all .6s ease; transition:all .6s ease;}
.develop_year:before, .develop_year:after{ content: ""; position: absolute; top:50%; left:0; width: 35%; height: 1px; background: rgba(255,255,255, .40); }
.develop_year:after{ left:auto; right:0;}
.develop_swiper .swiper-slide-active .develop_year{ text-align: center; font-size:150px;}
.develop_swiper .swiper-slide-prev .develop_year{ padding-right: 7%; text-align: right;}
.develop_swiper .swiper-slide-prev .develop_year:after{ right: 17%;}
.develop_swiper .swiper-slide-next .develop_year{ padding-left: 7%; text-align: left;}
.develop_swiper .swiper-slide-next .develop_year:before{ left: 17%;}
.develop_monthly{ margin: .60rem -.15rem -.20rem; position: relative; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all .6s ease; transition:all .6s ease; }
.develop_monthly .swiper-wrapper{ flex-wrap: wrap; align-items: stretch; justify-content: center;}
.develop_monthly .swiper-slide{ width: 33.33%; padding: .20rem .15rem;}
.develop_swiper .swiper-slide-active .develop_monthly{ opacity: 1; visibility: visible; pointer-events: all;}
.develop_block{line-height: 22px;}
.develop_time{}
.develop_des{ margin-top: .10rem;}
.develop_swiper div[class*="swiper-button-"]{ margin-top: 0; top: 38px; width: 45px; height: 45px; text-align: center; line-height: 43px; border: 1px solid rgba(255,255,255, .40); color: #BFBFBF; border-radius: 50%;}
.develop_swiper div[class*="swiper-button-"]:after{ font-size: 18px;} 
.develop_swiper div[class*="swiper-button-"]:hover{ border-color:#ffffff; background: #ffffff; color: #E30920;}
.develop_swiper .swiper-button-prev{ left:7%;}
.develop_swiper .swiper-button-next{ right:7%;}
/*=======about_honor=====*/
.about_honor{ padding-bottom: .40rem; background: none; /*background-position: 50% bottom; background-attachment: local;*/}
.honor_tab{ text-align:center; overflow: hidden; max-width: 200px; margin: .40rem auto; }
.honor_tab li{ float:left; width: 50%;}
.honor_tab li a{ display:block; cursor: pointer; border: 1px solid #C9C9C9; height: 50px; line-height: 48px;}
.honor_tab li:nth-child(1) a{ border-radius: 4px 0px 0px 4px;}
.honor_tab li:nth-child(2) a{ border-left:none; border-radius: 0px 4px 4px 0px; }
.honor_tab li a:hover, .honor_tab li a.active{ background: #E30920; color: #ffffff;}
.honor_block{ } 
.honor_swiper .swiper-slide{ padding-top: .20rem; text-align: center; -webkit-transition:transform .6s ease; transition:transform .6s ease;}
.honor_frame{ padding-top: 125.625%; background: url(../images/honor_01.jpg) no-repeat; background-size: cover; box-shadow: 10px 10px 29px 0px rgba(0, 0, 0, 0.11); position: relative;}
.honor_frame .honor_img{ padding:15% 16.625%; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}
.honor_frame .honor_img .ico_box{ padding-top:0; height: 100%;}
.honor_caption{ margin-top: .30rem;}
.honor_swiper{ }
.honor_swiper .swiper-slide:hover{ transform: translateY(-.20rem);}
.honor_swiper div[class*="swiper-button-"]{ color: #C9C9C9;}
.honor_swiper div[class*="swiper-button-"]:after{ font-size: 60px;}  
.honor_swiper .swiper-button-prev{ left: auto; right: 103%;}
.honor_swiper .swiper-button-next{ right:auto; left:103%;}
.honor_swiper .swiper-pagination{ display: none; position: static; margin-top:.20rem; } 

/*=======about_technology=====*/
.about_technology{ background-attachment: local; background: none;}
.technology_swiper{ margin-top: .60rem;}
.technology_swiper .swiper-container{ overflow:visible;}
.technology_swiper .swiper-wrapper{ align-items: center;}
.technology_swiper .swiper-slide{ cursor: pointer; width:24%; text-align: center; color: #000000;}
.technology_frame{ border: 1px dashed #82817E; border-radius: 50%; padding: 4.32%; }
.technology_img{ border-radius: 50%; overflow: hidden; position: relative; }
.technology_tit{ position: absolute; bottom: 10%; left:0; z-index: 1; width: 100%; opacity: 0; -webkit-transition:all .6s ease; transition:all .6s ease;}
.technology_des{ max-width: 80%; margin: .35rem auto 0; line-height: 1.50;}
.technology_swiper .swiper-slide-active{ width: 30%;}
.technology_swiper .swiper-slide-active .technology_tit{ bottom:14%; opacity: 1;}
.technology_swiper .swiper-slide-active .technology_des{ transform: scale(1.50); line-height: 1.25; }
/*=======about_team=====*/
.about_team{ padding-top: .80rem; background-attachment: local; background: none;}
.team_swiper{ margin-top: .50rem;}
.team_swiper .swiper-slide{ position: relative; background: #FFFFFF; box-shadow: 0px 28px 35px 0px rgba(0, 0, 0, 0.09);}
.team_swiper .swiper-slide:before{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #E30920;
  -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);
} 
.team_swiper .swiper-slide:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.team_img .img_box{ background: radial-gradient(circle, #D4CFCA 0%, #FFFFFF 100%); padding-top:69.48%;}
.team_text{ padding: .30rem .40rem;}
.team_tit{}
.team_tit i{ margin-left: .20rem; color: #E30920;}
.team_des{ line-height: 20px; margin-top: .25rem;}
.team_swiper .swiper-slide:hover .team_img .img_box img{ transform: scale(1.10);}
.team_swiper .swiper-pagination{ position:static; margin-top: .20rem;}

/*====================================03 产业布局============================================================*/ 
.industry_focus{ height:100%; color: #ffffff;}
.industry_focus a{ color:#ffffff;}
.industry_focus .swiper-slide{ overflow: hidden;}
.swiper_inner{ height:100%; display: flex; align-items: center; cursor: url(../images/cursor_ico01.cur),auto;}
/*industry_nav*/
.industry_nav{ position: fixed; top:-100%; left:0; z-index: 2000; width:100%; line-height: 90px; background: rgba(0,0,0,.90); text-align: center; transition: all 0.6s ease-in-out; font-size: 16px!important; display: flex; align-items: stretch; display: none;}
.industry_nav li{ flex: 1 0 0;}
.industry_nav li a{ display:block; height: 100%; color: #fff; position: relative;}
.industry_nav li.active a{ background: #E30920;}
.industry_nav li a:before{ content:""; position: absolute; top:50%; transform: translateY(-50%); left:0; width:1px; height: 20px; background: rgba(255,255,255, .20);}
/*industry_fullpage*/
.industry_fullpage{color:#ffffff;}
.industry_fullpage a{color:#ffffff;}
.industry_bg{ width: 100%; height: 100%; position:absolute; top:0; left:0; background: 50% 0 no-repeat; background-size: cover;}
.industry_bg_pc{ display: block;}
.industry_bg_phone{ display:none;}
.industry_box{ position:relative; z-index: 1;}
.industry_range{ padding: 0 20px; max-width: 840px;}
.industry_head{}
.industry_overview{ line-height: 1.67; margin-top: .40rem;}
.industry_enter{ margin: .80rem 0 0; border-color:#E30920; background: #E30920; color: #ffffff;}
.industry_enter:hover{ background: #ffffff; color: #E30920;}
.industry_fullpage .index_sec.active .industry_head{ 
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both;
}
.industry_fullpage .index_sec.active .industry_overview{ 
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both;
}
.industry_fullpage .index_sec.active .industry_enter{ 
	-webkit-animation: 1s .6s fadeInUp both;
	animation: 1s .6s fadeInUp both;
}

/*=======industry_situation=====*/
.industry_sec{ background: 50% 0 no-repeat; background-size: cover; padding-top: 1rem;}
.industry_situation{ background-image: url(../images/industry_bg01.jpg); background-size: 100%; padding-top: 1.30rem;}
.situation_tit, .situation_foreword{ position: relative; z-index: 2;}
.situation_tit{ text-align:center; font-weight: 600;}
.situation_foreword{ text-align:center; line-height:1.50; max-width: 920px; margin: .40rem auto 0;}
.situation_accordion{ margin-top: .90rem;}
.accordion_block{ margin-bottom: .30rem; background: #F5F5F5; -webkit-transition:all .6s ease; transition:all .6s ease;}
.accordion_block:last-child{ margin-bottom: 0;}
.accordion_head{ cursor: pointer; position: relative; display: flex; align-items: center; justify-content: space-between; padding: .30rem .60rem; min-height: 1.20rem;}
.accordion_head .icon_jian_right{ line-height: 1; font-size: .40rem; color: #D2D2D2; -webkit-transition:all .6s ease; transition:all .6s ease;}
.accordion_con{ border-top:1px solid rgba(220, 220, 220, .30); padding: .50rem .60rem; display:none;}
.accordion_con dl dt{ float:right; position: relative; width:40%; max-width: 383px; margin-left: 5%; padding: 0 3.61% 2.61% 0;}
.accordion_con dl dt .accordion_deco{ position: absolute; bottom: 0; right:0; width: 47%; height: 46.22%; background: #9B0F16; }
.accordion_con dl dt .img_box{ position: relative; z-index: 1; padding-top: 62.72%;} 
.accordion_con dl dd{ overflow: hidden; max-width: 690px;}
.accordion_des{ height: 120px; line-height:30px; overflow: hidden;}
.accordion_des_over{ overflow: hidden; /* -webkit-line-clamp:4; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; text-align: justify;*/}
.accordion_con dl.active dd .accordion_des{ height: auto; /*-webkit-line-clamp:inherit!important;*/}
.accordion_more{ display:block; cursor: pointer; margin-top: .50rem;}
.accordion_more .icon_yousanjiao{ display: inline-block; font-size: 14px; margin-right: 8px; -webkit-transition:all .6s ease; transition:all .6s ease;}
.accordion_more.active .icon_yousanjiao{ transform: rotate(-90deg); }
.accordion_block.active{ background: #C2222A; color: #ffffff;}
.accordion_block.active a{ color: #ffffff;} 
.accordion_block.active .accordion_head .icon_jian_right{ color: #ffffff; transform: rotate(90deg); } 
.accordion_block.active .accordion_con dl dt .accordion_deco{
	-webkit-animation: 1s .4s fadeInLeft both;
	animation: 1s .2s fadeInLeft both; 
} 
.accordion_block.active .accordion_con dl dt .img_box{
	-webkit-animation: 1s .2s fadeInLeft both;
	animation: 1s .4s fadeInLeft both; 
} 
.accordion_block.active .accordion_con dl dd{
	-webkit-animation: 1s .2s fadeIn both;
	animation: 1s .2s fadeIn both; 
} 
/*=======industry_flow=====*/
.industry_flow{ /*background-position: 50% bottom; background-image: url(../images/industry_bg02.jpg);*/}
.industry_subtit{ font-weight:bold; text-align: center; margin-bottom: .50rem;}
.flow_swiper{ text-align: center; margin: -15px;}
.flow_swiper .swiper-container{ padding: 15px;}
.flow_swiper .swiper-slide:before{ content:""; position: absolute; top: 35%; left: 116%; background: url(../images/flow_arrow.png) center center no-repeat; background-size: contain; width: 28.17%; padding-top: 16.38%; }
.flow_block{ max-width:150px; margin: 0 auto;}
.flow_num{ display:block; line-height: 1; font-family: "DINCondensedBold"; font-weight: bold; color: #DCDCDC; opacity: 0.7;}
.flow_ico{ box-shadow: 5px 5px 16px 0px rgba(0, 0, 0, 0.13); border-radius: 50%; position: relative; z-index: 1; margin-top: -5%;}
.flow_ico:before, .flow_ico:after{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; background: #FFFFFF;}
.flow_ico:after{ background: #D8262F; transform: scale(0.80); opacity: 0;}
.flow_ico img{ z-index: 2; max-width:63%; max-height: 63%; -webkit-transition:all .6s ease; transition:all .6s ease;}
.flow_ico img:nth-child(2){ opacity: 0;}
.flow_des{ line-height: 18px; margin-top: .55rem;}
.flow_swiper .swiper-slide:hover .flow_ico:before{ transform: scale(0.80); opacity: 0;}
.flow_swiper .swiper-slide:hover .flow_ico:after{ transform: scale(1); opacity: 1;}
.flow_swiper .swiper-slide:hover .flow_ico img:nth-child(1){ opacity: 0;}
.flow_swiper .swiper-slide:hover .flow_ico img:nth-child(2){ opacity: 1;}
.flow_swiper .swiper-pagination{ position:static; margin-top: .30rem;}
/*=======industry_advantage=====*/
.industry_advantage{ padding-top: 1.20rem; /*background-image: url(../images/industry_bg03.jpg);*/}
.advantage_swiper{ margin: -.13rem;}
.advantage_swiper .swiper-wrapper{ flex-wrap: wrap; align-items: stretch;}
.advantage_swiper .swiper-slide{ width:25%; padding: .13rem;}
.advantage_block{ height: 100%; border-radius: .15rem; background:url(../images/advantage_01a.png) center bottom no-repeat; background-size: cover; padding: .45rem .30rem .40rem; -webkit-transition:background .6s ease; transition:background .6s ease;}
.advantage_swiper .swiper-slide:nth-child(even) .advantage_block{ margin-top: .40rem;}
.advantage_ico{ width:50%; max-width: 100px; margin: 0 auto;} 
.advantage_ico img{ -webkit-transition:all .6s ease; transition:all .6s ease;}
.advantage_ico img:nth-child(2){ opacity: 0; transform:translate(-50%,-50%) scale(1.20);}
.advantage_caption{ text-align: center; margin-top: .40rem;}
.advantage_caption em{ display:block; text-transform: uppercase; font-size: 11px; margin: 0 auto; max-width: 160px;}
.advantage_caption i{ display:block; font-weight: 500; margin-top: .15rem;}
.advantage_block:hover{ background-image:url(../images/advantage_01b.png); }
.advantage_block:hover .advantage_ico img:nth-child(1){ opacity: 0; transform:translate(-50%,-50%) scale(1.20);}
.advantage_block:hover .advantage_ico img:nth-child(2){ opacity: 1; transform:translate(-50%,-50%) scale(1.00);}
.advantage_swiper .swiper-pagination{ position:static; margin-top: .30rem;}

/*=======industry_case=====*/
.industry_case{ padding-bottom: 1rem; /*background-image: url(../images/industry_bg04.jpg);*/} 
.case_swiper{ margin: -.20rem;}
.case_swiper>.swiper-container>.swiper-wrapper>.swiper-slide{ height: auto; padding: .20rem;}
.case_block{ height: 100%; display:flex; flex-wrap: wrap; align-items: center; padding: .40rem .50rem .50rem; background: #F7F7F7; border: 1px solid #E5E5E5; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.13); border-radius: 15px;}
.case_left{ width:36%; padding-right: 4%;}
.case_tit{}
.case_tit i{ display:block; margin-top: .06rem; font-weight: 500;}
.case_customer{ margin-top: 1rem;}
.case_customer dt{ float:left; width: 70px; margin-right: .30rem;}
.case_customer dd{ overflow:hidden;}
.case_right{ flex:1 0 0; overflow:hidden; position: relative; padding: 15px 40px; line-height: 30px;}
.case_right:before, .case_right:after{ content:""; position: absolute; top:0; left:0; width:.20rem; height: .20rem; background: url(../images/ico_yinhao01.png) center center no-repeat; background-size: contain;}
.case_right:after{ top:auto; left:auto; bottom: 0; right:0; background-image: url(../images/ico_yinhao02.png); }
.case_head{}
.case_text{ max-height: 240px; overflow: hidden;}
.case_swiper .swiper-pagination{ display: none; position: static; margin-top: .20rem;}
.case_swiper .swiper_arrow div{ opacity: 1; color: #C9C9C9;}
.case_swiper .swiper_arrow div:hover{ color: #999999;}
.case_swiper .swiper_arrow div:after{ font-size: 50px;}  
.case_swiper .swiper_arrow div.swiper-button-prev{ left: auto; right: 101%;}
.case_swiper .swiper_arrow div.swiper-button-next{ right:auto; left:101%;}
/*=======industry_feature=====*/
.industry_feature{ padding-top: 1.10rem; padding-bottom: .70rem; /*background-position: 50% bottom; background-image: url(../images/industry_bg05.jpg);*/} 
.industry_feature .industry_subtit{ text-align:left;}
.feature_tab{ width:30%; max-width: 400px; min-width: 200px; float:right; margin-left: 5%; margin-top: -.50rem; padding-bottom: .45rem; border-left: 1px solid #d42233;}
.feature_tab li{ margin-bottom: .25rem;}
.feature_tab li:last-child{ margin-bottom: 0;}
.feature_tab li a{ display:block; position: relative; font-weight: 500; line-height: 38px; padding-left: 14%;}
.feature_tab li a:before{
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #E30920;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
} 
.feature_tab li a:hover:before,
.feature_tab li a.active:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
} 
.feature_tab li:hover a, .feature_tab li a.active{ color: #E30920;}
.feature_con{ overflow:hidden; max-width: 690px;}
.feature_block{}
.feature_num{ display:block; line-height: 1; font-family: "DINCondensedBold"; font-weight: bold; color: #DCDCDC; opacity: 0.7; float:left; margin-right: 7%;}
.feature_text{ overflow:hidden;}
.feature_tit{ font-weight: 500; padding-bottom: .25rem; margin-bottom: .25rem; border-bottom: 1px solid rgba(0,0,0, .15);}
/*=======upscale_situation=====*/
.industry_upscale{ background: url(../images/industry_bg06.jpg) center bottom no-repeat; }
.upscale_situation{ overflow: hidden; background-image:none;} 
.situation_swiper{ margin-top: .80rem;}
.situation_swiper:before{ content:""; position: absolute; bottom:50%; left:-200%; width: 500%; height: 500%; background: #ffffff;}
.situation_block{ display:flex; align-items: stretch;}
.situation_block dt{ width: 50%; float:left;}
.situation_block dt .img_box{ padding-top: /*73.21%*/ 0; height:100%;}
.situation_block dd{ flex: 1 0 0; overflow:hidden; background: linear-gradient(270deg, #C3151F, #DB222B); color: #FCFCFC; padding: .90rem .70rem .70rem;}
.situation_block dd a{ color: #FCFCFC;}
.situation_item{}
.situation_des{ line-height: 24px; max-height: 168px; overflow: hidden; margin-top: .30rem;}
.situation_url{ display:block; text-align: center; background: #FFFFFF; color: #E30920!important; border-radius: 6px; width: 160px; height: 50px; line-height: 50px; margin-top: .60rem;}
.situation_url i{ display:inline-block; vertical-align: baseline; margin-left: .10rem; width: 14px; height: 14px; background: url(../images/ico_more.png) no-repeat;}
.situation_url:hover{ opacity: .90;}
.situation_swiper .swiper-pagination{ position:static; margin-top: .30rem;}

/*=======upscale_core=====*/
.upscale_core{}
.core_swiper{ margin: -.18rem;}
.core_swiper .swiper-pagination{ position:static; margin-top: .20rem;}
.core_swiper .swiper-wrapper{ flex-wrap:wrap; align-items: stretch;}
.core_swiper .swiper-slide{ width:33.33%; padding: .18rem;}
.core_block{ height: 100%; padding: .50rem .40rem; background: #FFFFFF; border-top:5px solid #C3151F; box-shadow: 0px 14px 40px 0px rgba(25, 25, 25, 0.08);}
.core_tit{}
.core_des{ line-height: 22px; margin-top: .25rem;}
.core_tip{ margin-top: .20rem; padding: 0 .18rem; text-align: justify;}
/*=======upscale_different=====*/
.upscale_different{ padding-bottom: 1rem;}
.different_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.50rem;}
.different_block{ width: 50%; padding: .50rem;}
.different_block dt{ float:left; width:65px; margin-right: 6%;}
.different_block dd{ overflow:hidden;}
.different_tit{}
.different_des{ margin-top: .15rem;}
/*=======medical_upscale=====*/
.medical_upscale{}
.medical_upscale .situation_swiper .situation_block{ flex-direction: row-reverse;}
/*=======TPA_situation=====*/
.TPA_situation{ background:none; }
.TPA_situation .situation_foreword{ margin-top: .25rem;}
.TPA_tit{ text-align: center; font-weight: 600; margin-bottom: .50rem;}
/*service_scope*/
.service_scope{ margin-top: .90rem;} 
.scope_swiper{ margin: -.40rem;}
.scope_swiper .swiper-container{ padding: .30rem;}
.scope_swiper .swiper-wrapper{ flex-wrap: wrap; align-items: stretch;}
.scope_swiper .swiper-slide{ width:16.66%; padding: .10rem;}
.scope_block{ height: 100%; background: #ffffff; box-shadow: 0px -1px .27rem 0px rgba(0, 0, 0, 0.13); border-radius: 12px; padding:.46rem .20rem; text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;}
.scope_ico{ width: 50%; max-width: 60px; margin: 0 auto;}
.scope_ico .ico_box img:nth-child(2){ opacity: 0;}
.scope_des{ line-height: 22px; max-width: 145px; margin: .25rem auto 0;}
.scope_block:hover{ background: #C8161D; color: #ffffff;}
.scope_block:hover .scope_ico .ico_box img:nth-child(1){ opacity: 0;}
.scope_block:hover .scope_ico .ico_box img:nth-child(2){ opacity: 1;}
.scope_swiper .swiper-pagination{ position:static; margin-top: .30rem;}
/*service_highlights*/
.service_highlights{ margin-top: 1rem; display:none; /*已删除*/}
.highlights_block{height: 100%; display:flex; background: #ffffff; padding:.37rem .37rem .37rem .30rem;}
.highlights_num{ display:block; line-height: 1; color: #CD2B31; font-family: "DINCondensedBold"; margin-right: .30rem;}
.highlights_des{ overflow:hidden; flex: 1 0 0; line-height: 22px;}
/*=======TPA_win=====*/
.TPA_win{ padding:.80rem 0 1rem; background-attachment: fixed; color: #ffffff; text-align: center;}
.win_box{ max-width: 1110px; margin: 0 auto;}
.win_box .TPA_tit{ padding-bottom: .30rem; border-bottom: 1px solid rgba(255,255,255, .30);}
.win_text{ line-height: 1.50; margin-top: -.15rem;}
/*=======TPA_process=====*/
.TPA_process{ text-align:center;} 
.process_box{ background: url(../images/TPA_process.png) center bottom no-repeat; box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.13); border-radius: 10px 10px 0 0; padding: .50rem .50rem .60rem; }
.process_box img{ display:block; margin: 0 auto;}
/*=======TPA_superiority=====*/
.TPA_superiority{ padding-top: .60rem;}
.TPA_superiority .TPA_tit{ color:#ffffff;}
.superiority_swiper{ margin: -.15rem;}
.superiority_swiper .swiper-wrapper{ flex-wrap: wrap; align-items: stretch;}
.superiority_swiper .swiper-slide{ width: 25%; padding: .15rem;}
.superiority_block{ height: 100%; border: 1px solid #DCDCDC; background: rgba(255,255,255, .70); border-radius: 10px; padding: .40rem .30rem; -webkit-transition:all .6s ease; transition:all .6s ease;}
.superiority_ico{ max-width:70px; margin: 0 auto;}
.superiority_tit{ font-weight: 600; color: #C8161D;}
.superiority_des{ line-height: 22px; margin-top: .15rem;}
.superiority_block:hover{ background: rgba(255,255,255, 1);} 
/*=======TPA_works=====*/
.TPA_works{ padding-bottom: 1rem;}
.TPA_works .TPA_tit{ color:#ffffff;}
.TPA_works .case_block .case_tit i{ margin-top:0;}
.TPA_works .case_block{ background: #ffffff;}
.TPA_works .case_block .case_own{ /*line-height: 1.875;*/ margin-top: .20rem;}
.case_album{ max-width: 340px; margin-top: .40rem; }
.case_album:before{ content:""; position: absolute; top:-.13rem; left:.13rem; z-index: 2; width:.42rem; height: .42rem; background: url(../images/TPA_works_ico01.png) no-repeat; background-size: contain;}
.case_album .swiper-container{ background: #E5E5E5; border: 8px solid #FFFFFF;  box-shadow: 0 0 10px 0 rgba(0,0,0, .18);}
.case_album_img{ padding-top: 65.43%;} 
.case_album_img a:before{ content: "\e61c"; color: #ffffff; font-family:"iconfont"; font-size: 30px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 1;}
.case_album .swiper-pagination .swiper-pagination-bullet{ background: #ffffff!important;}

/*=======TPA_network=====*/
.TPA_network{ padding: .70rem 0; background-image: url(../images/TPA_bg05.jpg); background-position: center bottom;} 
.network_left{ width:69%; max-width: 950px; float:left; }
.network_box{ position: relative; width: 103.05%; float: right;}
.network_map{ display:block;}
.map_con{ }
.map_dot{ cursor: pointer; display: block; line-height: 24px; position: absolute; z-index: 1;}
.dot_name{}
.dot_name i{ display:inline-block; vertical-align: middle; position: relative; width: 19px; height: 19px; background: #c8161d; border-radius: 50%;}
.dot_name i:before{ content:""; position: absolute; top:6px; left:6px; width: 7px; height: 7px; background: #FFFFFF; border-radius: 50%;}
.dot_name em{ display:inline-block; vertical-align: middle; font-weight: bold; margin-left: 4px;}
.dot_con{ position: absolute; top:-35px; right:100%; z-index: 1; color: #A0482D; width:570px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all .6s ease; transition:all .6s ease;}
.dot_tit{ font-weight:600; position: relative; line-height: 30px; margin-bottom: 20px;}
.dot_line{ display: block; float:right; width: 0; height:1px; background: #A0482D; -webkit-transition:all .6s .2s ease; transition:all .6s .2s ease;}
.dot_des{ clear:both; width: 100%; line-height:1.50; padding-top: 10px;}
.beijing{ top: 35.30%; left: 62.30%;}
.shandong{ top: 44.90%; left: 65.45%;}
.jiangsu{ top: 53.40%; left: 68.05%;}
.shanghai{ top: 58.60%; left: 71.95%;}
.zhejaing{ top: 62.80%; left: 69.55%;}
.anhui{ top: 55.05%; left: 63.95%;}
.anhui .dot_name,
.hunan .dot_name,
.chongqing .dot_name{ display: flex; flex-wrap: wrap;  flex-direction: column-reverse;}
.anhui .dot_name em{ display:block; margin-left:0;}
.anhui .dot_name i{ display:block; margin:2px auto 0;}
.anhui .dot_con{ top:-15px;}
.anhui .dot_line{ margin-right:-6px;}
.hunan{ top: 57.40%; left: 57.60%;}
.hunan .dot_name em{ margin-left: -30px;}
.hunan .dot_con{ top:-15px;}
.chongqing{ top: 60.20%; left: 48.94%;}
.chongqing .dot_con{ top:-15px;}
.hubei{ top: 68.4%; left: 55.35%;}
.hubei .dot_name i{ display: block; }
.hubei .dot_name em{ display: block; margin-left: 10px; }
.hubei .dot_con{ top:-40px;}
.guizhou{ top: 72.25%; left: 47.40%;}
.guizhou .dot_name i{ display: block; }
.guizhou .dot_name em{ display: block; margin-left: 10px; }
.guizhou .dot_con{ top:-40px;}
.sichuan{ top: 61.25%; left: 38.8%;}
.yunnan{ top: 76.15%; left: 37.15%;}
.fujian{ top: 72.10%; left: 66.55%;}
.guangdong{top: 78.70%; left: 58.25%;} 
.map_dot:hover .dot_con{ opacity: 1; visibility: visible; pointer-events: all;}
.map_dot:hover .dot_line{ width:100%;}
/*china-map*/ 
#china_map{ width: 100%; height:7.50rem; }
/*network_right*/
.network_right{ width:30%; float:right; padding-top: 1.70rem;}
.network_head{ padding-bottom: .40rem; border-bottom: 1px solid #DCDCDC; margin-bottom: .30rem;}
.network_head .TPA_tit{ text-align: left; margin-bottom: .30rem;}
.network_head .TPA_forewords{ line-height: 1.50; font-weight: 600;}
.network_head .TPA_forewords em{ color:#C8161D;}
.network_head .TPA_forewords span:nth-child(3){ display: block;}
.network_head_pc{}
.network_head_phone{ display:none;}
.network_mation{}
.network_mation_tit{ font-weight: 600;}
.network_mation_des{ line-height: 1.875; margin-top: .10rem;}



/*====================================04 新闻媒体============================================================*/ 
.sub_wrap{ padding: 1rem 0;}
.news_wrap{ padding-top: 0!important;}
.news_list{ }
.news_block{ padding: .70rem 0; border-bottom: 1px solid #e5e5e5; position: relative;}
.news_block:first-child{ padding-top: 1rem;}
.news_block:before{ content:""; position:absolute; top:0; left:-200%; width: 500%; height: 100%; background: #f5f5f5; opacity: 0;}
.news_block:hover:before{ opacity: 1;}
.news_block dt, .news_block dd{ position: relative; z-index: 1;}
.news_block dt{ width: 40%; float:right; max-width: 430px; margin-left: 5%;} 
.news_block dt .img_box{ padding-top: 64.42%;}
.news_block:hover dt .img_box img{ transform: scale(1.20);}
.news_block dd{ overflow:hidden; max-width: 810px;}
.news_date{ display: block; float:left; line-height: 1; width: 25%;}
.news_date em{ display:block;}
.news_date i{ display:block; margin-top: .25rem;}
.news_text{ overflow:hidden;}
.news_item{}
.news_item a{ font-weight: 600; line-height:30px; max-height: 60px;}
.news_block:hover .news_item a{ color: #E30920;}
.news_over{ -webkit-line-clamp:3; line-height:30px; max-height: 90px; margin-top: .15rem;}
.news_look{ display:inline-block; position: relative; margin-top:.30rem; color: #E30920;}
.news_look:before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #E30920;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.news_block:hover .news_look:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
/*page*/
.page{ text-align: center; margin-top: .50rem;}
.page a{ display:inline-block; vertical-align: middle; margin: 1px; width: 38px; height: 36px; text-align: center; line-height: 36px; background: #E5E5E5;}
.page a:hover, .page a.active{ background: #C3151F; color:#ffffff;}
.page a.page_arrow{ background:none; color: #C9C9C9;}
.page a.page_arrow .iconfont{ font-size: 14px;}
.page a.page_arrow:hover{ color:#e30920;}
/*=======article_wrap=====*/
body.body_article main{ padding-top: 100px;}
body.body_article .guide_wrap{ background: #f5f5f5;}
.article_wrap{ padding: 1rem 0;}
.article_box{ max-width:1080px; margin: 0 auto;}
.article_top{ text-align:center; margin-bottom: .60rem;}
.article_tit{ font-weight: 500;}
.article_time{ margin-top: .30rem;}
.article_con{}
.article_con img, .article_con video{ height:auto!important;}
.article_bot{ margin-top: .70rem; background: #f2f2f2; line-height: 30px; padding: .24rem .26rem; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.article_bot a{ display:block; width: 40%;}
.article_bot a:nth-child(1) .iconfont,
.article_bot a:nth-child(3) .iconfont{ opacity: 0; visibility: hidden; font-size: 14px; font-weight: bold; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.article_bot a:nth-child(1):hover .iconfont{ opacity: 1; visibility:visible; margin-right: .06rem;}
.article_bot a:nth-child(3):hover .iconfont{ opacity: 1; visibility:visible; margin-left: .06rem;}
.article_bot a:nth-child(2){ color:#c9161d; text-align: right;}
.article_bot a:nth-child(2) .iconfont{ display: inline-block; vertical-align: middle; height: 30px; font-size: 28px; }
.article_bot a:nth-child(2) em{ opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.article_bot a:nth-child(2):hover em{ opacity: 1; visibility:visible; margin-left: .10rem;}
.article_bot a:nth-child(3){ text-align:right;}

/*====================================05 人才招聘============================================================*/ 
.talent_wrap{ background: url(../images/talent_03.jpg) center bottom no-repeat; background-size: cover;}
/*=======talent_post=====*/
.talent_post{} 
.post_list{ margin-top: .50rem;}
.post_block{ background: #F5F5F5; margin-bottom: .30rem;}
.post_block:last-child{ margin-bottom: 0;}
.post_head{ cursor: pointer; display:flex; align-items: center; justify-content: space-between; padding: .40rem .50rem;}
.post_item{ font-weight: 600;}
.post_look, .post_apply{ display:block; margin-left: auto; line-height: 30px;}
.post_look em, .post_apply em{ display: inline-block; position: relative; }
.post_look{ color:#666666;}
.post_look .iconfont, .post_apply .iconfont{ display: inline-block; vertical-align: middle; border-radius: 50%; text-align: center; line-height: 30px; width: 30px; height: 30px; margin-right: .10rem;}
.post_look .iconfont{ font-size:20px; color: #DCDCDC;}
.post_apply{ color: #D51729; display: none;}
.post_apply .iconfont{ background: #D51729; color: #ffffff; font-size: 18px;}
.post_apply em:before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #E30920;
  -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);
} 
.post_apply:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.post_head:hover .post_look{ color:#D51729;}
.post_head:hover .post_look .iconfont{ color:#D51729;}
.post_con{ padding: 0 .50rem; display: none;}
.post_over{ padding: .50rem 0; border-top:1px solid #DCDCDC;}
.post_block.active .post_head .post_look{ display: none;}
.post_block.active .post_head .post_apply{ display: block;}
/*=======talent_video=====*/
.talent_video{ margin-top: 1.30rem;}
.video_show{ height: 0; padding-top: 36.61%; min-height: 240px; overflow: hidden; position: relative; background:#000000;}
.video_show video{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; outline: none;}
.video_btn{ display: block; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; width: 80px; height: 80px; background: url(../images/talent_02.png) center center no-repeat; background-size: contain;  } 
.video_poster{ position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 1;}
.video_poster:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .25);}
.video_poster img{ display: block; width: 100%; height: 100%; object-fit: cover;}
/*=======talent_welfare=====*/
.talent_welfare{ margin-top: .80rem;} 
.welfare_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: .35rem -.15rem -.15rem;}
.welfare_list li{ width:50%; padding: .15rem;}
.welfare_block{ height: 100%; display:flex; flex-wrap: nowrap; align-items: center; background: #ffffff; border-image: 6px; padding: .40rem;}
.welfare_ico{ width:75px; margin-right: .30rem;}
.welfare_des{ flex:1 0 0;}

/*====================================06 联系我们============================================================*/ 
.contact_wrap{ }
.contact_top{ display:flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;}
.contact_top_left{ flex:1 0 0;}
.contact_top_left .about_tit, .contact_top_left .about_foreword{ text-align:left;}
.contact_ask{ display: block; position: relative; margin-left: auto; line-height: 48px; height: 52px; border-radius: 26px; background: #CD1B23; border:2px solid #CD1B23; color: #ffffff; padding: 0 .32rem;}
.contact_ask i{display: inline-block; vertical-align: middle; margin-right: .14rem; width:38px; height: 32px; background: url(../images/contact_ico01a.png) no-repeat; background-size: contain; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.contact_ask:hover{ background: #ffffff; color: #CD1B23;}
.contact_ask:hover i{ background-image: url(../images/contact_ico01b.png);}
.contact_ask_more{ position:absolute; bottom: 100%; left:0; z-index: 1; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.contact_ask_more_inner{ padding-bottom: .10rem; box-shadow:0 0 10px 0 rgba(0,0,0, .10); text-align: center; font-size: 14px; color:#333333; line-height: 1.72; margin-bottom: .20rem;}
.contact_ask_more_inner img{ display:block; margin: 0 auto;}
#contact_ask_pc:hover .contact_ask_more{ opacity: 1; visibility: visible; pointer-events: all;}
#contact_ask_pc{ }
#contact_ask_phone{ display:none;}
/*contact_mation*/
.contact_mation{ margin-top: .35rem; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.mation_block{ background: #FFFFFF; border: 1px solid #E5E5E5; padding: .35rem; margin-top: .35rem; text-align: center; width: 31.70%; -webkit-transition:box-shadow 600ms ease; transition:box-shadow 600ms ease;}
.mation_block:hover{ box-shadow: 7px 8px 24px 0px rgba(0, 0, 0, 0.06);}
.mation_ico{ max-width: 120px; margin: 0 auto;}
.mation_text{ margin-top: .20rem; line-height: 22px;}
.mation_tit{}
.mation_des{ margin-top: .10rem;}
.mation_block:nth-child(2) .mation_des{ font-size: 24px; font-weight: 600;}
/*contact_partition*/
.contact_partition{ margin-top: .80rem;}
.partition_swiper{}
.partition_thumbs{ position: relative; background: #C7161E; text-align: center;}
.partition_thumbs .swiper-slide a{ display:block; cursor: pointer; line-height: 70px; color:#ffffff; border-left:1px solid rgba(255,255,255, .20);}
.partition_thumbs .swiper-slide:first-child a{ border-left:none;} 
.partition_thumbs .swiper-slide-thumb-active a{ background: #AD171E;}
.partition_show{ background: #f6f6f6; padding: .50rem 0;}
.partition_over{ position: relative; padding: 0 .50rem; max-height: 490px; overflow: hidden;}
.partition_over .mCustomScrollBox{ position: static;}
.partition_list{ display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin-top: -.50rem;}
.partition_block{ width:45%; margin-top: .50rem;}
.partition_tit{ font-weight: 500; padding-bottom: .10rem; border-bottom: 1px solid #DCDCDC;}
.partition_tit .iconfont{ display:inline-block; vertical-align: middle; line-height: 1; color: #D42233; font-size: 32px; margin-right: .10rem;} 
.partition_text{ line-height: 22px; margin-top: .20rem;}
.partition_swiper .swiper_arrow div{ width:30px; height: 100%; top:0; margin-top: 0; color: #ffffff;} 
.partition_swiper .swiper_arrow div:after{ font-size: 20px;}
.partition_swiper .swiper_arrow div.swiper-button-prev{ left:0;}
.partition_swiper .swiper_arrow div.swiper-button-next{ right:0;}

/*publicBg*/
.publicBg{ background: center top no-repeat; background-size: cover;}
.about_publicBg{ background-image:url(../images/about_bg01.jpg);}
.TPA_publicBg{ background-image: url(../images/TPA_bg07.jpg);}
.industry_publicBg01{ background-image: url(../images/industry_pubicBg01.jpg);}
.industry_publicBg02{ background-image: url(../images/industry_pubicBg02.jpg);}