/*@import url('/common/whirfonts/fonts.css');*/

* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%
}
body {
  padding: 0;
  margin: 0 auto;
  font-size: 16px;
  color: #555555;
  background: #edf2f6;
  font-family: 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;
  min-width: 320px;
  overflow-x: hidden
}
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: arial, sans-serif;
}
img {
  border: none;
  max-width: 100%;
  vertical-align: middle;
}
a {
  color: #555555;
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */
}
a:hover {
  color: #034775;
  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)}
.zoomimg:hover .f20.dot{color: #034775;}
: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: 1400px; width:95%; margin: 0 auto;}
@media(max-width:1400px){
  .auto{max-width: 1200px;}
}
@media(max-width:768px){
  .auto{width:92%; }
}
.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;}
.f34{ font-size: 34px;}
.f40{ font-size: 40px;}
@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;}
.f34{ font-size: 26px;}
.f40{ font-size: 30px;}
}
@media(max-width:768px){
body,
.f16{ font-size: 14px;}
.f18{ font-size: 15px;}
.f20{ font-size: 16px;}
.f22{ font-size: 18px;}
.f24{ font-size: 18px;}
.f26{ font-size: 18px;}
.f30{ font-size: 19px;}
.f34{ font-size: 19px;}
.f40{ font-size: 20px;}
}

