@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: "AkzidenzGroteskBQ";
  src: url("../fonts/akzidenzgroteskbq-mdcndalt.woff2") format("woff2"),
       url("../fonts/akzidenzgroteskbq-mdcndalt.woff") format("woff"),
       url("../fonts/akzidenzgroteskbq-mdcndalt.ttf") format("truetype"),
       url("../fonts/akzidenzgroteskbq-mdcndalt.eot") format("embedded-opentype"),
       url("../fonts/akzidenzgroteskbq-mdcndalt.svg") format("svg");
} 
html,body {  
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
} 
html{
	font-size:100px;
}
body {
    font-family:'Noto Sans SC', Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';
    font-size: 14px;
	line-height: 1.72;
    color: #333;
    background: #fff;
	font-weight: 400;
	overflow-x: 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: '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-"]{ background-image: none; width: 40px; height: 40px; line-height: 38px; text-align: center; background: #ffffff;} 
.swiper_arrows div[class*="swiper-button-"]{ border:1px solid #7D7D7D; color: #7D7D7D; border-radius: 50%;}
.swiper_arrows div[class*="swiper-button-"] .iconfont{ font-size: 16px;}
.swiper_arrows div[class*="swiper-button-"]:hover{ background: #e30920!important; border-color:#e30920!important; color: #ffffff!important;}  

/*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 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========================*/ 
.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)
	}
}   

