.ff { font-family: 'iconfont' !important; }
.clearfix { zoom: 1;}
.clearfix:after { display: block; visibility: hidden;
 clear: both; height: 0; content: ''; }
*[data-type='iframe'],
*[data-fancybox],
.slick-slide:focus, a:link { outline: none !important; }
.slick-slide { outline: none; }
.slick-slide a { outline: none !important; }
@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg'); }
@-ms-viewport { width: auto !important; }
body { font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #f7f8fa; background-image: url(../images/bg.png);background-repeat: no-repeat;background-size: 100% auto, 100% 100%;background-position:0 120px; min-height: 111.1vh;zoom: 0.9;}
body.fixed { position: fixed; overflow: hidden; width: 100%; height: 100%; }
body.searchactive { position: fixed; overflow: hidden; width: 100%; height: 100%; }
@media (min-width: 1320px) {
 .container {  width: 1320px; padding: 0px 0px; }
}
@media (max-width: 767px) { .col-xs-6:nth-child(2n+1) {  padding-right: 7.5px; } .col-xs-6:nth-child(2n) {  padding-left: 7.5px; } }
li,ol,ul { list-style: none; }
a { color: inherit; }
a:hover,
a:link,
a:visited { text-decoration: none; color: inherit;}
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
ul { margin: 0; padding: 0; }
button,input,textarea { resize: none; border: none; outline: none; }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; color: inherit; }
a:visited,
a:link { text-decoration: none; color: inherit; }

.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.hr10 { width:100%;height:10px; padding: 0px 0px; }
.hr20 { width:100%;height:20px; padding: 0px 0px; }
.hr30 { width:100%;height:30px; padding: 0px 0px; }
.hr40 { width:100%;height:40px; padding: 0px 0px; }

