@charset "utf-8";

* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%
}
@font-face {
  font-family: HarmonyOSLight;
  src: url(../fonts/HarmonyOS_Sans_SC_Light.ttf);
}
@font-face {
  font-family: HarmonyOS;
  src: url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);
}
.HarmonyOS{ font-family: 'HarmonyOS'}

body {
  padding: 0;
  margin: 0 auto;
  font-size: 16px;
  color: #555555;
  background: #fff;
  font-family: HarmonyOSLight, arial, sans-serif;
  -webkit-text-size-adjust: none;
  /*取出点击出现半透明的灰色背景*/
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  /*控制内容的可选择性*/
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
.ul, .ul li, form, dl, dt, dd, div, ol, figure, article, nav, menu, aside, pre {
  padding: 0;
  margin: 0;
}
.ul, .ul li {
  list-style: none;
}
table, table td {
  border-collapse: collapse;
}
table {
  border-spacing: 0;
}
table td, select, input, textarea {
  font-size: 14px;
}
select, input, textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
}
select, input, textarea, pre {
  font-family: HarmonyOSLight, arial, sans-serif;
}
img {
  border: none;
  max-width: 100%;
  vertical-align: middle;
}
a {
  color: #333333;
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */
}
a:hover {
  color: #234cba;
  text-decoration: none;
}
a:focus {
  color: #333;
  outline: none;
  -moz-outline: none;
}
a:active {
  color: #333;
}
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  text-align: justify;
  text-justify: inter-ideograph;
}
.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
  zoom: 0;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dot2, .dot3, .dot4, .dot5, .dot6 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.dot2 {
  -webkit-line-clamp: 2;
}
.dot3 {
  -webkit-line-clamp: 3;
}
.dot4 {
  -webkit-line-clamp: 4;
}
.dot5 {
  -webkit-line-clamp: 5;
}
.dot6 {
  -webkit-line-clamp: 6;
}
.ytable {
  display: table;
  width: 100%;
  height: 100%;
}
.ytable-fixed {
  table-layout: fixed;
}
.ytable-cell {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width:1024px) {
  .ytable.xy,
  .ytable.xy .ytable-cell{display: block;}
}
.ispic {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
}
.zoomimg .pic{ overflow: hidden; position: relative}
.zoomimg .pic .ispic{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.zoomimg:hover .pic .ispic{ -webkit-transform:scale(1.2);transform:scale(1.2)}
:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.nM { margin: 0;}
.nP { padding: 0;}
.noMP,.mp *{ padding: 0; margin: 0; font-weight: normal}
select.select-css {
	border: solid 1px #000;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
    background-repeat:  no-repeat;
    background-position:  98% center;
    background-color:  transparent;
	padding-right: 20px;
    padding-left: 10px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select.select-css::-ms-expand {
display: none;
}
/**初始 End**/

  .fl { float: left; }
  .fr { float: right; }

.img-block{
    display: block; 
    width: 100%;
}
.img-hide{ width: 100%; height: 100%; opacity: 0; position: absolute;}
.img-mid{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-height: 100%;}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/*用于图片变黑白*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s;}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0}.flipInY .grayscale.grayscale-replaced>svg {opacity:1;}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}
/**页面框架 End**/

.auto{max-width: 1280px; width:95%; margin: 0 auto;}
.w1400{ max-width: 1400px}

.item{ position: relative}



open-menu
********************************/
@media(max-width:1024px){
body.menu-show{overflow: hidden;}
.open-menu{z-index: 10; width:36px; height: 40px;}
.open-menu[rel="relative"]{position: relative;}
.open-menu[rel="absolute"]{position: absolute; top: 50%; transform: translateY(-50%);}
.open-menu i{position: absolute; width: 100%; height: 3px; background: #fff; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.open-menu:not(.on) i:nth-child(1){margin-top: -10px;}
.open-menu:not(.on) i:nth-child(3){margin-top: 8px;}

.open-menu.on i:nth-child(2){opacity: 0;}
.open-menu.on i:nth-child(1){transform: rotate(-45deg);}
.open-menu.on i:nth-child(3){transform: rotate(45deg);}
}

/*************************************
whir_menu.2.0
**************************************/
@media(min-width:1025px){
.top-sub{position: absolute; top: 100%; z-index: 100;}
}
@media(max-width:1024px){
.has-multi aside,
.has-sub span{position: relative;padding-right: 40px; overflow: hidden;}
.has-multi aside .op-multi,
.has-sub span .op{position: absolute; width: 40px; height: 100%; height: 100%; transition: 0.3s; right: 0; top: 0;}
.has-multi aside .op-multi.click,
.has-sub span .op.click{transform: rotate(45deg);}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after,
.has-sub span .op:before,
.has-sub span .op:after{position: absolute; content: ''; width: 12px; height: 2px;background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.has-multi aside .op-multi:after,
.has-sub span .op:after{ width: 2px; height: 12px;}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after{background-color: #666;}
}

[rel="li-relative"] li{position: relative; z-index: 100;}
[type="Vertical"] .sub{display: none;}
[type="Vertical"] .sub dl{padding: 10px;}
[type="Vertical"] .sub dt{line-height: 24px; padding: 5px 0; text-align: center;}
@media(min-width:1025px){
[type="Vertical"] .sub dl{background: rgba(255,255,255,0.85);}
[rel="li-relative"] .sub{left: 50%; width: 140px; margin-left: -70px;}
}

[type="Vertical-hierarchy"] .hierarchy{display: none;}
@media(min-width:1025px){
[type="Vertical-hierarchy"] .has-multi{position: relative;}
[type="Vertical-hierarchy"] .hierarchy{ position: absolute; left: 100%;top: 0;z-index: 20; width: 100%;background-color: rgba(0,0,0,0.7); padding: 10px 0;}
[type="Vertical-hierarchy"] .hierarchy[data-num="2"]{background-color: rgba(0,0,0,0.5);}
}

/*滚屏快捷动画*/
.whir-fade-left{transform: translate(-30px,0); }
.whir-fade-right{transform: translate(30px,0);}
.whir-fade-up{transform: translate(0,30px);}
.whir-fade-down{transform: translate(0,-30px);}
.whir-zoom-in{transform: scale(0);}
[class*=whir-]{opacity: 0;transition-property: all;transition-duration: 1.2s;}
.active [class*=whir-]{opacity: 1;}
.active [class*=whir-fade]{transform: translate(0,0);}
.active [class*=whir-zoom]{transform: scale(1);}

.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f22{ font-size: 22px;}
.f24{ font-size: 24px;}
.f26{ font-size: 26px;}
.f30{ font-size: 30px;}
.f36{ font-size: 36px;}
.f40{ font-size: 40px;}
.f48{ font-size: 48px;}
@media(max-width:1204px){
.f18{ font-size: 16px;}
.f20{ font-size: 18px;}
.f22{ font-size: 20px;}
.f24{ font-size: 22px;}
.f26{ font-size: 23px;}
.f30{ font-size: 24px;}
.f36{ font-size: 26px;}
.f40{ font-size: 30px;}
.f48{ font-size: 40px;}
}
@media(max-width:768px){
body,
.f16{ font-size: 14px;}
.f18{ font-size: 15px;}
.f20{ font-size: 16px;}
.f22{ font-size: 18px;}
.f24{ font-size: 20px;}
.f26{ font-size: 21px;}
.f30{ font-size: 22px;}
.f36{ font-size: 24px;}
.f40{ font-size: 26px;}
.f48{ font-size: 34px;}
}


/*header */
.header{ position: fixed; width:100%;  z-index: 200; background:rgba(0,0,0,0.4); transition: 0.5s;
    background: rgba(9,78,187,0.7);}
.header .auto{}
.header .logo{padding-top:20px; padding-bottom:20px; float: left; position: relative; z-index: 5}
.header .logo img{ height:40px;}	
.header .top-nav{ z-index: 100; position: relative; float: right; color:#fff;}
.header .top-nav dt{ line-height:80px; position:relative;}
.header .top-nav dt:before{ left:0; position:absolute; content:''; width:1px; height:30%; top:35%; background:rgba(153,153,153,0.3)}
.header .top-nav > *{float: left;}
.header .top-btn a{ color:#fff; display: inline-block; padding: 0px 32px; border-radius: 5px;}
.header .top-shop > a{ display:block; width:56px; height:80px; background:url(../images/top_icon1.png) no-repeat center center}
.header .top-shop span{ display:none; position:absolute; width:100%; background:rgba(9,78,187,0.5);border-radius:0 0 10px 10px;}
.header .top-shop span:before{ content:''; position:absolute; width:0; height:0; left:0; right:0; margin:auto; border:solid 12px transparent; border-top-color:#094ebb}
.header .top-shop span a{ padding:10px 0; line-height:30px; display:block; text-align:center}
.header .top-shop.on > a{ background-color:#094ebb}
.header .open-search{ width: 56px; height: 80px; display: inline-block;background: url(../images/top-search.png) no-repeat center center;}
.header .open-search.on{background: none!important;}
.header .open-search.on:before,
.header .open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.header .open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.header .top-search{ top:68px; right: 0; padding-right: 36px;width:300px; position: absolute; display: none; background-color: #fff;border-radius: 36px;}
.header .top-search .btn{position: absolute;right: 0;top: 0;width: 36px;height: 100%;background: url(../images/top-search.png) no-repeat center center;}
.header .top-search .text{width: 100%;height: 36px;line-height: 36px;padding:0 0 0 20px;border: 0;background: none;}
.open-search{cursor: pointer;}


.search-show .header .top-search{display: block;}
.header .top-lang{position: relative; padding:0 24px;}
.header .top-lang >a{ color:#fff; padding-right:24px; background: url("../images/a_jt.png") no-repeat right}
.header .top-lang span{ left: 0; position:absolute; width:100%; top: 100%; display: none; background:rgba(9,78,187,0.5);border-radius:0 0 10px 10px;}
.header .top-lang span:before{ content:''; position:absolute; width:0; height:0; left:0; right:0; margin:auto; border:solid 12px transparent; border-top-color:#094ebb}
.header .top-lang span a{ color: #fff; display: block; text-align:center; line-height:40px;}
.header .top-lang span a:hover{ opacity: 0.8}
.header .top-lang.on{ background-color:#094ebb}
.header .stock{ padding-left:10px; line-height:80px;}
.header .stock a{ color: #fff;}
.header menu li span,
.header menu li a{display: block;}
.header menu li .sub{display: none;}

@media (max-width:1300px) {
.header .top-shop > a,
.header .open-search{ width:40px;}
.header .top-lang{ padding-left:12px; padding-right:12px;}
.header .stock{ padding-left:5px;}
}
@media (max-width:1200px) {
.header .stock{ display:none}
}
@media (min-width:1025px) {
.header menu{float: right; padding-right: 20px;}
.header menu li{float: left;position: relative}
.header menu li span{line-height:80px;}
.header menu li span a{position: relative; color: #fff; padding: 0 13px}
.header menu li.aon{ background-color: #094ebb;background:url(../images/about_bg3_2.png) no-repeat center rgba(0,0,0,0.3); background-size: contain;}
.header .sub{position: absolute; width:160%; margin-left: -30%; background:rgba(9,78,187,0.5);background: rgba(0,0,0,0.4);border-radius:0 0 12px 12px;overflow: hidden;}
.header .sub dl{overflow: hidden;}
.header .sub dt{line-height: 22px;text-align: center;}
.header .sub dt a{ color:#fff; display: block; padding: 10px;transition: 0.3s;}
.header .sub dt a:hover{background:rgba(9,78,187,0.8);background: rgba(0,0,0,0.4);}
.header.hover{ background: #2b2b2b}
.header.hover menu li.aon span a:after{ display: none}
.header.hover menu li.aon span a:before{ content: ''; position: absolute; left: 50%; margin-left: -6px; bottom:-30px; border: solid 12px transparent; border-bottom-color: #fff;}
}
@media (max-width:1420px) and (min-width:1250px){
.header menu{ padding-right: 5px}
.header menu li span a{padding: 0 7px;}
.header .top-lang{ padding-left: 10px; padding-right: 10px;}
.header .open-search,
.header .top-shop > a{ width: 45px;}
}
@media (max-width:1250px) and (min-width:1025px){
.header .open-search,
.header .top-shop > a{ width: 40px;}
.header .open-search,
.header .top-shop > a{ width: 40px;}
.header menu{ padding-right: 0px}
.header menu li span a{padding: 0 5px;}
.header .auto{ width: 98%}
}
@media (max-width:1024px) {
.header .logo{ padding-top:10px; padding-bottom:10px;}
.header .top-nav{ padding-top:10px;}
.header .top-shop > a{ height:40px;}
.header .top-nav dt{ line-height:40px;height:40px;}
.header .open-menu{ margin-left: 10px; width: 25px; height: 25px; position: relative; margin-top: 7px;}
.header .open-menu i{position: absolute; width: 100%; height: 2px; background: #fff; left: 0; top: 50%; margin-top: -1px; transition: 0.3s;}
.header .open-menu:not(.on) i:nth-child(1){margin-top: -9px;}
.header .open-menu:not(.on) i:nth-child(3){margin-top: 7px;}
.header .open-menu.on i:nth-child(2){opacity: 0;}
.header .open-menu.on i:nth-child(1){transform: rotate(-45deg);}
.header .open-menu.on i:nth-child(3){transform: rotate(45deg);}

body.menu-show{overflow: hidden;}
.header menu{position: fixed;top:54px;bottom: 0;width: 240px;background-color: rgba(255,255,255,0.9);right: -100%;padding: 20px 0;opacity: 0;transition: 0.3s ease-out;}
body.menu-show .header menu{right: 0;opacity: 1;}
.header menu ul{height: 100%; overflow: auto;}
.header menu li{border-bottom: 1px solid #eee;}
.header menu li span{line-height: 3;font-size: 20px;}
.header menu li span a{padding-left: 1em; color: #333}
.header .has-sub span .op:before, 
.header .has-sub span .op:after{background-color: #034775;}
.header .sub{ font-size: 16px; padding:1em;background-color: rgba(0,0,0,0.1);}
.header .sub dt{line-height: 2.5;}
}
@media (max-width:640px) {
.header .top-shop{ display:none}
.header .logo img{ height: 34px;}
.bottom .logo{ width: 25%}
}

.bottom{ position: relative; padding-top:6%; padding-bottom:1.5%; background:url(../images/foot_bg.jpg) no-repeat right bottom; background-size:cover}
.bottom,
.bottom a{ color:#fff}
.bottom .box2{ padding-bottom:5%}
.bottom .caidan{ float:right; width:70%;}
.bottom .caidan li{ float:left; width: 14.28%;}
.bottom .caidan span{ padding:5px 0; display:block;}
.bottom .caidan b{ display:block; padding-bottom:12px;}
.bottom .logo{ float:left; max-width:152px;}
.bottom .contact{ float:left; width:40%; max-width:280px;}
.bottom .contact li{ padding:15px 0}
.bottom .contact li:not(:last-child){ border-bottom:solid 1px rgba(255,255,255,0.1)}
.bottom .contact li span{ display:block; color:#7cafff}
.bottom .contact li img{ vertical-align:middle; margin-right:8px}
.bottom .ewm{ float: right; margin-right:18%; max-width: 400px; position:relative; padding-right:210px;}
.bottom .ewm dl{ padding:13px;}
.bottom .ewm dt{ cursor:pointer; width:190px; text-align:center; line-height:50px; background:#fff;border-radius:5px;box-shadow:0 6px 20px rgba(11,46,102,0.3)}
.bottom .ewm dt a{ color:#333333; display:inline-block; padding:0px 27px;}
.bottom .ewm dd{ position:absolute; width:43%; top:13px; right:0; padding:4%; background:#fff; text-align:center; display:none}
.bottom .ewm dd img{ width:100%}
.bottom .ewm dd span{ display:block;color:#333333; padding-top:10px;}
.bottom .ewm dl.show{ z-index:10}
.bottom .ewm dl.show dt{ background:#094ebb url(../images/foot_ewm_bg.jpg)  no-repeat left top}
.bottom .ewm dl.show a{ color:#fff; background:url(../images/jt3.png) no-repeat right} 
.bottom .link { float:right}
.bottom .link a{ position: relative}
.bottom .link a:not(:last-child):after{ content: ''; position: absolute; right: -24px; top:30%; width: 1px; height: 60%; background: #fff; opacity: 0.26;}
.bottom .link a:not(:last-child){ margin-right: 40px;}
.bottom .copyright{padding-top: 1%}
@media (max-width:960px) {
.bottom .ewm{ margin-right: 5%}
}
@media (max-width:768px) {
.bottom .caidan{ display:none}
.bottom .contact{ float:none; width:100%; max-width:inherit}
.bottom .logo{ position:absolute; right:2%}
.bottom .ewm{float:none;}
.bottom .ewm dl{ padding: 8px 0}
.bottom .ewm dt{ width: 155px; line-height: 40px;}
.bottom .ewm dt a{ padding-left:10px; padding-right:15px;}
.bottom .ewm dd{ top: 8px; width: 38%; padding: 3%}
.bottom .link{ float:none; text-align: center}
.bottom .copyright{ padding: 3% 0; text-align: center}
.copyright .icp{ display:none}
}

.banner_location_menu{ position: relative;line-height:50px; }


.location_menu .location{ font-size: 14px; padding-left:26px; background: url("../images/location_icon.png") no-repeat left center}
.location_menu .location em{ font-style: normal; font-family:SimSun; padding: 0px 8px;}
.location_menu .location a{ padding: 0px 4px;}
.location_menu .location,
.location_menu .location a{ color: #fff}

.location_menu .menu{ padding: 0; margin: 0; position: relative; z-index: 101}
.location_menu .menu li { font-size: 16px; position: relative; z-index: 10;}
.location_menu .menu li a{ display: block; position: relative}
.location_menu .column{ display: none}

@media(min-width:1024px){
.location_menu{ padding-top:25px; padding-bottom:25px; position: absolute; width: 100%; bottom: 0; border-top: 1px solid rgba(255,255,255,0.2);}
.location_menu  .menu{ float:left}
.location_menu  .menu ul{ display: block!important;}
.location_menu  .menu li{ float: left; padding-right: 3vw}
.location_menu  .menu li a{ color: #fff}
.location_menu  .menu li.aon a:before{ content: ''; position: absolute; width: 100%; height: 2px; top:-26px; background: #fff}
.location_menu  .location{ float: right}
}
@media(max-width:1300px) and (min-width:1024px){
.location_menu .menu li{ padding-right:1.7vw}
.location_menu .location em{ padding: 0px 6px;}
}
@media(max-width:1024px){
.location_menu .auto{ width: 100%}
.location_menu .column{ line-height: 40px; color: #094ebb; font-size: 18px; position: relative;display: block; padding: 0 20px; margin:0;
background: #fafafa;
}
.location_menu .column:before{ content: ''; width:20px; height: 100%; position: absolute; right: 2%; transition: 0.4s; background: url(../images/icon_menu.png) no-repeat left}
.location_menu .menu .column.on:before{ background-position: right}
.location_menu .menu ul{ z-index: 20; background: #fff; box-shadow: 0 10px 10px 2px #eee; display: none; position: absolute; width:100%; left: 0;}
.location_menu .menu ul li{font-size: 14px; line-height:40px; width: 100%; border-bottom: dotted 1px #ddd}
.location_menu .menu ul li a{ display: block; padding: 0 20px}
.location_menu  .location{ position: absolute; width:95%; left:2.5%;margin-top:-50px;}
}

.banner{ position: relative}
.banner .video{ width: 100%;}
.banner .ban img{ width: 100%}
.banner .ban .wap{ display: none}
.banner .column{ position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.banner .column span{ display: block;   line-height:1.5}
.banner .column span.en{ color:#bbcce7;text-transform: uppercase}
.banner .column span.cn{color: #fff;}
@media(max-width:1024px){
.banner .ban .pc{ display: none}
.banner .ban .wap{ display:block}
}


section.main{ position: relative; padding-top:5%; padding-bottom:5%;}
.bg1{ background: url(../images/bg_logo.png) no-repeat right center; background-size: 45.3125%}
.bg1:after{ position: absolute; bottom: 0; content: ''; width:38.886%; padding-bottom:11.561%;background: url(../images/bg_logo_end.png) no-repeat left bottom; background-size:100%}
.bg2{ background: url(../images/bg_logo2.png) repeat-y center top; background-size:100%}


.brand_home .column_title{ text-align: center; color: #333333}
.brand_home .intro{ max-width: 920px; margin: auto; line-height:1.875; text-align: center}

.brand_story{ padding-bottom: 3%; background:no-repeat center center; background-size: cover}
.brand_story .column_title{ padding-bottom: 1%}

.brand_history{ padding-top: 3%; padding-bottom: 3%; background: no-repeat center top; background-size:100%}
.brand_history .listbox{ padding-left: 50px; padding-right: 50px;}
.brand_history .yearbox{ padding-top:3%; padding-bottom:3%; max-width: 920px; margin: auto; text-align: center}
.brand_history .yearbox .item{ padding-bottom: 20px; color: #999999;}
.brand_history .yearbox .item span{line-height: 60px; display: block;}
.brand_history .yearbox .item span:after{ content: ''; position: absolute; left: 0; right: 0; bottom:10px; margin: auto; width: 16px; height: 16px; border-radius: 100px; background: #bfbfbf; transition: 0.5s}
.brand_history .yearbox .slick-current{ color: #0072c1}
.brand_history .yearbox .slick-current span:after{background: #0072c1; box-shadow: 0 0 0 7px rgba(0,152,255,0.4)}
.brand_history .yearbox .slick-current b{ font-size: 22px;}
.brand_history .yearbox .slick-list{ position: relative}
.brand_history .yearbox .slick-list:after{ position: absolute; content: ''; left: 0; right: 0; bottom: 19px; width: 80%; height: 1px; margin: auto; background: #b5b5b5}
.brand_history .yearbox .slick-track{ z-index: 5}


.brand_history .infobox:before{ content: ''; position: absolute; top:20%; height:30%; width: 100%; background: no-repeat center center; background-size: 100%; z-index: 100; display: none;}
.brand_history .infobox .slick-list{ padding-top: 80px;}
.brand_history .infobox .item.slick-current{ margin-top: 0; transition: 0.5s}
.brand_history .infobox .item.nextshow{ margin-top: -74px; transition: 0.5s}
.brand_history .infobox figure span{ position: relative; display: inline-block; border-radius: 100%; border: solid 5px #0a4ebb;}
.brand_history .infobox figure span::before,
.brand_history .infobox figure span::after{ content: ''; position: absolute; width: 10px; height: 10px; border-radius: 100%; background-color: #fff; border: 2px solid #7d7d7d; z-index: 10;top: 63.5%; display: none;}
.brand_history .infobox figure span::before{ left: -1%; }
.brand_history .infobox figure span::after{ right: -1%;}
.brand_history .infobox .item.nextshow figure span::before,
.brand_history .infobox .item.nextshow figure span::after{ top:54.5%;}
.brand_history .infobox .item.nextshow figure span::before{ left: -3%;}
.brand_history .infobox .item.nextshow figure span::after{ right: -3%;}
.brand_history .infobox figure img{ width: 100%; height: 100%; border-radius: 100%;}
.brand_history .infobox .txt{ max-width: 340px; margin: auto; margin-top: -5%}
.brand_history .infobox h3 b{ font-weight:bold}
.brand_history .infobox li{ padding: 10px 0; position: relative}
.brand_history .infobox .month{ padding-left: 57px;}
.brand_history .infobox .month span{ position: absolute; display: block; padding:3px 8px; left: 0; color: #fff; background: #626262; border-radius: 4px;}

.brand_history .infobox .item .box{transition: 0.5s; padding-left: 20%;}
.brand_history .infobox .item .box .icon{ position: absolute; left: 0; top: 0; width: 100%; height: 11vw;}
.brand_history .infobox .item figure span{padding:28.805%; margin-left: 2%;}
.brand_history .infobox .item .box .icon::before{ content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url(../images/line_2.png) no-repeat center top;left: -5%; top: 2vw; opacity: 0;}
.brand_history .infobox .item.slick-active .icon::before{ opacity: 1;}
.brand_history .infobox .item.nextshow .icon::before{ background-image: url(../images/line_1.png); top: 1vw;}
.brand_history .infobox .item .ul{ min-height: 170px;}
.brand_history .infobox .slick-arrow{ width: 40px;}
.brand_history .infobox .slick-prev{ left: -50px;}
.brand_history .infobox .slick-next{ right: -50px;}

.brand_product .column_title{ display: none}
.brand_product .list{ padding-top: 4%; padding-bottom: 4%}
.brand_product .item{ text-align: center;}
.brand_product .item a{ cursor: pointer;display: block; overflow: hidden; width: 95%; margin: auto; position: relative;}
.brand_product .item .pic{position: relative}
.brand_product .item .pic img{top:inherit;}
.brand_product .item .txt{ padding: 2% 0; line-height:30px;}
.brand_product .slick-track{ margin: auto}
.brand_product .row2 .item .pic{padding-bottom:49.625%; }
.brand_product .row3 .item .pic{padding-bottom:74.385%; }

.series_menu{ position: fixed; top: 10%; z-index: 101;background: no-repeat center bottom; background-size: 100%;}
.series_menu .ul{ width: 130px; overflow: hidden; display: none;}
.series_menu li{ padding:22px 5px 5px 5px; text-align: center; background: no-repeat center bottom; background-size: 100%;border-top: solid 1px rgba(0,0,0,0.3); border-bottom: solid 1px rgba(255,255,255,0.3); }
.series_menu li span{ display: block; padding-top: 10px;}
.series_menu li a{ color: #fff}
.series_menu li.wh2 img{ height:52px;}
.series_menu li.wh3 img{ width: 52px;}
.series_menu .clickClose{ display: none; cursor: pointer; position: absolute; left: 100%; top: 50%; font-size: 22px; font-family: serif; background: url(../images/longba_menu.png) no-repeat center bottom; background-size: cover;  color: #fff; text-align: center; padding: 15px 5px;}
#LongBa .series_menu .clickClose{ color: #fff;}
.series_menu .clickOpen{ position: fixed; left: 0; top: 50%; background: url(../images/longba_menu.png) no-repeat center bottom; background-size: cover; display: block; color: #fff; writing-mode: vertical-lr; padding: 15px 9px; width: 45px; cursor: pointer; }
@media(max-width:1440px){
	.brand_history .infobox .item .box .icon{ height: 14vw;}
	.brand_history .infobox .item .box .icon::before{ background-size: cover; top: 2.65vw;}
	.brand_history .infobox .item.nextshow .box .icon::before{top: 1.5vw;}
	.brand_history .infobox .item figure span{ margin-left: 1.5%;}
	.brand_history .infobox figure span::before{ left: -2%;}
	.brand_history .infobox figure span::after{ right: -2%;}
	.brand_history .infobox .slick-list{ padding-top: 90px;}
	.brand_history .infobox .item.nextshow{ margin-top: -5.1vw;}
}
@media(max-width:1400px){
	.brand_history .infobox .item.nextshow{ margin-top: -5.3vw;}
}
@media(max-width:1200px){
	.brand_history .infobox .item.nextshow{ margin-top: -4.9vw;}
}
@media(max-width:1024px){
	
}
@media(max-width:768px){
	.brand_history .infobox figure span::before{ left: -4%;}
	.brand_history .infobox figure span::after{ right: -4%;}
	.brand_history .infobox figure span::before,
	.brand_history .infobox figure span::after{ top: 58%;}
	.brand_history .infobox .item.nextshow figure span::before,
	.brand_history .infobox .item.nextshow figure span::after{ top:50%;}
	.brand_history .infobox .item.nextshow figure span::before{ left: -5%;}
	.brand_history .infobox .item.nextshow figure span::after{ right: -5%;}
	.brand_history .infobox .item.nextshow{ margin-top: -40px;}
}

@media(max-width:640px){
	.brand_history .infobox .item figure span{ margin-left: 0;}
	.brand_history .infobox .item figure::before,
	.brand_history .infobox figure span::before,
	.brand_history .infobox figure span::after,
	.brand_history .infobox .item .box .icon{ display: none;}
.series_menu{ width: 80px; display: none}
.series_menu li{ padding:10px 5px 20px 5px;}
.series_menu li img{ display: none;}

}

.pro_load_details{ position: relative; padding: 3%; width: 95%; max-width: 800px; margin: auto; border-radius: 12px; background: #fff; text-align: center}
.pro_load_details .photo{ padding: 4% 0}
.pro_load_details h2{ color: #fff}
.pro_load_details h1{ color: #000000}
.pro_load_details .content{ padding-top: 3%}
.pro_load_details ul{ padding: 4% 0; max-width: 300px; margin: auto}
.pro_load_details ul li{ line-height: 2; display: inline-block; width: 48%; font-size: 14px;}
.pro_load_details .tishi{ padding-top: 3%; border-top: solid 1px #dedede}

@media(max-width:640px){
	.pro_load_details ul li{ width: 25%; padding: 0 3%;}
}

.brand_video{ padding-bottom: 3%; background:no-repeat center center; background-size: cover}
.brand_video .item{ text-align: center}
.brand_video .item a{ display: block;}
.brand_video .item .pic{ border-bottom-right-radius: 30px; background: #000}
.brand_video .item .pic span,
.brand_video .item .pic img{ opacity: 0.3}
.brand_video .item .pic i{ z-index: 5; cursor: pointer;position: absolute; width: 60px; height: 60px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/video_icon.png) no-repeat center center}
.brand_video .item .pic video{ position: absolute; z-index: 10; left: 0; width: 100%; height: 100%}
.brand_video .item .txt{ padding: 4% 0}
.brand_video .item p{ margin-top: 10px}
.brand_video .item .pic.show span,
.brand_video .item .pic.show img,
.brand_video .item .pic.show i{ opacity:0}
.brand_video .dots_arrows{ text-align: center; padding-top: 3%}
.brand_video .dots_arrows .box{ padding: 0px 30px; display: inline-block; position: relative}
.brand_video .dots_arrows .slick-arrow{ padding: 0; width: 12px; height:12px; background:none!important; border-top: solid 2px #c9c9c9; border-left: solid 2px #c9c9c9}
.brand_video .dots_arrows .slick-prev{ transform: rotate(-45deg)}
.brand_video .dots_arrows .slick-next{ transform: rotate(135deg)}
.brand_video .dots_arrows .slick-arrow:hover{ border-color: #0076c3}
@media(min-width:768px){
.brand_video .slick-list{ margin-left: -2.358%; margin-right: -2.358%; }
.brand_video .item a{ width: 90%; margin: auto;}
.brand_video .item .pic img{ display:none}
.brand_video .item .pic span{ padding-bottom: 56.4%;}
}


.brand_news .slick-list{padding-bottom: 30px;}
.brand_news .list{ overflow: hidden}
.brand_news .item{border-bottom: solid 1px #dfdfdf}
.brand_news .item a{ display: block; margin: auto;}
.brand_news .item .pic{ border-bottom-right-radius: 40px;}
.brand_news .item .pic img{ width: 100%}
.brand_news .item .txt{ padding-top:10%; padding-bottom: 10%}
.brand_news .item a:not(:hover) h3{ color: #333}
.brand_news .item p{margin: 10px 0; }
.brand_news .slick-current .txt:after{ content: ''; position: absolute; left:10%; bottom:-20px; width: 90px; height: 30px; background: url(../images/roll.png)}
@media(min-width:640px){

.brand_news .slick-list{ margin-left: -2.2%; margin-right: -2.2%; }
.brand_news .item a{ width:85%;}
.brand_news .item .pic span{ padding-bottom: 60%;}
.brand_news .item .pic img{ display: none}
.brand_news .item h3{ line-height: 32px; height: 64px;}
.brand_news .item p{ margin: 20px 0; line-height: 30px; height: 60px;}
}
@media(max-width:640px){
.brand_news .item{ border-bottom: none; padding-bottom: 20px;}
.brand_news .txt{ padding: 5% 0; border-bottom: solid 1px #dfdfdf;}
.brand_news .slick-current .txt:after{ bottom: 0}
.brand_news .item .pic img{ height: 30vh; object-fit: contain;}
.brand_news .item p{ height: 40px;}
}
.brand_faq{ padding-top:1%; padding-bottom: 3%;}
.brand_faq .list{ line-height: 1.8;transition: 0.5s}
.brand_faq .item{ margin-bottom: 10px; border: solid 1px #ededed; background: #fff; box-shadow: 0 20px 20px rgba(48,53,55,0.05)}
.brand_faq .item h3,
.brand_faq .item p{ padding:16px 70px; background: no-repeat 16px 16px}
.brand_faq .item h3{ position: relative; color: #333333; cursor: pointer}
.brand_faq .item h3:after{ content: ''; position: absolute; right: 70px; top: 0; width: 1px; height: 100%; background: #ededed}
.brand_faq .item h3 i{ width:24px; height:24px; position: absolute; right:30px; top: 0; bottom: 0; margin: auto; border-top: solid 1px #dfdfdf; border-right: solid 1px #dfdfdf; transform: rotate(45deg); transition: 0.5s}
.brand_faq .item p{ padding-bottom: 4%; border-top: solid 1px #ededed; color: #999999; display: none}
.brand_faq .item.show{ border-bottom-right-radius:50px;}
.brand_faq .item.show h3 i{transform: rotate(135deg);right:25px; }
@media(max-width:640px){
.brand_faq .item h3,
.brand_faq .item p{ padding-right: 40px;}
.brand_faq .item h3:after{ right: 35px}
.brand_faq .item h3 i{ width: 12px; height: 12px; right: 15px;}
.brand_faq .item.show h3 i{ right: 10px}
}

.brand_home#LongBa .series_menu{ top: 30%; border-radius: 0 20px 20px 0; background-color: #0a4ebb; background-image: url(../images/longba_menu.png)}
.brand_home#LongBa .series_menu ul{ border-radius: 0 20px 20px 0;}
.brand_home#LongBa .series_menu li{ padding-top:30px; padding-bottom:30px;}
.brand_home#LongBa .series_menu li i{ font-style: normal; display: inline-block; padding-right: 24px; background: url(../images/longba_menu_icon.png) no-repeat right center}
.brand_home#LongBa .brand_story{ background-image: url(../images/bg_story_longba.jpg)}
.brand_home#LongBa .brand_history{ background-image: url(../images/bg_history_longba.jpg)}
.brand_home#LongBa .brand_history .infobox:before{ left: -6.2%; background-image: url(../images/line_history_longba.png)}
.brand_home#LongBa .brand_history .infobox .slick-prev{background-image: url(../images/longba_slick-prev.png)}
.brand_home#LongBa .brand_history .infobox .slick-next{background-image: url(../images/longba_slick-next.png)}
.brand_home#LongBa .brand_video{ background-image: url(../images/bg_video_longba.jpg)}
.brand_home#LongBa .column_title span{ padding: 0px 53px; background:url(../images/title_bg.png) no-repeat no-repeat left}
.brand_home#LongBa .brand_faq .item h3{background-image: url(../images/faq_longba_q.png)}
.brand_home#LongBa .brand_faq .item p{background-image: url(../images/faq_longba_a.png)}

.brand_home#XiaoBaLong .series_menu li{ background-image: url(../images/xiaobalong_menu_bg.png)}
.brand_home#XiaoBaLong .brand_story{ background-image: url(../images/bg_story_xiaobalong.jpg)}
.brand_home#XiaoBaLong .brand_history{ background-image: url(../images/bg_history_xiaobalong.jpg)}
.brand_home#XiaoBaLong .brand_history .infobox:before{right: -2.2%; top: 12%; background-image: url(../images/line_history_xiaobalong.png)}
.brand_home#XiaoBaLong .brand_history .infobox figure span{ border-color: #fcd100}
.brand_home#XiaoBaLong .brand_history .infobox .slick-prev{background-image: url(../images/xiaobalong_slick-prev.png)}
.brand_home#XiaoBaLong .brand_history .infobox .slick-next{background-image: url(../images/xiaobalong_slick-next.png)}
.brand_home#XiaoBaLong .brand_video{ background-image: url(../images/bg_video_xiaobalong.jpg)}
.brand_home#XiaoBaLong .brand_news .item a:hover{ color: #ef8a1c}
.brand_home#XiaoBaLong .brand_news .item a:hover .more_jt{ background-image: url(../images/jt5.png)}
.brand_home#XiaoBaLong .brand_faq{ background: #f7f7f7}
.brand_home#XiaoBaLong .brand_faq .item h3{background-image: url(../images/faq_xiaobalong_q.png)}
.brand_home#XiaoBaLong .brand_faq .item p{background-image: url(../images/faq_xiaobalong_a.png)}
@media(max-width:640px){
.brand_home .brand_history .infobox:before{ display: none}
.brand_history .infobox .item:nth-child(even){ margin-top: auto}
.brand_history .infobox .slick-list{ padding-top: 0}
.brand_history .infobox .item .box{ text-align: center; padding: 0}
.brand_history .infobox .item figure{ width: 50%; margin: auto}
.brand_history .infobox .txt{ margin-top: auto}
.brand_history .infobox .slick-arrow{ width: 22px; background-size: 20px;}
.brand_home#LongBa .column_title span{ background-size: contain;}
}


.news_search{ padding-right: 159px; max-width: 800px; margin: auto; position: relative}
.news_search .text{ width: 100%; height:60px; padding: 0px 10px; border: solid 1px #008dc5}
.news_search .btn{ text-align: center; color: #fff; display: block; cursor: pointer; position: absolute; top: 0; right:0;  width: 160px; line-height: 60px; background: #094ebb}
@media(max-width:768px){
.news_search{ padding-right: 129px;}
.news_search .text{height:40px; }
.news_search .btn{ line-height: 40px; width: 130px;}
}

.news_total{ line-height: 40px; padding:3% 1% 1% 1%; border-bottom: solid 2px #094ebb}
.news_total b{ color: #094ebb}

.jobs_total{ line-height: 40px; padding:3% 1% 1% 1%;}
.jobs_total b{ color: #094ebb}

.info_main{line-height:200%;}
.info_main .title{ position: relative; padding-bottom: 2%}
.info_main .title h1{ color: #333333; padding-bottom:2%; padding-right: 180px; line-height:1.6}
.info_main .title time{}
.info_main .title .hits{ display: none}
.info_main .title .back{ position: absolute; right: 0; top: 0; display: inline-block; padding-left: 26px; width: 160px; line-height: 50px; color: #fff; text-align: center; border-radius:30px; background: #094ebb url(../images/back.png) no-repeat 34px center}
.info_main .article{ border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; padding-top: 4%; padding-bottom: 4%;}
.info_main .other{ padding-top: 4%; position: relative;}
.info_main .other .dot{ opacity: 0.8}
@media(min-width:640px){
.info_main .other span{ width: 48%;}
.info_main .other span:nth-child(1){ float: left}
.info_main .other span:nth-child(2){ float:right; text-align: right}
}
@media(max-width:640px){
	.info_main .title h1{ padding-right: 0;}
	.info_main .title .back{ position: relative; float: right; padding-left: 7px; width: 103px; line-height: 27px; background-position: 8px center;}
}


.photo_list li{ line-height:24px; color: #999999; position: relative;margin-top: 2%; transition: 0.5s}
.photo_list .txt{ padding:4% 0}
.photo_list .txt p{ margin:4% 0;}
.photo_list .pic{border-bottom-right-radius:30px;}
.photo_list .pic img{ width: 100%}
.photo_list .txt h3{ font-weight: bold}
@media(min-width:960px){
.photo_list li{ width:30.46875%;}
.photo_list li:nth-child(3n+2){margin-left:4.296875%; margin-right:4.296875%}
}
@media(min-width:640px) and (max-width:960px){
.photo_list li{ width:48%;}
.photo_list li:nth-child(odd){margin-right:4%; clear: both}
}
@media(min-width:640px){
.photo_list li{ float: left;}
.photo_list .txt{ padding:8% 0}
.photo_list .txt h3{line-height: 32px;height: 64px;}
.photo_list .txt p{ line-height: 30px; height:60px;}
.photo_list .pic span{ padding-bottom:62.824%;}
.photo_list .pic img{ display: none}
}




.font_list li{ position: relative; padding:1.5% 0 1.5% 24px; border-bottom:solid 1px #eeeeee}
.font_list li:hover{ font-weight: bold;}
.font_list li time{ float:right}
.font_list li:before{ content: ''; top: 50%; width: 4px; height: 4px; background: #094ebb; position: absolute; left: 0; border-radius:  10px}
@media(max-width:768px){
.font_list li{ padding-top: 2.2%; padding-bottom: 2.2%}
}

.investor_part1{ padding-bottom: 4%;}
.investor_part1 .box{background: #f8f9fa; padding:3%;}
.investor_part1 .box:nth-child(2){ margin: 2% 0%}
.stock_box .stock{ padding: 5% 0}
.stock_box .stock b{ font-size:6vw}
.stock_box .stock span{ padding: 0px 5px;}
.stock_box #date{ display: none}
.stock_box .green{ color: #239741}
.stock_box .red{ color: #ff0000}
.contact_box .txt{line-height:2;}
@media(min-width:768px){
.investor_part1 .box{ float: left; width: 32.1875%; height: 320px}
.investor_part1 .box:nth-child(2){ margin: 0 1.71875%}
.stock_box .txt{ padding-top: 6%}
.stock_box .stock b{ font-size: 2.5vw}
.contact_box .txt{ padding-top:4%;}
}
@media(min-width:640px){
.investor_part2 .font_list{ width: 46%;}
.investor_part2 .font_list:nth-child(1){ float: left}
.investor_part2 .font_list:nth-child(2){ float: right}
.investor_part2 .font_list li{ padding-top:4%; padding-bottom:4%}
}

.report_box .item {
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.report_box .item a{ border: solid 1px #eeeeee; width:98%; margin: auto; padding-bottom:120%; display: block; background:#fff no-repeat center center; background-size:contain}
.report_box .item:not(.slick-current){ opacity: 0.5;}
.report_box .item.slick-current{ z-index: 5; -webkit-transform:scale(1.3);transform:scale(1.3)}
.report_box .list{ overflow: hidden;}
.report_box .slick-list{ overflow: inherit; padding:8% 34%;}
.report_box .slick-arrow{background-size: contain}

.report_list li{ float: left; }
.report_list li .pic{ border: solid 1px #e0e0e0}
.report_list li a{ padding-bottom:121.46%}
@media(min-width:640px){
.report_list li{width:21.640625%; margin-bottom: 4.479166666666667%}
.report_list li:not(:nth-child(4n+1)){ margin-left: 4.479166666666667%}
}
@media(max-width:640px){
.report_list li{width:49%; margin-bottom:2%}
.report_list li:not(:nth-child(2n+1)){ margin-left:2%}
}

.jobs_talent{padding-top:3%; padding-bottom:3%;  background: #f8f9fa}
@media(min-width:960px){
.jobs_talent .intro{ position: relative; margin-top: -8%;}
.jobs_talent .info{ position: absolute; width: 100%; top:40%;}
.jobs_talent .info li{ width:50%; padding: 4%; float: left;}
.jobs_talent .info li:nth-child(1){}
.jobs_talent .info li:nth-child(2){text-align: right;}
.jobs_talent .pic{ text-align: center}
}
@media(max-width:640px){
.jobs_talent .intro{ text-align: center}
}
.jobs_staff{overflow: hidden}
.jobs_staff .slick-list{ padding-left: 12%; padding-right: 12%; overflow: inherit}
.jobs_staff .pic{ margin: auto; width:92.706%;}
.jobs_staff .pic span{padding-bottom:67.215%;}
.jobs_staff .pic img{ display: none}
.jobs_staff .slick-slide{ opacity: 0.1}
.jobs_staff .slick-current,
.jobs_staff .nextshow{ opacity: 1}


.column_title{ padding-top:3%; padding-bottom:3%; color: #094ebb}
.column_title .more_jt{margin-top: 10px; }
.more_jt{ float: right; font-size: 16px; padding-right: 20px; background: url(../images/jt2.png) no-repeat right}

@media(max-width:640px){
#JoinUs1 .column_title,
#JoinUs2 .column_title,
#JoinUs3 .column_title,
#JoinUs4 .column_title{ text-align: center}
}

.jobs_training{ position: relative; background: #f8f9fa}
.jobs_training:before,
.jobs_training:after{ content: ''; width: 47.9%; height:45%; position: absolute; background-size: 100% }
.jobs_training:before{ top:0; right: 0; background: url(../images/bg_right.png) no-repeat left top}
.jobs_training:after{ left:0; bottom: 0; background: url(../images/bg_left.png) no-repeat right bottom}
.jobs_training .category{text-align: center; }
.jobs_training .category .item{cursor: pointer; padding:30px; display: inline-block; position: relative;border-bottom: solid 1px #ededed}
.jobs_training .category .show a{ color: #094ebb}
.jobs_training .category .show:after{ content: ''; left: 0; bottom:-1px; position: absolute; width: 100%; height: 2px; background: #094ebb}

.jobs_training .listbox { padding-top: 4%;}
.jobs_training .listbox .txtbox{ max-width: 210px; width:90%; margin: auto; text-align: center; padding:20% 5%; border-radius: 0 30px 30px 30px; color: #FFF; background: #094ebb url(../images/job_bg.png) no-repeat center bottom; background-size: 100%; position: relative; border: solid 1px #fff}
.jobs_training .listbox .txtbox:after{ z-index: -1; left:5%; bottom:-4.5%; content: ''; position:absolute; width:90%; height: 30%; background: #3970c8; transform: rotate(6deg); border-radius: 20px}
.jobs_training .listbox h4{ padding: 4% 0;}
.jobs_training .listbox p{ max-width: 120px; margin: auto;}
.jobs_training .slick-list{ padding-bottom: 4%}
.jobs_training .hide{ height: 0; overflow: hidden}

.jobs_category{ border-bottom: solid 1px #ededed}
.jobs_category .item{ padding:30px; display: inline-block; position: relative}
.jobs_category .item a{ cursor: pointer}
.jobs_category .show a{ color: #094ebb}
.jobs_category .show:after{ content: ''; left: 0; bottom:-1px; position: absolute; width: 100%; height: 2px; background: #094ebb}
@media(max-width:960px){
.jobs_training .category .item,
.jobs_category .item{ padding:10px; }
}

.jobs_list .title{transition: 0.5s; position: relative; border-bottom: solid 1px #eeeeee}
.jobs_list .title i{ position: absolute; right:3%; top: 50%; width:12px; height:12px; transition: 0.5s}
.jobs_list .title i:before,
.jobs_list .title i:after{content: ''; position: absolute; width: 100%; height: 2px; background: #094ebb}
.jobs_list .title i:after{transform: rotate(90deg);}
.jobs_list .title li{ float: left; width:18%; padding:1.7% 0; text-align: center}
.jobs_list .title li.n1{ padding-left:4%; width: 25%; text-align: left}
.jobs_list .title.show{ color: #fff; background: #094ebb;}
.jobs_list .title.show i:before{ background: #fff}
.jobs_list .title.show i:after{ display:none}
.jobs_list .first{ color: #333333; background: #f8f9fa}
.jobs_list .list .title{ cursor: pointer}
.jobs_list .info{ display: none; background: #f8f9fa; padding:3%; line-height:2; position: relative;}
.jobs_list .info .sub{ color: #094ebb; font-weight: bold}
.jobs_list .info .sub img{ height:25px; vertical-align: middle; margin-right: 10px;}
.jobs_list .info .jobtxt{ color: #094ebb}
.jobs_list .info .txt{padding-bottom:1%}
.jobs_list .info .txt_wap{ padding-bottom: 4%; display: none}
.jobs_list .info .txt_wap p{ padding: 0; margin: 0}
.jobs_list .info .txt_wap span{ color: #999}
.jobs_list .info .apply{ text-align: right}
.jobs_list .info .apply a{background: #094ebb; text-align: center; color: #fff; line-height:50px; padding-left: 30px; padding-right: 60px; display:inline-block; cursor: pointer; position: relative; transition: 0.5s}
.jobs_list .info .apply a:after{ content: ''; position: absolute; right: 30px; width: 16px; height: 100%; top: 0; background: url("../images/jt.png") no-repeat left center; transition: 0.5s}
.jobs_list .info .apply a:hover{ background: #6cbadf}
.jobs_list .info .apply a:hover:after{ right: 20px;}
@media (max-width:768px) {
.jobs_list .title li{ padding: 3% 0}
.jobs_list .title li.wap{ display: none}
.jobs_list .title li.n1{ width: 60%}
.jobs_list .title li.n5{ width: 30%;}
.jobs_list .info .txt_wap{ display: block}
}
@media(max-width: 640px){
.jobs_list .info .apply{ text-align: center; padding: 3% 0}
.jobs_list .info .apply a{line-height: 40px;}
}


.Pages{ padding-top:5%; padding-bottom:1%; text-align: center}
.Pages .p_page{ display: block}
.Pages a{ min-width: 58px; line-height: 58px; padding: 0px 5px; margin: 0 10px; display: inline-block; overflow: hidden; background: #f8f9fa no-repeat center center; border-radius: 100px;}
.Pages a.a_cur{ color: #fff; background: #094ebb}
.Pages em{ font-style: normal; padding: 0px 20px;}
.Pages .a_prev,
.Pages .a_next{ width: 74px; text-indent: -120px; background-color: transparent;}
.Pages .a_prev{ background-image: url("../images/a_prev.png")}
.Pages .a_next{ background-image: url("../images/a_next.png")}
.Pages span,
.Pages .a_first,
.Pages .a_end{ display: none}
@media(max-width:960px){
.Pages em{padding: 0px 5px;}
.Pages a{ min-width:40px; line-height:40px;margin: 0 5px;}
.Pages .a_prev,
.Pages .a_next{ background-size:55%}
}

.link_list li{ float: left; width: 20%; padding: 1%; text-align: center;}
.link_list li a{ display: block; padding: 10px; box-shadow: 0 0 10px rgb(138,138,138,0.3)}
.link_list .pic{ position: relative; padding-bottom: 40%; overflow: hidden;}
.link_list .pic img{ position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.link_list .name{ padding: 10px 0}



.sitemap li{ padding:1% 0; border-bottom:dotted 1px #ccc}
.sitemap li b{ padding-right:20px;}
.sitemap li span{ display:inline-block; padding-right:20px;}
@media (max-width:768px) {
.sitemap li span{ padding-right:10px;}
}


.PopUpForm{ position: fixed; width: 100%; height: 100%; top: 0; background: rgba(0,0,0,0.8);  z-index:202; display:none}
.PopUpForm .ytable{ height: 100%}
.PopUpForm .form_item{padding:2%; position: relative; max-width: 1280px; margin: auto; background: #f8f9fa}
.PopUpForm{ overflow: auto; }
.PopUpForm .close{ z-index: 10; position:absolute; display:block; width:30px; height:30px; cursor:pointer; right:2%; top:2%; background:url(../images/close.png)}
.PopUpForm .item_box{ position: relative; padding:10px 0}

.PopUpForm .form_err{ color: #da3924}
.PopUpForm .name{padding: 3px 22px; display:inline-block}
.PopUpForm .tips{ position: absolute;line-height: 50px; padding: 0px 22px; color: #666666; font-size: 14px; opacity: 0.5;}
.PopUpForm .text{ width: 100%; height: 50px; background: #fff; border:none; padding: 0px 10px;}
.PopUpForm textarea.text{ height: 100px;}
.PopUpForm .item_btn{ text-align:center; padding-top:3%}
.PopUpForm .item_btn .btn{ display:inline-block; line-height: 50px; max-width: 180px; width:30%; text-align: center; cursor: pointer; color: #fff; background: #094ebb; border:none}
.PopUpForm .item_btn .btn:hover{ background: #137cac}

.PopUpForm .queueList{ margin:0;border:none}
.PopUpForm .fonttip{ position:absolute; text-align:left; top:0;color: #999; padding:0px 22px; font-size: 14px; line-height:50px; width:70%; background:#fff;}
.PopUpForm .filetip{ display:none}
.PopUpForm .placeholder{padding-top:0px; min-height:inherit}
.PopUpForm .webuploader-container{ margin: auto; width: 168px; z-index:5; float:right;}
.PopUpForm .placeholder .webuploader-pick{ line-height:50px; padding-left:40px; padding-right:20px; background:#094ebb url(../images/uploader.png) no-repeat 10px; margin:0; font-size:14px;}
.PopUpForm .statusBar .btns .uploadBtn{background: #094ebb;}
.PopUpForm .form_item.job{ max-width:800px;}
.PopUpForm #JobName{ color:#094ebb; font-weight:bold}

@media (max-width:768px) {
.PopUpForm .item_btn .btn{line-height:36px;}
.PopUpForm .placeholder .webuploader-pick{line-height:36px;}
}

.history_list .infobox{ padding-left: 8%; padding-bottom: 5%}
.history_list .infobox h3{ color: #127da8; line-height: 2;}
.history_list .infobox h3 b{ font-size:3.125vw; padding-right:3%}
.history_list .infobox pre{ line-height:2.5; color: #000}
.history_list .infobox .pic{ position: relative}
.history_list .infobox .pic:after{content:''; position: absolute; left: -5%; bottom: -8%; padding:8%; background: #127da8}
.history_list .infobox .pic img{ position:relative; z-index: 2}
.history_list .titlebox{ padding:0 8%; text-align: center}
.history_list .titlebox .slick-list{ padding: 20px 0 }
.history_list .titlebox .slick-track{border-top: solid 1px #d9dde0}
.history_list .titlebox .txt{ padding:8% 0; line-height: 30px; position: relative}
.history_list .titlebox .txt:before{ content: ''; position: absolute; margin: auto; left: 0; right: 0; top: -5px; width:10px; height:10px; background: #d9dde0; border-radius: 100px; transition: 0.5s}
.history_list .titlebox .txt a{ cursor: pointer; color: #999999}
.history_list .titlebox .slick-current .txt a{ color: #127da8}
.history_list .titlebox .slick-current .txt:before{ background: #fff; box-shadow: 0 0 0 4px #127da8}
.history_list .titlebox .slick-arrow{ top: 25px}
@media(min-width:768px){
.history_list .fl_fr .txt{ float: left; width:45%}
.history_list .fl_fr .pic{ float: right; width:51.243%}
}

section.main.office_contact{ padding-top:1%}
.office_contact .column_title{color: #333}
.office_contact li{ padding:1.2% 0; color: #333}
.office_contact li span{ width: 25%; float: left; display: block;}
.office_contact li span:nth-child(2) a{ color: #094ebb}
.office_contact li span:nth-child(3){ width:50%}
.office_contact li em{ font-style: normal; color: #999999}
@media(max-width:1024px){
.office_contact li span{ width: 50%}
.office_contact li span:nth-child(3){ width:100%}
}
@media(max-width:768px){
.office_contact li{ padding: 3% 0; line-height: 1.8}
.office_contact li span{ width: 100%; float: none;}
}

.contact_info{ position: relative}
.contact_info .mapbox{ position: absolute;  width:calc(100% - 460px); height: 100%; z-index: 1}
.contact_info #map{ position: absolute; width: 100%; height: 100%;}
.contact_info .formbox{ float: right; width: 460px; padding:10% 2%; color: #fff; position: relative; z-index: 5; background: no-repeat center center; background-size: cover;}
.contact_info .formbox .box{ max-width: 280px; margin: auto;}
.contact_info .formbox p{ padding-top: 5%; padding-bottom: 10%}
.contact_info .info{ display: none;}
.contact_info .txt_map{white-space: normal; text-align: left;background: #fff; position: relative;}
.contact_info .txt_map::after{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 99%; border: 15px solid transparent; border-top-color: #fff;}
.contact_info .txt_map h1{ padding: 4% 0; background: #f2f6fc; color: #094ebb; text-align: center}
.contact_info .txt_map ul{ padding:5%; color: #555555}
.contact_info .txt_map ul li{ line-height: 2; padding:3px 0px 3px 40px; position: relative}
.contact_info .txt_map ul li img{ position: absolute; left: 0; top: 10px;}
.tdt-infowindow-content-wrapper{ border-radius: 10px; overflow: hidden}
.tdt-infowindow-content{ margin: 0!important;}
.close_img{ position: absolute; top:10px; right: 10px; width: 20px; height: 20px; background: url(../images/cross.png) no-repeat center; background-size: contain; cursor: pointer; }

@media(min-width:1200px){
.tdt-infowindow-content{ width: 420px!important;}
}
@media(max-width:1024px){
.contact_info .mapbox{ position: relative; width: 100%; padding-bottom: 60%;}
.contact_info .formbox{ float: none; width: 100%; padding: 2%}
.contact_info .info{ display:block}
.tdt-infowindow{ display: none!important}
.contact_info .txt_map h1{ padding:2% 0;}
.contact_info .txt_map ul{ padding:3%; }
}

.formbox .item_box{ position: relative; padding: 10px 0}
.formbox .tips{ line-height: 50px; padding: 0px 20px; color: #999999; position: absolute}
.formbox .text{ padding: 0px 20px; width: 100%; height: 50px; border: none; border-radius: 6px; background: rgba(255,255,255,0.8)}
.formbox textarea.text{ height: 100px;}
.formbox .item_btn{ padding-top:8%}
.formbox .btn{ width: 100%; height: 50px; color: #fff; background: #094ebb;border: none; border-radius: 6px; cursor: pointer;}
@media(max-width:1024px){
.contact_info .formbox .box{ max-width:100%; padding: 4%}
.formbox .tips{ line-height: 38px;}
.formbox .text{ height: 38px}
.formbox textarea.text{ height: 80px;}
.formbox .item_btn{ padding:3% 0}
.formbox .btn{height:38px;}
}



.aboutTit{text-align:center;color:#094ebb;margin-bottom:3%;font-weight:700}
.aboutBox{padding:8.5%;background:url(../images/about_bg.png) no-repeat center;background-size:100% 100%;line-height:36px;position:relative;font-weight:700}
.aboutBox::after{ content: ''; position: absolute; left: 1%; top: 1%; width: 98%; height: 98.3%; background: url(../images/about_bg_2.png) repeat-y center top;background-size: contain;}
.aboutBox .tit{color:#000;line-height:1.6;font-weight:700;position:relative;z-index:2}
.aboutBox p{margin:0}
.aboutBox .line{width:100%;height:1px;background-color:#eee;margin:2.5% 0}
.aboutBox::before{content:'';position:absolute;left:5.5%;top:3%;width:109px;height:100px;background:url(../images/about_icon.png) no-repeat center}
.LeagueonBox{background:url(../images/about_bg2.png) no-repeat right 20.5%}
.LeagueonBox .aboutTit{margin-bottom:6%;text-align:left}
.Leagueon_one .pic{float:left;width:55%}
.Leagueon_one .txtCon{float:right;width:36%}
.Leagueon_one .numBox .item{width:33.33%;float:left;text-align:center;margin:3% 0}
.Leagueon_one .numBox .item:not(:last-child){border-right:1px solid #eee}
.Leagueon_one .numBox .item h3{color:#000}
.Leagueon_one .line{width:100%;height:1px;background-color:#eee}
.Leagueon_one .content{line-height:36px}
.Leagueon_one .content:last-child{margin:6% 0 10%}
.Leagueon_one .content p{margin:0}
@media (max-width:1024px){
.Leagueon_one .txtCon{width:42%}
}
@media (max-width:768px){
.Leagueon_one .content{line-height:26px}
}
@media (max-width:640px){
.Leagueon_one .pic,.Leagueon_one .txtCon{width:100%;float:none}
.Leagueon_one .pic{margin-bottom:5%}
.Leagueon_one .numBox{font-size:12px}
}
.Leagueon_two .item{display:flex;justify-content:space-between;flex-flow:row wrap;align-items:center;margin-bottom:8%}
.Leagueon_two .item:nth-child(2n){flex-flow:row-reverse wrap}
.Leagueon_two .item .pic{width:42.2%}
.Leagueon_two .item .txtCon{width:49%}
.Leagueon_two .item .tit{color:#333}
.Leagueon_two .item .tit::after{content:'';display:block;width:35px;height:2px;background-color:#094ebb;margin:2% 0}
.Leagueon_two .item .text{line-height:36px;margin:5% 0 10%}
.Leagueon_two .item article{margin:5% 0;line-height:36px}
.Leagueon_two .More{display:inline-block;color:#094ebb}
.Leagueon_two .More i{display:inline-block;width:11px;height:12px;background:url(../images/more_icon.png) no-repeat center;margin-left:8px}
@media (max-width:1024px){
.Leagueon_two .item .txtCon{width:55%}
}
@media (max-width:768px){
.Leagueon_two .item .text,.Leagueon_two .item article{line-height:26px}
.Leagueon_two .item .text{margin-bottom:6%}
}
@media (max-width:640px){
.Leagueon_two .item{flex-flow:column wrap!important}
.Leagueon_two .item .pic,.Leagueon_two .item .txtCon{width:100%;margin-bottom:3%}
}
.ClickCon .ClickMore{display:inline-block;color:#094ebb}
.ClickCon .ClickMore i{display:inline-block;width:11px;height:12px;background:url(../images/more_icon.png) no-repeat center;margin-left:8px}
.ClickCon article{display:none}
.ClickCon.on{align-items:flex-start}
.ClickCon.on .ClickMore i{transform:rotate(180deg)}
.ClickCon.on article{display:block}
.ClickCon.on .text{display:none}
.CultureBox{background-repeat:no-repeat;background-position:center;background-size:cover;height:960px;color:#fff}
.CultureBox .title h4{padding:3% 0;position:relative}
.CultureBox .title h4::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#094ebb;display:none}
.CultureBox .item{ cursor: pointer;width:33.33%;vertical-align:bottom;position:relative;padding:0 5% 8vw;overflow:hidden}
.CultureBox .item:not(:last-child){border-right:1px solid rgba(255,255,255,.15)}

.CultureBox .hover{transition:all .5s;position:absolute;bottom:0;opacity:0;transform:translateY(100%);max-height:460px;overflow:auto;height:100%;margin-top:3vw}
.CultureBox .hover.text{
scrollbar-arrow-color: #fff;
scrollbar-face-color: #efefef;
scrollbar-highlight-color: #efefef;
scrollbar-shadow-color: #efefef;
scrollbar-track-color: #efefef;
scrollbar-3dlight-color:#efefef;
scrollbar-darkshadow-color: #efefef;
scrollbar-base-color: #efefef;
}
.CultureBox .hover::-webkit-scrollbar{ width:2px; height: 10px;  background-color: #efefef;}
.CultureBox .hover::-webkit-scrollbar-track{background-color: #efefef;}
.CultureBox .hover::-webkit-scrollbar-thumb{border-radius: 0;background-color: #094ebb;box-shadow: inset 0 0 5px #094ebb;}
.CultureBox .hover::-webkit-scrollbar-button{height: 0;background-color: #efefef;}

.CultureBox .hover li{padding-left:35px;background:url(../images/icon_1.png) no-repeat left 8px;position:relative}
.CultureBox .hover li:not(:last-child){margin-bottom:2.5vw}
.CultureBox .hover li *{z-index:2;position:relative}
.CultureBox .hover li .bg{position:absolute;font-size:5.20833333vw;font-weight:700;z-index:0;right:0;top:50%;transform:translateY(-50%);opacity:.18}
.CultureBox .hover li .bg i{font-size:3.125vw;font-style:normal}
.CultureBox .hover li .des{margin-top:5px;max-width:360px}
.CultureBox .show .hover{position:relative;transform:translateY(0);opacity:1;bottom:auto}
@media (max-width:1024px){
.CultureBox .item{padding-left:2%;padding-right:2%;vertical-align:top;padding-top:8vw}
.CultureBox .item .hover{position:relative;transform:translateY(0);opacity:1;bottom:auto;max-height:none;height:auto}
}
@media (max-width:640px){
.CultureBox{ height: auto}
.CultureBox .ytable{ display: block}
.CultureBox .item{display:block;padding:20px}
.CultureBox .title h4{ padding: 20px 0}
}
.history_con{line-height:36px;text-align:center}
.history_con .item{float:left;width:50%;position:relative;color:#ffff}
.history_con .item .txt{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%)}
.history_con .item .txt h4{margin-bottom:.5vw}
.history_con .item figure{padding-top:39.064%}
@media (max-width:640px){
.history_con .item{width:100%;float:none}
}
.historyList{padding-top:7%;background:url(../images/about_bg3.png) no-repeat center top}
.historyList .slider-year{margin-bottom:5%;}
.historyList .slider-year.have_arrow{ padding-left: 80px; padding-right: 80px}
.historyList .slider-year time{display:block;padding-bottom:35px;text-align:center;position:relative;font-weight:700;color:#333;height:61px;padding-top:4px;cursor:pointer}
.historyList .slider-year time::after,.historyList .slider-year time::before{content:'';position:absolute;left:50%;transform:translateX(-50%);border-radius:100%}
.historyList .slider-year time::before{width:10px;height:10px;background-color:#bfbfbf;bottom:8px}
.historyList .slider-year time::after{width:27px;height:27px;background:url(../images/time_icon.png) no-repeat center;bottom:0;opacity:0}
.historyList .slider-year::before{content:'';position:absolute;left:0;bottom:12px;width:100%;height:1px;background-color:#dbdbdb}
.historyList .slider-year .slick-current time{color:#094ebb;font-size:20px;padding-top:0}
.historyList .slider-year .slick-current time::before{opacity:0}
.historyList .slider-year .slick-current time::after{opacity:1}
.historyList .item .tit{margin:0;color:#333}
.historyList .item .tit::after{content:'';display:block;width:35px;height:2px;background-color:#094ebb;margin:1.5% 0 0}
.historyList .item article{margin:3% 0}
.historyList .item article p{padding-left:30px;background:url(../images/dots.png) no-repeat left 5px;color:#333}

.submenu{text-align:center;margin-top:1%;font-size:0}
.submenu li{width:24%;display:inline-block;max-width:233px;font-size:16px;border-bottom:1px solid #ededed}
.submenu li a{display:block;padding-bottom:1.8vw;position:relative}
.submenu li a::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:#094ebb;bottom:0;transition:all .5s}
.submenu li a.on,.submenu li a:hover{color:#094ebb}
.submenu li a.on::before,.submenu li a:hover::before{width:100%}
@media (max-width:768px){
.submenu li{font-size:14px}
}
.honorBox{padding-top:5%}
.honor_list{padding:5% 0;background:url(../images/honorbg.jpg) no-repeat center;background-size:cover}
.honor_list .list ul{padding:0 50px}
.honor_list .list li{position:relative;text-align:center;margin-bottom:2%;float:left}
.honor_list .list li:first-child:before,.honor_list .list li:last-child:after{position:absolute;content:'';bottom:0;height:90px;width:50px}
.honor_list .list li:first-child:before{left:-50px;background:url(../images/PicList002433_ul_l.png) no-repeat 0 0}
.honor_list .list li:last-child:after{right:-50px;background:url(../images/PicList002433_ul_r.png) no-repeat 0 0}
.honor_list .list aside{padding-top:35px;height:90px;background:url(../images/PicList002433_libg.png) repeat-x left top}
.honor_list .list .ytable{height:245px}
.honor_list .list .ytable-cell{vertical-align:bottom}
.honor_list .list figure{position:relative;display:inline-block;max-width:80%}
.honor_list .list figure img{max-height:245px;padding:8px;padding-top:12px;background:url(../images/PicList002433_kuang.png) no-repeat;background-size:100% 100%; transition: all 0.5s;}
.honor_list .list figure:hover img{ transform: scale(1.1); z-index: 10;}
.honor_list .list p{margin:0 auto;width:90%;line-height:20px}
.honor_list .list .ul-4 li{width:25%}
.honor_list .list .ul-4 li:nth-child(4):after{position:absolute;content:'';bottom:0;height:90px;width:50px;right:-50px;background:url(../images/PicList002433_ul_r.png) no-repeat 0 0}
.honor_list .list .ul-3 li{width:33.33333333%}
.honor_list .list .ul-3 li:nth-child(3):after{position:absolute;content:'';bottom:0;height:90px;width:50px;right:-50px;background:url(../images/PicList002433_ul_r.png) no-repeat 0 0}
.honor_list .list .ul-2 li{width:50%}
.honor_list .list .ul-2 li:nth-child(2):after{position:absolute;content:'';bottom:0;height:90px;width:50px;right:-50px;background:url(../images/PicList002433_ul_r.png) no-repeat 0 0}
.honor_list .list .ul-2 li:nth-child(1) a>*{padding-left:30%}
.honor_list .list .ul-2 li:nth-child(2) a>*{padding-right:30%}
.honor_list .list .ul-1 .ul-1 li{width:100%}
.honor_list .slick-arrow{width:74px;height:58px}
.honor_list .slick-prev{left:-5%}
.honor_list .slick-next{right:-5%}
.honor_list .slick-dots li{margin:0 5px}
.honor_list .slick-dots li button{width:18px;height:13px;background:url(../images/dots.png) no-repeat center;opacity:.22;box-shadow:none}
.honor_list .slick-dots li button::before{display:none}
.honor_list .slick-dots li.slick-active button{opacity:1}
@media (max-width:640px){
.honor_list .slick-slider{ padding-left: 0; padding-right: 0;}
.honor_list .slick-arrow{ width:50px; background-size: 100%}
.honor_list .list ul{padding:0}
.honor_list .list p{font-size:12px}
.honor_list .list .ytable{height:150px}
.honor_list .list figure img{max-height:150px;padding:3px}
.honor_list .list .ul-2 li:nth-child(1) a>*{padding-left:30%}
.honor_list .list .ul-2 li:nth-child(2) a>*{padding-right:30%}
.honor_list .list .ul-2 li:first-child:before,.honor_list .list .ul-4 li:nth-child(4):after{display:none}
.honor_list .list .ul-4 li{ width: 50%;}
.honor_list .list li:first-child:before, 
.honor_list .list li:last-child:after{ display: none;}
.honor_list .list aside{ background-image: none; padding-top: 10px;}
}
@media (max-width:480px){
/* .honor_list .list li .ytable{height:100px}
.honor_list .list li figure img{max-height:100px} */
}

@media (max-width:1300px){
.honor_list .slick-prev{left:0}
.honor_list .slick-next{right:0}
}
.newsList_top{margin:6% 0;background:url(../images/news_bg.png) no-repeat right bottom;box-shadow:0 0 90px 0 rgba(0,18,71,.06)}
.newsList_top .pic{position:relative;vertical-align:top}
.newsList_top .pic img{display:none}
.newsList_top .ispic{position:absolute;left:0;top:0; width:100%; padding-top: 100%;}
.newsList_top .txt{padding:4% 5%;vertical-align:top}
.newsList_top time{color:#999;display:block}
.newsList_top p{margin:5% 0 12%;color:#555;line-height:36px}
.newsList_top .more_jt{color:#094ebb;background-image:url(../images/jt4.png);float:none}
.newsList_top .slick-dots{position:absolute;right:5%;bottom:10%;text-align:right;box-shadow:none}
.newsList_top .slick-dots li{margin:0 5px}
.newsList_top .slick-dots li button{width:18px;height:13px;background:url(../images/dots.png) no-repeat center;opacity:.22;box-shadow:none}
.newsList_top .slick-dots li button::before{display:none}
.newsList_top .slick-dots li.slick-active button{opacity:1}
@media (max-width:640px){
.newsList_top .pic,
.newsList_top .txt{display:block}
.newsList_top .pic img{display:none}
.newsList_top .ispic{position:relative;padding-top:55%}
.newsList_top p{line-height:26px;margin:3% 0 5%}
.newsList_top .slick-dots{position:relative;text-align:center;padding-bottom:2%;right:0}
}
.strength_con{position:relative}
.strength_con .con{position:absolute;left:0;top:0;padding:5%;width:100%;line-height:36px}
.strength_con .pic.wap{ display: none}
@media (max-width:768px){
.strength_con .con{position:relative;line-height:26px}
.strength_con .pic{ display: none}
.strength_con .pic.wap{ display: block}
}
.strengthList{background:url(../images/about_bg4.png) repeat-y center top;background-size:100% auto;padding:5% 0 2%}
.DomesticlayoutBox .submenu{margin-bottom:5%}
.domesticBox{text-align:center;line-height:36px}
.domesticBox .title{color:#222}
@media (max-width:768px){
.domesticBox{line-height:26px}
}
.domesticLogo{padding:5% 0;background-color:#f8f9fa}
.domesticLogo .item{display:block;padding-top:56%;position:relative}
.domesticLogo .item img{max-height:100%;left:0;bottom:0;top:0;right:0;margin:auto;position:absolute}
.domesticLogo .slick-slide>div{background-color:#fff}
.domesticLogo .slick-slide>div:nth-child(2n){background-color:#fafcfd}
.domesticLogo .slick-slide:nth-child(2n)>div{background-color:#fafcfd}
.domesticLogo .slick-slide:nth-child(2n)>div:nth-child(2n){background-color:#fff}
.domesticLogo .slick-prev{left:-10%}
.domesticLogo .slick-next{right:-10%}
@media (max-width:1300px){
.domesticLogo .slick-prev{left:0}
.domesticLogo .slick-next{right:0}
}
@media (max-width:1200px){
.domesticLogo .item img{max-height:80%;max-width:80%}
}
.domesticother{padding-top:5%}
.domesticother .item{position:relative;width:48%;float:left;margin-bottom:1%}
.domesticother .item .more{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.domesticother .item figure{padding-top:32.7%;position:relative}
.domesticother .item figure::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to right,#0b50bc,rgba(11,80,188,.5),rgba(11,80,188,0))}
.domesticother .item:nth-child(2n){float:right}
.domesticother .item .txt{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;padding-left:8%}
@media (max-width:640px){
.domesticother .item{width:100%;float:none!important}
}
.MarketlayoutBox{position:relative}
.MarketlayoutBox .single{margin-top:5%;line-height:36px}
.MarketlayoutBox::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/about_bg5.png) no-repeat center;background-size:cover}
.MarketlayoutBox .submenu{position:relative;z-index:10}
@media (max-width:768px){
.MarketlayoutBox .single{line-height:26px}
}

.wapContent{ display: none;}
@media (max-width:640px){
.wapContent{ display: block;}
.pcContent{ display: none;}
}
.webuploader-pick + div{ width: 100%!important; height: 100%!important;}
.banvideoplay{z-index: 5; cursor: pointer; position: absolute; width: 60px; height: 60px; margin: auto; left: 0; right: 0;  top: 0; bottom: 0;  background: url(../images/video_icon.png) no-repeat center center;}
.show .banvideoplay{ opacity: 0;}
.banner video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.photo_list2 li{ width: 25%; padding: 0 1% 3%; float: left;}
.body_OnlineFlagshipStore .location_menu .column:before,
.body_Onlineflagshipstore .location_menu .column:before{ display: none;}
@media (min-width:769px){
	.photo_list2 li:nth-child(4n+1){ clear: both;}
}
@media (max-width:768px){
	.photo_list2 li{ width: 50%;}
	.photo_list2 li:nth-child(2n+1){ clear: both;}
	
}
.index_banner .item a{ z-index: 120;}