/*=======load======*/  
.load {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5000;
	background: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;   
	/*display:none;*/
	
}  
.load_icon {
	width: 235px; 
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-100%);
}
.load_logo {
	background: url(../images/logo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 100%;
	height: 80px;
	margin-bottom: .15rem
}
.load_heng {
	height: .10rem;
	width: .85rem;
	background: #e30920;
	margin: 0 auto;
	-webkit-animation: loadi1 2s ease-out infinite;
	animation: loadi1 2s ease-out infinite;
	transform-origin: left top
}
@-webkit-keyframes loadi1 {
	0% {
		transform:scale(1);
		transform-origin:right top
	}
	20% {
		transform:scaleX(0);
		transform-origin:right top
	}
	30% {
		transform:scaleX(0);
		transform-origin:left top
	}
	50% {
		transform:scale(1);
		transform-origin:left top
	}
	to {
		transform:scale(1);
		transform-origin:left top
	}
}
@keyframes loadi1 {
	0% {
		transform:scale(1);
		transform-origin:right top
	}
	20% {
		transform:scaleX(0);
		transform-origin:right top
	}
	30% {
		transform:scaleX(0);
		transform-origin:left top
	}
	50% {
		transform:scale(1);
		transform-origin:left top
	}
	to {
		transform:scale(1);
		transform-origin:left top
	}
}
/*===================header========================*/
.sidebar{ position: fixed; top:0; left:0; transform: translateX(-100%); z-index:1004; width:100px; max-width: 1044px; height: 100%; background: #be1b28; color: #ffffff; -webkit-transition:all 600ms ease; transition:all 600ms ease; display: none;} 
.sidebar a{ color: #ffffff;}
.sidebar.active{ transform: translateX(0);}
/*sidebar_header*/
.sidebar_header{ float:right; position: relative; width:100px; height: 100%; background: #e30920; text-align: center;}
.sidebar_logo{ opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.sidebar_logo a{ display:block;}
/*menu_phone*/
.menu_phone{ float:right!important;}
.menu_phone span{ display:inline-block; vertical-align: middle; width: 30px; height:30px; position:relative;}
.menu_phone i{ display: block; width: 100%; height: 2px; background: #E30920!important; 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 { float:none!important; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#menu_open i{ background: #ffffff!important;}
#menu_mobile{}
/*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; left: 65px; z-index: 9; width: 140px; border: 1px solid #d2d2d2; background-color: #ffffff; padding: 15px;
  opacity: 0; visibility: hidden;
  -webkit-transition: all .45s ease;
     -moz-transition: all .45s ease;
      -ms-transition: all .45s ease;
       -o-transition: all .45s ease;
          transition: all .45s 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.30rem; }
.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; position: relative; display: flex; flex-wrap: wrap; height: 100%; padding: 12% 12% 7%; opacity: 0; visibility: hidden; transform: translateX(-50%); -webkit-transition:all 600ms 200ms ease-in-out; transition:all 600ms 200ms ease-in-out;}
.sidebar_language{ position: absolute; z-index: 2; top: 13.50%; right:6%; font-size: 20px;}
.sidebar_language a{ display:inline-block; position: relative; padding: 0 5px;}
.sidebar_nav{ position: relative; margin: -.20rem 0; width:50%;} 
.sidebar_nav>li>a.s_a0{ display:block; line-height: 1.50; padding: .20rem 0;}
.sidebar_nav>li>a.s_a0>em{ display:inline-block; position: relative;}
.sidebar_nav>li>a.s_a0>em:before,
.sidebar_language a: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);
} 
.sidebar_nav>li:hover>a.s_a0>em:before,
.sidebar_nav>li.current>a.s_a0>em:before,
.sidebar_language a:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.sidebar_nav>li>.s_subclass{ position: absolute; top:0; left: 99%; padding: .20rem 0; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.sidebar_nav>li>.s_subclass>li>a{ display: block; position: relative; line-height: 24px; padding: .10rem 0; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.sidebar_nav>li>.s_subclass>li>a:before{ content: "\e644"; font-family: "iconfont"; font-size: 12px; position: absolute; top:50%; right:104%; margin-right: 6px; transform: translateY(-50%); opacity: 0;}
.sidebar_nav>li>.s_subclass>li>a:hover{ }
.sidebar_nav>li>.s_subclass>li>a:hover:before{ opacity: 1; right:100%;}
.sidebar_nav>li:hover>.s_subclass,
.sidebar_nav>li.current>.s_subclass{ opacity: 1; visibility: visible; pointer-events: all;}
.sidebar_notice{ position: absolute; bottom:7%; left:12%; width: 114px; text-align: center;}
.sidebar_notice img{ display:block; margin-bottom: .10rem;}
/*.sidebar.open*/
.sidebar.open{ width: 70%;}
.sidebar.open .sidebar_logo{ padding: .40rem 0; opacity: 1; visibility: visible; pointer-events: all;}
.sidebar.open .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; background: #ffffff; border-bottom: 1px solid #e5e5e5; -webkit-transition: top 600ms ease; transition: top 600ms ease;} 
.header_wrap.scollfox{ top: -100px; } 
body.up .header_wrap.scollfox{ top: 0; }
.header_inner{ display:flex; flex-wrap:nowrap; padding: 0 2.60% 0 1.56%;} 
/*=========logo && nav_list && header_func =========*/  
/*logo*/  
.logo{float:left;}  
.logo a{ display:inline-block; vertical-align: top; position: relative;}
.logo a img{ vertical-align: middle; height: 50px; width: auto;} 
/*nav_list*/ 
.nav_list{float:left; margin-left: auto;}
.nav_list>li{ float:left; padding: 0 .25rem;}
.nav_list>li>a{ display:block; position: relative;}  
.nav_list>li:hover>a,
.nav_list>li.current>a{ color: #e30920;}
.nav_list>li>a{ display:block; position: relative;} 
.nav_list>li>a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 2px;
  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);
} 
.nav_list>li:hover>a:before,
.nav_list>li.current>a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}   
.n_subclass{ position:absolute; top: 100%; margin-top: -1px; left: 0; z-index: 2; width: 100%; background: #ffffff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; line-height: 1.72; padding: .35rem 2.60% .35rem 1.56%; display: flex; align-items: center; box-shadow: 0px 30px 57px 0px rgba(0, 0, 0, 0.18); opacity: 0; visibility: hidden; pointer-events: none;}  
.n_subclass_tit{ float:left; width: 27%; padding-right: 5%; text-align: right;}
.n_subclass_link{ flex:1 0 0; overflow:hidden; padding-left: 3.50%; border-left: 1px solid #e5e5e5; font-size: 14px; display:flex; flex-wrap: wrap; align-items: stretch;} 
.n_subclass_link>li{ width:20%; margin-top: .20rem;}
.n_subclass_link>li:nth-child(1),.n_subclass_link>li:nth-child(2),.n_subclass_link>li:nth-child(3),.n_subclass_link>li:nth-child(4),.n_subclass_link>li:nth-child(5){ margin-top:0;}
.n_subclass_link>li>a{ display:block; } 
.n_subclass_third{ margin-top: .15rem; line-height: 30px;}
.n_subclass_third>a{ display:block; color: #999999; } 
.n_subclass_third>a:hover{ color:#666666;}
.nav_list li:hover .n_subclass{ opacity: 1; visibility: visible; pointer-events: all;}   
/*=====header_func====*/
.header_func{ float:right; }
.func_menu{ cursor: pointer; display:block; float: left; margin-left: .50rem;}
.func_menu .iconfont{ vertical-align: bottom; font-size: 22px; font-weight: bold; margin-right: .10rem;}  
/*menu_mobile*/
#menu_mobile{ display:none;}
/*menu_labs*/ 
/*.menu_labs{ float:right;}*/
.menu_labs img{ vertical-align: middle; height: 28px; width:auto;}
/*menu_search*/ 
.menu_search{ } 
.menu_search.active{ color: #e30920;}
.search_cover{ position: fixed; top:100px; margin-top: -1px; left:0; z-index: 1; width: 100%; background: #f5f5f5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding: .50rem 15px .80rem; display: none;} 
.search_inner{ padding: 0 2.60%;} 
.search_form{ max-width: 800px; margin: 0 auto; position: relative;}
.search_txt{ display: block; border-bottom: 1px solid #333333; width: 100%; height: 50px; color: #333333; }
.search_btn{ cursor: pointer; position: absolute; top:0; right: 0; z-index:1; width:50px; height: 50px; }  
.search_btn .iconfont{ font-size: 22px; font-weight: bold; }
.search_btn:hover{ color: #e30920;}  
/*menu_tel*/
.menu_tel{ font-size: 24px; font-family: "AkzidenzGroteskBQ"; font-weight: bold;}
/*menu_language*/
.mobile_menu_section_language{ display:none;}
.menu_language{}  
/*mobile_menu*/
.mobile_menu{  
	position: absolute;
    width: 86vw;
     height: -webkit-calc(100vh - 79px); height: calc(100vh - 79px);
	max-width: 440px;
    right: 0;
    top: 100%;
    visibility: hidden; 
	opacity: 0;
	pointer-events: none;
    z-index: 1;  
    font-size: 16px;  
	line-height: 1.72;
	-webkit-transition:all 600ms ease; transition:all 600ms ease;
} 
.mobile_menu:before{ content:""; position: absolute; top:0; right:0; width: 150vw; height: 100vh; background: rgba(0,0,0, .30);}
.icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    fill: currentColor;
    vertical-align: middle;
    background: 0 0;
    pointer-events: none;
    overflow: visible;
} 
.icon_borderless{   
    position: absolute;
    bottom: 100%;
	right: 10px; 
    width: 12px;
    height: 12px; 
    z-index: 2;
    transition: .2s ease-in-out;
    border: 0;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
	background: #fff;
    -webkit-transform: translate(-50%, 6px) rotate(-45deg);
    -ms-transform: translate(-50%, 6px) rotate(-45deg);
    -o-transform: translate(-50%, 6px) rotate(-45deg);
    transform: translate(-50%, 6px) rotate(-45deg);
}
.icon_borderless:after {
    position: absolute;
    left: 0;
    top: 0;
	z-index: 1;
    width: 20px;
    height: 1px;
    content: ''; 
    background-color: #ffffff;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
} 
.mobile_menu_inner { position: absolute; top:0; left:100%; width: 100%; height: 100%; overflow: hidden; background: #ffffff; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; -webkit-transition:left 600ms ease; transition:left 600ms ease; } 
.mobile_menu.active{ opacity: 1; visibility: visible; pointer-events: all; } 
.mobile_menu.active .mobile_menu_inner{ left:0;}
.mobile_menu_section{
	overflow: hidden;
    padding: 16px 20px;
} 
.mobile_menu_section:not(:last-child) {
    border-bottom: 1px solid #e7e2de;
} 
.mobile_menu_language .iconfont{ vertical-align: bottom; font-size: 22px; font-weight: bold; margin-right: .10rem;}
.mobile_menu_section_nav{ 
	padding:0;
	border:none!important;
}
.mobile_menu_nav{ 
	overflow: hidden;
}
.mobile_menu_nav_item{
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}
.mobile_menu_nav_link {
	cursor: pointer; 
    width: 100%; 
	position: relative;
}  
.mobile_menu_nav_link>a{
	display:block;
	padding: 10px 10px 10px 20px;
	margin-right: 60px;
}
.mobile_menu_nav_link>.icon_jian_right{
	display: block; 
	cursor: pointer;
	 width: 60px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; 
	font-size:13px;
	font-weight: bold;
	border-left: 1px solid #e5e5e5;
} 
.mobile_menu_section_title{ text-transform: uppercase; margin-bottom: .30rem; font-size: 16px; font-weight: 500; }
.mobile_menu_help{}
.mobile_menu_help li{
	display: flex;
    align-items: center;
	margin-bottom:.15rem;
}
.mobile_menu_help:last-child{
	margin-bottom: 0;
}
.mobile_menu_help li .iconfont{ font-size: 22px; font-weight: bold; margin-right: .10rem; }
.mobile_menu_social{ 
    margin: -5px 0;
}
.mobile_menu_social .st_btn{
    display: block;
	position: relative;
    margin-bottom: 10px;
}
.mobile_menu_social .st_btn .iconfont{
	display: inline-block; vertical-align: middle; 
	width: 36px; 
	height: 36px; 
	line-height: 36px; 
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	background: #949291;
    color: #ffffff;
	margin-right: .10rem;
	transition: background .25s ease-in-out; 
}
.mobile_menu_social .st_btn[data-network='Eamil'] .iconfont{
  background-color: #b0b0b0;
}
.mobile_menu_social .st_btn[data-network='linkedin'] .iconfont {
  background-color: #38beef;
}
.mobile_menu_social .st_btn[data-network='wechat'] .iconfont{
  background-color: #4ec034;
}
.mobile_menu_social .st_btn[data-network='Telephone'] .iconfont{
  background-color: #e63d39;
}
.mobile_menu_social .st_btn[data-network='wechat'] .st_more {
  position: absolute;
  top: 0; 
  right: 0;
  width: 100px; 
}

.mobile_menu_panel{
    position: absolute;
	width: 100%;
    height: 100%;
    background: #fff;
	overflow: hidden;
    overflow-y: auto; 
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
    transition: visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
}
.mobile_menu_panel.is_nested { 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.mobile_menu_panel.is_open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
}
.mobile_menu_section.is_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}
.mobile_menu_section_headline{
	display: flex;  
}
.mobile_menu_back{
	cursor: pointer;
    display: block;  
}
.mobile_menu_tit{
	display: block;
	flex: 1 0 0;
	text-align: center;
	opacity: .70;
}
.mobile_menu_back .iconfont{
	font-size:12px;
	font-weight: bold;
	vertical-align: baseline;
	margin-right: 5px;
}
.mobile_menu_section_subclass{
	padding:0;
}  
/*body_index*/
.body_index .sidebar{ display:block;}
.body_index .header_wrap{ background: none; border-color:transparent; padding-left: 100px;}
.body_index .header_wrap.scollfox{ top:0!important;}
.body_index .header_inner{ padding: 0 2.60%;}
.body_index .nav_list{ display: none;}
.body_index .header_func{ margin-left: auto;}
/*.body_index .menu_labs{ float:left;} */

/*footer*/
footer{ background: #f7f7f7;}
footer .inner{ max-width:1240px; display:flex; flex-wrap: wrap;}
.footer_top{ padding: .60rem 0 .40rem;} 
.footer_logo{ float:left; margin-right: 5%;}
.footer_logo img{ display:block; height: 50px; width:auto;}
.footer_nav{ flex:1 0 0; margin-left: auto; max-width: 740px; display:flex; align-items: stretch; justify-content: space-between;}
.footer_nav:after{ display:none;}
.footer_nav_block{}
.footer_nav_tit{ position: relative; line-height: 30px;}
.footer_nav_tit a{ display:block; font-weight: 500; color: #e30920;}
.footer_nav_tit .icon_jiahao{ position: absolute; top:50%; right:0; transform: translateY(-50%); width:40px; height: 30px; text-align: center; border-left:1px solid #e5e5e5; display: none;}
.footer_nav_block.active .footer_nav_tit .icon_jiahao:before{ content: "\eaf5";}
.footer_nav_collapsible{ margin-top: .20rem;}
.footer_nav_linklist{}
.footer_nav_linklist li a{ display:block; line-height: 30px;}
.footer_bot{ border-top:1px solid #E4E4E4; padding: .22rem 0; display:flex; flex-wrap: wrap;}
.footer_copyrights{ float:left;}
.footer_share{ margin-left:auto;}
.footer_share .fs_btn{ cursor: pointer; display: inline-block; vertical-align: middle; margin-left: .10rem; position: relative; }
.footer_share .fs_btn .iconfont{ display: block; font-size: 20px; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius:50%; color: #ffffff; -webkit-transition: all .45s!important; transition: all .45s!important;}
.footer_share .fs_btn:hover .iconfont{ -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75;}
.footer_share .fs_btn[data-network='wechat'] .iconfont{ background-color: #4ec034; } 
.footer_share .fs_btn[data-network='wechat'] .fs_more{ position: absolute; bottom: 130%; left:50%; transform: translateX(-50%); width: 100px; opacity: 0; visibility: hidden; pointer-events: none; box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.15);
  -webkit-transition: all .45s;
     -moz-transition: all .45s;
      -ms-transition: all .45s;
       -o-transition: all .45s;
          transition: all .45s; 
}
.footer_share .fs_btn[data-network='wechat'] .fs_more img{ display:block; margin: 0 auto;}
.footer_share .fs_btn[data-network='wechat']:hover .fs_more { right: 100%; opacity: 1; visibility: visible; pointer-events: all;}


/*st-2*/
#st_2 {
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  backface-visibility: hidden;
  display: block;
  position: fixed;
  opacity: 1;
  text-align: left;
  top: 60%;
  z-index: 999;
}
#st_2.st_right {
  right: 0px;
}
#st_2.st_hidden.st_right {
  right: -48px;
}
#st_2.st_hidden {
  width: 96px;
}
.follow_menu{}
.follow_menu > div,
.follow_menu > a {
  clear: right;
  float: right;
}
.follow_menu .st_btn {
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  cursor: pointer;
  display: block;
  height: 48px;
  line-height: 24px;
  margin-bottom: 0;
  opacity: 1;
  padding: 14px;
  position: relative;
  text-align: left;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
  width: 48px;
	color: #ffffff;
}
.follow_menu .st_btn > .iconfont {
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  height: 20px;
  margin-left: 0;
	display: inline-block;
  vertical-align: top;
  width: 20px;
	font-size:20px;
} 
.follow_menu .st_toggle {
  right: -48px;
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  background: #ccc;
  border-bottom-left-radius: 4px;
  color: white;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 48px;
}
.follow_menu.st_hidden .st_toggle {
  border-top-left-radius: 4px;
}
.follow_menu.st_right .st_toggle .st_right {
  display: inline-block;
}
.follow_menu.st_right.st_hidden .st_toggle .st_right {
  display: none;
}
.follow_menu.st_right .st_toggle .st_left {
  display: none;
}
.follow_menu.st_right.st_hidden .st_toggle .st_left {
  display: inline-block;
}
.follow_menu:hover .st_toggle {
  right: 0;
}
.follow_menu.st_hidden:hover .st_toggle {
  right: 48px;
}
.follow_menu.st_toggleable:hover .st_btn.st_last {
  border-bottom-left-radius: 0;
}
.follow_menu.st_toggleable:hover .st_btn.st_last:hover {
  border-bottom-left-radius: 4px;
}
.follow_menu .st_btn  .st_label {
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  left: -35px;
  letter-spacing: 0.5px;
  opacity: 0;
  font-size: 16px;
  padding: 0 6px;
  position: relative;
  top: -2px;
  vertical-align: top;
  filter: alpha(opacity=0);
}
.follow_menu .st_btn[data-network='Eamil'] {
  background-color: #b0b0b0;
}
.follow_menu .st_btn[data-network='linkedin'] {
  background-color: #38beef;
}
.follow_menu .st_btn[data-network='wechat'] {
  background-color: #4ec034;
}
.follow_menu .st_btn[data-network='Telephone'] {
  background-color: #e63d39;
}
.follow_menu .st_btn[data-network='Eamil']:hover {
  width: 270px;
}
.follow_menu .st_btn[data-network='linkedin']:hover {
  width: 130px;
}
.follow_menu .st_btn[data-network='wechat']:hover {
  width: 130px;
}
.follow_menu .st_btn[data-network='Telephone']:hover {
  width: 160px;
}
.follow_menu .st_btn[data-network='wechat']:hover .st_more {
  right: 138px;
  opacity: 1;
  visibility: visible;
}
.follow_menu .st_btn[data-network='wechat'] .st_more {
  position: absolute;
  top: 0;
  display: block;
  right: 130px;
  width: 100px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .45s;
     -moz-transition: all .45s;
      -ms-transition: all .45s;
       -o-transition: all .45s;
          transition: all .45s;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.15);
}
.follow_menu .st_btn:hover > .st_label {
  opacity: 1;
  display: inline-block;
  left: 0;
  filter: alpha(opacity=100);
}
@media (max-width: 991px) {
  #st_2 {
      display: none;
  }
}
/*====================================01 index============================================================*/ 
.index_sec{ background: 50% 0 no-repeat; background-size: cover; overflow: hidden; /*padding-top: 100px;*/ padding-left: 100px;}
/*.index_sec_inner{ padding: 0 2.60%;}*/
.index_sec_range{ margin: 0 auto; max-width:1500px;}
.index_sec_top{ display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: .50rem;}
.index_sec_tit{ width:100%; line-height: 1;}
.index_sec_tit em{ display:block; line-height: .90; font-weight: 300; color: #e30920;}
.index_sec_tit i{ display:block; font-weight: 600; margin-top: .20rem; color: #333333;}
.sec_more{ display: block; overflow: hidden; position: relative; background: #e30920; border:1px solid #e30920; color: #ffffff; border-radius: 6px; text-align: center; text-transform: uppercase; width: 150px; height: 50px; line-height: 48px;}
.sec_more:before{ content:""; position: absolute; bottom: 100%; left: 0%; transform: scale(0); width: 200px; height:200px; border-radius: 50%; background: #ffffff; } 
.sec_more em{  position: relative; z-index: 1;}
.sec_more:hover{ color: #e30920;}
.sec_more:hover:before{ transform: scale(2);}
/*=======index_focus=====*/
.index_focus{ position: relative;} 
.index_focus .index_sec_range{ max-width: 1560px;}
.focus_map{ position: relative; width: 85%; padding-left: 15px; max-width: 1465px; float:right;}
.focus_map_pc{ display:block;}
.focus_map_phone{ display:none;}
.map_block{ cursor: pointer; position:absolute; width: 66px; height: 82px;}
.map_dot{ display:block; width: 100%; height: 100%; position:absolute;}
.map_dot:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 200%; pointer-events: none;}
.map_dot i{ display:block; position: relative; z-index: 1; width: 100%; height: 100%; -webkit-transition: all 600ms ease;  transition: all 600ms ease;}
.map_dot i:after{ content: ''; position: absolute; top:0; left:0; z-index: 2; width: 100%; height: 100%; background: url(../images/map_dot.png) center bottom no-repeat; background-size: 63.64%; pointer-events: none;}
.map_dot i::before {
	 content: '';
    position: absolute;
    display: block; 
    width: 250%;
    height: 201.23%;
    margin-left: -80%;
    margin-top: -50%;
    border-radius: 50%;
    background: rgba(255,255,255, .90);
	pointer-events: none;
    -webkit-animation: pulse-ring 3.5s cubic-bezier(.215,.61,.355,1) infinite;
    animation: pulse-ring 3.5s cubic-bezier(.215,.61,.355,1) infinite;
}
#beijing .map_dot i::before{
  -webkit-animation: pulse-ring 4s cubic-bezier(.215,.61,.355,1) infinite;
  animation: pulse-ring 4s cubic-bezier(.215,.61,.355,1) infinite;
}
#chongqing .map_dot i::before{
  -webkit-animation: pulse-ring 4.2s cubic-bezier(.215,.61,.355,1) infinite;
  animation: pulse-ring 4.2s cubic-bezier(.215,.61,.355,1) infinite;
}
#boshidun .map_dot i::before{
  -webkit-animation: pulse-ring 4.6s cubic-bezier(.215,.61,.355,1) infinite;
  animation: pulse-ring 4.6s cubic-bezier(.215,.61,.355,1) infinite;
}
#xuchang .map_dot i::before{
  -webkit-animation: pulse-ring 5s cubic-bezier(.215,.61,.355,1) infinite;
  animation: pulse-ring 5s cubic-bezier(.215,.61,.355,1) infinite;
} 
@-webkit-keyframes pulse-ring {
    0% {
        -webkit-transform: scale(.33);
        transform: scale(.33);
    }
    100%, 80% {
        opacity: 0;
    }
}
@keyframes pulse-ring {
    0% {
        -webkit-transform: scale(.33);
        transform: scale(.33);
    }
    100%, 80% {
        opacity: 0;
    }
}
.map_dot em{ display:inline-block; border-radius: 3px; background: rgba(0,0,0, .80); color: #ffffff; line-height: 30px; /*min-width: 50px;*/ width:auto; white-space:nowrap; padding: 0 9px; position:absolute; z-index: 1; }
.map_dot .icon_jiahao{ display:none; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 33px; height: 33px; text-align: center; line-height: 33px;}
.map_mation{ position:absolute; top:100%; right:0; z-index: 13; background: #ffffff; box-shadow:0 10px 10px 0 rgba(0,0,0, .30); padding:15px; width: 334px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.focus_swiper{ position:relative; margin-bottom: .15rem;}
.focus_swiper .img_box{ padding-top: 73.03%; }
.focus_swiper .swiper-pagination-bullet{ background: #ffffff!important;}
.map_block:hover .map_dot:before,
.map_block.active .map_dot:before{ pointer-events: all;}
/*.map_block:hover .map_dot i,
.map_block.active .map_dot i{ background-size: 100%;}*/
.map_block.active .map_mation{ opacity: 1; visibility: visible; pointer-events: all;}
.map_block.active .map_dot .icon_jiahao:before{ content: "\eaf5";}
/*city_line*/
.city_line{ position: absolute;}
.city_line01{ width: 63.140%; height: 31.015%; top: 16.15%; left: 16%;/* width: 53.106%; height: 27.537%; top: 16.15%; left: 25.00%; */ }  
.line_change{ background: left top no-repeat; background-size:cover; height: 100%; transition: all 1.5s 0.2s linear; width: 0%;}
.city_line01 .line_change{ background-image: url(../images/map_line01.png);}
.city_line02{ width: 61.844%; height: 40.290%; top: 4.65%; left: 16.75%; /* width: 53.448%; height: 38.552%; top: 4.65%; left: 24.85%; */} 
.city_line02 .line_change{ transition: all 1.5s 0.4s linear; background-image: url(../images/map_line02.png);}
.city_line03{ width: 60.274%; height: 36.234%; top: 9.65%; left: 15.85%; } 
.city_line03 .line_change{ transition: all 1.5s 0.6s linear; background-image: url(../images/map_line03.png);}
.city_line04{ width: 60.478%; height: 45.944%; top: 0; left: 15.85%; } 
.city_line04 .line_change{ transition: all 1.5s 0.6s linear; background-image: url(../images/map_line04.png);}
.my_move02{
	-webkit-animation: 1s .2s move02 both;
	animation: 1s .2s move02 both;
}
@-webkit-keyframes move02 {
	0%{ width:0%; }
	100%{ width:100%;}
}
@keyframes move02 {
	0%{ width:0%; }
	100%{ width:100%;}
} 
/*beijing*/
#beijing{ top: 34%; right: 19.10%; z-index: 3;}
#beijing .map_dot em{ bottom: 69%; left: 21%;}
/*xuchang*/
#xuchang{ top: 37.35%; right: 21.20%;}
#xuchang .map_dot em{ top: 81%; left: 73%;}
/*chongqing*/
#chongqing{ top: 41.05%; right: 24.15%;}
#chongqing .map_dot em{ bottom: 60%; right: 108%;}
/*boshidun*/
#boshidun{ top: 41.8%; left: 12.70%;}
#boshidun .map_dot em{ right: 94%; top: 43%;}
/*jiazhou*/ 
#jiazhou{ top: 38.70%; left: 14.30%;}
#jiazhou .map_dot em{ left: 78%; top: 19%;}
/*focus_text*/
.focus_text{ position: absolute; bottom: 7%; left:0; width: 100%; z-index: 1; padding-left: 100px;}
.focus_tit{ font-weight: 500;}
.focus_tit span{ display:block; line-height: 1.03;}
.focus_tit em{ display:block; line-height: 1.03; margin-top: .10rem;}
.focus_tit em b{ color:#e30920;}
.focus_tit i{ display:block; text-transform:uppercase; margin-top: .10rem;}

/*=======index_service=====*/
.index_service{}  
.index_service .index_sec_range{ max-width: 1560px;}
.index_service .index_sec_tit{ text-align: center;}
.service_swiper{} 
/*service_thumbs*/
.service_thumbs{ position: relative; margin: -10px -10px 0;}
.service_thumbs .swiper-container{ padding: 10px 10px 0;}
.service_thumbs .swiper-wrapper{ align-items: stretch;}
.service_thumbs .swiper-slide{ height:auto; padding-top: 5px;}
.service_thumbs .swiper-slide a{ display:block; height: 100%; padding: .10rem 0 .15rem;}
.service_ico{ max-width: 55px; margin: 0 auto;}
.service_ico img{ -webkit-transition:opacity 600ms ease; transition:opacity 600ms ease; }
.service_ico img:nth-child(2){ opacity:0;}
.service_tit{ text-align: center; line-height: 20px; margin-top: .07rem;}
.service_thumbs .swiper-slide-thumb-active a{ background: #ffffff; box-shadow: 0 0 10px 0 rgba(49, 49, 49, 0.14); color: #e30920;}
.service_thumbs .swiper-slide-thumb-active .service_ico img:nth-child(1){ opacity:0;}
.service_thumbs .swiper-slide-thumb-active .service_ico img:nth-child(2){ opacity:1;}
/*service_show*/
.service_show{/* margin-top: .30rem;*/ background: #ffffff; box-shadow: 9px 10px 43px 0px rgba(49, 49, 49, 0.14);}
.service_block{ display:flex; flex-wrap: wrap; align-items: stretch;}
.service_img{ width: 50%;}
.service_img .img_box{ padding-top: 66.667%;}
.service_mation{ flex: 1 0 0; overflow:hidden; padding: 5%;}
.service_over{ max-width: 560px; margin: 0 auto;}
.service_item{ font-weight: 600; padding-bottom: .20rem; border-bottom: 1px solid #DCDCDC;}
.service_des{ line-height: 30px; max-height: 120px; -webkit-line-clamp:4; margin-top: .20rem;}
.service_sort{ margin: .20rem -.26rem -.10rem; display:flex; flex-wrap: wrap;}
.service_sort li{ padding:.10rem .26rem;}
.service_sort li a{ display:block; position: relative; font-weight: 600;} 
.service_sort li a:before,.service_sort li a:after{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 4px;
  left: 0;
  background: #333333;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.service_sort li:hover a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.service_sort li a:after{
	background: #e30920;
	-webkit-transform-origin: left top;
    transform-origin: left top; 
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.service_sort li:hover a:after{
  -webkit-transform-origin: right top;
  transform-origin: right top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.service_more{ margin-top: .50rem;}
/*.service_show .swiper-slide.slide4 .service_sort,
.service_show .swiper-slide.slide7 .service_sort,
.service_show .swiper-slide.slide8 .service_sort,
.service_show .swiper-slide.slide9 .service_sort{ display:none;}*/

/*=======index_about=====*/
.index_about{ }
.index_about .fp-tableCell{ vertical-align: top!important; padding-top: 100px!important;}
.index_about .inner{ padding-top: .60rem;}
.index_about .index_sec_top{ float:left; margin-right: 6%;}
.about_more{ margin-top: 1rem;}
.about_mation{ overflow: hidden;}
.about_over{ width:100%; max-width: 940px; float:right;}
.about_tit{ font-weight: 600;}
.about_des{ line-height: 30px; max-height: none; height: 120px; -webkit-line-clamp:4; margin-top: .15rem;}
.about_data{ display:flex; flex-wrap: wrap; justify-content: space-between; margin: .40rem -.10rem -.10rem;}
.about_data li{ padding: .10rem;}
.about_data li span{ display:block; line-height: 1; font-weight: bold; color: #e30920;}
.about_data li span em{ line-height: .90;}
.about_data li span sup{ vertical-align: top; margin-left: .10rem;}
.about_data li p{ line-height: 24px; margin-top: .10rem;}
/*=======index_news=====*/
.index_news{}
.index_news .index_sec_tit{ width:auto;}
.news_more{ margin-left:auto;}
.news_swiper{ /*margin-right: -8.329%;*/ width: 112.667%;} 
.news_swiper .swiper-slide{  background: #ffffff; border:1px solid #dee0e2; border-left:none; min-height: 200px; width:28.30%; } 
.news_swiper .swiper-slide:first-child{ border-left:1px solid #dee0e2;}
.news_swiper .swiper-slide a{ display:block; padding: 8%; cursor: url(../images/cursor_ico01.cur),auto;}
.news_tit{ font-weight:600;}
.news_des{ margin-top: .10rem; }
.news_time{ display:block; margin-top: .80rem; color: #666666;}
.news_img{ margin-top: .15rem; padding-top: 68.50%;}
.news_swiper .swiper-slide a:hover .news_img img{ transform: scale(1.10);}

/*====================================02 关于我们============================================================*/
main{ padding-top: 100px; overflow: hidden;}
.inner{ width: 86%; margin: 0 auto; padding:0 15px; max-width: 1310px;}
.main_inner1600 .inner{ /*width:86%;*/ max-width: 1630px;}
/*=======banner_wrap=====*/
.banner_wrap{ position: relative; height: 6rem; background: 50% 0 no-repeat fixed; background-size: cover;}
.banner_wrap:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .20);}
.banner_tit{ position:absolute; top:50%; transform: translateY(-70%); left:0; z-index: 1; width: 100%; text-align: center; color: #ffffff; line-height: 1;}
.banner_tit em, .banner_tit i{ -webkit-transition:all 1s 0.2s ease; transition:all 1s 0.2s ease; opacity: 0; transform: translateY(100%);}
.banner_tit em{ display:block; font-weight: 300;}
.banner_tit i{ display:block; font-weight: 600; margin-top: .25rem; -webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
.banner_tit.active em, .banner_tit.active i{ opacity: 1; transform: translateY(0);}
/*=======local_wrap=====*/
.local_wrap{ position: relative; z-index: 2; padding: .20rem 0; border-bottom: 1px solid #e5e5e5; font-size: 16px;}
.local_link{ margin: 0 -.15rem;}
.local_link a{ display: inline-block; vertical-align: middle; position: relative; color: #999999; padding: 0 .15rem;}
.local_link a:before{ content:"\e647"; position: absolute; top:50%; transform: translateY(-50%); left:100%; margin-left:-8px; font-family: "iconfont"; color: #999999; opacity: .50;}
.local_link a:last-child:before{ display:none;}
.local_link a:hover, .local_link a.active{ color: #e30920;}
/*=======about_wrap=====*/
.author{ display:block; height: 100px; margin-top: -100px;}
.about_wrap{}
.about_sec{ overflow: hidden; background: 50% 0 no-repeat; background-size: cover;}
.about_tit{ font-weight: 500; position: relative; padding-bottom: .30rem;}
.about_tit:before{ content: ""; position: absolute; bottom: 0; left:0; width: 44px; height: 3px; background: #E30920;}
/*=======about_intro=====*/
.about_intro{ }
.intro_text{ padding-top: .80rem;}
.intro_tit{ display:block; margin: 0 auto; margin-top: .80rem;} 
.intro_forewords{ float:left; width:40%; max-width: 500px; margin-right: 5%; line-height: 1.50; margin-top: .50rem;}
.intro_des{ width:55%; max-width: 800px; float:right; line-height: 30px; max-height: 420px; overflow: hidden;}
.intro_focus{ padding-top: 31.88%;}
/*=======about_team=====*/
.about_team{ background-image: url(../images/about_03.jpg);}
.team_swiper{ position: relative;}
.team_swiper .swiper-slide{ display:flex; flex-wrap: wrap; justify-content: space-between;}
.team_text, .team_bot{ width: 47%;}
.team_text{ max-width: 750px; padding: 1.40rem 0 1.20rem;}
.team_tit{ margin-top: 1.40rem; text-align: center;}
.team_tit span{ display:block; margin-top: .10rem;}
.team_des{ margin-top: .25rem; -webkit-line-clamp:6; line-height: 30px; max-height: 180px; display:none;}
.team_img{ flex: 1 0 0; position: relative; z-index: 2; padding-top: .60rem;}
.team_img_range{ width: 75%; max-width: 630px; float:right; position: relative;}
.team_img .img_box{ background: none; padding-top: 149.21%;}
.team_img .img_box img{ object-fit: contain;}
.team_caption{/* width:65%;*/ width:max-content; position: absolute; bottom: 20.50%; /*right: 7.50%;*/ left:50%; transform: translateX(-50%); z-index: 1; color: #ffffff; display: inline-block; text-align: center;}
.team_caption span{ display:block; margin-top: .10rem;}
.team_bot{ max-width: 680px; position: absolute; bottom: 12%; left:0;}
.survey_more{ border-radius: 0;}
.team_arrows{ margin-top:.70rem; position: relative;}
.team_arrows:before{ content:""; position: absolute; top:50%; left:0; width: 150%; height: 1px; background: #e5e5e5;}
.team_arrows div[class*="swiper-button-"], .team_arrows .swiper-pagination{ position: relative; z-index: 1; background: #ffffff; display: inline-block; vertical-align: middle;}
.team_arrows div[class*="swiper-button-"]{ transform: none; color: #e30920;}
.team_arrows div[class*="swiper-button-"] .iconfont{ font-size: 26px;}
.team_arrows .swiper-pagination{ width:auto; bottom: auto; padding: 0 .10rem;}
.team_arrows .swiper-pagination .swiper-pagination-bullet{ opacity: .30;}
.team_survey{ margin-top: .40rem; position: relative; z-index: 1;}
.survey_des{ line-height: 2;}
.survey_des span{ color: #e30920;}
/*=======about_honor=====*/
.about_honor{ padding: 1rem 0; background-image: url(../images/about_05.jpg); background-attachment: fixed; color: #ffffff;}
.honor_swiper{ position:relative; margin-top: .60rem;}
.honor_swiper .swiper-slide a{ display:block; background: rgba(255,255,255, .20); border-radius: 20px; color: #ffffff; padding: .60rem .35rem;}
.honor_img{ padding-top: 67.74%;}
.honor_caption{ margin-top: .85rem; max-height: none; line-height: 26px; height: 52px;}
.honor_line{ position: relative; height: 1px; background: rgba(255,255,255, .20); margin-top: .25rem;}
.honor_line:before{ content:""; position: absolute; top:0; left:0; width: 0; height: 2px; background: #E30920;}
.honor_swiper .swiper-slide a:hover{ background: rgba(255,255,255, .90); color: #e30920;}
.honor_swiper .swiper-slide a:hover .honor_line{ background: rgba(0,0,0, .20);}
.honor_swiper .swiper-slide a:hover .honor_line:before{ width:30px;}
.honor_arrows{ position: absolute; bottom: 100%; right:0; margin-bottom: .80rem;}
.honor_arrows div[class*="swiper-button-"]{ width:62px; height: 62px; line-height: 60px; position: static; transform: none; display: inline-block; vertical-align: middle; margin: 0 0 0 .14rem; background: none; border-color:rgba(255,255,255, .80); color:rgba(255,255,255, .80); }
.honor_arrows div[class*="swiper-button-"]:hover{ border-color:#e30920; background-color: #e30920; color: #ffffff; }
.honor_arrows div[class*="swiper-button-"] .iconfont{ font-size: 20px;}
/*=======about_development=====*/
.about_development{ overflow: hidden; padding: 1rem 0; background-image: url(../images/about_06.jpg); background-position: 50% bottom;} 
.development_swiper{ position: relative; margin-top: .60rem;}
.development_thumbs{ position: absolute; bottom:100%; right:0; z-index: 1; line-height: 40px; margin-bottom: .90rem;}
.development_thumbs .swiper-slide{ cursor: pointer; width: auto; position: relative;}
.development_thumbs .swiper-slide:before{ content:""; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 1px; height: 15px; background: #DCDCDC;}
.development_thumbs .swiper-slide:first-child:before{ display:none;}
.development_thumbs .swiper-slide a{ display:block; padding: 0 .25rem;}
.development_thumbs .swiper-slide-thumb-active a{ color:#e30920;}
.development_show{ width:110%; position: relative;} 
.development_show:before{ content:""; position: absolute; top:87px; width:100%; height: 1px; background: #D2D2D2; opacity: 0.6;}
.development_show .swiper-slide{ width: 40%; } 
.development_time{ display: inline-block; text-align: center; height: 100px; line-height: 60px; position: relative; font-weight: 600; color: #999999; font-size: 30px;}
.development_time i{ display:block; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width: 26px; height: 26px;}
.development_time i:before{ content: ""; position: absolute; top:0; left:0; width:100%; height: 100%; border: 1px solid #AAAAAA; background: #ececec; border-radius: 50%;}
.development_time i:after{ content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 12px; height: 12px; background: #AAAAAA; border-radius: 50%;}
.development_block{ margin-top: .45rem;}
.development_block dt{ float:left; width:45%; max-width: 310px; margin-right: .30rem;}
.development_block dt .img_box{ padding-top: 76.13%;}
.development_block dd{ overflow:hidden;}
.development_show .swiper-slide-active .development_time{ font-size: 60px; color:#e30920;}
.development_show .swiper-slide-active .development_time i:before{ border-color:#e30920;}
.development_show .swiper-slide-active .development_time i:after{ background-color:#e30920;}
/*=======team_all=====*/
.sub_wrap{ position: relative; padding: 1rem 0; min-height: 600px; background: #f7f7f7 url(../images/bg_01.jpg) center top no-repeat; }
.sub_wrap:before{ content:""; position: absolute; bottom: 0; left:0; width: 100%; height: 3rem; background: url(../images/sub_cover.png) center bottom no-repeat; background-size: cover;}
.sub_wrap .inner{ position:relative; z-index: 2;}
.team_all{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.30rem;}
.team_block{ padding: .30rem; width: 50%;}
.team_block a{ display:block; position: relative; border-radius: 8px; background: rgba(255,255,255, .60); color: #333333; padding: .45rem .50rem; }
.team_base{ display:flex; align-items: center;}
.team_base dt{ width:180px; margin-right: .40rem;}
.team_base dt .img_box{ border-radius: 50%;}
.team_base dd{ flex:1 0 0; overflow: hidden;}
.team_name{ font-weight: 600;}
.team_post{ color:#e30920; margin-top: .15rem;}
.team_cover{ height: 100%; }
.team_overview{ margin-top: .10rem;}
.team_more{ width: 120px; height: 40px; line-height: 38px; margin-top: .25rem;} 
@media (min-width: 768px){
	.team_cover{ position: absolute; top:0; left:0; z-index: 1; width: 100%; border-radius: 8px; background: rgba(255,255,255, 1); padding: .35rem .50rem; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 600ms ease; transition:all 600ms ease; }
	.team_block a:hover .team_cover{ opacity: 1; visibility: visible; pointer-events: all;}
}
/*page*/
.page{ text-align: center; margin-top: .70rem;}
.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;}
/*=======team_detail=====*/
.team_detail{}
.team_detail_photo{ width:160px; float:left; margin-right: 7%;}
.team_detail_photo .img_box{ border-radius: 50%;}
.team_detail_text{ overflow: hidden; padding-top: 4%;}
.team_mation{ line-height: 1.875; margin-top: .40rem;}

/*====================================03 服务与解决方案============================================================*/
.main_service{ } 
.main_service .local_wrap{ padding: .30rem 0; border-bottom-color:transparent;}
.main_service .sub_wrap{ padding-top: 0;} 
.service_wrap{ }
.service_focus{ position:relative; cursor: url(../images/cursor_ico01.cur),auto;  }
.service_focus .swiper-slide{ display:flex; flex-wrap: wrap; padding-bottom: .20rem;}
.service_head{ margin-top: .50rem; margin-bottom: .50rem; opacity: 0.7; float:left; /*width:16%;*/}
.service_num{display:block; line-height: 1; cursor: pointer; font-size: 1.10rem; font-family:" sans-serif"; transform: scale(1.50, 1); transform-origin: 0 0; letter-spacing: -0.02em; overflow: hidden;
  -webkit-text-stroke-color: #535353;
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  width: 0; 
  white-space: nowrap;
	-webkit-transition:all 600ms ease; transition:all 600ms ease;
}
@keyframes typing {
  from {
    width: 0;
  }
	to{
		width:2ch;
	}
} 
.service_focus .swiper-slide-active .service_num{
	-webkit-animation: 1s .2s typing both;
	animation: 1s .2s typing both;
} 
/*.service_num:hover { background-size: 200% 100%; }*/
.service_en{ display: block; overflow: hidden; line-height: 1; font-weight: 300; margin-top: .10rem; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
@keyframes typing02 {
  from {
    width: 0;
  }
	to{
		width:20ch;
	}
}
.service_focus .swiper-slide-active .service_en{
	-webkit-animation: 1s .4s fadeInLeft both;
	animation: 1s .4s fadeInLeft both;
}
.service_flex{ flex:1 0 0; margin-left: -2%; /*display:flex; flex-wrap: wrap; align-items: flex-end;*/}
.service_text{ width: 50%; float:left; margin-right: .15rem; margin-top: 20%;}
.service_headline{}
.service_facts{ margin-top: .20rem; line-height: 30px; max-height: 150px; overflow: hidden;}
.service_itemize{ margin-top: .50rem; margin-bottom: -20px; /*height: 130px;*/ max-width: 640px; display:flex; justify-content: space-between;}
.service_itemize:after{ display:none;}
.service_itemize li{ flex:1 0 0; position: relative;}
.service_itemize li:before{ content:""; position: absolute; top: 40px; left:45px; width: -webkit-calc(100% - 45px); width: calc(100% - 45px); height: 1px; background: #D42233;}
.service_itemize li:last-child{ flex:none;}
.service_itemize li:last-child:before{ display:none;}
.itemize_num{ display:inline-block; vertical-align: top; width:45px; text-align: center; position: relative; font-family: Impact; font-weight: 300; color: #D42233; line-height: 24px; padding-bottom: 20px;}
.itemize_num:before{ content:""; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width: 7px; height: 7px; background: #D42233; border-radius: 50%;}
.itemize_tit{ line-height: 24px; margin-top: .20rem; color: #333333;}
.itemize_more{ display: block; line-height: 20px; margin-top: .15rem; padding-left: 18px; position: relative; color: #D42233; font-size: 12px; text-transform: uppercase; opacity: 0; visibility:hidden; pointer-events: none; -webkit-transition:all 600ms ease; transition:all 600ms ease;} 
.itemize_more:before{ content: "\e644"; font-family: "iconfont"; font-size: 12px; position: absolute; top:50%; left:0; transform: translateY(-50%);}
.itemize_more em{ display: inline-block; position: relative;}
.itemize_more em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 4px;
  left: 0;
  background: #D42233;
  -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);
} 
.service_itemize li:hover .itemize_more em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.service_itemize li:hover .itemize_more{ opacity: 1; visibility:visible; pointer-events: all;}
.service_focus .swiper-slide-active .service_headline{
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both;
}
.service_focus .swiper-slide-active .service_facts{
	-webkit-animation: 1s .5s fadeInUp both;
	animation: 1s .5s fadeInUp both;
}
.service_focus .swiper-slide-active .service_itemize{
	-webkit-animation: 1s .6s fadeInUp both;
	animation: 1s .6s fadeInUp both;
}
.service_pic{ flex:1 0 0; border-radius: 50%; overflow: hidden; position: relative;}
.pic_circle{ border-radius: 50%; overflow: hidden; width:100%; height: 100%; -webkit-transition:all 1s .6s ease-in-out; transition:all 1s .6s ease-in-out; }
.pic_circle01{ position: absolute; top:0; left:0; z-index: 1; border: 1px solid #AA0D15; box-shadow: 8px 9px 16px 0px rgba(0, 0, 0, 0.09); opacity: 0.09; transform: scale(0.90);}
.pic_circle02{ position: absolute; top:0; left:0; z-index: 2; border: 1px solid #AA0D15; box-shadow: 8px 9px 16px 0px rgba(0, 0, 0, 0.09); opacity: 0.4; -webkit-transition-delay: .3s; transition-delay: .3s; transform: scale(0.80);}
.pic_circle03{ -webkit-transition-delay: .4s; transition-delay: .4s; transform: scale(0.70);}
.pic_circle03 .img_box{ background:none;}
.link_VR{ display:block; position: absolute; bottom: 26%; left:50%; z-index: 2; line-height: 33px; border-radius: 17px; padding: 0 14px; background: #ffffff; color: #e30920; -webkit-transition:background .6s ease,color .6s ease,opacity 1s .6s ease, transform 1s .6s ease; transition:background .6s ease,color .6s ease,opacity 1s .6s ease, transform 1s .6s ease;  opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 100%);}
.link_VR .iconfont{ margin-right: .08rem;}
.link_VR:hover{ background: #e30920; color: #ffffff;}
.service_focus .swiper-slide-active .pic_circle01{ transform: scale(1);}
.service_focus .swiper-slide-active .pic_circle02{ transform: scale(0.932); }
.service_focus .swiper-slide-active .pic_circle03{ transform: scale(0.872);}
.service_focus .swiper-slide-active .link_VR{ opacity: 1; visibility: visible; pointer-events: all; transform: translate(-50%,0);}
.service_arrows02{ position:absolute; top: 2.60rem; left:0; z-index: 2;}
.service_arrows02 div[class*="swiper-button-"]{ position: static; transform: none; display: inline-block; vertical-align: middle; width: 74px; height: 74px; line-height: 72px; background: none;}
.service_arrows02 div[class*="swiper-button-"] .iconfont{ font-size: 26px;}
.service_arrows02 div.swiper-button-next{ margin-left: .15rem;} 
/*=======03-01=====*/
.service_particulars{ min-height: 500px; padding:.50rem .40rem 1rem; background: #ffffff url(../images/service_bg.jpg) center bottom no-repeat;}
.particulars_tit{}
.particulars_forewords{ margin-top: .25rem;}
.particulars_diagram{ margin-top: .40rem;}
.particulars_diagram .img_box{ padding-top: 33.33%;}
.particulars_swiper{ position: relative; margin-top: .40rem;}
.particulars_thumbs{ padding: 0 50px;}
.particulars_thumbs:before{ content:""; position: absolute; top:10px; left:0; width:100%; height: 1px; background: #d2d2d2;}
.particulars_thumbs .swiper-wrapper{ justify-content: center;}
.particulars_thumbs .swiper-slide{ cursor: pointer; /*width: 25%;*/}
.particulars_thumbs .swiper-slide a{ display:block; text-align: center; color: #d2d2d2;}
.particulars_thumbs .swiper-slide a i{ display:block; margin: 0 auto .10rem; border-radius: 50%; position: relative; width: 22px; height: 22px;}
.particulars_thumbs .swiper-slide a i:before{ content:""; position: absolute; top:0; left:0; border-radius: 50%; width: 100%; height: 100%; background: #ffffff; border:1px solid #d2d2d2;}
.particulars_thumbs .swiper-slide a i:after{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); border-radius: 50%; width: 10px; height:10px; background: #d2d2d2;}
.particulars_thumbs .swiper-slide-thumb-active a{ color:#e30920;}
.particulars_thumbs .swiper-slide-thumb-active a i:before{ border-color:#e30920;}
.particulars_thumbs .swiper-slide-thumb-active a i:after{ background-color:#e30920;}
.particulars_arrows div[class*="swiper-button-"]{ transform: none; top:-15px; width:50px; height: 50px; line-height: 50px; border:none; background: #eeeeee; color: #999999; opacity: 1;}
.particulars_arrows div[class*="swiper-button-"] .iconfont{ font-size: 24px;}
.particulars_flex{ padding:0 50px; margin: .70rem auto 0;}
.particulars_tab{ width: 25%; float:left;}
.particulars_tab li{ cursor: pointer; margin-bottom: .35rem;}
.particulars_tab li a{ display:block; color: #333333; font-size: 18px; line-height: 24px; opacity: .30;}
.particulars_tab li:hover a, .particulars_tab li.active a{ /*font-size:24px;*/ opacity: 1; }
.particulars_show{ overflow: hidden; }
.particulars_item{ font-weight:500; margin-bottom: .10rem;}
.swiper_production .particulars_tab{ width:33%; }
/*particulars_relevant*/
.particulars_relevant{ clear:both; width:100%; position: relative; margin-top: .40rem; }
.particulars_relevant .swiper-container{ padding: .20rem .15rem ;}
/*.particulars_relevant .swiper-wrapper{ align-items:stretch;}
.particulars_relevant .swiper-slide{ height:auto;}*/
.particulars_relevant .swiper-slide a{ display:block; height: 100%; padding: .19rem; background: #ffffff; border:1px solid #e8e8e8;}
.relevant_img{ padding-top:77.92%; }
.relevant_tit{ line-height: 1.50; margin: .15rem 0 .20rem;}
.relevant_arrows div[class*="swiper-button-"]{ width:auto; height: auto; line-height: normal; background:none;}
.relevant_arrows div[class*="swiper-button-"] .iconfont{ font-size: 30px;}
@media (min-width: 1200px){
	.relevant_arrows div[class*="swiper-button-"].swiper-button-prev{ left: -.20rem;}
	.relevant_arrows div[class*="swiper-button-"].swiper-button-next{ right: -.20rem;}
}
.particulars_relevant .swiper-slide a:hover{ box-shadow: .05rem .05rem .15rem 0px rgba(0, 0, 0, 0.09);}
.particulars_relevant .swiper-slide a:hover .relevant_img img{ transform: scale(1.10);}



/*====================================04 新闻媒体============================================================*/
.main_inner1200 .inner{ max-width:1230px;}
.news_focus{ position: relative; margin-bottom: 1rem;} 
.news_focus_img{ float:right; width:50%; max-width: 540px; margin-left: 4%;}
.news_focus_img .img_box{ padding-top: 68.50%; min-height: 260px;}
.news_focus_text{ overflow: hidden; max-width: 550px;}
.news_focus_time{ display:block; color:#333333;}
.news_focus_tit{ margin-top: .15rem; font-weight: 500;}
.news_focus_des{ margin-top: .30rem; color:#333333; -webkit-line-clamp:4; line-height:30px; max-height: 120px;} 
.news_arrows{ position: absolute; bottom: 0; left:0; z-index: 1;}
.news_arrows div[class*="swiper-button-"]{ border:none; border-radius:0; position: static; transform: none; display: inline-block; vertical-align: middle; margin-right: .07rem; width:50px; height: 50px; line-height: 50px; background: #d8dadc; color: #ffffff;}
.news_arrows div[class*="swiper-button-"] .iconfont{ font-size: 18px; font-weight: bold;}
/*=======news_all=====*/
.news_all{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.35rem -.23rem;}
.news_block{ width:33.33%; padding: .25rem .13rem;}
.news_block a{ display:block; padding: .10rem;}
.news_block a .img_box{ background: #000000; padding-top: 68.50%;}
.news_block a .img_box img{ opacity: .80;}
.news_block a:hover .img_box img{ transform: scale(1.10); opacity: .90; }
.news_item{ font-weight:600; margin-top: .25rem;}
.news_overview{ color: #333333; line-height:22px; max-height: 44px; margin-top: .15rem;}
.news_block a:hover{ background: rgba(255,255,255, .70); box-shadow: 0 0 10px 0px rgba(49, 49, 49, 0.14);}
/*=======main_news_detail=====*/
.main_news_detail .local_wrap{ background: #edeeef;}
.main_news_detail .sub_wrap{ background: #ffffff;}
.news_detail{ max-width: 1100px; margin: 0 auto;}
.news_detail_top{ text-align:center; margin-bottom: .60rem;}
.news_detail_tit{ font-weight: 500;}
.news_detail_func{ display:flex; align-items: center; justify-content: center; margin-top: .30rem;}
.news_detail_time{ padding: 0 .20rem; }
.news_detail_font{ padding: 0 .20rem;}
.font_tit{ display: inline-block; vertical-align: middle;}
.font_tit .ico_zihao{ display: inline-block; vertical-align: middle; margin-right: .06rem; width: 22px; height: 22px; background: url(../images/ico_zihao.png) no-repeat;}
.font_select{ display: inline-block; vertical-align: middle;}
.font_select a{ display: inline-block; vertical-align: middle; cursor: pointer; margin-left: .08rem; text-align: center; width: 30px; height: 30px; line-height: 30px; background: #F5F5F5; border-radius: 50%;}
.font_select a.active{ background: #e30920; color: #ffffff;}
.news_detail_bot{ margin-top: .70rem; background: #f2f2f2; line-height: 30px; padding: .24rem .26rem; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.news_detail_bot a{ display:block; width: 40%;}
.news_detail_bot a:nth-child(1) .iconfont,
.news_detail_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;}
.news_detail_bot a:nth-child(1):hover .iconfont{ opacity: 1; visibility:visible; margin-right: .06rem;}
.news_detail_bot a:nth-child(3):hover .iconfont{ opacity: 1; visibility:visible; margin-left: .06rem;}
.news_detail_bot a:nth-child(2){ width:20%; color:#c9161d; text-align: center;}
.news_detail_bot a:nth-child(2) .iconfont{ display: inline-block; vertical-align: middle; height: 30px; font-size:24px; }
.news_detail_bot a:nth-child(2) em{ opacity: 0; visibility: hidden; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.news_detail_bot a:nth-child(2):hover em{ opacity: 1; visibility:visible; margin-left: .10rem;}
.news_detail_bot a:nth-child(3){ text-align:right;}

/*====================================05 加入我们============================================================*/
.join_box{}
.join_forewords{ line-height: 1.67;}
.join_all{ margin-top: .50rem;}
.join_block{ background: #ffffff; border: 1px solid #E5E5E5; margin-bottom: .40rem; -webkit-transition:box-shadow 600ms ease; transition:box-shadow 600ms ease;}
.join_block:last-child{ margin-bottom:0;}
.join_top, .join_des{ padding: .32rem .40rem;}
.join_top{ cursor: pointer; display:flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.join_tit{ width: 100%; margin-bottom: .20rem;}
.join_base{ width: 85%; max-width: 840px; display:flex; flex-wrap: wrap; justify-content: space-between;}
.join_base li{}
.join_base li i{ color:#999999;}
.join_more{ display:block; margin-left: auto; color:#e30920;}
.join_more .iconfont{ display:inline-block; vertical-align: middle; width:35px; height: 35px; line-height: 33px; text-align: center; border:1px solid #e30920; border-radius: 50%; margin-left: .10rem; font-size: 14px; font-weight: bold; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.join_block.active .join_more .iconfont{ transform: rotate(180deg);}
.join_des{ padding-bottom: .50rem; border-top: 1px solid #E5E5E5; line-height: 1.875; display: none;}
.join_block:hover, .join_block.active{ box-shadow: 0px 26px 35px 0px rgba(0, 0, 0, 0.14);}


/*====================================06 联系我们============================================================*/
.contact_box{}
.contact_tit{ width:100%; line-height: 1; margin-bottom: .50rem;}
.contact_tit em{ display:block; line-height: .90; font-weight: 300; color: #e30920;}
.contact_tit i{ display:block; font-weight: 600; margin-top: .20rem; color: #333333;}
.contact_way{ display:flex; flex-wrap: wrap; justify-content: space-between; margin: -.30rem 0 0 -.30rem; }
.contact_way:after{ display:none;}
.way_block{ padding-left: 60px; line-height: 1.67; margin: .30rem 0 0 .30rem;}
.way_tit{ margin-left:-60px; margin-bottom: .10rem;}
.way_tit .iconfont{ display: inline-block; vertical-align: middle; text-align: center; font-size: 22px; width:45px; height: 45px; border-radius: 50%; border: 2px solid #333333; line-height: 40px; margin-right: 15px;}
.way_mation{}
.way_mation li{ margin-bottom: .25rem;}
.way_mation li:last-child{ margin-bottom: 0;}
.way_map{ color: #e30920;text-decoration: underline;}
/*contact_help*/
.contact_help{ margin-top: .60rem; border-top: 1px solid rgba(0,0,0, .15); padding-top: .60rem;}
.help_tit{ font-weight: 500;}
.help_item{ margin-top: .05rem;}
.help_message{ margin-top:.05rem; margin-left: -.20rem;}
.form_box{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.form_line{ flex: 1 0 0; margin: .20rem 0 0 .20rem;}
.form_txt{ width: 100%; background: rgba(255,255,255, .70); height: 58px; padding: 15px .22rem; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.form_txt:hover, .form_txt:focus{ background: rgba(255,255,255, 1); box-shadow: 0 0 5px rgba(0,0,0, .10);}
.line_textarea{ width: 100%; flex: auto;}
.line_textarea .form_txt{ resize: none; height: 98px;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#999999; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#999999;
} 
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#999999;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:#999999;
}
.line_func{ margin-top: .40rem;}
.form_btn{ cursor: pointer; border-radius: 0; height: 60px; line-height: 58px;}




/*****************2022/08/26 公司新闻导航调整**************************/
.local_wrap{
  padding: 0px;
  text-align: center;
}
.nav_btn{
  padding: .20rem 0;
  width: 200px;
  display:inline-block;
  text-align: center;
  border-right: 0px solid #ccc;
}
.nav_btn:first-child
{
  border-left: 0px solid #ccc;
}
.nav_btn_active{
  color: #e30920;
}