@font-face {
  font-family: HarmonyOS;
  src: url(../font/HarmonyOS_Sans_SC_Medium.ttf);
}
@font-face {
  font-family: MyriadPro;
  src: url(/common/fonts/MyriadPro-Regular.otf);
}
.HarmonyOS{ font-family: 'HarmonyOS'}
.MyriadPro{ font-family: 'MyriadPro'}
/*header */
.header{ position:absolute; width: 100%; z-index: 200; top: 0; transition: 0.5s}
.header.top-bg{background: #2b2b2b; /*background: linear-gradient(180deg,#04203e,transparent);*/}
.header .auto{ padding-top:5px; padding-bottom:5px;}
.header .logo{ float: left; position: relative; z-index: 5}
.header .logo img{ height:80px;}
.header .top-nav{ z-index: 100; position: relative;line-height:20px; float: right; padding-left: 70px; margin-top:33px; border-left: solid 1px rgba(153,153,153,0.3)}
.header .top-nav > *{float: left;}
.header .top-btn a{ display: inline-block; padding: 0px 32px; border-radius: 5px;}
.header .top-btn a.a-login{ background: #ffffff; color: #31c9b6}
.header .top-btn a.a-register{ background: #31c9b6; color: #fff; margin-left: 10px;}
.header .open-search{ position: relative; width: 20px; height: 20px; display: inline-block;background: url(../image/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: #333333;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(../image/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{ padding-right: 32px; position: relative}
.header .top-lang >a{padding-right: 13px; background: url("../image/a_jt.png") no-repeat right}
.header .top-lang span{ left: 0; position:absolute; top: 100%; display: none; background:#127da8; padding:6px 0; border-radius: 4px;}
.header .top-lang span a{ color: #fff; display: block; padding: 0px 20px;}
.header .top-lang span a:hover{ opacity: 0.8}

.header menu li span,
.header menu li a{display: block;}
.header menu li .sub{display: none;}
.header .sub dt a{ border-bottom: solid 1px #e8e8e8}
.header .sub dt a:hover{background-color: #034775;color: #fff;}

.header.fixed{position: fixed; background: #fff; }
.header.fixed menu li span a{color: #000;}
.header.fixed .logo img{filter: none;}
.header.fixed .open-search{background: url(../image/top-search.png) no-repeat center center;}
.header.fixed .top-nav{border-left:solid 1px rgba(153,153,153,0.3)}

@media (min-width:1025px) {
.header menu{float: right; padding-right: 5%}
.header menu li{float: left;margin-right:3vw;}
.header menu li span{line-height:80px;}
.header menu li span a{position: relative;}
.header menu li span a:after{position: absolute;content: '';height: 2px;background-color:#127da8;left: 50%;transform: translateX(-50%); bottom: 0;width: 0;transition: width 0.3s;}
.header menu li span a:hover:after,
.header menu li.aon span a:after{width: 100%;}
.header menu li#m7{ display: none}
.header .sub{position: absolute; background-color:#fff;overflow: hidden; opacity: 0.9}
.header .sub dl{overflow: hidden;}
.header .sub dt{line-height: 22px;text-align: center;}
.header .sub dt a{ display: block; padding: 10px;transition: 0.3s;}
.header .sub dt img{ vertical-align: middle; margin-right: 6px;}
.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:1024px) {
.header .top-nav{ padding-left: 10px; margin-top: 0;}
.header .logo img{height:42px;}
.header .open-search{ width: 36px; height: 36px;}
.header .open-menu{ margin-left: 20px; width: 36px; height: 36px; position: relative}
.header .open-menu i{position: absolute; width: 100%; height: 3px; background: #034775; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.header .open-menu:not(.on) i:nth-child(1){margin-top: -10px;}
.header .open-menu:not(.on) i:nth-child(3){margin-top: 8px;}
.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:52px;bottom: 0;width: 240px;background-color:#fff;right: -100%;padding: 40px 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{padding:1em;background-color: rgba(0,0,0,0.1);; font-size: 16px;}
.header .sub dt{line-height: 2.5;}
}
@media (max-width:768px) {
.header .top-btn a{ padding: 0px 10px}
.header menu li span{line-height:2.6;font-size:18px;}
}

.bottom{ position: relative; padding-top:3%; padding-bottom: 3%; background:#034775 url(../image/bottom_bg.png) no-repeat left top; background-size:13.020%}
.bottom,
.bottom a{ color:#fff}
.bottom a:hover{ opacity: 1}
.bottom .box1{ padding-bottom: 3%}
.bottom .caidan{ float:left; width:55%;}
.bottom .caidan li{ float:left; width:20%;}
.bottom .caidan span{ padding:5px 0; display:block;}
.bottom .caidan span a:not(:hover){ opacity: 0.5}
.bottom .caidan b{ display:block; padding-bottom:6px;}
.bottom .caidan b a:not(:hover){ opacity: 0.8}
.bottom .other{ float:right; width:45%; text-align: right}
.bottom .logo{padding-left:62%; filter: grayscale(100%) brightness(500%); }
.bottom .address{ opacity: 0.5}
.bottom .tel{ font-size:1.67vw; padding-top: 8%; padding-bottom: 2%;}
.bottom .ShareTo{ font-size:14px; float: right; position: relative; z-index: 10}
.bottom .ShareTo a{ margin: 0!important; border: none!important}
.bottom .ShareTo .ewma:not(:last-child) a{ margin-right: 0!important}
.bottom .ShareTo span{ display: block; position: relative; float: left}
.bottom .ShareTo .social-share a:not(:hover),
.bottom .ShareTo .ewm a:not(:hover){ color: #fff!important;}
.bottom .ShareTo .ewm a{border: solid 1px #e6e7e7; display: inline-block;width: 40px; height: 40px; border-radius: 50%; position: relative; transition: background 0.6s ease-out 0s;}
.bottom .ShareTo .ewm img{ position: absolute; width: 130px; max-width: inherit; right: 0; bottom:60px; display: none}
.bottom .ShareTo .ewm a:before{ content: ''; position: absolute; width: 100%; height: 100%; display: block; background: no-repeat center center; background-size: 20px;}
.bottom .ShareTo .ewm a:hover{background-color: #000}
.bottom .ShareTo .douyin a:before{ background-image: url("../image/douyin.svg")}
.bottom .link a{ position: relative}
.bottom .link a:not(:hover){ opacity: 0.5}
.bottom .link a:not(:last-child):after{ content: ''; position: absolute; right: -24px; top:40%; width: 4px; height: 4px; background: #fff; opacity: 0.5; border-radius: 10px;}
.bottom .link a:not(:last-child){ margin-right: 40px;}
.bottom .copyright{ opacity: 0.5; padding-top: 1%}
@media (min-width:768px) {
.social-share .icon-wechat .wechat-qrcode{margin-left: -70px;}
.social-share .icon-wechat .wechat-qrcode:after{display: none!important}
}
@media (max-width:768px) {
.bottom .caidan{ display:none}
.bottom .other{width:100%; float:none; max-width:none; text-align: center}
.bottom .logo{ padding-left: 0; width:30%; margin: auto}
.bottom .tel{ padding: 2% 0; font-size:5vw}
.bottom .link{ text-align: center}
.bottom .ShareTo{ float: none; width: 40px; margin: auto; padding-bottom:3%}
.copyright{ padding:3% 0; margin-top:3%}
.copyright .icp{ display:none}
.bottom .address{ font-size: 13px;}
}

.location_menu{ border-bottom: 1px solid #dfe9ee;}
.location_menu .location{ font-size: 14px; color:#999999; padding-left:32px; background: url("../image/location_icon.png") no-repeat left center}
.location_menu .location em{ font-style: normal; font-family:SimSun; padding: 0px 10px;}
.location_menu .location a{ color: #999999; padding: 0px 5px;}
.location_menu .location a:hover{ color: #008dc5;}
.location_menu .location span{ color: #127da8;}
.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;padding: 0px 20px;}
.location_menu .menu .column{ display: none}
@media(min-width:1400px){
.location_menu{line-height:80px; }
.location_menu .menu li a{padding: 0px 40px;}
}
@media(min-width:1200px) and (max-width:1400px){
.location_menu .menu li a{padding: 0px 20px;}
}
@media(min-width:768px) and (max-width:1200px){
.location_menu .menu li a{padding: 0px 15px;}
}
@media(min-width:768px){
.location_menu{line-height:60px; }
.location_menu  .menu{ float:left}
.location_menu  .menu ul{ display: block!important;}
.location_menu  .menu li{ float: left;}
.location_menu  .menu li.aon a{ color: #fff; background: #127da8 }
.location_menu  .location{ float: right}
}
@media(max-width:768px){
.location_menu{padding-bottom: 5px;}
.location_menu .location{ padding-top: 10px; padding-bottom: 10px; padding-left: 20px;}
.location_menu .menu .column{ line-height: 40px; color: #fff; font-size: 18px; position: relative;display: block; padding: 0 20px; margin: 0;
background: #127da8; /* Old browsers */
background: -moz-linear-gradient(left, #127da8 0%, #6cbadf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #127da8 0%,#6cbadf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #127da8 0%,#6cbadf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#127da8', endColorstr='#6cbadf',GradientType=1 ); /* IE6-9 */
}
.location_menu .menu .column:before{ content: ''; width:20px; height: 100%; position: absolute; right: 2%; transition: 0.4s; background: url(../image/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; padding:5px 0;width: 100%; border-bottom: dotted 1px #ddd}
.location_menu .menu ul li a{ display: block; padding: 0 20px}
}

.banner{ position: relative}
.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%);text-align: center;}
.banner .column span{ display: block; color: #fff;  line-height: 0.6}
.banner .column span.en{ font-size: 3.65vw; opacity: 0.2;text-transform: uppercase}
.banner .column span.cn{ font-size: 2.4vw}
@media(max-width:1024px){
.banner .ban .pc{ display: none}
.banner .ban .wap{ display:block}
}
@media(max-width:768px){
.banner .column span.en{ font-size:7vw;}
.banner .column span.cn{ font-size:6vw}
}

section.main{ padding-top:5%; padding-bottom:5%;}

.bg_gray{ background: linear-gradient(to bottom, rgba(18,125,168,0.1) 0%,rgba(0,0,0,0) 100%)}



.editor_about1 .pic{ text-align: center; padding-bottom: 5%}
.editor_about1 .pic img{ width:45%;}
.editor_about1 .info{ line-height:1.8}
@media(min-width:768px){
.editor_about1{ position: relative}
.editor_about1 .info{ float: right; width:73%;}
.editor_about1 .pic{ float: left; width:22%; padding-bottom: 0}
.editor_about1 .pic img{ width: 58%;}
.editor_about1:before{ content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 22%; width: 1px; height: 80%; background: #c5dee9}
}
.about_partner{ padding-top: 4%; padding-bottom: 4%}
.about_partner .listbox{ padding:4% 2%; overflow: hidden}
.about_partner ul{ width:25%; float: left;}
.about_partner ul li{ width:38%; float: left; transform: rotate(45deg); overflow: hidden;background: #fff; border-radius:12px;}
.about_partner ul li:hover{transform:scale(1.2) rotate(45deg);}
.about_partner ul:not(.num4) li:nth-child(1),
.about_partner ul:not(.num4) li:nth-child(4){ margin-right:24%}
.about_partner ul:not(.num4) li:nth-child(3){ margin-left: 32.5%}
.about_partner ul.num4 li:nth-child(1),
.about_partner ul.num4 li:nth-child(3){ margin-top:38%}
.about_partner ul.num4 li:nth-child(4){ margin-top:-78%; margin-left:78%}
.about_partner ul li a{ display: block; padding-bottom: 100%; position: relative;transform: rotate(-45deg); }
.about_partner ul li img{ margin-left: -20%; width:140%; max-width:140%; max-height:140%;}

.about_partner .title span{ display: block; text-align: center}
.about_partner .title .en{ color: #034775; text-transform: uppercase}
@media(min-width:768px){
.about_partner{ padding-top: 8%}
.about_partner .auto{ position: relative}
.about_partner .title{ top: 25%; left: 26%; position: absolute; background: #fff; padding:7.5%; border-radius: 12px;transform: rotate(45deg); }
.about_partner .title .box{transform: rotate(-45deg); left: 0; top: 0; position: absolute; width: 100%; padding:35% 0}
.about_partner ul:nth-child(1){ margin-right:16%}
.about_partner .wap_pic{display: none}
}
@media(max-width:768px){
.about_partner .listbox{display: none}
}
/*@media(max-width:960px){
.about_partner ul{ width:50%; padding:8% 6%}
}
@media(max-width:640px){
.about_partner ul{ width: 100%; float: none;}
.about_partner ul.num4 li:nth-child(4){ margin-left: 62%;}
.about_partner ul.num4 li:nth-child(2),
.about_partner ul.num4 li:nth-child(3){ margin-left: -6%}
}*/

.about_photo{ padding-top:4%; padding-bottom:4%}
.about_photo img{ width: 100%}
@media(max-width:768px){
.about_photo{display: none}
.about_photo img{ max-width: 200%;width: 200%}
}

.about_part2{ padding-top:5%; padding-bottom:4%; position: relative}
.about_part2:before,
.about_part2:after{ content: ''; position: absolute; background: #dbeaf1}
.about_part2:before{ padding:1.5%; bottom:32%; right:6%;}
.about_part2:after{ padding:3%; bottom: 5%; right: 10%;}
.editor_about2 .info{ line-height:1.8}
.editor_about2 .pic{ position: relative; z-index: 2; text-align: center; padding-top: 3%}
@media(min-width:768px){
.editor_about2 .info{ float: left; width: 66%}
.editor_about2 .pic{ float: right; width:27.143%; padding-top: 0}
}

.laboratory_list{ padding-left: 3%; padding-right: 3%;}

.editor_culture{ background: #edf6fb url(../image/culture_bg.jpg) no-repeat right top; background-size:31.42857142857143%}
.editor_culture .pic{ width:60%;}
.editor_culture .infobox{}
.editor_culture .info{ padding:2% 0; height: auto; margin-left: -35px; color: #333}
.editor_culture .info .icon{ width:120px}
.editor_culture .info .icon span{ display: inline-block; transform: rotate(45deg); padding: 6px; background: rgba(237, 246, 251,0.2); box-shadow: 0 0 0 5px rgba(237, 246, 251,0.1); overflow: hidden}
.editor_culture .info .icon em{ display: inline-block;background:#edf6fb; padding:8px;}
.editor_culture .info .icon img{transform: rotate(-45deg); }
.editor_culture .info h4{ color: #000; padding-bottom: 10px;}
@media(max-width:1024px){
.editor_culture .pic{ width:50%;}
.editor_culture .info{ margin-left: -35px;}
.editor_culture .info .icon span{ padding: 5px; box-shadow: 0 0 0 5px rgba(237, 246, 251,0.1)}
.editor_culture .info .icon em{ padding: 5px;}
.editor_culture .info .icon{ width: 80px;}
}
@media(max-width:640px){
.editor_culture {display: flex;flex-direction: column-reverse; background-size: 100%}
.editor_culture .pic,
.editor_culture .infobox{width: 100%; padding: 2% 0}
.editor_culture .info{ padding: 2% 0; margin-left: 0}
}

.editor_concept{ padding-top: 5%}
.editor_concept .ytable-cell{ background: #fff}
.editor_concept .infobox{ padding:8.2% 3%; position: relative}
.editor_concept .infobox:before{ content: ''; position: absolute; left: 0; top: 0;  padding:6%; background: linear-gradient(135deg, #edf2f6 50%,#fff 50%);}
.editor_concept .info{ line-height: 2; position: relative;max-width: 570px; margin: auto; border-bottom: solid 1px #e5e5e5}
.editor_concept .info:after{ content: ''; position: absolute; right: 0; bottom: -25px; width: 40px; height: 50px; background: url(../image/slick-next.png) no-repeat;}
.editor_concept .info h4{ color: #333}
.editor_concept .info h5{ padding: 3% 0; color: #127da8}
.editor_concept .txt{ width: 90%; padding-bottom:8%;}
.editor_concept .pic{ width:44.286%}
.editor_concept .pic img{ margin-top: -28%;}
@media(max-width:640px){
.editor_concept .infobox,
.editor_concept .pic{ width: 100%; display: block;}
.editor_concept .txt{ width: 100%}
.editor_concept .pic img{ margin-top: auto}
}

.column_title{text-align: center; }
.column_title span{ display: block; line-height: 0.2}
.column_title span.en{ font-size:3.125vw; opacity: 0.08; color: #799cad; text-transform: uppercase}
.column_title span.cn{ color: #333333}

.contact_info{ position: relative; z-index: 5}
.contact_info .info{ position: absolute; right: 0; width: 450px; height: 710px; border-top: solid 6px #127da8; background:#fff;}
.contact_info .txt{ margin: auto; max-width: 80%; padding-top: 10%; position: relative}
.contact_info .txt h1{ padding:10% 0}
.contact_info .txt li{color: #666666; position:relative; min-height: 60px; line-height: 24px; padding-left: 105px; padding-bottom: 10px;}
.contact_info .txt li.hottel{ padding-left: 135px;}
.contact_info .txt span{ position: absolute; left: 0; color: #000000}
.contact_info .txt span img{ vertical-align: middle; margin-right: 25px;}
.contact_info .logo{ opacity: 0.04;; padding:0 5%;}
.contact_info .map{padding-right: 450px;}
.contact_info .mapbox{ width: 100%; height: 710px; position: relative;}
.contact_info #map{ position: absolute; width: 100%; height: 100%}
@media(max-width:768px){
.contact_info .info{ position: relative; width: 100%; height: auto;}
.contact_info .map{ padding-right: 0; display: none}
.contact_info .mapbox{ height: auto; padding-bottom: 60%;}
.contact_info .txt{max-width:92%; padding-top:0}
/* .contact_info .txt li,
.contact_info .txt li.hottel{ padding-left: 0; padding-bottom: 4%}
.contact_info .txt span{ display: block; position: relative} */
.contact_info .txt li.hottel{ padding-left: 105px;}
.contact_info .txt span img{ margin-right: 10px;max-width: 20px;}
.contact_info .txt h1{ padding:5% 0}
.contact_info .logo{ position: absolute; right: 0; bottom:2%; text-align: right; padding: 0; width: 40%; margin: auto}
}

.honor_list li{ float: left; text-align: center;}
.honor_list li .pic{}
.honor_list li .pic a{display:block; width:80%; max-width: 160px; margin: auto; position: relative;}
.honor_list li .pic span{ position: relative; z-index: 1; padding-bottom:142%; background-color: #fff!important; background-size:contain!important}
.honor_list li .pic a:after{ position: absolute; z-index: 2; content: ''; bottom: 0; right: 0; width: 31px; height: 31px; background: rgba(0,0,0,0.2)  url(../image/honor_icon.png) no-repeat center center}
.honor_list li .pic a:before{ position: absolute; right:8%; bottom:5%; content: ''; width: 20%; height:80%; box-shadow: 7px 7px 20px rgba(0,0,0,0.8); transform: rotate(-5deg)}
.honor_list li .txt{ position: relative; padding:12% 0; background: url(../image/honor_bg.png) repeat-x center -100px;}
.honor_list li .txt h3{ height:40px; line-height:20px;}
.honor_list li a{ display: inline-block}
@media(min-width:768px){
.honor_list{ padding-left: 5%; padding-right: 5%}
.honor_list li{ width: 25%; }
.honor_list li:nth-child(4n+1){ clear: both;}
.honor_list li:nth-child(4n+1) .txt:before,
.honor_list li:nth-child(4n) .txt:before{ content:''; position: absolute; top: 0; width: 20%; height:80%; }
.honor_list li:nth-child(4n+1) .txt:before{left: -20%; background: url(../image/honor_bg.png) no-repeat left top;}
.honor_list li:nth-child(4n) .txt:before,
.honor_list li:last-child .txt:before{ right: -20%; background: url(../image/honor_bg.png) no-repeat right top;}
}
@media(max-width:768px){
.honor_list{ padding-left:10%; padding-right:10%}
.honor_list li{ width:50%; }
.honor_list li:nth-child(odd){ clear: both;}
.honor_list li .txt:before{ content:''; position: absolute; top: 0; width: 20%; height:50%; }
.honor_list li:nth-child(odd) .txt:before{left: -20%; background: url(../image/honor_bg.png) no-repeat left top;}
.honor_list li:nth-child(even) .txt:before{ right: -20%; background: url(../image/honor_bg.png) no-repeat right top;}
}

.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%}
}
@media(max-width:768px){
.history_list .infobox{padding: 2%}
.history_list .infobox .txt{padding-bottom: 4%}
}

.jobs_list .title{transition: 0.5s; position: relative; background: #f8f9fa}
.jobs_list .title:before{ content: ''; position: absolute; right:3%; top: 50%; transform: rotate(-135deg); width:10px; height:10px; border-right: solid 1px #999999; border-bottom: solid 1px #999999; transition: 0.5s}
.jobs_list .title.first:before{content: none;}
.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: #127da8; margin-bottom: 0;}
.jobs_list .title.show:before{ border-color: #fff; transform: rotate(45deg); margin-top: -5px;}
.jobs_list .first{ color: #127da8; background: #fff}
.jobs_list .list{ padding: 10px 0}
.jobs_list .list .title{ cursor: pointer}
.jobs_list .info{ display: none; background: #f8f9fa; padding:3% 5%; line-height:2; position: relative;}
.jobs_list .info .sub{ color: #333;}
.jobs_list .info .txt{ color: #666; 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: #127da8; 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("../image/jt2.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.n2{ width: 30%;}
.jobs_list .info .txt_wap{ display: block}
.jobs_list .list{ padding: 5px 0}
}
@media(max-width: 640px){
.jobs_list .info .apply{ text-align: center}
.jobs_list .info .apply a{line-height: 40px;}
}

.info_main{ max-width: 1120px; margin: auto;line-height:200%;}
.info_main .article{ padding-top: 4%; padding-bottom: 4%;}
.info_main .other{ padding-top: 4%; position: relative; border-top: solid 1px #d9dde0}
.info_main .other .dot{ opacity: 0.8}
.info_main .other .back{ display: inline-block;float: right; padding:2px 20px; background: #034775; color: #fff}
.info_main .title{ text-align: center;}
.info_main .title h1{ color: #333; padding-bottom: 1%}
.info_main .title time{ color: #999999}


.news_list li{ line-height:24px; color: #999999; position: relative;margin-bottom: 2%; transition: 0.5s}
.news_list .txt{ padding:3%; background: #fff}
.news_list .txt p{ margin:3% 0;}
.news_list .pic img{ width: 100%}
@media(min-width:640px){
.news_list li{ float: left; width: 32.143%; line-height: 30px;  }
.news_list li:nth-child(3n+2){margin-left: 1.7855%; margin-right: 1.7855%}
.news_list li:hover{ box-shadow: 0 0 12px rgba(0,0,0,0.1)}
.news_list .txt{ padding:8% 9% 7% 9%;}
.news_list .txt h3{ height: 60px;}
.news_list .txt p{ height:90px;}
.news_list .pic span{ padding-bottom:75.556%;}
.news_list .pic img{ display: none}
}

@media(max-width:640px){
  .news_list li{margin-bottom: 20px;}
}

.product_list li{padding:5% 2.7153% 3% 2.7153%; margin-bottom: 2.857%; float: left; width:48.5715%; background:#fbfcfe url("../image/li_bg_pro.jpg") no-repeat center top; background-size: 100%}
.product_list .info{ padding-top:3.32%; line-height: 22px;  position: relative}
.product_list .pic a{display: block; padding-bottom:66.618%; position: relative}
.product_list h3{ padding:3% 0}
.product_list h3 a:not(:hover){ color: #333}
.product_list li:nth-child(odd){ clear: both; margin-right: 2.857%}
.product_list p{ height:66px;}
.product_list .more{border: solid 1px #127da8; color: #127da8; line-height:32px; padding-left: 30px; padding-right: 60px; display:inline-block; cursor: pointer; position: relative; transition: 0.5s; margin-top: 3%}
.product_list .more:after{ content: ''; position: absolute; right: 30px; width: 16px; height: 100%; top: 0; background: url("../image/jt2.png") no-repeat right center; transition: 0.5s}
.product_list .more:hover{ color: #fff; background: #127da8}
.product_list .more:hover:after{ right: 20px; background-position: left center}
@media(min-width:1024px){
.product_list .info{line-height: 30px;}
.product_list h3{ padding:1.622% 0}
.product_list .txt{ position: relative; padding:0 160px 0 0}
.product_list p{ height: 96px; padding-right:5%;}
.product_list .more{ position: absolute; top: 0; right: 0; margin-top: 0;line-height:42px;}
}
@media(max-width:640px){
.product_list .more{padding-left:10px; padding-right: 40px; }
.product_list .more:after{right: 15px}
}

.product_info{ padding-top:2.8%; padding-bottom:2.8%; background: no-repeat center center; background-size: cover}
.product_info .box{ width: 100%; display: table; table-layout: fixed}
.product_info .pic,
.product_info .info{ display: table-cell; vertical-align: middle}
.product_info .pic{ width: 50%; text-align: center;}
.product_info .info{ line-height: 2}
.product_info h1{ color: #034775}
.product_info .txt{ padding-top: 3%}
@media(max-width:768px){
.product_info .pic,
.product_info .info{ display: block; width: 100%}
}

.product_goodness .title{ text-align: center; color: #333333; font-weight: bold}
.product_goodness .title span{ display: block}
.product_goodness .title span.en{ text-transform: uppercase; display: none}
.product_goodness .listbox{ margin-left: -12px; margin-right: -12px; padding-top:4%; padding-bottom:2%}
.product_goodness .item{ padding: 30px 12px;}
.product_goodness .txtbox{ padding:10% 6%; background: #fff; position: relative}
.product_goodness .txtbox:before,
.product_goodness .txtbox:after{ content: ''; position: absolute; left: 0; right: 0; margin: auto; background: #fff;}
.product_goodness .txtbox:before{ width: 80%; opacity: 0.3; height: 30px; top: -30px; }
.product_goodness .txtbox:after{ width: 90%; opacity: 0.5; height: 15px; top: -15px; }
.product_goodness .icon{ width:30%; text-align: center}
.product_goodness .icon span{ display: inline-block; background: #ecf6fb; transform: rotate(45deg)}
.product_goodness .icon img{ transform: rotate(-45deg); max-width:80px;}
.product_goodness .txt{ font-size:18px; color: #127da8; padding-left:5%;}
.product_goodness .txt h4{ font-size:22px; padding-bottom: 3%}

@media(max-width:768px){
.product_goodness .slick-track{width: 100%!important;transform:translate3d(0px, 0px, 0px)!important}
.product_goodness .item{padding:20px 12px}
.product_goodness .txtbox{padding:4%}
.product_goodness .icon{width: 25%; padding-right: 5%}
.product_goodness .txt {font-size: 14px;}
.product_goodness .txt h4{ font-size:14px;}
}

.product_details .title{ color: #fff; background: #127da8; text-align: center; padding:1.8% 0}
.product_details .article{ padding:2.8%; background: #fff}

.Pages{ padding-top:5%; padding-bottom:1%; text-align: center}
.Pages .p_page{ display: block}
.Pages a{ min-width: 50px; line-height: 50px; padding: 0px 5px; margin: 0 10px; display: inline-block; overflow: hidden; background: #fff no-repeat center center}
.Pages a.a_cur{ color: #fff; background: #127da8}
.Pages em{ font-style: normal; padding: 0px 20px;}
.Pages .a_prev,
.Pages .a_next{ text-indent: -120px;}
.Pages .a_prev{ background-image: url("../image/a_prev.png")}
.Pages .a_next{ background-image: url("../image/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;}
}

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

.search_list a{ display: block; padding:3%; background: #fff; position: relative}
.search_list li{ padding:1% 0;}
.search_list li time{ position: absolute; padding-bottom: 15px; right: 3%; top: 45%; border-bottom: solid 1px #e5e5e5}
.search_list li span{ color: #034775; font-weight: bold}
.search_list li p{margin: 20px 0; width: 86%; opacity: 0.6; line-height: 28px;}
.search_list li a:hover h4,
.search_list li a:hover span{ color: #137cac}
@media (max-width:768px) {
.search_list li p{ width: 100%;}
.search_list li time{ position: relative; float: right; top: auto; right: auto; padding-bottom: 0; border-bottom: none;}
.search_list li p{margin: 10px 0;line-height: 24px;}
}

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

.business_scope{ padding-bottom: 4%}
.business_scope .column_title{ text-align: left}
.business_scope .info{ position: relative; padding-bottom: 12%;overflow: hidden;}
.business_scope .info:before,
.business_scope .info:after{ content: ''; position: absolute; background: #dbeaf1}
.business_scope .info:before{ padding:8%; bottom: 20%; right: 15%;}
.business_scope .info:after{ padding: 12%; bottom: 0; right: -15%;}
.business_scope .fr_box{ position: relative; z-index: 5}
.editor_jyfw{ position: relative; z-index: 10}
.editor_jyfw .title{ padding-top:5%; padding-bottom: 4%}
.editor_jyfw .title span{ color: #127da8}
.editor_jyfw .ul_txt li{ padding:8px 0;}
.editor_jyfw .ul_txt li:before{ content: '◆'; color: #127da8}
@media (min-width:768px) {
.business_scope .fl_fr .fl_box{ float: left; width:38%}
.business_scope .fl_fr .fr_box{ float: right; width:60%}
}
@media (max-width:640px){
  .business_scope .fr_box{display: none;}
  #Service .location_menu .menu{display: none;}
}
.OEM_process{ padding-top:6%; padding-bottom:6%; overflow: hidden}

.editor_dglc{ padding-top:8%; padding-bottom: 3%}
.editor_dglc li{ position: relative; float: left; width:15.2858%; }
.editor_dglc li .box{border-radius: 10px; overflow: hidden; transform: rotate(45deg)}
.editor_dglc li .pic,
.editor_dglc li .txt{ transform: rotate(-45deg)}
.editor_dglc li .pic{ position: relative; padding-bottom: 100%;}
.editor_dglc li .pic img{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none; width: 140%}
.editor_dglc li .pic:after{ content: ''; position: absolute; left:0; bottom:-20%; left: -20%; width:140%; height:80%; background: linear-gradient(to bottom,rgba(0,0,0,0),#127da8);}
.editor_dglc li .txt{ position: absolute; width: 140%; text-align: center; bottom:20%; color: #fff}
@media (min-width:1024px) {
.editor_dglc li:not(:last-child){ margin-right:12.95226%}
.editor_dglc li:not(:last-child):after{ content: ''; position: absolute; right: -50%; margin: -7px; top: 50%; width:21%; height: 14px; background: url(../image/jt.png) no-repeat right center}
}
@media (max-width:1024px) {
.editor_dglc li{ width:50%; padding:8%;}
}

.OEM_strength .listbox{ margin-left: -8px; margin-right: -8px; padding-top: 5%}
.OEM_strength .item{ padding: 8px;}
.OEM_strength .item a{ display: block; position: relative}
.OEM_strength .ispic{ padding-bottom:74.564%}
.OEM_strength .txt{ position: absolute; width: 100%; bottom: 0; text-align: center; padding:5% 4%; color: #fff; background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5)100%)}

.PopUpForm{ position: fixed; width: 100%; height: 100%; top: 0; background: rgba(0,0,0,0.2);  z-index: 101; display:none}
.PopUpForm .ytable{ height: 100%}
.PopUpForm .form_item{padding: 5%; position: relative; max-width: 1280px; margin: auto; background: #f8f9fa url(/common/images/form_bg.png) no-repeat right bottom;}
.PopUpForm{    overflow: auto; }
.PopUpForm .form_item .close{ position:absolute; display:block; width:30px; height:30px; cursor:pointer; right:2%; top:2%; background:url(../image/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:40%; text-align: center; cursor: pointer; color: #fff; background: #127da8; border:none}
.PopUpForm .item_btn .btn:hover{ background: #6a3906}

.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:#127da8 url(../image/uploader.png) no-repeat 10px; margin:0; font-size:14px;}
.PopUpForm .statusBar .btns .uploadBtn{background: #127da8;}
.PopUpForm .form_item.job{ max-width:800px;}
.PopUpForm #JobName{ color:#127da8; font-weight:bold}





.flex-box{display: flex;align-items: center;justify-content: space-between;}
.flex-box .m-btn{padding: 0 10px;border: 1px solid #999999;border-radius: 30px;}
.flex-box .m-btn:hover{background: #008dc5;color: #fff;border: 1px solid;}




.laboraList{margin-top: 5%;}
.laboraList li{position: relative;padding-bottom:68px;background:#fff;}
.laboraList li:before{content:'';border-left:85px solid #edf2f6;border-bottom:80px solid transparent;position: absolute;top: 0;left: 0;}
.laboraList li .txtBox{width: 41.5%;padding:68px;position: absolute;left: 0;bottom:0;}
.laboraList li .txtBox .lab{display: inline-block;padding: 0 15px;line-height:30px;font-size:16px;color: #fff;background:#127da8;position: relative;}
.laboraList li .txtBox .lab:before{content:'';border-left:7px solid #fff;border-bottom:7px solid transparent;position: absolute;top: 0;left: 0;}
.laboraList li .txtBox .lab:after{content:'';border-right:7px solid #fff;border-top:7px solid transparent;position: absolute;bottom: 0;right: 0;}
.laboraList li .txtBox .h5{font-size:24px;color: #127da8;padding:20px 0;border-bottom:1px solid #127da8;}
.laboraList li .txtBox .iBox{margin-top: 10px;font-size:16px;}
.laboraList li .txtBox .iBox .tit{display: block;color: #333;line-height:36px;}
.laboraList li .txtBox .iBox .p{line-height:26px;color: #555555;}
.laboraList li .imgBox{width: 58.5%;float: right;margin-top:-68px;}
.laboraList li .imgBox figure{padding-bottom:58.5%;background-repeat:no-repeat;background-size: cover;background-position:center;}

@media(min-width: 1025px){
  .laboraList li .imgBox figure{padding-bottom:480px;}
  .laboraList .slick-prev{right: 0;bottom:120px;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);top: auto;left:auto;}
  .laboraList .slick-next{bottom:68px;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);top: auto;}
}

@media(max-width:1024px){
  .laboraList li{padding-bottom:4%;}
  .laboraList li .imgBox{float: none;width: 100%;margin-top: 0;}
  .laboraList li .txtBox{width: 100%;padding:4%;position: static;}
  .laboraList li:before{display: none;}
  .laboraList li .txtBox .h5{font-size:20px;padding:10px 0;}
  .laboraList li .txtBox .iBox{font-size:14px;}
  .laboraList li .txtBox .iBox .tit{line-height:24px;}
  .laboraList li .txtBox .iBox .p{line-height:22px;}
}

/*team*/
.teamList{margin-top: 5%;}
.teamList li{padding: 4% 5%; margin-bottom: 30px; border-top:2px solid transparent;background:#fff;transition: 0.3s; cursor: pointer;}
.teamList li .top { position: relative; }
.teamList li .top .show_btn{ position: absolute;top:0;right:0; color:#999999; padding-right: 40px;}
.teamList li .top .show_btn:after{ position: absolute;content:'';top:50%;right:0; width: 18px; height: 18px; margin-top: -6.5px;background: url("../image/btn_show.png") no-repeat center/contain;}
.teamList li .top .pic { width: 14.3%; }
.teamList li .top .pic .imgBox{ position: relative; padding-top: 22px;}
.teamList li .top .pic .imgBox:before,
.teamList li .top .pic .imgBox:after { position: absolute; content:'';height: 11px;left:50%;transform: translateX(-50%);}
.teamList li .top .pic .imgBox:before { width: 83%;top:0;background: rgba(18, 125, 168, 0.06);}
.teamList li .top .pic .imgBox:after { width: 92%;top:11px;background: #e9f1f5;}
.teamList li .top .pic figure { padding-bottom: 117.7%;}
.teamList li .top .word { padding-left: 4%;}
.teamList li .top .word h4 { margin: 0 0 2%; line-height: 1;color:#333;}
.teamList li .top .tag i { display: inline-block;padding: 0 10px; margin-right: 10px;line-height: 24px;font-style: normal;color: #127da8;border-radius:20px;background:#e7f2f6;}
.teamList li .top .intro { position: relative; line-height: 30px; margin-top: 3%; }
.teamList li .top .work_exp {padding-top: 1%;display: none;}
.teamList li .top .work_exp aside { margin-bottom: 10px;}
.teamList li .top .work_exp dd{ position: relative;float: left; width: 50%; line-height: 28px; padding-left: 16px; }
.teamList li .top .work_exp dd:before { position: absolute;content:''; width: 5px; height: 5px;top:10px;left:0;background: #7b7e7f;transform: rotate(45deg);}
.teamList li .content { margin:3.2% 0 0;padding:3.2% 0 0; line-height: 32px;border-top:1px solid rgba(21, 21, 21, 0.10); display: none;}
.teamList li .content p { margin: 0;}

.teamList li:hover,
.teamList li.on {border-top-color: rgba(18, 125, 168, 0.20);background: linear-gradient(to bottom, rgba(18, 125, 168, 0.1) 1%, rgba(18, 125, 168, 0) 80%, rgba(18, 125, 168, 0.04))}
.teamList li.on .top .pic .imgBox:before {background: rgba(255,255,255,0.3);}
.teamList li.on .top .pic .imgBox:after {background: rgba(255,255,255,0.5);}
.teamList li.on .top .show_btn:after{ background-image: url("../image/btn_hide.png");}
.teamList li.on .top .tag i { background: rgba(18, 125, 168, 0.1);}


@media(min-width: 1025px){
  .teamList li.on .top .isshow { display: none;}
  .teamList li.on .top .tag { margin-left: 20px;}
  .teamList li .top .intro { padding-left: 10%;}
  .teamList li .top .intro:before { position: absolute;content:''; width: 7%; height: 1px;top:50%;left:0;background:#333;}
  .teamList li .top .word {padding-top: 2.6%;}
  .teamList li .top .word h4,
  .teamList li .top .tag { float: left;}
  .teamList li .top .tag { white-space: nowrap;}
}

@media(max-width:1024px){
  .teamList li .top { padding-bottom: 7vw;}
  .teamList li .top .show_btn { top:79vw;}
  .teamList li .top .pic,
  .teamList li .top .word { display: block; width: 100%;}
  .teamList li .top .pic .imgBox {width: 70%;margin: 0 auto 7%;}
  .teamList li .top .word h4 { margin-bottom: 5%;}
  .teamList li .top .word .tag { margin-bottom: 3%;}
  .teamList li .top .tag i { margin-bottom: 3%;}
  .teamList li .top .work_exp { width: 100%;}
  .teamList li .top .work_exp dd{ width: 100%;}

}


.text_wrap .item { margin-bottom: 30px;padding: 1.6% 3%;background:#fff;box-shadow: 0 0  10px 0 rgba(3, 71, 117, 0.1);}
.text_wrap .item .title { line-height: 52px;font-weight: bold;color: #333333; padding-left: 6.2%;background:url('../image/info_icon1.png') no-repeat left center;}
.text_wrap .item .info { padding-left: 6.2%; line-height: 32px;}


.proInfo_tit{ text-align: center; color: #333333}
.proInfo_tit span{ display: block; font-weight: bold;}

.product_features { padding-top: 3%; padding-bottom: 3%;}
.product_features .listbox{ padding:2% 0 0 0;}
.product_features.col4 .listbox{ margin-left: -22px; margin-right: -22px;}
.product_features.col5 .listbox{ margin-left: -15px; margin-right: -15px;}
.product_features .slick-list { padding: 1% 0;}
.product_features .item{ box-shadow: 0 0  10px 0 rgba(3, 71, 117, 0.1);}
.product_features.col4  .item{ margin:0 22px;}
.product_features.col5  .item{ margin:0 15px;}
.product_features .txtbox{ padding:13% 6%; background: #fff; position: relative; text-align: center;}
.product_features .icon{  text-align: center}
.product_features h4 { margin-bottom: 3%;}
.product_features .txt{ margin-top: 9%;color: #127da8;line-height: 30px; overflow: hidden;}

@media(max-width:1024px){
  .product_features.col4 .listbox,
  .product_features.col5 .listbox { margin: 0;}
  .product_features.col5 .item {margin: 0 22px;}
}
@media(max-width:768px){
.product_features .slick-track{width: 100%!important;transform:translate3d(0px, 0px, 0px)!important}
.product_features .item{float: left; width:48%!important; margin: 2% 0!important}
.product_features .item:nth-child(odd){ clear: both; margin-right:4%!important;}
.product_features .txtbox{padding: 3%}
.product_features .icon{width: 54%;    margin: auto;}
.product_features .txt{line-height: 24px;font-size:14px;}
.product_features h4{font-size:14px;}
}

.product_standard { padding-top: 4%;}
.product_standard .listbox{ margin-left: -56px; margin-right: -56px; padding:3% 0 2% 0;}
.product_standard .slick-list { padding: 1% 0;}
.product_standard .item{ margin:0 56px;}
.product_standard .txtbox{ position: relative; text-align: center;}
.product_standard .img { background: #fff;box-shadow: 0 0  10px 0 rgba(3, 71, 117, 0.1);}
.product_standard .txt{ margin-top: 6%;overflow: hidden;}
@media(max-width:1024px) {
  .product_standard .listbox {margin: 0;}
}

.info_table { width: 95%; margin-top: 3%; margin-bottom: 2%;overflow: hidden;}
.info_table table { width: 100%;}
.info_table table tr:nth-child(even) {background: #ecf6fb;}
.info_table table td {padding: 8px 40px; border:1px solid #e5e5e5; font-size: 18px;}
.info_table.table_2 table { width: 50%;max-width: 550px;}

@media(min-width: 1025px){
  .table_2 table.fr { max-width: 580px;}
}
@media(max-width:1024px){
  .info_table { width: 100%;overflow-x: auto;}
  .info_table.table_2 table { float: none;width: 100%;}
  .info_table.table_2 table.fr{ margin-top: 30px;}
  .info_table table td { padding:8px 20px}
}
@media(max-width:768px){
.info_table table td{font-size: 14px; padding: 2%}
.info_table table tr td:nth-child(1){width:30%}
.text_wrap .item .info{line-height: 24px}
}