.bl-1{border-left: 1px solid #e5e5e5;}
.text-underline{text-decoration: underline;}
.text-blue{color: #2d8cf0;}
.cursor{cursor: pointer;}
.text-right {text-align: right;}
.text-20{font-size: 20px;}
.text-center {text-align: center;}
.float-r { float: right; }
.float-l{ float: left; }
.clearfix:after {display: table;width: 100%;height: 0px;clear: both;}

.bg-white { background-color: white; }
.shadow { box-shadow: 0 5px 12px #eee; }

.line-h-20 {line-height: 20px;}
.line-h-24{line-height: 24px;}
.line-h-26{line-height: 26px;}
.line-h-28{line-height: 28px;}
.line-h-30{line-height: 30px;}
.line-h-32{line-height: 32px;}
.line-h-36{line-height: 36px;}
.line-h-40{line-height: 40px;}

.text-12{font-size: 12px;}
.text-14{font-size: 14px;}
.text-16 {font-size: 16px;}
.text-18 {font-size: 18px;}
.text-20 {font-size: 20px;}
.text-22{font-size: 22px;}
.text-24{font-size: 24px;}
.text-26{font-size: 26px;}
.text-28{font-size: 28px;}
.text-30{font-size: 30px;}
.text-32{font-size: 32px;}
.text-34{font-size: 34px;}
.text-36{font-size: 36px;}
.text-38{font-size: 38px;}

.bg-bingo,.bg-bingo td{background: #FBF0F0;}

.bb-1 {border-bottom: 1px solid #efefef;}
.bt-1 {border-top: 1px solid #efefef;}
.bl-1 {border-left: 1px solid #efefef;}
.br-1 {border-right: 1px solid #efefef;}
.br-3 {border-radius: 3px;}

.w08{width: 80%;}

/* 内边距 */
.p-2{padding:2px;}
.p-5 {padding: 5px;}
.p-10 {padding: 10px;}
.p-15 {padding: 15px;}
.p-20{padding: 20px;}
.p-30{padding: 30px;}
.p-40 {padding: 40px;}

.pt-0 {padding-top: 0px !important;;}
.pt-5 {padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pb-0{padding-bottom: 0px !important;}
.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-30{padding-bottom: 30px;}
.pb-35{padding-bottom: 35px;}
.pb-40{padding-bottom: 40px;}
.pl-10{padding-left: 10px;}
.pl-30{padding-left: 30px;}
.pr-15{padding-right: 15px;}
.pr-30{padding-right: 30px;}

.p-lr-5{padding-left: 5px; padding-right: 5px;}
.p-lr-10{padding-left: 10px; padding-right: 10px;}
.p-lr-15 {padding-left: 15px; padding-right: 15px;}
.p-lr-20{padding-left: 20px; padding-right: 20px;}
.p-lr-30{padding-right: 30px; padding-left: 30px;}
.p-lr-40{padding-right: 40px; padding-left: 40px;}
.p-tb-10 {padding-top: 10px; padding-bottom: 10px;}
.p-tb-15{padding-top:15px; padding-bottom:15px;}
.p-tb-20 {padding-top: 20px; padding-bottom: 20px;}
.p-tb-25 {padding-top: 25px; padding-bottom: 25px;}
.p-tb-30{padding-top:30px; padding-bottom:30px;}
.p-tb-40{padding-top: 40px; padding-bottom: 40px;}
.p-tb-45{padding-top: 45px; padding-bottom: 45px;}


/* 外边距 */
.m-10{margin: 10px;}

.mt-0{margin-top: 0px !important;}
.mt-5{margin-top: 5px !important;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mb-0 {margin-bottom: 0px !important;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-24 {margin-bottom: 24px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.ml-5{margin-left: 5px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-25{margin-right: 25px;}
.mr-30{margin-right: 30px;}
.mr-40{margin-right: 40px;}
.mr-60{margin-right: 60px;}
.mr-50{margin-right: 50px;}

.m-tb-5{margin-top:5px; margin-bottom: 5px;}
.m-tb-10{margin-top:10px; margin-bottom: 10px;}
.m-tb-20 {margin-top: 20px; margin-bottom: 20px;}
.m-lr-10{margin-left: 10px; margin-right: 10px;}
.m-lr-20{margin-left: 20px; margin-right: 20px;}

.m-lr-4 { margin-left: 4px; margin-right: 4px; }
.m-lr-40 { margin-left: 40px;margin-right: 40px; }
.m-5 { margin: 5px; }
.mr-16 { margin-right: 16px; }
.ml-32 { margin-left: 32px; }
.p-16 { padding: 16px; }
.p-tb-5 { padding-top: 5px; padding-bottom: 5px; }
.p-tb-8 { padding-top: 8px;padding-bottom: 8px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.mb-5{ margin-bottom:5px; }

.lh-3 { line-height: 2.6em; }
.text-secondary { color: #6c757d !important; }
.mb-3, .my-3 { margin-bottom: 1rem !important; }
.mt-3, .my-3 { margin-top: 1rem !important; }
.border-left-dashed { border-left:1px dashed #dee2e6 !important; }
.border-top-dashed { border-top:1px dashed #dee2e6 !important; }
.border-right-dashed { border-right:1px dashed #dee2e6 !important; }
.border-bottom-dashed { border-bottom:1px dashed #dee2e6 !important; }

.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out, box-shadow .15sease-in-out; }
.btn:not(:disabled):not(.disabled) { cursor: pointer; }
.btn-danger { color: #fff; background-color: #023890; border-color: #023890; }

.margin-auto { margin: 0 auto; }
.clearfix:after {content: '';display: table;width: 100%;clear: both;}

.img-box { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 100%; }
.img-box img { /*position: absolute; top: 0; left: 0;*/ display: block; width: 100%; /*height: 100%;*/ margin: 0 auto; }
.img-box img[src=''],
.img-box img:not([src]) { opacity: 0; border: 0; }

.header { z-index: 99999; top: 0; width: 100%; height: 120px; -webkit-transition: all .4s; transition: all .4s; background-image: url(../images/bg.png);background-repeat: no-repeat;background-size: 100% auto, 100% 100%;background-position:0 -300px;}
@media (max-width: 1199px) { 
    .header { height: 60px; z-index: 99999; } 
}
.header .top { height: 120px; text-align: right; }
@media (max-width: 1199px) { 
    .header .top { height: 40px; } 
}
.header .top p { font-size: 14px; line-height: 40px; display: inline-block; margin: 0; color: #fff; }
.header .top .wel{ float:left; }
.header .top a { margin-left:5px; }
@media (max-width: 1199px) { 
    .header .top p { font-size: 13px; line-height: 40px; } 
}
@media (max-width: 1199px) { 
    .header .top .container .url { display: none; } 
}
/*.header .top p:before { font-family: 'iconfont' !important; font-size: 18px; margin-right: 10px; content: '\e618'; }*/
.header .top p a:hover { text-decoration: underline; }
.header .top .top-logo-warpper { height:120px;line-height:120px;vertical-align: middle;margin: auto auto; }
.header .top .top-logo { margin: auto auto; padding:0 0; }
.header .sticky-wrapper { background-color: #023890; border-bottom: 1px solid #dbdcdd; border-bottom: 0px solid #dbdcdd; /* box-shadow: 0px 0px 2px #888;*/ box-shadow: 0 0 3px rgba(0, 0, 0, .15); }
.header .logo { position: relative; float: left; border:0px solid #0f0;height: 80px; line-height: 80px; margin-top: 10px; -webkit-transition: all .4s; transition: all .4s; }
.header .logo a { display: block; height: 100%; }
.header .logo img { display: inline-block; width:580px; }

.header .nav-collapse { position: absolute; z-index: 10; top: 0px; right: 20px; display: none; float: right; width: 20px; height: 30px; padding: 0; cursor: pointer; background: none; }

@media (max-width: 1199px) {
 .header .top .top-logo-warpper { height:120px;line-height:120px; }
 .header .search { display: none; }
 .header .nav-collapse { display: block; margin-top: 0px; }
 .header .nav-collapse.nav-collapse-1 { position: absolute; z-index: 9999; top: 0px; right: 20px; display: block; margin-top: 0px; border: none; }
 .header .nav-collapse.nav-collapse-1 .btn-line { background-color: #fff !important; }
}
@media (max-width: 768px) { 
    .header .logo { height: 80px; line-height: 80px;margin-top: 0px; } 
    .header .logo img { max-width: 450px; height: 100%; }
    .header .top .top-logo-warpper { height:85px;line-height:85px; }
}
@media (max-width: 479px) { 
    .header .logo { height: 60px; line-height: 70px;margin-top: 0px; } 
    .header .logo img { max-width: 340px; height: 100%; }
    .header .top .top-logo-warpper { height:75px;line-height:75px; }
}
@media (max-width: 768px) { .header .nav-collapse { top: 3px; right: 10px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .header .nav-collapse.nav-collapse-xs:hover .btn-line { background-color: #000; }
}
.header .nav-collapse .btn-line { position: absolute; left: 50%; width: 20px; height: 2px; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #999; }
.header .nav-collapse .btn-line:nth-child(3),
.header .nav-collapse .btn-line:nth-child(1) { position: absolute; display: block; width: 20px; height: 2px; content: ''; -webkit-transition: all .5s ease; transition: all .5s ease; background-color: #999; }
.header .nav-collapse .btn-line:nth-child(1) { top: 35%; }
.header .nav-collapse .btn-line:nth-child(2) { top: 50%; }
.header .nav-collapse .btn-line:nth-child(3) { top: 65%; }
.header .nav-collapse.active { border-color: transparent; }
.header .nav-collapse.active .btn-line { background-color: #fff; }
.header .nav-collapse.active .btn-line:nth-child(2) { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; }
.header .nav-collapse.active .btn-line:nth-child(1) { top: 50%; left: 50%; -webkit-transform: translateX(-50%) rotateZ(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotateZ(45deg); }
.header .nav-collapse.active .btn-line:nth-child(3) { top: 50%; left: 50%; -webkit-transform: translateX(-50%) rotateZ(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotateZ(-45deg); }
.header .top-nav .container { position: relative; border:1px solid transparent; }
.header .top-nav .title { display: none; height: 60px;line-height: 60px;font-size: 16pt;font-weight: bold; }
@media (min-width: 1200px) {
 .header .nav { display: inline-block; float: left; }
}
.header .nav .nav-list1>ul { overflow: hidden; }
@media (max-width: 1199px) {
 .header .nav { position: fixed; z-index: 9998; top: 0; left: 0; display: none; width: 100%; height: 100%; padding: 0 26px; -webkit-transition: left .3s; transition: left .3s; text-align: left; text-align: center; background: #fafafa; background-color: #000; }
 .header .nav .tbl { display: table; width: 100%; height: 100%; }
 .header .nav .tbl-cell { display: table-cell; height: 100%; vertical-align: middle; }
 .header .nav .nav-list1>li { width:120px; }
 .top-nav .container .nav-collapse { display: none; }
 .top-nav .container #nav-xs-btn { display: inline-block; } 
}
@media (max-width: 767px) {
 .header .nav { width: 100%; padding: 30px; }
}
.header .nav.left-100 { left: -100%; }
.header .nav.left-200 { left: -200%; }
@media (min-width: 1200px) {
 .header .nav .nav-list1>li { float: left;border-right:1px solid #074889;width:146px;text-align:center; }
 .header .nav .nav-list1>li:last-child { width: 148px; }
 .header .nav .nav-list1>li>a { font-size: 14pt; font-weight: normal; color: #fff; line-height: 60px;  position: relative;  display: block;  overflow: hidden;  padding: 0 30px;  -webkit-transition: all .4s;  transition: all .4s; }
 .header .nav .nav-list1>li:hover>a,
 .header .nav .nav-list1>li.active>a {  color: #fff;font-weight: bold;/*#d20d04;*/background-color:#1d42a0; }

 .header .nav .nav-list1 .nav-list2 {  position: absolute;  z-index: 50;  top: 100%;  display: none;  width: 146px; min-width: 146px;  margin-left: 0px;  padding: 0;  text-align: center;  background-color: rgba(255, 255, 255, 1.0);  box-shadow: 0 5px 10px rgba(0, 0, 0, .1); }
 .header .nav .nav-list1 .nav-list2 li {  position: relative;  list-style: none;  border-bottom: 1px dashed #b3b4b5; }
 .header .nav .nav-list1 .nav-list2 li:last-child {  border-bottom: none; }
 .header .nav .nav-list1 .nav-list2 li>a { font-size: 12pt;line-height: 50px;  position: relative;  z-index: 1;  display: block;  padding: 0 24px;  -webkit-transition: -webkit-transform .6s ease;  transition: -webkit-transform .6s ease;  transition: transform .6s ease;  transition: transform .6s ease, -webkit-transform .6s ease; }
 .header .nav .nav-list1 .nav-list2 li>a:hover {  color: #1d42a0;/*#d20d04;*/  font-weight: bold; }
 .header .nav .nav-list1 .nav-list2 li img {  max-width: 400px; }

 .header .nav .nav-list1 .nav-list3 {  position: absolute;  top: 0;  left: 100%;  display: none;  min-width: 200px;  padding: 20px 0;  text-align: left;  background-color: rgba(255, 255, 255, .86);  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); }
 .header .nav .nav-list1 .nav-list3 li {  border-bottom: 1px dashed rgba(255, 255, 255, .2); }
 .header .nav .nav-list1 .nav-list3 li>a {  line-height: 30px;  padding: 0 20px; }
}
@media (min-width: 1200px) and (max-width: 1360px) {    
 .header .nav .nav-list1>li>a {  padding: 0 24px; }
}
@media (min-width: 1200px) and (max-width: 1400px) {
 .header .nav .nav-list1>li {  }
 .header .nav .nav-list1>li a { padding: 0px 20px; }
 .header .nav .nav-list1 .nav-list2 {  margin-left: 0px; }
}
@media (max-width: 1199px) {
 .header .nav .nav-list1 {  margin: 20px 0;  opacity: 0; }
 .header .nav .nav-list1>li { -webkit-transform: translateX(-25px);  -ms-transform: translateX(-25px);  transform: translateX(-25px);  opacity: 0; }
 .header .nav .nav-list1>a {  font-size: 20px;  color: #fff; }
}
@media (max-width: 1199px) { 
 .header .nav .nav-list2,
 .header .nav .nav-list3 {  display: none; }
 .header .nav .nav-list2 a,
 .header .nav .nav-list3 a {  font-size: 16px;  line-height: 2;  margin-top: 5px;  color: #fff; }
}
.header .nav .nav-list2 a,
.header .nav .nav-list3 a { display: block; 
}
@media (max-height: 580px) {
 .header .nav .nav-list2 a,
 .header .nav .nav-list3 a {  margin-top: 0; }
}
.header .nav-2,
.header .nav-3 { display: none; }
@media (max-width: 1199px) {
 .header .nav-2,
 .header .nav-3 {  position: absolute;  z-index: 9999;  top: 0;  display: block;  overflow: hidden;  width: 100%;  height: 100%;  padding: 20px;  -webkit-transition: left .3s;  transition: left .3s;  text-align: left;  text-align: center;  color: #fff;  background: #fafafa;  background-color: #000; }
}
.header .nav-2 .nav-top .back-btn:before,
.header .nav-3 .nav-top .back-btn:before { font-family: 'iconfont'; font-size: 26px; content: '\e9b5'; }
.header .nav-2 .nav-top .nav-title,
.header .nav-3 .nav-top .nav-title { font-size: 24px; margin: 0; text-transform: uppercase; }
@media (max-width: 767px) {
 .header .nav-2 .nav-top .nav-title,
 .header .nav-3 .nav-top .nav-title {  font-size: 20px;  width: 100%; }
}
.header .nav-2 .nav-top .nav-collapse-2 .btn-line,
.header .nav-3 .nav-top .nav-collapse-2 .btn-line { background-color: #fff; }
.header .nav-2 .content,
.header .nav-3 .content { overflow: auto; height: 80%; margin-top: 12%; }
@media (max-width: 767px) {
 .header .nav-2 .content ul,
 .header .nav-3 .content ul {  padding: 0 15px; }
}
.header .nav-2 .content ul li,
.header .nav-3 .content ul li { font-size: 18px; line-height: 50px; margin: 25px 0; text-align: left; }
@media (max-width: 767px) {
 .header .nav-2 .content ul li,
 .header .nav-3 .content ul li {  margin: 0; }
}
.header .nav-2 .content ul li.more,
.header .nav-3 .content ul li.more { position: relative; }
.header .nav-2 .content ul li.more:after,
.header .nav-3 .content ul li.more:after { font-family: 'iconfont' !important; font-size: 16px; position: absolute; top: 50%; right: 0; content: '\e72f'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }
.header .nav-2 .content ul li a,
.header .nav-3 .content ul li a { display: block; }
.header .nav-2 { left: 100%;}
.header .nav-3 { left: 200%;}
.header .nav-3 .content ul li { font-size: 18px;}
.header .fade-out ul { text-align: left;}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 .header .fade-out ul {  padding: 0 5%; }
}
@media (max-width: 1199px) {
 .header .fade-out ul .pic {  display: none !important; }
}
@media (max-width: 1199px) {
 .header .fade-out ul.nav-list1 {  opacity: 1; }
 .header .fade-out ul.nav-list1 a {  color: #fff; }
 .header .fade-out ul.nav-list1>li {  position: relative;  margin: 20px 0; }
 .header .fade-out ul.nav-list1>li.act {  -webkit-transition: all .4s;  transition: all .4s;  -webkit-transform: translateX(0);  -ms-transform: translateX(0);  transform: translateX(0);  opacity: 1; }
 .header .fade-out ul.nav-list1>li.more:after {  font-family: 'iconfont';  font-size: 18px;  position: absolute;  top: 50%;  right: 0;  margin-top: -14px;  content: '\e72f';  color: #fff; }
 .header .fade-out ul.nav-list1>li>a {  font-size: 20px;  line-height: 2.5;  display: block;  text-transform: uppercase; }
 .header .fade-out ul.nav-list1 .nav-list2>li>a {  font-size: 20px; }
}
@media (max-width: 1199px) and (max-width: 767px) {
 .header .fade-out ul.nav-list1>li {  margin: 0; }
}
@media (max-width: 1199px) and (max-height: 768px) {
 .header .fade-out ul.nav-list1 .nav-list2>li>a {  font-size: 18px; width:140px; }
}
@media (max-width: 1199px) and (max-width: 480px) {
 .header .fade-out ul.nav-list1 .nav-list2>li>a {  font-size: 14px; }
}
.header .fade-out ul.nav2-list2 h4 { font-size: 20px; line-height: 50px; }
.header .xs-language { position: absolute; z-index: 9; bottom: 30px; left: 35px; }
@media (min-width: 1200px) {
 .header .xs-language {  display: none; }
}
.header .search { float: right; width: 350px; height: 40px; margin-top: 40px; overflow: hidden; }
@media (max-width: 768px) { .header .search { margin-top: 10px; display: none; } }
.header .search input { display: block; float: left; width: 290px; height: 40px; line-height: 40px; font-size: 14px; color: #333; text-align: left; padding: 0 10px; outline: none; border: 1px solid #e0e0e0; border-right: none; box-sizing: border-box; overflow: hidden; background: #fff; }
.header .search .btn { display: block; float:right;width: 60px;border:1px solid #0f0; border-color: #153993; background: #023890;color:#fff; }
.header .search .btn:after { font-family: 'iconfont' !important; font-size: 22px; content: '\e62b'; color: #fff; }
.header .search .btn:hover { color: #023890; }
.header .search.on { display: block; }

.header .xs-language a { font-size: 16px; color: #fff; }
.header .xs-language span { margin: 0 5px; color: #fff; }
.header .search-box { position: fixed; z-index: 888; top: 100%; left: 0; display: none; overflow: hidden; width: 100%; height: 100%; margin-top: 20px; margin-top: 0; margin-right: 10px; padding: 0 3%; /*background-color: rgba(154, 34, 33, .76);*/ background-color: rgba(113, 20, 16, .36); }
.header .search-box .search { line-height: 40px; overflow: hidden; zoom: 1; width: 240px; border: 1px solid #dbdbdb; border-radius: 10px; background-color: rgba(0, 0, 0, .56); }
.header .search-box .search:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; }
.header .search-box .input-text { float: left; height: 38px; padding-left: 10%; background: none; }
@media (min-width: 768px) {
 .header .search-box .input-text {  width: 100%;  padding: 0 50px 0 3%; }
}
.header .search-box .input-submit { line-height: 36px; float: right; width: 50px; -webkit-animation: fadeInLeft 1s 0s ease both; animation: fadeInLeft 1s 0s ease both; background: none; }
.header .search-box .input-submit:before { font-family: 'iconfont' !important; font-size: 22px; content: '\e62b'; color: #fff; }
@media (min-width: 768px) {
 .header .search-box .input-submit {  position: absolute;  right: 0;  bottom: 20px; }
}
.header .search-box.search-xs {
 width: 100%; margin: 0; border-right: 30px solid transparent; border-left: 30px solid transparent; background: none; }
@media (min-width: 1200px) {
 .header .search-box.search-xs {  display: none; }
}
@media (max-width: 1199px) {
 .header .search-box.search-xs {  position: absolute;  z-index: 0;  top: auto;  right: 0;  bottom: 0;  bottom: 30px;  display: inline-block;  height: 34px;  }
}
.header .search-box.search-xs.show { z-index: 66; }
.header .search-box.search-xs.show .search { left: 0; }
.header .search-box.search-xs .search { position: absolute; z-index: 888; top: 0; left: 120%; width: 100%; -webkit-transition: left .3s; transition: left .3s; border-color: #fff; background: #fff; }
@media (max-width: 360px) {
 .header .search-box.search-xs form .input-text {  width: 74%; }
}
@media (max-width: 767px) {
 .header .search-box.search-xs form .input-text {  padding-left: 5%; }
}
.header .search-box.search-xs .input-submit { line-height: 34px; background: #fff; }
.header .search-box.search-xs .input-submit:before { color: #104384; }
.header .search-icon { position: absolute; z-index: 10; top: 18px; left: 15px; display: inline-block; cursor: pointer; }
.header .search-icon:before { font-family: 'iconfont' !important; font-size: 18px; content: '\e660'; color: #023890; }
.header .search-lg { top: 0; }
.header .search-lg .logo { margin-top: 20px; margin-left: 0; }
.header .search-lg .search { position: absolute; top: 50%; right: 0; left: 0; width: 100%; max-width: 90%; margin: auto; padding: 0 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; border-bottom: 1px solid rgba(255, 255, 255, .8);  }
.header .search-lg .search p { margin-bottom: 50px; -webkit-animation: zoomIn 1s 0s ease both; animation: zoomIn 1s 0s ease both; text-align: center; letter-spacing: 2px; color: #fff; }
.header .search-lg .input-text { font-size: 20px; line-height: 30px; width: 80%; height: 60px; padding: 0; padding-bottom: 30px; -webkit-animation: zoomIn 1s 0s ease both; animation: zoomIn 1s 0s ease both; text-align: center; color: #fff; }
.header .search-lg .close-btn {  position: fixed; top: 34px; right: 18%; cursor: pointer; }
@media (max-width: 1440px) {
 .header .search-lg .close-btn {  right: 8%; }
}
.header .search-lg .close-btn:before { font-family: 'iconfont' !important; font-size: 20px; content: '\e61b'; color: #fff; }
.header .find { line-height: 60px; display: inline-block; float: right; margin-left: 40px; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; text-align: center; }
@media (max-width: 1199px) {
 .header .find { line-height: 30px; position: absolute; right: 60px; margin-left: 0; color: #666; }
}
.header .find:before { font-family: 'iconfont'; font-size: 20px; float: left; content: '\e62b'; }
.header .find:hover { color: #023890; }
@media (max-width: 1199px) {
 .header .right { display: inline-block; float: right; margin-right: 0; }
}
.header .back-btn { position: absolute; left: 15px; }

.adv { height: 125px; }
@media (max-width: 768px) { .adv { height: 70px; } }


.online-wrap .btn {
 line-height: 36px;
 position: fixed;
 z-index: 9;
 right: 0;
 bottom: 0;
 width: 40px;
 height: 40px;
 padding: 0;
 -webkit-transform-origin: center center;
 -ms-transform-origin: center center;
 transform-origin: center center;
 text-align: center;
 border-radius: 0;
 background-color: rgba(0, 0, 0, .7);
}
@media (min-width: 992px) {
 .online-wrap .btn {  display: none; }
}
.online-wrap .btn:before { font-family: 'iconfont' !important; font-size: 18px; display: inline-block; content: '\e6d2'; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; color: #fff;}
.online-wrap .btn.active:before { -webkit-transform: rotateZ(225deg); -ms-transform: rotate(225deg); transform: rotateZ(225deg);}
.online-wrap .code-pic { position: fixed; z-index: 101; right: 45px; bottom: 180px; display: none; max-width: 120px;}
.online-wrap .code-pic .pic-box { padding: 5px; background-color: #fff;}
.online-wrap .code-pic img { display: block; max-width: 100%;}
.online-wrap .online { position: fixed; z-index: 9; right: 0px; bottom: 10%; /*bottom: 23%;*/ -webkit-transition: right .3s; transition: right .3s;}
@media (max-width: 991px) {
 .online-wrap .online {  right: -68px;  bottom: 90px; }
 .online-wrap .online.active {  right: 0; }
}
.online-wrap .online a {
 line-height: 30px;
 position: relative;
 display: block;
 width: 68px;
 height: 68px;
 margin: 1px 0;
 padding-top: 10px;
 -webkit-transition: all .4s;
 transition: all .4s;
 text-align: center;
 border-radius: 6px 0 0 6px;
 background-color: #1d42a0;
}
.online-wrap .online a:before { font-size: 26px; color: #fff;}
@media (max-width: 767px) {
 .online-wrap .online a:before {  font-size: 16px !important; }
}
@media (min-width: 992px) {
 .online-wrap .online a:hover {  background-color: #023890; }
}
@media (max-width: 767px) {
 .online-wrap .online a {  line-height: 20px;  width: 50px;  height: 50px; }
}
.online-wrap .online a i { font-size: 12px; font-style: normal; line-height: 20px; display: block; color: #fff;}
@media (min-width: 992px) {
 .online-wrap .online .icon-phone:hover .phone-num {  right: 100%; }
}
.online-wrap .online .icon-phone .phone-num { position: absolute; z-index: -1; top: 0; right: -300px; padding-right: 5px; -webkit-transition: right .3s; transition: right .3s; white-space: nowrap;}
.online-wrap .online .icon-phone .phone-num p { line-height: 68px; margin: 0; padding: 0 10px; color: #fff; background-color: #023890; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);}
.online-wrap .online .code:before { font-size: 24px;}
@media (max-width: 767px) {
 .online-wrap .online .code:before {  font-size: 22px; }
}
.online-wrap .online .code .mask { position: absolute; z-index: 10; top: 0; right: 100%; display: none; width: 130px; height: 130px; padding-right: 5px;}
.online-wrap .online .code .mask .mask-box { border: 1px solid #e5e5e5; background-color: #fff;}
.online-wrap .online .code .mask img { display: block; width: 100%;}
.online-wrap .online .code .mask p { font-size: 13px; line-height: 16px; margin: 5px 0 8px 0; color: #888;}
.online-wrap .icon-qq:before { font-family: 'iconfont' !important; content: '\e62d';}
.online-wrap .icon-join:before { font-family: 'iconfont' !important; content: '\e650';}
.online-wrap .icon-weixin:before { font-family: 'iconfont' !important; font-size: 28px !important; content: '\e604';}
.online-wrap .icon-message:before { font-family: 'iconfont' !important; content: '\e826';}
.online-wrap .icon-skype:before { font-family: 'iconfont' !important; content: '\e6b7';}
.online-wrap .icon-whatsapp:before { font-family: 'iconfont' !important; content: '\e751';}
.online-wrap .icon-phone:before { font-family: 'iconfont' !important; content: '\e61c';}
.online-wrap .icon-arrow-top { line-height: 54px !important;}
@media (max-width: 767px) {
 .online-wrap .icon-arrow-top {  line-height: 34px !important; }
}
.online-wrap .icon-arrow-top:before { font-family: 'iconfont' !important; content: '\e622';}
.banner { font-size: 0; position: relative; overflow: hidden; width: 100%; max-height: 380px;}
@media (max-width: 1199px) {
 .banner { max-height: 280px; }
 .banner .slickbanner {  width: 120%;  max-width: 120%;  margin-left: -10%; }
}
@media (max-width: 991px) {
 .banner { max-height: 240px; }
 .banner .slickbanner {  width: 130%;  max-width: 130%;  margin-left: -15%; }
}
@media (max-width: 767px) {
 .banner { max-height: 160px; }
 .banner .slickbanner {  width: 160%;  max-width: 160%;  margin-left: -30%; }
}
.banner .slick-dots { position: absolute; bottom: 40px; width: 100%; padding: 0 15px; text-align: center;}
@media (max-width: 991px) {
 .banner .slick-dots {  bottom: 20px; }
}
.banner .slick-dots li { position: relative; display: inline-block; width: 4px; height: 4px; margin: 0 20px; cursor: pointer; border-radius: 50%; background-color: #fff;}
@media (max-width: 991px) {
 .banner .slick-dots li {  margin: 0 10px; }
}
.banner .slick-dots li:before { position: absolute; top: -7px; left: -7px; display: block; width: 18px; height: 18px; content: ''; opacity: 0; border: 1px solid #fff; border-radius: 50%;}
.banner .slick-dots li.slick-active:before { opacity: 1;}
.banner .slick-dots li button { opacity: 0;}
.banner img { display: block; width: 100%;}
.banner .img-box { padding-bottom: 36.45833333%;}
@media (max-width: 991px) {
 .banner-in .slickbanner {  width: 140%;  max-width: 140%;  margin-left: -20%; }
}
@media (max-width: 767px) {
 .banner-in .slickbanner {  width: 160%;  max-width: 160%;  margin-left: -30%; }
}
.banner-in .img-box { padding-bottom: 23.4375%;}

.box { overflow: hidden; padding: 10px 0; margin: 10px 0;}
@media (max-width: 991px) {
 .box {  padding: 0px 0; }
}

.title,
.title-in { text-align: center;}
.title b,
.title-in b { font-size: 20pt; line-height: 30px; color: #023890;border-bottom: 4px dotted #f7f8fa; box-shadow: 0 0 1px rgba(0, 0, 0, .15); }
@media (max-width: 991px) {
 .title b,
 .title-in b {  font-size: 20px; }
}
.title b:before,
.title-in b:before,
.title b:after,
.title-in b:after { display: inline-block; width: 36px; height: 15px; content: ''; vertical-align: bottom;  }
.title b:before,
.title-in b:before { margin-right: 10px; background: url(../images/line-1.png) no-repeat center; }
.title b:after,
.title-in b:after { margin-left: 10px; background: url(../images/line-2.png) no-repeat center;}
.title p,
.title-in p { line-height: 1.71428571; max-width: 660px; margin: 0 auto; margin-top: 14px; color: #999;}
.box-about { overflow: hidden; }
.box-about .text { margin-top: 20px; text-align: left; font-size: 12pt;padding: 0 20px; }
.box-about .text p { line-height: 2; margin: 0; color: #666;}
.box-about .about { margin-top: 20px;}
.box-about .about>ul { overflow: hidden;}
.box-about .about>ul>li { float: left; width: 16.66666667%;}
@media (max-width: 991px) {
 .box-about .about>ul>li {  width: 33.33333333%; }
 .box-about .about>ul>li .item {  padding: 30px 10px; }
}
.box-about .about>ul>li .item { display: block; padding: 40px 15px 60px 15px; text-align: center; background-color: #fbfbfb;}
@media (max-width: 480px) {
 .box-about .about>ul>li {  width: 50%; }
}
.box-about .about>ul>li:nth-child(2n) .item { background-color: #f6f6f6;}
@media (max-width: 480px) {
 .box-about .about>ul>li:nth-child(2n) .item {  background-color: #fbfbfb; }
}
.box-about .about>ul>li:nth-child(2n) .item:before { color: #023890; background: none;}
@media (max-width: 480px) {
 .box-about .about>ul>li:nth-child(4n+2) .item {  background-color: #f6f6f6; }
 .box-about .about>ul>li:nth-child(4n+3) .item {  background-color: #f6f6f6; }
}
.box-about .about>ul>li .item:before { font-family: 'iconfont' !important; font-size: 54px; line-height: 80px; display: block; width: 80px; height: 80px; margin: 0 auto; content: '\e67d'; text-align: center; color: #023890; /* border: 1px solid #023890; */ border-radius: 50%; /* background-color: #023890; */}
@media (max-width: 480px) {
 .box-about .about>ul>li .item:before {  font-size: 50px;  line-height: 70px;  width: 70px;  height: 70px; }
}
.box-about .about>ul>li .item-xilie:before { content: '\e74b';}
.box-about .about>ul>li .item-yanfa:before { font-size: 48px; content: '\e6e4';}
@media (max-width: 480px) {
 .box-about .about>ul>li .item-yanfa:before {  font-size: 48px; }
}
.box-about .about>ul>li .item-shengchan:before { font-size: 48px; content: '\e683';}
@media (max-width: 480px) {
 .box-about .about>ul>li .item-shengchan:before {  font-size: 44px; }
}
.box-about .about>ul>li .item-renyuan:before { font-size: 50px; content: '\e7d8';}
@media (max-width: 480px) {
 .box-about .about>ul>li .item-renyuan:before {  font-size: 48px; }
}
.box-about .about>ul>li .item-fuwu:before { font-size: 50px; content: '\e6c3';}
@media (max-width: 480px) {
 .box-about .about>ul>li .item-fuwu:before {  font-size: 48px; }
}
.box-about .about>ul>li b { font-size: 30px; font-weight: normal; display: block; margin-top: 30px;}
@media (max-width: 480px) {
 .box-about .about>ul>li b {  font-size: 24px;  margin-top: 20px; }
}
.box-about .about>ul>li p { font-size: 15px; line-height: 2; margin: 4px 0 0 0; color: #666;}
@media (max-width: 480px) {
 .box-about .about>ul>li p {  font-size: 14px;  line-height: 24px; }
}
.box-about .about>ul>li:hover:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both;}
.box-about .more { margin-top: 40px; text-align: center;}
.box-about .more a { line-height: 40px; display: inline-block; height: 40px; padding: 0 20px 0 60px; -webkit-transition: all .4s; transition: all .4s; color: #fff; background-color: #023890;}
.box-about .more a:after { font-family: 'iconfont' !important; display: inline-block; margin-left: 40px; content: '\e827'; vertical-align: middle;}
.box-about .more a:hover { background-color: #9A2221;}
.box-video { overflow: hidden; display: none;}
.box-video .video { position: relative; overflow: hidden; height: 200px;}
.box-video .video img { height: 100%; margin-left: 50%; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: .2;
}
.box-video .video .video-box { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; text-align: center;}
.box-video .video .iframe { display: none; width: 100% !important; height: 100% !important;}
.box-video .video .play {
 font-size: 18px;
 position: absolute;
 top: 50%;
 left: 0;
 display: inline-block;
 width: 100%;
 margin-bottom: 100%;
 -webkit-transition: all .4s;
 transition: all .4s;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 text-transform: uppercase;
}
@media (max-width: 767px) {
 .box-video .video .play {  font-size: 16px; }
}
.box-video .video .play:before { font-family: 'iconfont'; font-size: 60px; font-weight: normal; display: block; content: '\e632'; color: #023890;}
@media (max-width: 991px) {
 .box-video .video .play:before {  font-size: 50px; }
}
.box-video .video:hover img { opacity: .4;}


.inews { padding:0px 0px;margin-top: 0px; }
.inews .head { height:60px; line-height:60px; margin:0 0 20px; text-align:center; }
.inews .head h2,
.inews .head h3 { display:inline-block; +display:inline; +zoom:1; vertical-align:middle; font-size:34px; font-weight:normal; }
.inews .head h2 { }
.inews .head h3 { text-transform:uppercase; margin:0 0 0 8px;font-weight:bold; }
.inews .left { float:left; width:66.66%;padding-right:10px; margin: 0; }
@media (max-width: 991px) { .inews .left { width: 100%; padding-right:0px; } }
.inews .left dd { padding:5px 5px 5px 165px; width:100%; height:140px; border-radius: 5px 5px 5px 5px;position:relative; background:#efefef; margin:0 0 6px; transition:all .5s ease; }
.inews .left .img { position:absolute; left:6px; top:8px; }
.inews .left img { display:block; width:151px; height:125px; }
.inews .left h3 { font-size:16px; line-height:30px; padding:0px 0 0; font-weight:normal; }
.inews .left p { height:50px; line-height:25px; overflow:hidden; color:#999; }
.inews .left a { }
.inews .left dd:hover { background:#e5e5e5; }

.inews .right { float:right; width:33.34%; overflow:hidden; position:relative; }
@media (max-width: 991px) { .inews .right { width: 100%; } .box-news { max-height: 760px; } }
.inews .right img { position: absolute; top: 50%; left: 50%; display: block; min-width: 100%; min-height: 100%; transform:translate(-50%,-50%); }

.isolutions { padding:0px 0px;margin-top: 15px; }
.isolutions .head { height:60px; line-height:60px; margin:0 0 20px; text-align:center; }
.isolutions .head h2,
.isolutions .head h3 { display:inline-block; display:inline; zoom:1; vertical-align:middle; font-size:34px; font-weight:normal; }
.isolutions .head h2 { }
.isolutions .head h3 { text-transform:uppercase; margin:0 0 0 8px;font-weight:bold; }
.isolutions .left { float:left; width:58%; overflow:hidden; position:relative; }
@media (max-width: 991px) { .isolutions .left { width: 100%; padding-right:0px; } .box-news { max-height: 760px; } }
/*.isolutions .left img { position: absolute; top: 50%; left: 50%; display: block; width:100%; min-width: 100%;max-width: 100%; height:100%;min-height: 100%;max-height: 100%; transform:translate(-50%,-50%); }*/
.isolutions .right { padding-left:3px;float:right; width:42%; }
@media (max-width: 991px) { .isolutions .right { width: 100%;padding-left:0px;  } }
.isolutions .right dd { padding:5px 5px 5px 165px; width:100%; height:141px; border-radius: 5px 5px 5px 5px;position:relative; background:#fff; margin:0 0 6px; transition:all .5s ease; }
.isolutions .right .img { position:absolute; left:6px; top:8px; }
.isolutions .right .date { line-height: 20px; font-weight: bold;position: absolute;right:0px;top:0px;background-color: #023890;color:#fff;border-radius: 0px 5px 0px 3px; padding: 1px 3px;opacity: 0.8; }
.isolutions .right img { display:block; width:151px; height:125px; }
.isolutions .right h3 { font-size:16px; padding:0px 0 0; font-weight:normal;margin-top: 8px;margin-right:40px; }
.isolutions .right p { font-size:11pt; height:88px; line-height:22px; overflow:hidden; color:#999; }
.isolutions .right a { font-size:14pt; font-weight: bold; }
.isolutions .right a:hover { color: #023890; }
.isolutions .right dd:hover { background:#e5e5e5; }
@media (max-width: 1366px) {
    .isolutions .right p { height:56px; line-height:18px; }
}
@media (max-width: 1199px) {
    .isolutions .right p { height:56px; line-height:18px; }
}
@media (max-width: 768px) { 
    .isolutions .right h3 { font-size:12px;margin-top: 4px; height: 40px; overflow:hidden; } 
    .isolutions .right p { height:56px; line-height:18px; }
}

.box-solution { position: relative; z-index: 9; padding-top: 0px;border-radius:6px;overflow: hidden;border:0px solid #eee; }
.box-solution .item { position: relative; margin-top: 0px; }
.box-solution .item .img-box { /*height:100%;*/ }
.box-solution .item .maskbg { position: absolute; top: 0; width: 100%; /*height: 100%;*/ -webkit-transition: all .4s; transition: all .4s;  }
.box-solution .item .maskbg .mask { position: absolute; bottom: -20px; width: 100%; padding: 6px 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; background-color: rgba(0, 0, 0, .6);}
.box-solution .item .maskbg .mask b { font-size: 18px; font-weight: normal; white-space: nowrap; overflow:hidden;text-overflow: ellipsis; }
.box-solution .item .maskbg .mask p { font-size: 14px; line-height: 2; display: -webkit-box; overflow: hidden; height: 56px; margin: 20px 0 0 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.box-solution .item .maskbg .mask span { font-size: 12px; line-height: 60px; display: inline-block; height: 20px; margin-top: 50px; padding: 0 26px; border: 1px solid #fff; }
.box-solution .item:hover .maskbg { background-color: rgba(113, 20, 16, 0); }
.box-solution .slick-arrow { border-radius: 5px 0px 0px 5px; position: absolute; z-index: 9; top: 50%; left: 0; padding: 0; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; background: none; }
.box-solution .slick-arrow:before { border-radius: 0px 5px 5px 0px; font-family: 'iconfont' !important; font-size: 20px; display: inline-block; width: 28px; height: 60px; line-height: 60px; content: '\e601'; background-color: rgba(255, 255, 255, .1); }
.box-solution .slick-arrow.slick-next { right: 0; left: auto; }
.box-solution .slick-arrow.slick-next:before { border-radius: 5px 0px 0px 5px; content: '\e827'; }
.box-solution .slick-arrow:hover:before { background-color: rgba(29, 66, 160, 1); }
.box-solution .container .title { height: 40px;line-height: 40px;text-align: left;vertical-align: middle; }
.box-solution .container .title b { display:block;color:#023890; }
@media (max-width: 1560px) { .box-solution .slick-arrow:before { width: 28px; } }
@media (max-width: 767px) { .box-solution .slick-arrow:before { line-height: 80px; width: 24px; height: 80px; } }

.banner-news { width: 100%; height: 435px; position: relative; overflow: hidden; }
.banner-news .swiper-wrapper { transform: none; }
.banner-news .swiper-slide { width: 100%; height: 435px; }
.banner-news .swiper-slide-active .image { border-radius: 0; }
.banner-news .swiper-slide-active .title { display: block; }
.banner-news .image { margin-left: 0px; width: 100%; height: 435px; object-fit: cover; border-radius: 0; }
.banner-news .title { position: absolute; bottom: 0;left:0; width:100%; height: 40px !important; background: rgba(29, 66, 160, 1.0); border-radius: 0 0 5px 5px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 16px; color: #FFFFFF; padding: 5px 10px; }
.banner-news .banner-arrow { border-radius: 2px; position: absolute; z-index: 9; top: 50%; left: 0; padding: 0; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; background: none; }
.banner-news .banner-arrow:before { border-radius: 2px; text-align:center; font-family: 'iconfont' !important; font-size: 20px; display: inline-block; width: 28px; height: 60px; line-height: 60px; content: '\e601'; background-color: rgba(255, 255, 255, .1); }
.banner-news .banner-arrow.banner-next { right: 0; left: auto; }
.banner-news .banner-arrow.banner-next:before { border-radius: 2px; content: '\e827'; }
.banner-news .banner-arrow:hover:before { background-color: rgba(29, 66, 160, 1); }
@media (max-width: 991px) {
    .banner-news { height: 235px; margin-bottom: 6px; }
    .banner-news .swiper-slide { height: 235px; }
    .banner-news .image { height:100%; max-height: 210px; }
}
@media (max-width: 767px) {
    .banner-news { height: 235px; }
    .banner-news .swiper-slide { height: 235px; }
    .banner-news .image { height:100%; max-height: 310px; }
}

.banner-solution { width: 100%; height: 460px; position: relative; overflow: hidden; border: 1px solid #eee; padding-top:4px; }
.banner-solution .swiper-slide { width: 750px; height: 450px; }
.banner-solution .swiper-slide-active .image { border-radius: 10px 10px 0 0; }
.banner-solution .swiper-slide-active .title { display: block; }
.banner-solution .image { width: 100%; height: 400px; object-fit: cover; border-radius: 10px; }
.banner-solution .title { height: 25px; background: #023890; border-radius: 0 0 5px 5px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 16px; color: #FFFFFF; line-height: 25px; padding: 0 12px; display: none; }
.banner-solution .banner-arrow { border-radius: 2px; position: absolute; z-index: 9; top: 50%; left: 0; padding: 0; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; background: none; }
.banner-solution .banner-arrow:before { border-radius: 2px; text-align:center; font-family: 'iconfont' !important; font-size: 20px; display: inline-block; width: 28px; height: 60px; line-height: 60px; content: '\e601'; background-color: rgba(255, 255, 255, .1); }
.banner-solution .banner-arrow.banner-next { right: 0; left: auto; }
.banner-solution .banner-arrow.banner-next:before { border-radius: 2px; content: '\e827'; }
.banner-solution .banner-arrow:hover:before { background-color: rgba(29, 66, 160, 1); }
@media (max-width: 479px) {
    .banner-solution { height: 320px; }
    .banner-solution .swiper-slide { width: 365px; height: 310px; }
    .banner-solution .image { height: 260px; } 
} 
@media (max-width: 768px) {
    .banner-solution { height: 320px; }
    .banner-solution .swiper-slide { width: 600px; height: 310px; }
    .banner-solution .image { height: 260px; } 
} 

@media (max-width: 991px) {
    .banner-solution { height: 320px; }
    .banner-solution .swiper-slide { width: 100%; height: 310px; }
    .banner-solution .image { height: 260px; } 
} 

.banner-service { width: 100%; height: 435px; position: relative; overflow: hidden; }
.banner-service .swiper-slide { width: 100%; height: 435px;padding:0; }
.banner-service .swiper-slide-active .image { border-radius: 10px; }
.banner-service .swiper-slide-active .title { display: block; }
.banner-service .image { margin-left: 0px; width: 100%; height: 435px; object-fit: cover; border-radius: 10px; }
/*.banner-service .image:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 1; }*/
.banner-service .title { margin-left: -1px; position: absolute; bottom: 0;left:0; width:100%; height: 40px !important; background: rgba(29, 66, 160, 1.0); border-radius: 0 0 5px 5px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 16px; color: #FFFFFF; padding: 5px 10px; }
.banner-service .banner-arrow { border-radius: 2px; position: absolute; z-index: 9; top: 50%; left: 0; padding: 0; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; background: none; }
.banner-service .banner-arrow:before { border-radius: 2px; text-align:center; font-family: 'iconfont' !important; font-size: 20px; display: inline-block; width: 28px; height: 60px; line-height: 60px; content: '\e601'; background-color: rgba(255, 255, 255, .1); }
.banner-service .banner-arrow.banner-next { right: 0; left: auto; }
.banner-service .banner-arrow.banner-next:before { border-radius: 2px; content: '\e827'; }
.banner-service .banner-arrow:hover:before { background-color: rgba(29, 66, 160, 1); }

@media (max-width: 991px) {
    .banner-service { height: 235px; margin-bottom: 6px; }
    .banner-service .swiper-slide { height: 235px; }
    .banner-service .image { height:100%; max-height: 235px; }
}
@media (max-width: 767px) {
    .banner-service { height: 235px; }
    .banner-service .swiper-slide { height: 235px; }
    .banner-service .image { height:100%; max-height: 310px; }
}

.box-product { padding-top: 10; }
.box-product .product { margin-top: 50px; }
.box-product .list { padding: 0; }
.box-product .item { position: relative; background-color: #000; }
.box-product .item .img-box { padding-bottom: 60.46511628%; }
.box-product .item .img-box img { -webkit-transition: all 1s; transition: all 1s; opacity: .4; }
.box-product .item .mask { position: absolute; top: 50%; width: 100%; padding: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.box-product .item .mask:after { font-family: 'iconfont' !important; line-height: 40px; display: block; width: 40px; height: 40px; margin: 0 auto; margin-top: 20px; content: '\e64a'; color: #fff; border: 1px solid #fff; border-radius: 50%; }
.box-product .item .mask p { padding: 5px; font-size: 16px; display: -webkit-box; overflow: hidden; height: 35px; margin: 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.box-product .item:hover .img-box img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 1; }
.box-product .item:hover p { background-color: rgba(0, 0, 0, .6); font-weight:bold; }
@media (max-width: 767px) { .box-product .item .mask:after { font-size: 12px; line-height: 24px; width: 24px; height: 24px; margin-top: 10px; } }
@media (max-width: 767px) { .box-product .item .mask p { font-size: 14px; } }
.box-product .container .title { height: 50px;line-height: 50px;text-align: left;vertical-align: middle; }
.box-product .container .title b { display:block;color:#023890; }


.box-join { overflow: hidden; padding: 90px 0 130px; background: url(../images/join_bg.jpg) no-repeat center; background-size: cover;}
@media (max-width: 767px) { .box-join {  padding: 60px 0;  background: url(../images/join_bg.jpg) no-repeat right;  background-size: cover; }
}
.box-join .join { padding-left: 50%;}
@media (max-width: 767px) { .box-join .join {  padding-left: 0; }
}
.box-join .join .title-join:before { display: inline-block; width: 60px; height: 60px; margin-right: 14px; content: ''; vertical-align: middle; background: url(../images/title-join.png) no-repeat; background-size: cover;}
@media (max-width: 767px) {
 .box-join .join .title-join:before {  width: 80px;  height: 80px; }
}
.box-join .join .title-join b { font-size: 56px; display: inline-block; vertical-align: middle; letter-spacing: .5px; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, .5);}
@media (max-width: 991px) {
 .box-join .join .title-join b {  font-size: 36px; }
}
@media (max-width: 767px) {
 .box-join .join .title-join b {  font-size: 24px; }
}
.box-join .join .text { margin-top: 30px; color: #fff;}
.box-join .join .text b { font-size: 24px; font-weight: normal; line-height: 1.66666667; display: block; margin-top: 14px; letter-spacing: .5px;}
@media (max-width: 767px) {
 .box-join .join .text b {  font-size: 16px; }
}
.box-join .join .text p { font-size: 18px; line-height: 1.66666667; position: relative; margin: 20px 0 0 0; padding-left: 46px;}
@media (max-width: 767px) {
 .box-join .join .text p {  font-size: 14px; }
}
.box-join .join .text p:before {
 font-family: 'iconfont' !important;
 font-size: 24px;
 line-height: 14px;
 position: absolute;
 top: 5px;
 left: 0;
 width: 20px;
 height: 20px;
 content: '\e626';
 text-indent: 2px;
 color: #b30000;
 border: 1px solid #fff;
}
.box-join .join .text a.more {
 line-height: 40px;
 display: inline-block;
 margin-top: 30px;
 padding: 0 30px;
 -webkit-transition: all .2s;
 transition: all .2s;
 color: #023890;
 border-radius: 3px;
 background-color: #fff;
 box-shadow: 0 3px 0 #9a9494;
}
.box-join .join .text a.more:hover { background-color: #dbdbdb;}
.box-attestation { position: relative; z-index: 2;}
.box-attestation .attestation { margin-top: -100px; padding: 30px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
@media (max-width: 767px) {
 .box-attestation .attestation {  padding: 30px 0; }
}
.box-attestation .attestation .list ul { overflow: hidden;}
.box-attestation .attestation .list ul li { float: left; width: 12.5%; /*width: 16.666666667%;*/ margin-top: 30px; padding: 0 2%;}
@media (max-width: 991px) {
 .box-attestation .attestation .list ul li {
  padding: 0 8px;
 }
}
@media (max-width: 767px) {
 .box-attestation .attestation .list ul li {  width: 33.33333333%;  margin-top: 20px;  padding: 0 8px; }
}

.box-news { position: relative; margin-top: 0px; margin-bottom: 0px; padding-top: 10px;/* background: url(../images/news_bg.jpg) no-repeat center fixed;*/}
@media (max-width: 1199px) {
 body { background-position: 0px 0px; }
 .header .logo { height: 60px; line-height: 60px; margin-top: 0px; }
 .header .logo img { width: 360px; }
 .footer .foot .container>ul>li .item .logo img { width: 300px; }
 .box-news {  /*background: url(../images/news_bg.jpg) no-repeat center;*/  background-size: cover;}
}
@media (max-width: 991px) {
 .box-news {  margin-top: 10px; }
}
.box-news .title b { color: #fff;}
.box-news .news { margin-top: 10px; padding: 20px 45px; background: url(../images/news_bgin.png) repeat;}
@media (max-width: 991px) {
 .box-news .news {  padding: 20px 20px; }
}
@media (max-width: 767px) {
 .box-news .news {  padding: 20px 0; }
}
.box-news .news .item { padding: 0 15px;}
.box-news .news .item .news-top { position: relative; z-index: 2; padding-left: 44px;}
.box-news .news .item .news-top span { line-height: 44px; position: absolute; bottom: 0; left: 0; display: block; width: 44px; height: 44px; text-align: center; color: #fff; background-color: #AE3733;}
.box-news .news .item .news-top .pic { max-width: 140px; vertical-align: bottom;}
.box-news .news .item .news-top .pic .img-box { padding-bottom: 60.60606061%;}
.box-news .news .item .text { margin-top: -44px; padding: 70px 24px 24px 24px; -webkit-transition: all .2s; transition: all .2s; background-color: #fff;}
.box-news .news .item .text a { display: inline-block;}
.box-news .news .item .text b { font-size: 18px; font-weight: normal; line-height: 30px; display: block; display: -webkit-box; overflow: hidden; height: 30px; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.box-news .news .item .text p { line-height: 30px; display: -webkit-box; overflow: hidden; height: 90px; margin: 4px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.box-news .news .item .text .more { margin-top: 10px;}
.box-news .news .item .text .more span { display: inline-block; color: #999;}
.box-news .news .item .text .more a { line-height: 26px; display: inline-block; float: right; height: 26px; padding: 0 10px; color: #999; background-color: #fff;}
.box-news .news .item:hover .news-top span { color: #023890; background-color: #fff;}
.box-news .news .item:hover .text { background-color: #023890;}
.box-news .news .item:hover .text b,
.box-news .news .item:hover .text p { color: #fff;}
.box-news .news .item:hover .text .more span { color: #fff;}
.box-news .news .item:hover .text .more a { color: #023890; background-color: #fff;}
.box-news .slick-dots { width: 100%; margin-top: 24px; text-align: center;}
.box-news .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 10px; cursor: pointer; border-radius: 50%; background-color: #fff;}
@media (max-width: 767px) {
 .box-news .slick-dots li {  margin: 0 4px; }
}
.box-news .slick-dots li.slick-active { background-color: #023890;}
.box-news .slick-dots li button { opacity: 0;}
.box-news .container .title { height: 30px;line-height: 30px;text-align: left;vertical-align: middle;overflow:hidden; }
.box-news .container .title b { display:block;color:#023890; }

.box-customer{ padding: 20px 0;}
.box-customer .slick-customer { margin-top: 30px; }
.box-customer .item { margin: 10px; -webkit-transition: all .4s; transition: all .4s; box-shadow: 0 0 10px rgba(0, 0, 0, 0);}
.box-customer .item .img-box { padding-bottom: 46.15384615%;}
.box-customer .item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.box-customer .slick-arrow { position: absolute; z-index: 9; top: 50%; left: -10px; padding: 0; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #b2b2b2; background: none;}
.box-customer .slick-arrow:before { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; content: '\e601';}
.box-customer .slick-arrow.slick-next { right: -10px; left: auto;}
.box-customer .slick-arrow.slick-next:before { content: '\e827';}
.box-customer .slick-arrow:hover:before { color: #023890;}
.box-customer .container .title { height: 50px;line-height: 50px;text-align: left;vertical-align: middle; }
.box-customer .container .title b { display:block;color:#023890; }

.footer { font-size: 0; position: relative; background-color: #1d42a0; }
.footer .foot { padding: 0px 0;}
@media (max-width: 1199px) {
 .footer .foot {  padding: 10px 0 30px; }
}
.footer .foot .container>ul { padding: 0; text-align: justify; text-justify: distribute-all-lines;}
.footer .foot .container>ul:after { display: inline-block; overflow: hidden; width: 100%; height: 0; margin: 0; content: '';}
@media (max-width: 1199px) {
 .footer .foot .container>ul:after {  display: none; }
}
@media (max-width: 1199px) {
 .footer .foot .container>ul {  display: block;  overflow: hidden;  margin: 0 -15px; }
}
@media (min-width: 1200px) {
 .footer .foot .container>ul>li {  display: inline-block;  vertical-align: top;  word-break: break-all;  padding: 20px; }
}
@media (max-width: 1199px) {
 .footer .foot .container>ul>li {  display: inline-block;  width: 33.33333333%;  margin-right: -4px;  padding: 0 15px;  vertical-align: top; }
}
@media (max-width: 991px) {
 .footer .foot .container>ul>li {  width: 100%; }
}
.footer .foot .container>ul>li h3 { font-size: 18px; line-height: 20px; margin: 0; color: #fff;}
@media (max-width: 991px) {
 .footer .foot .container>ul>li h3 {  font-size: 16px; }
 .footer .foot .container>ul>li h3:after {  font-family: 'iconfont' !important;  font-size: 14px;  float: right;  content: '\e628'; }
}
.footer .foot .container>ul>li .item { text-align: left;}
.footer .foot .container>ul>li .item .logo{ width: 400px; height: 140px; line-height: 140px; margin: auto 0; vertical-align: middle;}
.footer .foot .container>ul>li .item .logo img{ width: 400px; margin: auto 0;}
@media (max-width: 1199px) {
 .footer .foot .container>ul>li .item {  margin-top: 30px; }
}
.footer .foot .container>ul>li .item-1 a { font-size: 14px; line-height: 2; display: block; -webkit-transition: all .4s; transition: all .4s; color: #7a7e7f;}
.footer .foot .container>ul>li .item-1 a:hover { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); color: #fff;}
.footer .foot .container>ul>li .item-2 p { font-size: 14px; line-height: 2; margin: 0; color: #fff;}
.footer .foot .container>ul>li .item-2 a:hover { text-decoration: underline; color: #fff;}
.footer .foot .container>ul>li .item-3 { text-align: center;}
@media (max-width: 767px) {
 .footer .foot .container>ul>li .item-1 {  display: none; }    
 .footer .foot .container>ul>li .item-3 {  display: none; }
}
.footer .foot .container>ul>li .item-3 img { max-width: 90px;}
.footer .foot .container>ul>li .item-3 p { font-size: 14px; line-height: 1.71428571; color: #fff;}
.footer .foot .container>ul>li .info-down { margin-top: 20px;}
@media (max-width: 991px) {
 .footer .foot .container>ul>li .info-down {  display: none;  padding-bottom: 10px; }
 .footer .foot .container>ul>li .item-1 {  margin: 0px auto; }
 .footer .foot .container>ul>li .item-3 {  display: none; }
 .footer .foot .container>ul>li .item .logo { height: 60px;line-height:60px; }
}
.footer .foot .container>ul>li .info-down img { max-width: 100%;}
.footer .foot .container>ul>li.current .title-foot h3:after { content: '\e623';}
.footer .foot-link { padding-bottom: 20px; text-align: center;}
.footer .foot-link span { font-size: 16px; line-height: 28px; display: inline-block; color: #fff;}
.footer .foot-link a { font-size: 14px; line-height: 28px; display: inline-block; padding: 0 10px; color: #fff;}
.footer .foot-link a:hover { color: #fff;}
.footer .copyright { padding: 5px 0; text-align: center; border-top: 1px solid #444849; background-color: #023890;}
@media (max-width: 991px) {
 .footer .copyright {  padding: 10px 0; }
}
.footer .copyright p { font-size: 14px; line-height: 30px; margin: 0; color: #fff;}
.footer .copyright p a { display: inline-block; margin-left: 10px; -webkit-transition: all .4s; transition: all .4s;}
@media (max-width: 767px) {
 .footer .copyright p a {  display: block;  margin-left: 0; }
}
.footer .copyright p a:hover { text-decoration: underline; color: #fff;}


.cart-icon { line-height: 30px; position: fixed; z-index: 10; right: 5px; bottom: 50px; display: none;}
@media (max-width: 991px) {
 .cart-icon {  z-index: 9;  display: block; }
}
.cart-icon a { line-height: 40px; display: block; width: 40px; height: 40px; text-align: center; border-radius: 50%; background-color: #023890;}
.cart-icon a:before { font-family: 'iconfont' !important; font-size: 18px; content: '\e603';}
.cart-icon span {
 font-size: 12px;
 line-height: 20px;
 position: absolute;
 z-index: 10;
 top: -6px;
 right: -3px;
 display: inline-block;
 width: 20px;
 height: 20px;
 vertical-align: super;
 color: #fff;
 border-radius: 50%;
 background-color: #333;
}
.cartpc-icon { top: 20%; bottom: auto; display: block;}
@media (max-width: 991px) {
 .cartpc-icon {  display: none !important; }
}
.wrapper { overflow: hidden; /*background-color: #f7f8fa;*/ }

.wrap { padding: 0px 0 20px;}
.wrap .container{ background-color: #ffffff; border: 0px solid #dbdcdd; border-radius: 10px; /*box-shadow: 0 0 8px rgba(0, 0, 0, .08);*/ padding: 20px; margin-top: 20px; min-height: 400px; }
@media (max-width: 991px) {
/* .wrap {  padding: 50px 0 60px; }*/
}
.title-in { padding: 34px 0; background: url(../images/title-in.png) no-repeat center;}
@media (max-width: 991px) {
 .title-in {  padding: 20px 0;  background-size: auto 60px; }
}
.wrap-left { float: left; width: 26%; border: 1px solid #dcdcdc; border-radius: 5px; min-height: 290px; text-align: center;}
@media (max-width: 1199px) {
 .wrap-left {  width: 30%; }
}
@media (max-width: 991px) {
 .wrap-left {  width: 100%; }
}
.wrap-left .title-side { padding: 10px 10px; color: #fff; background-color: #023890;}
@media (max-width: 991px) {
 .wrap-left .title-side {  display: none; }
}
.wrap-left .title-side b { font-size: 20px; font-weight: normal; display: block;}
.wrap-left .product-side { background-color: #f4f8fc;}
@media (max-width: 991px) {
 .wrap-left .product-side {  margin-top: -30px;  margin-bottom: 30px;  background: none; }
}
.wrap-left .product-side>ul>li { position: relative; border-bottom: 1px solid #fff;}
.wrap-left .product-side>ul>li>a { font-size: 16px; line-height: 30px; position: relative; display: block; padding: 10px 20px; -webkit-transition: all .4s; transition: all .4s;}
@media (max-width: 991px) {
 .wrap-left .product-side>ul>li>a {  display: none; }
}
.wrap-left .product-side>ul>li.more>a:after { font-family: 'iconfont' !important; font-size: 12px; line-height: 60px; position: absolute; top: 0; right: 30px; display: block; content: '\e827'; -webkit-transition: rotate .4s; transition: rotate .4s;}
.wrap-left .product-side>ul>li ul.level-2 { display: none; padding: 20px 0;}
@media (max-width: 991px) {
 .wrap-left .product-side>ul>li ul.level-2 {  padding: 0; }
}
.wrap-left .product-side>ul>li ul.level-2 li { position: relative;}
@media (max-width: 991px) {
 .wrap-left .product-side>ul>li ul.level-2 li {  display: inline-block;  vertical-align: top; }
}
.wrap-left .product-side>ul>li ul.level-2 a { font-size: 14px; line-height: 30px; position: relative; display: block; padding: 4px 40px 4px 60px; -webkit-transition: all .4s; transition: all .4s; color: #666;}
@media (max-width: 991px) {
 .wrap-left .product-side>ul>li ul.level-2 a {  padding: 4px 10px 4px 20px; }
}
.wrap-left .product-side>ul>li ul.level-2 a:before { position: absolute; top: 4px; left: 40px; width: 20px; content: '-'; text-align: center;}
@media (max-width: 991px) {
 .wrap-left .product-side>ul>li ul.level-2 a:before {  left: 4px; }
}
.wrap-left .product-side>ul>li ul.level-2 a:hover,
.wrap-left .product-side>ul>li ul.level-2 a.active { text-decoration: underline; color: #023890;}
.wrap-left .product-side>ul>li.active>a,
.wrap-left .product-side>ul>li:hover>a { color: #fff; background-color: #1d42a0; border: 1px solid #023890; }
.wrap-left .product-side>ul>li.active>a:after,
.wrap-left .product-side>ul>li:hover>a:after { display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.wrap-left .product-side>ul>li.active ul.level-2 { display: block;}

.wrap-right { float: right; width: 74%; padding-left: 20px;}
@media (max-width: 1199px) {
 .wrap-right {  width: 70%; }
}
@media (max-width: 991px) {
 .wrap-right {  width: 100%;  padding-left: 0; }
}
.sidenav { position: relative; min-height: 60px; background-color: rgba(247, 248, 250, .7);}
@media (max-width: 1199px) {
 .sidenav {  min-height: 60px; }
}
.sidenav:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 0px; content: ''; background-color: #e5e5e5;}
.sidenav .container { position: relative; color: #1d42a0; font-weight: bold;}
.sidenav .location { position: absolute; z-index: 3; top: 0; left: 0;}
@media (max-width: 1199px) {
 .sidenav .location {  position: relative;  margin-top: 10px; }
}
.sidenav .location ul { display: inline-block;}
.sidenav .location ul:before { font-family: 'iconfont' !important; font-size: 18px; margin-right: 10px; content: '\e651';}
.sidenav .location ul li { font-size: 14px; display: inline-block;}
.sidenav .location ul li:after { margin: 0 6px; content: '>';}
.sidenav .location ul li:last-child:after { display: none;}
.sidenav .location ul li a { line-height: 60px; display: inline-block; color: #1d42a0; font-size: 16px;}
@media (max-width: 1199px) {
 .sidenav .location ul li a {  line-height: 30px; }
}
.sidenav .location ul li a:hover { color: #023890;}
.sidenav .sub-box { position: relative; z-index: 2; overflow: hidden; text-align: right;}
@media (max-width: 1199px) {
 .sidenav .sub-box {  text-align: center; }
}
@media (max-width: 991px) {
 .sidenav .sub-box {  margin-top: 0; }
}
@media (max-width: 991px) {
 .sidenav .sub-box {  padding: 0; }
}
.sidenav .sub-box .category { position: relative; width: 100%; height: 60px;}
@media (max-width: 1199px) {
 .sidenav .sub-box .category {  height: 60px; }
}
.sidenav .sub-box .category>ul { font-size: 0; position: absolute; left: 0; margin: 0 -30px; white-space: nowrap;}
@media (max-width: 991px) { 
    .sidenav .sub-box .category>ul {  margin: 0 -14px; }
}
.sidenav .sub-box .category>ul>li { position: relative; display: inline-block; height: 60px; margin-left: -3px; padding: 0 30px;}
@media (max-width: 1199px) {
 .sidenav .sub-box .category>ul>li {  height: 60px; }
}
@media (max-width: 991px) {
 .sidenav .sub-box .category>ul>li {  padding: 0 16px; }
}
.sidenav .sub-box .category>ul>li>a { font-size: 16px; line-height: 60px; position: relative; z-index: 2; display: inline-block; height: 60px; -webkit-transition: all .2s; transition: all .2s;}
@media (max-width: 1199px) {
 .sidenav .sub-box .category>ul>li>a {  line-height: 60px;  height: 60px; }
}
.sidenav .sub-box .category>ul>li>a:after {
 position: absolute;
 z-index: 2;
 bottom: 0;
 left: 0;
 display: block;
 width: 0;
 height: 2px;
 content: '';
 -webkit-transition: all .4s;
 transition: all .4s;
 background-color: #023890;
}
.sidenav .sub-box .category>ul>li.active a { color: #023890;}
.sidenav .sub-box .category>ul>li.active a:after { width: 100%;}
@media (min-width: 1200px) {
 .sidenav .sub-box .category>ul>li:hover a {  color: #023890; }
 .sidenav .sub-box .category>ul>li:hover a:after {  width: 100%; }
}
.sidenav .sub-box.pro-sub-box { display: none;}
@media (max-width: 1199px) {
 .sidenav .sub-box.pro-sub-box {  display: block; }
 .sidenav .sub-box.pro-sub-box .category .level-2 {  position: absolute;  left: 0;  width: 100%; }
 .sidenav .sub-box.pro-sub-box .category .level-2 a {  font-size: 14px;  line-height: 2; }
}
.wrap-about .text { margin-top: 20px;}
.wrap-about .text p { line-height: 2.14285714; margin: 0; color: #666;}
.wrap-about .pic { margin-top: 40px;}
.wrap-about .pic img { max-width: 100%; margin-top: 10px;}
.wrap-culture .culture .item { display: block; margin-top: 34px; padding: 50px 15px; text-align: center; background-color: #164161;}
@media (max-width: 767px) {
 .wrap-culture .culture .item {  padding: 30px 10px; }
}
.wrap-culture .culture .item b { font-size: 20px; line-height: 1.5; display: block; margin: 0 0 20px 0; color: #fff;}
@media (max-width: 767px) {
 .wrap-culture .culture .item b {  font-size: 18px; }
}
.wrap-culture .culture .item p { line-height: 2; margin: 0; color: #fff;}
.wrap-culture .culture .list:nth-child(6n+2) .item { background-color: #f28564;}
.wrap-culture .culture .list:nth-child(6n+3) .item { background-color: #023890;}
.wrap-culture .culture .list:nth-child(6n+4) .item { background-color: #f9b552;}
.wrap-culture .culture .list:nth-child(6n+5) .item { background-color: #87ca95;}
.wrap-culture .culture .list:nth-child(6n+6) .item { background-color: #f09c9c;}

.wrap-technology .technology .text { overflow: hidden; margin-top: 20px;}
.wrap-technology .technology .text img { float: right; max-width: 100%; margin-left: 30px;}
@media (max-width: 991px) {
 .wrap-technology .technology .text img {  float: none;  margin-bottom: 30px;  margin-left: 0; }
}
.wrap-technology .technology .text p { font-size: 12px; line-height: 2.33333333; margin: 0;}
.wrap-technology .technology .pic { margin-top: 50px;}
.wrap-technology .technology .pic img { display: block; max-width: 100%; margin-top: 10px;}

.wrap-video .video { position: relative; overflow: hidden; margin-top: 40px;}
.wrap-video .video .img-box { z-index: 0; padding-bottom: 65.85365854%; background-color: #000;}
.wrap-video .video .img-box img { -webkit-transition: all .6s ease; transition: all .6s ease; opacity: .9;}
.wrap-video .video .video-box { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; text-align: center;}
.wrap-video .video .iframe { display: none; width: 100% !important; height: 100% !important;}

.wrap-video .video .play {
 position: absolute;
 top: 50%;
 left: 0;
 display: inline-block;
 width: 100%;
 margin-bottom: 100%;
 -webkit-transition: all .4s;
 transition: all .4s;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 color: #fff;
}
@media (max-width: 991px) {
 .wrap-video .video .play {  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  opacity: 1; }
}
.wrap-video .video .play:before { font-family: 'iconfont'; font-size: 50px; font-weight: normal; line-height: 1; display: block; content: '\e632';}
.wrap-video .video:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: .9;}
.wrap-video .item { position: relative;}
.wrap-video .item p {
 line-height: 30px;
 position: absolute;
 bottom: 0;
 left: 0;
 display: -webkit-box;
 overflow: hidden;
 width: 100%;
 height: 30px;
 margin: 0;
 text-align: center;
 color: #fff;
 background-color: rgba(0, 0, 0, .5);
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
}
.wrap-video .item-1 .video .img-box { padding-bottom: 34.88372093%;}
@media (max-width: 991px) {
 .wrap-video .item-1 .video .img-box {  padding-bottom: 50%; }
}
.wrap-video .item-1 .video .img-box img { opacity: .8;}
@media (max-width: 991px) {
 .wrap-video .item-1 .video .img-box img {  width: 150%;  margin-left: -25%; }
}


.wrap-honor .honor .item { margin: 30px 0; padding: 30px 30px 20px 30px; -webkit-transition: all .4s; transition: all .4s; border: 1px dashed #c2c2c2;}
@media (max-width: 991px) {
 .wrap-honor .honor .item {  margin: 20px 0;  margin-top: 16px;  padding: 10px; }
}
.wrap-honor .honor .item .img-box { padding-bottom: 140%;}
.wrap-honor .honor .item .img-box img { -webkit-transition: all 1s; transition: all 1s;}
.wrap-honor .honor .item p { font-size: 18px; line-height: 24px; display: -webkit-box; overflow: hidden; height: 24px; margin: 20px 0 0 0; text-align: center; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
@media (max-width: 991px) {
 .wrap-honor .honor .item p {  margin-top: 14px; }
}
@media (max-width: 767px) {
 .wrap-honor .honor .item p {  font-size: 15px; }
}
.wrap-honor .honor .item:hover { border-color: #023890; background-color: #023890;}
.wrap-honor .honor .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.wrap-honor .honor .item:hover p { color: #fff;}
.wrap-case .case .item { margin-top: 40px; -webkit-transition: all .2s; transition: all .2s;}
@media (max-width: 991px) {
 .wrap-case .case .item {  margin-top: 24px; }
}
.wrap-case .case .item .img-box { padding-bottom: 68.29268293%; -webkit-transition: all .2s; transition: all .2s;}
.wrap-case .case .item .img-box:before {
 font-size: 24px;
 line-height: 38px;
 position: absolute;
 z-index: 3;
 top: 60%;
 left: 50%;
 display: inline-block;
 width: 40px;
 height: 40px;
 margin-left: -20px;
 content: '+';
 -webkit-transition: all .4s;
 transition: all .4s;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%); 
 transform: translateY(-50%); 
 text-align: center; opacity: 0; 
 color: #fff; 
 border: 1px solid #fff; 
 border-radius: 50%;
}
.wrap-case .case .item .img-box img { -webkit-transition: all 1s; transition: all 1s;}
.wrap-case .case .item .pic { position: relative; background-color: #000;}
.wrap-case .case .item p { margin: 0; padding: 0 10px; -webkit-transition: all .2s; transition: all .2s; border: 1px solid #dbdbdb; border-top: none;}
.wrap-case .case .item p a { font-size: 16px; line-height: 58px; display: -webkit-box; display: block; overflow: hidden; height: 58px; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
@media (max-width: 991px) {
 .wrap-case .case .item p a {  font-size: 14px;  line-height: 46px;  height: 46px; }
}
.wrap-case .case .item:hover { background-color: #023890;}
.wrap-case .case .item:hover .img-box img { opacity: .6;}
.wrap-case .case .item:hover .img-box:before { top: 50%; opacity: 1;}
.wrap-case .case .item:hover p { color: #fff; border-color: #023890;}
.wrap-case-show .title-case { margin-top: 30px; text-align: center;}
@media (max-width: 767px) {
 .wrap-case-show .title-case {  margin-top: 10px; }
}
.wrap-case-show .title-case b { font-size: 22px; display: block;}
@media (max-width: 991px) {
 .wrap-case-show .title-case b {  font-size: 20px; }
}
.wrap-case-show .case-show { overflow: hidden; margin-top: 50px;}
.wrap-case-show .case-show p { line-height: 2.42857143; margin: 0; color: #666;}
.wrap-case-show .case-show .video { position: relative; float: right; overflow: hidden; width: 50%; margin-left: 30px;}
@media (max-width: 767px) {
 .wrap-case-show .case-show .video {  width: 100%;  margin-bottom: 30px;  padding-left: 0; }
}
.wrap-case-show .case-show .video .img-box { z-index: 0; padding-bottom: 66.66666667%; background-color: #000;}
.wrap-case-show .case-show .video .img-box img { -webkit-transition: all .6s ease; transition: all .6s ease; opacity: .7;}
.wrap-case-show .case-show .video .video-box { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; text-align: center;}
.wrap-case-show .case-show .video .iframe { display: none; width: 100% !important; height: 100% !important;}
.wrap-case-show .case-show .video .play {
 position: absolute;
 top: 50%;
 left: 0;
 display: inline-block;
 width: 100%;
 margin-bottom: 100%;
 -webkit-transition: all .4s;
 transition: all .4s;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 color: #fff;
}
@media (max-width: 991px) {
 .wrap-case-show .case-show .video .play {  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  opacity: 1; }
}
.wrap-case-show .case-show .video .play:before { font-family: 'iconfont'; font-size: 50px; font-weight: normal; line-height: 1; display: block; content: '\e632';}
.wrap-case-show .case-show .video:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: .9;}


.wrap-join .prospects { overflow: hidden; padding-bottom: 50px;}
.wrap-join .prospects .list ul { font-size: 0; margin: 0 -50px;}
@media (max-width: 1199px) {
 .wrap-join .prospects .list ul {  margin: 0 -15px; }
}
.wrap-join .prospects .list ul li { display: inline-block; width: 33.33333333%; padding: 0 50px; vertical-align: top;}
@media (max-width: 1199px) { .wrap-join .prospects .list ul li {  padding: 0 15px; }
}
@media (max-width: 767px) {
 .wrap-join .prospects .list ul li {  width: 50%; }
}
@media (max-width: 320px) { .wrap-join .prospects .list ul li {  width: 100%; }
}
.wrap-join .prospects .list .item { margin-top: 50px; text-align: center;}
@media (max-width: 767px) {
 .wrap-join .prospects .list .item {  margin-top: 30px; }
}
.wrap-join .prospects .list .item:before { font-family: 'iconfont' !important; font-size: 40px; line-height: 110px; display: block; width: 110px; height: 110px; margin: 0 auto; content: '\e669'; text-align: center; color: #08ac00; border: 1px solid #08ac00; border-radius: 50%;}
@media (max-width: 767px) {
 .wrap-join .prospects .list .item:before {  font-size: 30px;  line-height: 80px;  width: 80px;  height: 80px; }
}
.wrap-join .prospects .list .item-shichang:before { font-size: 50px; content: '\e633'; color: #023890; border-color: #023890;}
@media (max-width: 767px) {
 .wrap-join .prospects .list .item-shichang:before {  font-size: 40px; }
}
.wrap-join .prospects .list .item-guojia:before { content: '\e670'; color: #ac2800; border-color: #ac2800;}
.wrap-join .prospects .list .item b { font-size: 16px; line-height: 1.5; display: block; margin-top: 24px;}
@media (max-width: 767px) {
 .wrap-join .prospects .list .item b {  font-size: 15px; }
}
.wrap-join .prospects .list .item p { font-size: 14px; line-height: 2; margin: 20px 0 0 0; color: #666;}
@media (max-width: 767px) {
 .wrap-join .prospects .list .item p {  margin-top: 10px; }
}
.wrap-join .advantage { padding: 50px 0; background-color: #f7f7f7;}
.wrap-join .advantage .info { margin-top: 30px;}
.wrap-join .advantage .info ul { overflow: hidden;}
.wrap-join .advantage .info ul li { float: left; width: 33%;}
@media (max-width: 991px) {
 .wrap-join .advantage .info ul li {  width: 100%; }
}
.wrap-join .advantage .info ul li:nth-child(2) { width: 34%;}
@media (max-width: 991px) {
 .wrap-join .advantage .info ul li:nth-child(2) {  display: none; }
}
.wrap-join .advantage .info ul li:nth-child(2) img { margin-left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.wrap-join .advantage .info ul li:first-child .item,
.wrap-join .advantage .info ul li:nth-child(3) .item { position: relative; z-index: 2; min-height: 110px; padding-right: 130px;}
@media (max-width: 991px) {
 .wrap-join .advantage .info ul li:first-child .item,
 .wrap-join .advantage .info ul li:nth-child(3) .item {  margin-top: 30px;  padding-right: 0;  padding-left: 130px; }
}
.wrap-join .advantage .info ul li:first-child .item .title-item,
.wrap-join .advantage .info ul li:nth-child(3) .item .title-item { position: absolute; top: 0; right: 0; display: block; width: 110px; height: 110px; border-radius: 50%; background-color: #4695d7;}
@media (max-width: 991px) {
 .wrap-join .advantage .info ul li:first-child .item .title-item,
 .wrap-join .advantage .info ul li:nth-child(3) .item .title-item {  right: auto;  left: 0; }
}
.wrap-join .advantage .info ul li:first-child .item .title-item b,
.wrap-join .advantage .info ul li:nth-child(3) .item .title-item b { font-size: 20px; line-height: 28px; display: block; width: 50px; margin: 0 auto; margin-top: 26px; text-align: center; color: #fff;}
@media (max-width: 767px) {
 .wrap-join .advantage .info ul li:first-child .item .title-item b,
 .wrap-join .advantage .info ul li:nth-child(3) .item .title-item b {  font-size: 18px; }
}
.wrap-join .advantage .info ul li:first-child .item .note,
.wrap-join .advantage .info ul li:nth-child(3) .item .note { padding-top: 20px;}
.wrap-join .advantage .info ul li:first-child .item .note p,
.wrap-join .advantage .info ul li:nth-child(3) .item .note p { line-height: 2; margin: 0; color: #666;}
.wrap-join .advantage .info ul li:first-child .item:nth-child(2),
.wrap-join .advantage .info ul li:nth-child(3) .item:nth-child(2) { margin-top: 20%;}
@media (max-width: 991px) {
 .wrap-join .advantage .info ul li:first-child .item:nth-child(2),
 .wrap-join .advantage .info ul li:nth-child(3) .item:nth-child(2) {  margin-top: 30px; }
}
.wrap-join .advantage .info ul li:first-child .item-huanbao .title-item,
.wrap-join .advantage .info ul li:nth-child(3) .item-huanbao .title-item { background-color: #f29b76;}
.wrap-join .advantage .info ul li:nth-child(3) .item { padding-right: 0; padding-left: 130px;}
.wrap-join .advantage .info ul li:nth-child(3) .item .title-item { right: auto; left: 0; background-color: #acd598;}
.wrap-join .advantage .info ul li:nth-child(3) .item-fuwu .title-item { background-color: #556fb5;}
.wrap-join .power { margin-top: 60px;}
.wrap-join .power .list { padding: 30px; box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
@media (max-width: 767px) { .wrap-join .power .list {  padding: 30px 0; }
}
.wrap-join .power .list ul { overflow: hidden;}
.wrap-join .power .list ul li { float: left; width: 12.5%; /*width: 16.666666667%;*/ margin-top: 30px; padding: 0 2%;}
@media (max-width: 991px) {
 .wrap-join .power .list ul li {  padding: 0 8px; }
}
@media (max-width: 767px) {
 .wrap-join .power .list ul li {  width: 33.333333%;  margin-top: 20px;  padding: 0 8px; }
}
.wrap-join .adsense { margin-top: 50px; padding: 100px 0 80px; background: url(../images/ad_bg.jpg) no-repeat top center; background-size: cover;}
@media (max-width: 767px) {
 .wrap-join .adsense {  padding: 80px 0 60px; }
}
.wrap-join .adsense .text { display: inline-block; text-align: center;}
.wrap-join .adsense .text b { font-size: 36px; line-height: 1.38888889; display: block; letter-spacing: 7px; color: #fff; text-shadow: 0 0 4px rgba(0, 0, 0, .5);}
@media (max-width: 991px) {
 .wrap-join .adsense .text b {  font-size: 30px; }
}
@media (max-width: 767px) {
 .wrap-join .adsense .text b {  font-size: 24px; }
}
.wrap-join .adsense .text p { font-size: 24px; font-weight: bold; line-height: 30px; display: inline-block; margin: 34px 0 0 0; padding: 15px 40px; color: #f46135; border-radius: 50px; background-color: #fff;}
@media (max-width: 991px) {
 .wrap-join .adsense .text p {  font-size: 20px; }
}
@media (max-width: 767px) {
 .wrap-join .adsense .text p {  font-size: 18px;  margin-top: 20px;  padding: 10px 20px; }
}
.wrap-join .adsense .text p a:hover { text-decoration: underline;}
.wrap-join .mainproduct { overflow: hidden; padding: 80px 0;}
@media (max-width: 991px) {
 .wrap-join .mainproduct {  padding: 60px 0; }
}
.wrap-join .mainproduct .item { margin-top: 30px; border: 1px solid #e5e5e5;}
.wrap-join .mainproduct .item .img-box { padding-bottom: 97.82608696%;}
.wrap-join .mainproduct .item p { font-size: 16px; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin-bottom: 18px; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
@media (max-width: 767px) {
 .wrap-join .mainproduct .item p {  font-size: 14px; }
}
.wrap-join .application .list { margin-top: 30px;}
.wrap-join .application .list ul { font-size: 0; overflow: hidden; margin: 0 -2px;}
.wrap-join .application .list ul li { display: inline-block; width: 14.28571429%; padding: 0 2px; vertical-align: top;}
.wrap-join .application .list ul li:nth-child(2n) { margin-top: 28px;}
@media (max-width: 991px) {
 .wrap-join .application .list ul li:nth-child(2n) {  margin-top: 18px; }
}
@media (max-width: 991px) {
 .wrap-join .application .list ul li {  width: 25%; }
}
.wrap-join .application .list .item { position: relative; background-color: #000;}
.wrap-join .application .list .item .img-box { padding-bottom: 250%;}
.wrap-join .application .list .item .img-box img { opacity: .4;}
.wrap-join .application .list .item .mask { font-size: 20px; position: absolute; top: 30%; left: 50%; width: 30px; margin-left: -15px; text-align: center; color: #fff;}
@media (max-width: 767px) {
 .wrap-join .application .list .item .mask {  font-size: 16px;  top: 20%; }
}
.wrap-join .service { margin-top: 50px; padding: 80px 0 100px; text-align: right; background: url(../images/add_bg.jpg) no-repeat bottom center; background-size: cover;}
@media (max-width: 767px) {
 .wrap-join .service {  padding: 60px 0 80px; }
}
.wrap-join .service .text { display: inline-block; text-align: center;}
.wrap-join .service .text b { font-size: 36px; line-height: 1.38888889; display: block; letter-spacing: 7px; color: #fff; text-shadow: 0 0 4px rgba(0, 0, 0, .5);}
@media (max-width: 991px) {
 .wrap-join .service .text b {  font-size: 30px; }
}
@media (max-width: 767px) {
 .wrap-join .service .text b {  font-size: 24px; }
}
.wrap-join .service .text p { font-size: 24px; font-weight: bold; line-height: 30px; display: inline-block; margin: 34px 0 0 0; padding: 15px 40px; color: #f46135; border-radius: 50px; background-color: #fff;}
@media (max-width: 991px) {
 .wrap-join .service .text p {  font-size: 20px; }
}
@media (max-width: 767px) {
 .wrap-join .service .text p {  font-size: 18px;  margin-top: 20px;  padding: 10px 20px; }
}
.wrap-join .service .text p a:hover { text-decoration: underline;}
.wrap-join .support { padding: 50px 0;}
.wrap-join .support .item { margin-top: 40px; padding: 50px 10px; text-align: center; border: 1px solid #e5e5e5; border-radius: 10px;}
@media (max-width: 991px) { 
 .wrap-join .support .item {  margin-top: 20px;  padding: 30px 10px; }
}
.wrap-join .support .item:before { font-family: 'iconfont' !important; font-size: 60px; line-height: 80px; display: inline-block; content: '\e630'; color: #023890;}
.wrap-join .support .item b { font-size: 16px; display: block; margin-top: 30px;}
.wrap-join .support .item p { font-size: 13px; line-height: 1.71428571; margin: 14px 0 0 0;}
.wrap-join .support .item-peixun:before { content: '\e64b';}
.wrap-join .support .item-wuliao:before { font-size: 70px; content: '\e647';}
.wrap-join .support .item-guanggao:before { font-size: 70px; content: '\e63d';}
.wrap-join .support .item-quyu:before { content: '\e64c';}
.wrap-join .support .item-dianmian:before { content: '\e6c2';}
.wrap-join .support .item-touzi:before { content: '\e63c';}
.wrap-join .support .item-zijin:before { content: '\e642';}
.wrap-join .support .item:hover:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both;}
.wrap-join .process { padding: 50px 0; background-color: #f7f7f7;}
.wrap-join .process .list { margin-top: 30px; text-align: center;}
@media (max-width: 991px) {
 .wrap-join .process .list {  text-align: left; }
}
.wrap-join .process .list ul { font-size: 0;}
.wrap-join .process .list ul li { display: inline-block;}
@media (max-width: 991px) {
 .wrap-join .process .list ul li {  margin-top: 10px; }
}
.wrap-join .process .list ul li:after { display: inline-block; width: 82px; height: 28px; content: ''; vertical-align: middle; background: url(../images/arrow.png) no-repeat center;}
@media (max-width: 991px) {
 .wrap-join .process .list ul li:after {  width: 60px; }
}
@media (max-width: 767px) {
 .wrap-join .process .list ul li:after {  width: 40px; }
}
@media (max-width: 375px) {
 .wrap-join .process .list ul li:after {  width: 24px;  background-size: contain; }
}
.wrap-join .process .list ul li:last-child:after { display: none;}
.wrap-join .process .list ul li .item { display: inline-block; width: 86px; height: 86px; padding: 5px; vertical-align: middle; border: 3px solid #023890; border-radius: 50%;}
.wrap-join .process .list ul li .item p { font-size: 16px; line-height: 1.5; display: block; width: 70px; height: 70px; margin: 0; padding-top: 10px; text-align: center; color: #fff; border-radius: 50%; background-color: #023890;}
@media (max-width: 767px) {
 .wrap-join .process .list ul li .item p {  font-size: 14px;  padding-top: 14px; }
}
.wrap-join .message { padding-top: 80px;}
.wrap-join .message .info { overflow: hidden; padding: 20px 10px 60px 10px; background: url(../images/message_bg.jpg) no-repeat center; background-size: cover;}
.wrap-join .message .info .left { float: left; width: 60%; text-align: center;}
@media (max-width: 991px) {
 .wrap-join .message .info .left {  width: 50%; }
}
@media (max-width: 767px) {
 .wrap-join .message .info .left {  width: 100%; }
}
.wrap-join .message .info .left img { max-width: 100%;}
.wrap-join .message .info .left b { font-size: 34px; display: block; letter-spacing: 7px; color: #023890; text-shadow: 0 2px #fff, 2px 0 #fff, -2px 0 #fff, 0 -2px #fff;}
@media (max-width: 991px) {
 .wrap-join .message .info .left b {  font-size: 28px; }
}
@media (max-width: 767px) {
 .wrap-join .message .info .left b {  font-size: 20px;  letter-spacing: 0; }
}
.wrap-join .message .info .left p { font-size: 18px; font-weight: bold; line-height: 30px; display: inline-block; margin: 20px 0 0 0; padding: 12px 40px; color: #f46135; border-radius: 50px; background-color: #fff;}
@media (max-width: 767px) {
 .wrap-join .message .info .left p {  font-size: 14px;  margin-top: 20px;  padding: 10px 20px; }
}
.wrap-join .message .info .left p a:hover { text-decoration: underline;}
.wrap-join .message .info .right { float: left; width: 34%; margin-top: 30px; padding: 30px 40px; background-color: rgba(255, 255, 255, .6);}
@media (max-width: 991px) {
 .wrap-join .message .info .right {  width: 50%;  padding: 30px 15px; }
}
@media (max-width: 767px) {
 .wrap-join .message .info .right {  width: 100%; }
}
.wrap-join .message .info .right form { margin-top: 10px;}
.wrap-join .message .info .right form input,
.wrap-join .message .info .right form textarea { font-size: 14px; line-height: 30px; width: 100%; min-height: 50px; margin-top: 20px; padding: 10px 20px; background-color: #fff;}
@media (max-width: 767px) {
 .wrap-join .message .info .right form input,
 .wrap-join .message .info .right form textarea {  margin-top: 10px; }
}
.wrap-join .message .info .right form input::-webkit-input-placeholder,
.wrap-join .message .info .right form textarea::-webkit-input-placeholder { color: #999;}
.wrap-join .message .info .right form input:-o-placeholder,
.wrap-join .message .info .right form textarea:-o-placeholder { color: #999;}
.wrap-join .message .info .right form input::-moz-placeholder,
.wrap-join .message .info .right form textarea::-moz-placeholder { color: #999;}
.wrap-join .message .info .right form input:-ms-input-placeholder,
.wrap-join .message .info .right form textarea:-ms-input-placeholder { color: #999;}
.wrap-join .message .info .right form input:focus::-webkit-input-placeholder,
.wrap-join .message .info .right form textarea:focus::-webkit-input-placeholder { color: #c5c5c5;}
.wrap-join .message .info .right form input:focus::-o-placeholder,
.wrap-join .message .info .right form textarea:focus::-o-placeholder { color: #c5c5c5;}
.wrap-join .message .info .right form input:focus::-moz-placeholder,
.wrap-join .message .info .right form textarea:focus::-moz-placeholder { color: #c5c5c5;}
.wrap-join .message .info .right form input:focus::-ms-input-placeholder,
.wrap-join .message .info .right form textarea:focus::-ms-input-placeholder { color: #c5c5c5;}
.wrap-join .message .info .right form .send { margin-top: 20px; text-align: center;}
.wrap-join .message .info .right form .send .submit { font-size: 16px; line-height: 50px; display: inline-block; height: 50px; padding: 0 50px; -webkit-transition: all .4s; transition: all .4s; color: #fff; border-radius: 0; background-color: #023890;}
.wrap-join .message .info .right form .send .submit:before { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; margin-right: 10px; content: '\e641'; vertical-align: middle;}
.wrap-join .message .info .right form .send .submit:hover { background-color: #9A2221;}

.wrap-industry .industry>ul>li { font-size: 0; overflow: hidden; border-bottom: 1px solid #e2e2e2;}
.wrap-industry .industry>ul>li .item { font-size: 0; display: block; padding: 30px 0;}
@media (max-width: 991px) {
 .wrap-industry .industry>ul>li .item {  padding: 15px 0; }
}
.wrap-industry .industry>ul>li p { font-size: 18px; line-height: 30px; display: inline-block; overflow: hidden; width: 80%; height: 30px; margin: 0; vertical-align: middle;}
@media (max-width: 991px) {
 .wrap-industry .industry>ul>li p {  font-size: 16px; }
}
.wrap-industry .industry>ul>li .date { display: inline-block; width: 20%; text-align: right; vertical-align: middle;}
.wrap-industry .industry>ul>li .date span { font-size: 14px; line-height: 2; display: block; letter-spacing: .5px; color: #999;}
.wrap-industry .industry>ul>li .date i { font-size: 14px; font-style: normal; line-height: 2; display: block; margin-top: 24px; color: #999;}
@media (max-width: 991px) {
 .wrap-industry .industry>ul>li .date i {  margin-top: 10px; }
}
@media(max-width: 767px) {
 .wrap-industry .industry>ul>li p {  width: 100%; }
 .wrap-industry .industry>ul>li .date {  width: 100%;  text-align: left; }
 .wrap-industry .industry>ul>li .date span {  display: inline-block;  margin-right: 14px; }
 .wrap-industry .industry>ul>li .date i {  display: inline-block; }
}
.wrap-industry .industry>ul>li:hover p { color: #023890;}
.wrap-industry-show .title-industry,
.wrap-news-show .title-industry,
.wrap-industry-show .title-news,
.wrap-news-show .title-news { margin-top: 20px; text-align: center;}
.wrap-industry-show .title-industry h1,
.wrap-news-show .title-industry h1,
.wrap-industry-show .title-news h1,
.wrap-news-show .title-news h1 { font-size: 28px; font-weight: bold; line-height: 1.53846154; margin: 0 0 20px 0;}
@media (max-width: 991px) {
 .wrap-industry-show .title-industry h1,
 .wrap-news-show .title-industry h1,
 .wrap-industry-show .title-news h1,
 .wrap-news-show .title-news h1 {  font-size: 18px;  margin-bottom: 14px; }
}
.wrap-industry-show .title-industry span,
.wrap-news-show .title-industry span,
.wrap-industry-show .title-news span,
.wrap-news-show .title-news span { font-size: 16px; color: #023890;}
@media (max-width: 991px) {
 .wrap-industry-show .title-industry span,
 .wrap-news-show .title-industry span,
 .wrap-industry-show .title-news span,
 .wrap-news-show .title-news span {  font-size: 14px; }
}
.wrap-industry-show .text,
.wrap-news-show .text { margin-top: 50px;}
@media (max-width: 991px) {
 .wrap-industry-show .text,
 .wrap-news-show .text {  margin-top: 30px; }
}
.wrap-industry-show .text p,
.wrap-news-show .text p { line-height: 2.42857143; margin: 0; color: #666;}
.wrap-industry-show .text img,
.wrap-news-show .text img { max-width: 100%; margin-top: 10px; height: auto !important;}
.wrap-industry-show .relate,
.wrap-news-show .relate { margin-top: 40px; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
@media (max-width: 991px) {
 .wrap-industry-show .relate,
 .wrap-news-show .relate {  margin-top: 30px;  padding: 10px 0; }
}
.wrap-industry-show .relate a,
.wrap-news-show .relate a {
 line-height: 50px;
 position: relative;
 display: inline-block;
 display: -webkit-box;
 overflow: hidden;
 height: 50px;
 padding: 0 40px;
 -webkit-transition: all .2s;
 transition: all .2s;
 color: #999;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;}
.wrap-industry-show .relate a:before,
.wrap-news-show .relate a:before { font-family: 'iconfont' !important; font-size: 18px; display: inline-block; margin-right: 10px; content: '\e665'; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); vertical-align: middle;}
@media (max-width: 991px) {
 .wrap-industry-show .relate a,
 .wrap-news-show .relate a {  line-height: 40px;  height: 40px;  padding: 0 10px; }
}
.wrap-industry-show .relate a:hover,
.wrap-news-show .relate a:hover { color: #023890;}
.wrap-industry-show .relate .next a,
.wrap-news-show .relate .next a { text-align: right;}
@media (max-width: 991px) {
 .wrap-industry-show .relate .next a,
 .wrap-news-show .relate .next a {  text-align: left; }
}
.wrap-industry-show .relate .next a:before,
.wrap-news-show .relate .next a:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.wrap-news .news .item { margin-top: 10px; margin-bottom: 20px; padding: 30px 20px 20px; text-align: center; border: 1px solid #dcdcdc; border-radius: 5px; background-color: #f9f9f9;}
.wrap-news .news .item:first-child { margin-top: 0px; }
.wrap-news .news .item:hover{  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
@media (max-width: 991px) {
 .wrap-news .news .item {  margin-bottom: 30px;  padding: 20px 10px; }
}
.wrap-news .news .item .img-box { margin-top: 0px; padding-bottom: 90%;}
.wrap-news .news .item .img-box img { -webkit-transition: all 1s; transition: all 1s;}
.wrap-news .news .item .date { position: absolute; left: 15px; top:0px; border-radius: 5px 0px 5px 0px; background-color: #023890; color: #fff; padding: 3px 10px;}
.wrap-news .news .item b { font-size: 18px; font-weight: bold; text-align:left; line-height: 28px; display: -webkit-box; overflow: hidden; height: 56px; margin: 0 0 14px 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.wrap-news .news .item:hover b { color: #023890; margin-top: 0px; }
@media (max-width: 991px) {
 .wrap-news .news .item b {  font-size: 15px;  line-height: 24px;  display: -webkit-box;  overflow: hidden;  height: 24px; margin-top:5px; margin-bottom: 10px;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1; }
}
.wrap-news .news .item span { display: block; color: #999;}
.wrap-news .news .item p { font-size: 14px; line-height: 28px; display: -webkit-box; overflow: hidden; height: 56px; margin: 14px 0 0 0; padding: 0 10px; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
@media (max-width: 991px) {
 .wrap-news .news .item p {  padding: 0; }
}
.wrap-news .news .item p a { display: inline-block;}
.wrap-news .news .item .more { text-align: center;}
.wrap-news .news .item .more a { line-height: 30px; display: inline-block; height: 30px; margin-top: 20px; padding: 0 16px; -webkit-transition: all .4s; transition: all .4s; color: #fff; background-color: #1d42a0; border-radius: 5px 5px 5px 5px; }
@media (max-width: 991px) {
 .wrap-news .news .item .more a {  margin-top: 20px; }
}
.wrap-news .news .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.wrap-news .news .item:hover .more a { background-color: #023890;}


.wrap-product,
.wrap-solution { overflow: hidden;}
.wrap-product .product,
.wrap-solution .product,
.wrap-product .solution,
.wrap-solution .solution { margin-top: -40px;}
@media (max-width: 767px) {
 .wrap-product .product,
 .wrap-solution .product,
 .wrap-product .solution,
 .wrap-solution .solution {  margin-top: -20px; }
}
.wrap-product .product .item,
.wrap-solution .product .item,
.wrap-product .solution .item,
.wrap-solution .solution .item { margin-top: 40px; border: 1px solid #e5e5e5;}
@media (max-width: 767px) {
 .wrap-product .product .item,
 .wrap-solution .product .item,
 .wrap-product .solution .item,
 .wrap-solution .solution .item {  margin-top: 20px; }
}
.wrap-product .product .item .img-box,
.wrap-solution .product .item .img-box,
.wrap-product .solution .item .img-box,
.wrap-solution .solution .item .img-box { padding-bottom: 97.82608696%;}
.wrap-product .product .item .img-box img,
.wrap-solution .product .item .img-box img,
.wrap-product .solution .item .img-box img,
.wrap-solution .solution .item .img-box img { -webkit-transition: all 1s; transition: all 1s;}
.wrap-product .product .item p,
.wrap-solution .product .item p,
.wrap-product .solution .item p,
.wrap-solution .solution .item p { font-size: 16px; margin: 0; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #666; border-top: 1px solid #e5e5e5;}
@media (max-width: 991px) {
 .wrap-product .product .item p,
 .wrap-solution .product .item p,
 .wrap-product .solution .item p,
 .wrap-solution .solution .item p {  font-size: 14px; }
}
.wrap-product .product .item p a,
.wrap-solution .product .item p a,
.wrap-product .solution .item p a,
.wrap-solution .solution .item p a { line-height: 58px; position: relative; display: block; display: -webkit-box; overflow: hidden; height: 58px; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
@media (max-width: 991px) {
 .wrap-product .product .item p a,
 .wrap-solution .product .item p a,
 .wrap-product .solution .item p a,
 .wrap-solution .solution .item p a {  line-height: 48px;  height: 48px; }
}
.wrap-product .product .item:hover .img-box img,
.wrap-solution .product .item:hover .img-box img,
.wrap-product .solution .item:hover .img-box img,
.wrap-solution .solution .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.wrap-product .product .item:hover p,
.wrap-solution .product .item:hover p,
.wrap-product .solution .item:hover p,
.wrap-solution .solution .item:hover p { color: #fff; background-color: #023890;}
.wrap-solution .solution .item .img-box { padding-bottom: 66.66666667%;}
.wrap-solution .solution .item p { font-size: 14px;}
.wrap-solution .solution .item p a { line-height: 50px; height: 50px;}


.wrap-product-show { overflow: hidden;}
.wrap-product-show .product-show { overflow: hidden;}
.wrap-product-show .product-show .proleft { float: left; overflow: hidden; width: 60%; border: 1px solid #e5e5e5;}
@media (max-width: 991px) {
 .wrap-product-show .product-show .proleft {  width: 100%; }
}
.wrap-product-show .product-show .proleft .img-box { padding-bottom: 97.82608696%;}
.wrap-product-show .product-show .proright { float: left; width: 40%; padding-top: 50px; padding-left: 30px;}
@media (max-width: 991px) {
 .wrap-product-show .product-show .proright {  width: 100%;  padding-left: 0; }
}
.wrap-product-show .product-show .proright .title-pro h1 { font-size: 30px; font-weight: normal; line-height: 1.5; margin: 0;}
@media (max-width: 991px) {
 .wrap-product-show .product-show .proright .title-pro h1 {  font-size: 20px; }
}
.wrap-product-show .product-show .proright .text { margin-top: 30px;}
.wrap-product-show .product-show .proright .text b { font-size: 18px; display: block; margin-bottom: 14px;}
@media (max-width: 991px) {
 .wrap-product-show .product-show .proright .text b {  font-size: 16px; }
}
.wrap-product-show .product-show .proright .text p { line-height: 2; margin: 0; color: #666;}
.wrap-product-show .product-show .proright .btn-pro ul li { display: inline-block; margin-top: 50px;}
@media (max-width: 991px) {
 .wrap-product-show .product-show .proright .btn-pro ul li {  margin-top: 30px; }
}
.wrap-product-show .product-show .proright .btn-pro ul li a { line-height: 50px; display: block; height: 50px; padding: 0 44px; -webkit-transition: all .4s; transition: all .4s; color: #fff; background-color: #023890;}
.wrap-product-show .product-show .proright .btn-pro ul li a:before { font-family: 'iconfont' !important; font-size: 20px; font-weight: normal; display: inline-block; margin-right: 10px; content: '\e698'; vertical-align: middle;}
.wrap-product-show .product-show .proright .btn-pro ul li a.btn-relate { margin-right: 0; color: #333; background-color: #eee;}
@media (max-width: 991px) {
 .wrap-product-show .product-show .proright .btn-pro ul li a.btn-relate {  margin-right: 0; }
}
.wrap-product-show .product-show .proright .btn-pro ul li a.btn-relate:before { font-family: 'iconfont' !important; content: '\e642';}
.wrap-product-show .product-show .proright .btn-pro ul li a:hover { background-color: #9A2221;}
.wrap-product-show .product-show .proright .prev-next { margin-top: 50px;}
.wrap-product-show .product-show .proright .prev-next ul li { margin-top: 10px;}
.wrap-product-show .product-show .proright .prev-next ul li a { line-height: 30px; color: #666;}
.wrap-product-show .product-show .proright .prev-next ul li a:before { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; margin-right: 10px; content: '\e646'; vertical-align: middle;}
.wrap-product-show .product-show .proright .prev-next ul li.prev a:before { content: '\e62c';}
.wrap-product-show .product-show .proright .prev-next ul li:hover a { color: #023890;}
.wrap-product-show .product-show .proright .prev-next ul li:hover a:before { color: #023890;}
.wrap-product-show .parameter { margin-top: 70px;}
@media (max-width: 991px) {
 .wrap-product-show .parameter {  margin-top: 50px; }
}
.wrap-product-show .parameter ul.prosort { padding: 10px; background-color: #023890;}
.wrap-product-show .parameter ul.prosort li { display: inline-block;}
.wrap-product-show .parameter ul.prosort li a { font-size: 16px; line-height: 40px; display: block; padding: 0 30px; color: #fff; border-radius: 6px;}
@media (max-width: 991px) {
 .wrap-product-show .parameter ul.prosort li a {  font-size: 14px;  line-height: 30px;  margin: 4px 0;  padding: 0 18px; }
}
.wrap-product-show .parameter ul.prosort li.active a { color: #023890; background-color: #fff;}
.wrap-product-show .parameter .text { padding: 30px; border: 1px solid #e5e5e5;}
@media (max-width: 991px) {
 .wrap-product-show .parameter .text {  padding: 30px 15px; }
}
.wrap-product-show .parameter .text p { line-height: 2.14285714; margin: 0; color: #666;}
.wrap-product-show .parameter .text img { max-width: 100%;}
.wrap-product-show .inquiry {
 margin-top: 80px;
}
@media (max-width: 991px) {
 .wrap-product-show .inquiry {  margin-top: 50px; }
}
.wrap-product-show .inquiry .title-inquiry { padding: 0 36px; border-bottom: 1px solid #eee; background-color: #023890;}
@media (max-width: 991px) {
 .wrap-product-show .inquiry .title-inquiry {  padding: 0 10px; }
}
.wrap-product-show .inquiry .title-inquiry b { font-size: 16px; font-weight: normal; line-height: 60px; display: block; margin: 0; color: #fff;}
.wrap-product-show .inquiry .info { padding: 30px 40px; border: 1px solid #e5e5e5;}
@media (max-width: 991px) {
 .wrap-product-show .inquiry .info {  padding: 30px 10px; }
}
.wrap-product-show .inquiry .info .row { margin: 0 -10px;}
.wrap-product-show .inquiry .info .row .item { padding: 0 10px;}
.wrap-product-show .inquiry .info input,
.wrap-product-show .inquiry .info textarea { line-height: 30px; width: 100%; min-height: 50px; margin-top: 20px; padding: 10px 20px; border: 1px solid #e5e5e5; background-color: #fdfdfd;}
@media (max-width: 991px) {
 .wrap-product-show .inquiry .info input,
 .wrap-product-show .inquiry .info textarea {  margin-top: 12px;  padding: 10px; }
}
.wrap-product-show .inquiry .info input::-webkit-input-placeholder,
.wrap-product-show .inquiry .info textarea::-webkit-input-placeholder { color: #999;}
.wrap-product-show .inquiry .info input:-o-placeholder,
.wrap-product-show .inquiry .info textarea:-o-placeholder { color: #999;}
.wrap-product-show .inquiry .info input::-moz-placeholder,
.wrap-product-show .inquiry .info textarea::-moz-placeholder { color: #999;}
.wrap-product-show .inquiry .info input:-ms-input-placeholder,
.wrap-product-show .inquiry .info textarea:-ms-input-placeholder { color: #999;}
.wrap-product-show .inquiry .info input:focus::-webkit-input-placeholder,
.wrap-product-show .inquiry .info textarea:focus::-webkit-input-placeholder { color: #c5c5c5;}
.wrap-product-show .inquiry .info input:focus::-o-placeholder,
.wrap-product-show .inquiry .info textarea:focus::-o-placeholder { color: #c5c5c5;}
.wrap-product-show .inquiry .info input:focus::-moz-placeholder,
.wrap-product-show .inquiry .info textarea:focus::-moz-placeholder { color: #c5c5c5;}
.wrap-product-show .inquiry .info input:focus::-ms-input-placeholder,
.wrap-product-show .inquiry .info textarea:focus::-ms-input-placeholder { color: #c5c5c5;}
.wrap-product-show .inquiry .info .read input::-webkit-input-placeholder,
.wrap-product-show .inquiry .info .read textarea::-webkit-input-placeholder { color: #333;}
.wrap-product-show .inquiry .info .read input:-o-placeholder,
.wrap-product-show .inquiry .info .read textarea:-o-placeholder { color: #333;}
.wrap-product-show .inquiry .info .read input::-moz-placeholder,
.wrap-product-show .inquiry .info .read textarea::-moz-placeholder { color: #333;}
.wrap-product-show .inquiry .info .read input:-ms-input-placeholder,
.wrap-product-show .inquiry .info .read textarea:-ms-input-placeholder { color: #333;}
.wrap-product-show .inquiry .info .read input:focus::-webkit-input-placeholder,
.wrap-product-show .inquiry .info .read textarea:focus::-webkit-input-placeholder { color: #333;}
.wrap-product-show .inquiry .info .read input:focus::-o-placeholder,
.wrap-product-show .inquiry .info .read textarea:focus::-o-placeholder { color: #333;}
.wrap-product-show .inquiry .info .read input:focus::-moz-placeholder,
.wrap-product-show .inquiry .info .read textarea:focus::-moz-placeholder { color: #333;}
.wrap-product-show .inquiry .info .read input:focus::-ms-input-placeholder,
.wrap-product-show .inquiry .info .read textarea:focus::-ms-input-placeholder { color: #333;}
.wrap-product-show .inquiry .info .send { text-align: center;}
.wrap-product-show .inquiry .info .submit { font-size: 16px; line-height: 50px; height: 50px; margin-top: 30px; padding: 0 50px; -webkit-transition: all .4s; transition: all .4s; color: #fff; border-radius: 0; background-color: #023890;}
.wrap-product-show .inquiry .info .submit:before { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; margin-right: 14px; content: '\e641'; vertical-align: middle;}
.wrap-product-show .inquiry .info .submit:hover { background-color: #9A2221;}

.wrap-solution-show .solution-show { padding-top: 40px;}
@media (max-width: 991px) { .wrap-solution-show .solution-show {  padding-top: 0; }
}
.wrap-solution-show .solution-show .pic { float: right; width: 58%; margin-left: 30px;}
@media (max-width: 991px) {
 .wrap-solution-show .solution-show .pic {  float: none;  width: 100%;  margin-left: 0; }
}
.wrap-solution-show .solution-show .pic img { max-width: 100%;}
.wrap-solution-show .solution-show h1 { font-size: 30px; font-weight: bold; margin: 0;}
@media (max-width: 991px) {
 .wrap-solution-show .solution-show h1 {  font-size: 20px;  margin-top: 30px; }
}
.wrap-solution-show .solution-show h3 { font-size: 18px; font-weight: bold; margin: 14px 0; color: #023890;}
.wrap-solution-show .solution-show p,
.wrap-solution-show .solution-show b { line-height: 2.57142857; display: block; margin: 0; color: #666;}

.wrap-contact .contact .item { margin-top: 20px; padding: 30px 15px; text-align: center; background-color: #aadb99;}
.wrap-contact .contact .item:before { font-family: 'iconfont' !important; font-size: 24px; line-height: 58px; display: block; width: 60px; height: 60px; margin: 0 auto; content: '\e63b'; color: #fff; border: 1px solid #fff; border-radius: 50%;}
.wrap-contact .contact .item-address { background-color: #99bfe6;}
.wrap-contact .contact .item-address:before { content: '\e62e';}
.wrap-contact .contact .item-production { background-color: #efb084;}
.wrap-contact .contact .item-production:before { font-size: 28px; content: '\e641';}
.wrap-contact .contact .item p { line-height: 2; margin: 20px 0 0 0; color: #fff;}
.wrap-contact .map { height: 460px; margin-top: 80px;}

.wrap-message .message form { max-width: 1070px; margin: 0 auto;}
.wrap-message .message input,
.wrap-message .message textarea { font-size: 14px; line-height: 30px; width: 100%; min-height: 50px; margin-top: 30px; padding: 10px 20px; border: 1px solid #dcdcdc;}
@media (max-width: 991px) {
 .wrap-message .message input,
 .wrap-message .message textarea {
  margin-top: 20px;
 }
}
.wrap-message .message input::-webkit-input-placeholder,
.wrap-message .message textarea::-webkit-input-placeholder {
 color: #999;
}
.wrap-message .message input:-o-placeholder,
.wrap-message .message textarea:-o-placeholder {
 color: #999;
}
.wrap-message .message input::-moz-placeholder,
.wrap-message .message textarea::-moz-placeholder {
 color: #999;
}
.wrap-message .message input:-ms-input-placeholder,
.wrap-message .message textarea:-ms-input-placeholder {
 color: #999;
}
.wrap-message .message input:focus::-webkit-input-placeholder,
.wrap-message .message textarea:focus::-webkit-input-placeholder {
 color: #c5c5c5;
}
.wrap-message .message input:focus::-o-placeholder,
.wrap-message .message textarea:focus::-o-placeholder {
 color: #c5c5c5;
}
.wrap-message .message input:focus::-moz-placeholder,
.wrap-message .message textarea:focus::-moz-placeholder { color: #c5c5c5;}
.wrap-message .message input:focus::-ms-input-placeholder,
.wrap-message .message textarea:focus::-ms-input-placeholder { color: #c5c5c5;}
.wrap-message .message .submit { font-size: 16px; line-height: 50px; height: 50px; margin-top: 40px; padding: 0 56px; -webkit-transition: all .4s; transition: all .4s; color: #fff; border-radius: 0; outline: none; background-color: #023890;}
.wrap-message .message .submit:before { font-family: 'iconfont' !important; font-size: 24px; display: inline-block; margin-right: 10px; content: '\e641'; vertical-align: middle;}
.wrap-message .message .submit:hover { background-color: #9A2221;}
.wrap-message .message .send { text-align: center;}

.wrap-job .job .title-job { font-size: 0; background-color: #023890;}
.wrap-job .job .title-job p {
 font-size: 18px; line-height: 30px; display: inline-block; width: 28%; margin: 0; padding: 10px 60px; color: #fff;}
@media (max-width: 1199px) {
 .wrap-job .job .title-job p {  padding: 10px; }
}
.wrap-job .job .title-job p:last-child { width: 16%;}
@media (max-width: 767px) {
 .wrap-job .job .title-job p {  font-size: 14px; }
}
@media (max-width: 767px) {
 .wrap-job .job .title-job p:nth-child(2) {  text-align: center; }
}
.wrap-job .job ul li { font-size: 0; border-bottom: 1px solid #e5e5e5;}
.wrap-job .job ul li .title-item { display: block;}
.wrap-job .job ul li .title-item p { font-size: 14px; line-height: 30px; display: inline-block; width: 28%; margin: 0; padding: 20px 60px; vertical-align: middle; color: #666;}
@media (max-width: 1199px) {
 .wrap-job .job ul li .title-item p {  padding: 20px 10px; }
}
@media (max-width: 767px) {
 .wrap-job .job ul li .title-item p {  font-size: 12px;  padding: 10px; }
}
.wrap-job .job ul li .title-item p:last-child { width: 16%;}
@media (max-width: 767px) {
 .wrap-job .job ul li .title-item p:nth-child(2) {  text-align: center; }
}
.wrap-job .job ul li:hover p { color: #023890;}
.wrap-job-show .title-job { margin-top: 30px;}
.wrap-job-show .title-job h1 { font-size: 28px; font-weight: bold; margin: 0;}
@media (max-width: 991px) {
 .wrap-job-show .title-job h1 {  font-size: 20px; }
}
.wrap-job-show .title-job b { font-size: 16px; font-weight: normal; display: block; margin-top: 18px; color: #023890;}
.wrap-job-show .title-job p { font-size: 16px; line-height: 2; margin: 24px 0 0 0; color: #666;}
@media (max-width: 991px) {
 .wrap-job-show .title-job p {  font-size: 14px; }
}
.wrap-job-show .title-job p span { margin-right: 6%;}
.wrap-job-show .job-show { margin-top: 30px;}
.wrap-job-show .job-show p { line-height: 2.57142857; margin: 0; color: #666;}
.wrap-job-show .job-show p a:hover { text-decoration: underline; color: #023890;}

.lazy { background-image: url(../images/ajax-loader.gif); background-repeat: no-repeat; background-position: center;}
.fancybox-slide--iframe .fancybox-content { width: 733px; max-width: 80%; height: 500px; max-height: 50%; margin: 0;}
.stuck { position: fixed; z-index: 10; top: 0; width: 100%; height: 60px !important; background-color: #023890; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.stuck .logo { height: 36px; margin-top: 12px;}
@media (max-width: 1199px) {
 .stuck .logo {  height: 30px;  margin-top: 15px; }
}
.stuck .nav .nav-list1>li {border-right:1px solid #074889;}
.stuck .nav .nav-list1>li>a { line-height: 59px;}
.stuck .nav .nav-list1>li>a:hover { background-color: #1d42a0; }
.stuck .nav .nav-list1>li.active>a { background-color: #1d42a0; }
.stuck .nav .nav-list1 .nav-list2>li { color: #000;background-color: rgba(2555, 255, 255, 1);}
.stuck .nav .nav-list1 .nav-list2>li>a:hover { color: #1d42a0;}
.stuck .find { height:60px; line-height: 60px;}
.stuck .nav-collapse,.nav-collapse-xs { height:60px; line-height: 60px;}
@media (max-width: 1199px) { 
    .stuck .container .title { display:inline-block; }
    .stuck .container .nav-collapse,.nav-collapse-xs { top: 0px; right: 20px;display:inline-block; } 
}

.table-box { overflow: auto; width: 100%; max-width: 100%;}
table { width: 100%; max-width: 100%; margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; text-align: center;}
table tr,
table td { width: auto !important; height: auto !important; vertical-align: middle;}
table tr:nth-child(odd) { /*background-color: #f2f2f2;*/}
table td { padding: 8px !important; /*border: 1px solid #ccc !important;*/}
table tr p,
table tr span { margin: 0 !important; padding: 0 !important; background: none !important;}
.act { text-decoration: underline !important; /*color: #e33e33 !important;*/}
.wrap-industry-show .relate,
.wrap .relate { margin-top: 40px; box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
@media (max-width: 991px) {
 .wrap-industry-show .relate,
 .wrap .relate {  margin-top: 30px;  padding: 10px 0; }
}
.wrap .relate p { margin-bottom: 0px; }
.wrap-industry-show .relate a,
.wrap .relate a { line-height: 50px; position: relative; display: inline-block; /* display: -webkit-box; */ overflow: hidden; height: 50px; padding: 0 40px; -webkit-transition: all .2s; transition: all .2s; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.wrap-industry-show .relate a:before,
.wrap .relate a:before { font-family: 'iconfont' !important; font-size: 18px; display: inline-block; margin-right: 10px; content: '\e665'; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); vertical-align: middle;}
@media (max-width: 991px) {
 .wrap-industry-show .relate a,
 .wrap .relate a {  line-height: 40px;  height: 40px;  padding: 0 10px; }
}
.wrap-industry-show .relate a:hover,
.wrap .relate a:hover { color: #023890;}
.wrap-industry-show .relate .next a,
.wrap .relate .next a { text-align: right;}
@media (max-width: 991px) {
 .wrap-industry-show .relate .next a,
 .wrap .relate .next a {  text-align: left; }
}
.wrap-industry-show .relate .next a:before,
.wrap .relate .next a:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.fancybox-slide--iframe .fancybox-content { width: 800px; height: 600px; max-width: 80%; max-height: 50%; margin: 0;}
.fancybox-slide--video {}
.fancybox-slide--video video { padding: 0; width: 80%;}
@media (max-width: 767px) {
 .fancybox-slide--video video {  width: 95%; }
}
#maximg img{ max-width:100%; height:auto !important}
.text-secondary{ text-align:center; padding:20px 0}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {  display: flex;  justify-content: center;  margin-top: 10px;}
.pagination a {  background: #fff;  border: 1px solid #ccc;  color: #333;  font-size: 12px;  padding: 8px 10px;  margin: 0 2px;  border-radius: 3px; line-height:100%;}
.pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px;}
.pagination a:hover {  color: #333;  border: 1px solid #333;}
.pagination a.page-num-current {  color: #fff;  background: #333;  border: 1px solid #333;}
.pagination .st{ font-family:宋体; }

.page { margin-top: 70px; text-align: center;}
@media (max-width: 991px) {
 .page {  margin-top: 50px; }
}
.page li { display: inline-block; vertical-align: top;}
.page li a { font-size: 14px; line-height: 50px; width: 50px; height: 50px; margin: 0 4px; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #333; border: 1px solid #ebebeb; background: #fff;}
@media (max-width: 767px) {
 .page li a {  line-height: 34px;  width: 34px;  height: 34px;  margin: 0 1px; }
}
.page li a { display: block;}
.page li.omit a { color: #333; border-color: #fff; background-color: #fff;}
.page li.omit:hover a { background: none;}
.page li.prev a,
.page li.next a { color: #a0a0a0;}
.page li.prev a:before,
.page li.next a:before { font-family: 'iconfont' !important; font-size: 24px; content: '\e9b5';}
.page li.prev a:hover,
.page li.next a:hover { border-color: #023890; background-color: #023890;}
.page li.next a:before { content: '\e72f';}
.page li.active a,
.page li:hover a { color: #fff; border-color: #023890; background-color: #023890;}