﻿@import url("font-awesome.min.css");
@import url("swiper.min.css");
@charset "UTF-8";
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em { margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { margin: 0; font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; line-height: 1.85; font-size: 14px; background: #fff; color: #44443c; }
h1 { font-size: 2em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }
a { -webkit-text-decoration-skip: objects; background-color: transparent; }
abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #444; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { line-height: 1.42857143; margin: 0; outline: none; }
body, button, input, select, textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
border-style:none;
padding:0;
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
outline:1px dotted ButtonText;
}
fieldset { padding: .35em .75em .625em; }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto;
}
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none;
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit;
}
summary { display: list-item; }
article, aside, footer, header, nav, section, figcaption, figure, main, details, menu { display: block; }
pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
audio, video, canvas { display: inline-block; }
template, [hidden] { display: none; }
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
a { color: #444; text-decoration: none; }
a:hover { color: #005EAD; }
ul, li, ol { margin: 0; list-style: none; padding: 0; }
.container { width: 1190px; margin: 0 auto; padding: 20px 0; overflow: hidden; }
.about-page .container { margin: 0 auto; padding: 20px 0 100px 0; overflow: hidden; }
.culture-page .container { padding: 20px 0 100px 0; }
.structure-page .container { padding: 20px 0 100px 0; }
.honor-page .container { padding: 20px 0 100px 0; }

@media screen and (max-width: 767px) {
.container { width: 96%; padding: 10px 0; }
}
.container-l, .container-r { float: left; display: inline; width: 850px; overflow: hidden; }
.container-r { float: right; width: 300px; }
.min-inner { overflow: hidden; }

@media screen and (max-width: 767px) {
.min-inner { padding: 10px 10px; }
.container-l, .container-r { width: 100%; }
.container-r { }
}
/*关键容器END*/
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.absolute { position: absolute; }
.pors { position: relative; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.hide { opacity: 0; }
.en { font-family: 'gotham-medium'; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #6f6f6f;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #6f6f6f;
}
/*统一全局样式*/
.main-container { background: #FBFBFD; }
.container-color { background: #fff; }

@media screen and (max-width: 767px) {
.main-container { padding-top: 60px; }
}
/**/
header { z-index: 9999999; width: 100%; position: fixed; left: 0; top: 0; height: 110px; background: rgba(255,255,255,.85); -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.08); box-shadow: 0 12px 14px 0 rgba(0,0,0,.08); }
/*#list-solution header { position: static; left: auto; top: 0; margin: 0 auto; background: rgba(255,255,255,1); }*/
#list-solution { padding-top: 110px; }
header .container { padding: 0 0; overflow: visible; }
.head-inner { height: 110px; }
.head-inner .logo-inner { float: left; width: 200px; height: 110px; text-align: left; display: inline-flex; align-items: center; }
.head-inner .logo-inner img { max-width: 100%; align-items: center; margin-top: 10px; }
.head-inner aside { float: right; position: relative; }
.head-inner .nav { float: left; margin-top: 30px; height: 80px; position: relative; }
.head-inner .nav .nav-list { float: left; position: relative; z-index: 999; margin-left: 40px; }
.head-inner .nav h3 { font-size: 16px; height: 80px; line-height: 80px; position: relative; }
.head-inner .nav h3 a { display: block; }
.head-inner .nav .on { }
.head-inner .nav .on h3, .head-inner .nav .cur h3 { }
.head-inner .nav .on h3 a, .head-inner .nav .cur h3 a { color: #005EAD; }
.head-inner .nav .sub-nav { display: none; position: absolute; width: 150px; left: 50%; margin-left: -75px; top: 80px; z-index: 98; background: #fff; filter: alpha(opacity=98); -moz-opacity: 0.98; -khtml-opacity: 0.98; opacity: 0.98; box-shadow: 0 0 2px #EFEFEF; }
.head-inner .nav .sub-nav li { display: block; overflow: hidden; height: 45px; line-height: 45px; text-align: center; font-size: 14px; }
.head-inner .nav .sub-nav li a { display: block; }
.head-inner .nav .sub-nav li a:hover { background: #005EAD; color: #fff; transition: all .4s; }
.head-inner .search { float: right; margin-left: 50px; margin-top: 54px; height: 36px; width: 186px; border: 1px solid #fff; padding: 0 10px; border-radius: 17px; background: #fff; overflow: hidden; }
#list-solution .head-inner .search { border: 1px solid #C9C9C9; }
.head-inner .search .search-keyword, .head-inner .search .search-submit { float: left; width: 134px; height: 34px; line-height: 34px; color: #6D6D6D; overflow: hidden; border: none; background: #fff; outline: none; }
.head-inner .search .search-keyword { padding: 0 5px; text-transform: capitalize; }
.head-inner .search .search-submit { float: right; width: 30px; border: none; cursor: pointer; text-align: center; }
.head-inner .search .search-submit:hover { color: #31B77A; }
.head-inner .select-lang { position: absolute; position: absolute; right: 0; top: 20px; }
.head-inner .lang-site { padding-left: 25px; background: url(../images/world.png) no-repeat left center; background-size: 21px 16px; position: relative; color: #7B7374; }
.head-inner .lang-site a { color: #7B7374; }
.head-inner .lang-site a:hover { color: #005EAD; }
.head-inner .menu-button { float: right; font: 42px/60px 'gotham-medium'; display: none; color: #005EAD; cursor: pointer; }

@media screen and (max-width: 767px) {
header { height: 60px; }
#list-solution { padding-top: 0px; }
.head-inner { height: 60px; }
.head-inner .logo-inner { height: 60px; background: url(../images/logo.png) no-repeat left center; background-size: 130px auto; text-indent: -99999px; }
.head-inner .logo-inner img { margin-top: 5px; display: none; }
.head-inner .nav, .head-inner .search, .head-inner .lang-site { display: none; }
.head-inner .menu-button { display: block; }
}
/**/
.fixed-menu { position: fixed; width: 100%; height: 100vh; overflow: hidden; z-index: 99999999; right: 0; top: 0; transition: all .3s ease-out; background: rgba(0,40,100,0.9); animation: fadeInRight 1s; -moz-animation: fadeInRight 1s; -webkit-animation: fadeInRight 1s; -o-animation: fadeInRight 1s; display: none; }
.fixed-inner { position: relative; width: 100%; height: 100%; }
.fixed-inner .fixed-close { position: absolute; right: 5px; top: 0px; font: normal 42px/62px 'gotham-medium'; color: #fff; }
.fixed-inner .fixed-nav { position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; width: 100%; }
.fixed-inner .fixed-nav li { float: left; width: 100%; font: normal 22px/1.75 'gotham-medium'; color: #fff; border-bottom: 1px solid #888; padding: 10px 0; }
.fixed-inner .fixed-nav li { }
.fixed-inner .fixed-nav li:nth-child(2n) { margin-right: 0; }
.fixed-inner .fixed-nav li:last-child { border-bottom: 0; }
.fixed-inner .fixed-nav li a { color: #fff; }
.fixed-inner .fixed-number { position: absolute; bottom: 20%; width: 100%; text-align: center; left: 0; font: normal 32px/32px 'gotham-medium'; color: #fff; }

@media screen and (max-width: 767px) {
}

@media screen and (orientation: landscape) {
.fixed-inner .fixed-nav { left: 55%; top: 50%; transform: translate(-50%, -50%); padding: 8% 10%; }
.fixed-inner .fixed-nav li { width: 14.28%; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ height: 100%; line-height: 0; text-align: start; float: left; letter-spacing: 5px; font-size: 28px; border-bottom: 0; }
}
/**/
.banner-wrap { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; overflow: hidden; height: 400px; }
.banner-wrap:after { content: ''; position: absolute; left: 0; top: 0; display: table-cell; width: 100%; height: 100%; background: rgba(0,0,0,.4); opacity: 1; display: none; }
.banner-wrap .banner-inner { position: absolute; left: 0; top: 75%; transform: translateY(-75%); width: 100%; z-index: 2; }
.banner-wrap .banner-inner .title, .banner-wrap .banner-inner .descrition { font-weight: normal; display: block; overflow: hidden; color: #fff; position: relative; line-height: 1.6; text-align: center; }
.banner-wrap .banner-inner .title { font-size: 28px; }
.banner-wrap .banner-inner .descrition { font-size: 24px; text-transform: uppercase; }
.banner-wrap .image-inner { position: relative; overflow: hidden; z-index: 1; display: none; }
.banner-wrap .image-inner img { position: relative; left: 50%; transform: translate3d(-50%, 0, 0); width: calc(1.6*100%);
}

@media screen and (max-width: 767px) {
.banner-wrap { height: auto; }
.banner-wrap .banner-inner { display: none; }
.banner-wrap .image-inner { display: block; }
}
/**/
footer { background: #3A3A3A; overflow: hidden; position: relative; }
footer .container { }
.foot-list, .foot-power { display: block; overflow: hidden; position: relative; }
.foot-list { padding: 10px 0; }
.foot-list:before { content: ''; position: absolute; right: 330px; top: 20px; height: 100px; width: 2px; background: #999; }
.foot-list .nav, .foot-list .code { float: left; overflow: hidden; line-height: 14px; line-height: 30px; color: #B6B7B7; }
.foot-list .nav dl { float: left; margin-right: 50px; }
.foot-list .nav dt, .foot-list .nav dd, .foot-list .nav li { display: block; }
.foot-list .nav dt { font-size: 18px; color: #FBFBFB; }
.foot-list .nav dt a { color: #FBFBFB; }
.foot-list .nav dd { padding-top: 10px; }
.foot-list .nav li { }
.foot-list .nav li a { color: #B6B7B7; }
.foot-list .code { float: right; }
.foot-list .code-list, .foot-list .phone-inner { display: block; overflow: hidden; }
.foot-list .code-list li { float: left; width: 100px; margin-right: 30px; }
.foot-list .code-list li .text, .foot-list .code-list li .image { display: block; text-align: center; }
.foot-list .code-list li .text { }
.foot-list .code-list li .image { margin-top: 5px; }
.foot-list .code-list li .image img { max-width: 100%; vertical-align: middle; }
.foot-list .code-list li:last-child { float: right; margin-right: 0; }
.foot-list .phone-inner { border-radius: 10px; padding: 0 10px; margin-top: 20px; height: 30px; width: 100%; text-align: center; background: #535353; color: #fff; display: flex; align-items: center; }
.foot-list .phone-inner img { margin-right: 10px; }
.foot-power { background: #1A1A1A; padding: 10px 0; overflow: hidden; width: 100%; color: #626262; text-align: center; }
.foot-power a { color: #626262; }
.go-back { position: absolute; right: 6%; top: 0; width: 45px; height: 64px; line-height: 64px; overflow: hidden; background: url(../images/back.png) no-repeat center; background-size: 45px 64px; }
.go-back a { display: block; }

@media screen and (max-width: 767px) {
footer { }
footer .container { padding: 0 0; }
.foot-list:before { display: none; }
.go-back { display: none; }
.foot-list, .foot-power { }
.foot-list .nav { display: none; }
.foot-list .code, .foot-list .code-list, .foot-list .phone-inner { width: 100%; }
.foot-list .code-list li { width: 30%; margin: 10px 10%; }
.foot-list .code-list li:last-child { float: right; margin-right: 10%; }
.foot-list .phone-inner { width: 80%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }
.foot-power { font-size: 12px; padding: 10px 30px; }
}
/**/
.caption-inner { padding: 20px 0; overflow: hidden; }
.min-inner .caption-inner, .index-page .caption-inner { padding-bottom: 0; }
.caption-inner .title-inner, .caption-inner .load-inner, .caption-inner .view-caption, .caption-inner .news-caption, .caption-inner .more-inner { position: relative; width: 100%; overflow: hidden; line-height: 36px; }
.caption-inner .title-inner { text-align: center; }
.caption-inner .title-inner .title { font-size: 22px; font-weight: bold; }
.service-page .caption-inner .title-inner .title { color: #fff; }
.caption-inner .title-inner .text { font-size: 20px; text-transform: uppercase; color: #D3D3D3; }
.caption-inner .title-inner .info { padding: 0 50px; padding-top: 10px; line-height: 2; overflow: hidden; font-size: 15px; }
.caption-inner .load-inner { height: 40px; background: #005EAD; text-align: center; font-size: 36px; }
.caption-inner .load-inner a { color: #fff; display: block; }
.caption-inner .view-caption { font-size: 18px; font-weight: bold; color: #005EAD; padding-left: 50px; background: url(../images/view.png) no-repeat left center; }
.caption-inner .news-caption { padding-bottom: 15px; font-size: 22px; font-weight: bold; }
.caption-inner .news-caption:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 32px; height: 6px; background: #005EAD; }
.caption-inner .more-inner { text-align: right; font-size: 16px; margin-top: -15px; }

@media screen and (max-width: 767px) {
.caption-inner .title-inner .info { padding: 0 20px; }
.caption-inner .load-inner { display: none; }
}
/**/
.crumbs-wrap { height: 50px; background: #fff; }
.crumbs-wrap .container { padding: 0 0; }
.crumbs-inner { overflow: hidden; }
.crumbs-inner .text { float: right; height: 50px; line-height: 50px; }
.crumbs-inner .text a { }
.crumbs-inner .list { width: 100%; text-align: center; }
.crumbs-inner .list li { display: inline-block; line-height: 46px; font-size: 16px; margin: 0 20px; border-bottom: 4px solid #fff; overflow: hidden; }
.crumbs-inner .list li a { display: block; }
.crumbs-inner .list li:hover, .crumbs-inner .list .cur { border-bottom: 4px solid #005EAD; }
.crumbs-inner .list li:hover a, .crumbs-inner .list .cur a { }

@media screen and (max-width: 767px) {
.crumbs-wrap { display: none; }
.crumbs-inner { }
.crumbs-inner .text { display: none; }
}
/**/
.column-wrap { height: 50px; background: #fff; }
.column-wrap .container { padding: 0 0; }
.column-inner { overflow: hidden; height: 50px; text-align: center; }
.column-inner li { display: inline-block; line-height: 46px; font-size: 16px; margin: 0 20px; border-bottom: 4px solid #fff; overflow: hidden; }
.column-inner li a { display: block; }
.column-inner li:hover, .column-inner .cur { border-bottom: 4px solid #005EAD; }
.column-inner li:hover a, .column-inner .cur a { }

@media screen and (max-width: 767px) {
.column-wrap { height: auto; overflow: hidden; }
.column-inner { height: auto; display: flex; align-items: center; justify-content: center; }
.column-inner li { margin: 0 2px; font-size: 14px; line-height: 30px; }
.solution-page .column-inner, .shop-page .column-inner { display: block; }
.solution-page .column-inner li, .shop-page .column-inner li { float: left; width: 49%; margin: 0 .5%; }
}
/**/
.news-list { padding: 20px 2px; overflow: hidden; padding-top: 25px; padding-bottom: 0; }
.news-list .item { float: left; width: 24.25%; padding-left: 20px; padding-bottom: 10px; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); border: 1px solid #F6F6F8; background: #fff; position: relative; margin: 35px 1%; margin-left: 0; }
.news-list .item:nth-child(4n) { margin-right: 0; }
.news-list .item .image-wrap, .news-list .item .text-inner, .news-list .item .more-inner { position: relative; z-index: 1; }
.news-list .item .image-wrap { margin-top: -25px; height: 165px; background: #fff; overflow: hidden; position: relative; }
.news-list .item .image-inner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.news-list .item .image-inner img { height: 100%; width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
.news-list .item:hover .image-inner img { transform: scale(1.025); opacity: .9; }
.news-list .item .text-inner { position: relative; line-height: 25px; }
.news-list .item .text-inner .title { margin: 10px 0; font-size: 16px; font-weight: bold; overflow: hidden; height: 50px; padding-right: 10px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.news-list .item .text-inner .descrition { margin: 10px 0; margin-bottom: 0; padding: 10px 0; padding-right: 10px; height: 145px; overflow: hidden; color: #666; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; }
.news-list .item .more-inner { color: #999; line-height: 40px; padding-right: 10px; }
.news-list .item .more-inner a { color: #999; }

@media screen and (max-width: 767px) {
.news-list .item { width: 100%; margin: 0 0; margin-bottom: 35px; padding: 10px 10px; }
.news-list .item .text-inner .title { height: auto; }
.news-list .item .text-inner .descrition { height: auto; }
}
/**/
.contact-page { }
.contact-list { padding: 20px 0; overflow: hidden; }
.contact-list .title, .contact-list .list { display: block; }
.contact-list .title { line-height: 35px; font-size: 14px; }
.contact-list .title strong { display: block; font-size: 18px; font-weight: normal; }
.contact-list .list { display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.contact-list .list .item { float: left; width: 32%; padding: 20px 20px; padding-right: 90px; border: 1px solid #eee; background: #fff; position: relative; margin: 15px 2%; margin-left: 0; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); }
.contact-list .list .item:nth-child(3) { margin-right: 0; }
.contact-list .list .item:after { content: ''; position: absolute; right: 20px; top: 20px; width: 70px; height: 70px; background-repeat: no-repeat; background-position: top right; }
.contact-list .list .item:nth-child(1):after { background-image: url(../images/addre.png); background-size: 52px 62px; }
.contact-list .list .item:nth-child(2):after { background-image: url(../images/mail.png); background-size: 57px 52px; }
.contact-list .list .item:nth-child(3):after { background-image: url(../images/tel.png); background-size: 59px 59px; }
.contact-list .list .item dt, .contact-list .list .item dd { line-height: 25px; overflow: hidden; font-size: 14px; }
.contact-list .list .item dt { font-size: 18px; font-weight: bold; padding-bottom: 10px; }
.contact-list .list .item dd { color: #898989; }
.contact-list .list .item .enname { font-size: 12px; margin-bottom: 10px; margin-top: -5px; }
.contact-list .list .item dd li { display: block; }
.contact-list .list .item dd li span { float: left; }
.contact-list .list .item dd li:nth-child(1) span { height: 50px; }
.contact-list .list .item { }

@media screen and (max-width: 767px) {
.contact-list { }
.contact-list .title { text-align: center; }
.contact-list .list { }
.contact-list .list .item { width: 100%; margin: 10px 0; }
}
/**/
.map-inner { margin: 20px 0px; margin-top: 0; height: 450px; border: 1px solid #DCDCDC; }
#map label { max-width: none; }
#map div { box-sizing: initial; }

@media screen and (max-width: 767px) {
}
/**/
.single-inner { padding: 20px 0; font-size: 15px; line-height: 2; overflow: hidden; text-indent: 2em; }
.single-inner strong { }
.single-inner img { max-width: 100%; vertical-align: middle; margin: 5px auto; display: block; }

@media screen and (max-width: 767px) {
}
/**/
.about-list { padding: 20px 0; text-align: center; overflow: hidden; }
.about-list .item { display: inline-block; margin: 0 0; padding: 0px 60px; padding-right: 65px; position: relative; }
.about-list .item:before { content: ''; position: absolute; right: 0; top: 10px; display: block; width: 5px; height: 60px; background: #E5E5E5; }
.about-list .item:last-child:before { display: none; }
.about-list .item .title { font-size: 40px; font-weight: bold; overflow: hidden; }
.about-list .item .descrition { font-size: 16px; font-weight: bold; overflow: hidden; }

@media screen and (max-width: 767px) {
.about-list .item { float: left; width: 48%; margin: 0 1%; padding: 10px 0; }
.about-list .item:before { width: 100%; height: 2px; top: auto; bottom: 0; }
.about-list .item:last-child:before { display: block; }
.about-list .item .descrition { font-size: 14px; }
.about-list .item .title { font-size: 20px; }
.about-list .item .descrition { font-size: 14px; }
}
/**/
.about-show { padding: 20px 0; overflow: hidden; }
.about-show .item { float: left; width: 32%; margin: 0 2%; margin-left: 0; overflow: hidden; }
.about-show .item:nth-child(3n) { margin-right: 0; }
.about-show .item .image { height: 285px; position: relative; width: 100%; }
.about-show .item .image img { max-width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
.about-show .item:hover .image img { transform: scale(1.025); opacity: .9; }

@media screen and (max-width: 767px) {
.about-show .item { width: 100%; margin-bottom: 0; }
}
/**/
.culture-list { padding: 20px 0; overflow: hidden; text-align: center; position: relative; }
.culture-list:after { content: ''; position: absolute; left: 0; top: 100px; display: block; width: 100%; height: 2px; background: #E5E5E5; }
.culture-list .item { width: 244px; background: #FBFBFD; margin: 0 50px; display: inline-block; position: relative; z-index: 1; overflow: hidden; }
.culture-list .item .image, .culture-list .item .title, .culture-list .item .text { font-size: 16px; overflow: hidden; text-align: center; line-height: 40px; color: #005EAD; }
.culture-list .item .image { margin: 0 auto; width: 168px; height: 168px; border: 2px solid #E5E5E5; border-radius: 50%; display: flex; justify-content: center; position: relative; align-items: center; }
.culture-list .item .image img { max-width: 100%; align-items: center; z-index: 1; transition: all .6s; }
.culture-list .item:hover .image img { transform: scale(1.025); opacity: .9; }
.culture-list .item .title { margin-top: 20px; font-size: 28px; font-weight: bold; overflow: hidden; }
.culture-list .item .text { font-size: 16px; overflow: hidden; }

@media screen and (max-width: 767px) {
.culture-list:after { display: none; }
.culture-list .item { width: 100%; margin: 0 0%; margin-bottom: 10px; }
}
/**/
.structure-page { background: url(../images/global.png) no-repeat center 100px; }
.structure-list { margin: 20px 0; overflow: hidden; height: 629px; background: url(../images/structure.png) no-repeat 200px center; position: relative; }
.structure-list .item { height: 280px; overflow: hidden; position: absolute; }
.structure-list .item:nth-child(1) { background: #E4EDF6; width: 280px; left: 0; top: 50%; margin-top: -140px; border-radius: 50%; }
.structure-list .item:nth-child(2) { left: 520px; top: 20px; }
.structure-list .item:nth-child(3) { left: 700px; top: 155px; }
.structure-list .item:nth-child(4) { left: 700px; top: 335px; }
.structure-list .item:nth-child(5) { left: 520px; top: 480px; }
.structure-list .item .title, .structure-list .item .text { font-size: 14px; overflow: hidden; line-height: 25px; height: 132px; }
.structure-list .item:nth-child(1) { display: flex; align-items: center; }
.structure-list .item:nth-child(1) .title { margin: 0 auto; align-items: center; border: 28px solid #ABC9E4; border-radius: 50%; width: 228px; height: 228px; background: #005EAD; line-height: 168px; color: #fff; text-align: center; font-size: 22px; font-weight: bold; }
.structure-list .item .title { float: left; align-items: center; display: flex; line-height: 25px; border: 20px solid #DCDCDC; border-radius: 50%; padding: 0 10px; width: 132px; background: #959595; color: #FBFBFD; text-align: center; font-size: 16px; }
.structure-list .item .text { float: left; margin-left: 20px; align-items: center; display: flex; }

@media screen and (max-width: 767px) {
.structure-list { background: none; height: auto; }
.structure-list .item { position: static !important; left: auto !important; top: auto !important; margin: 10px auto; height: auto; margin-top: 0 !important; }
}
/**/
.honur-list { padding: 20px 0; overflow: hidden; }
.honur-list .item { float: left; width: 18.4%; margin: 0 2%; margin-left: 0; }
.honur-list .item:nth-child(5n) { float: right; margin-right: 0; }
.honur-list .item .image-inner, .honur-list .item .text-inner { overflow: hidden; position: relative; }
.honur-list .item .image-inner { width: 100%; display: flex; align-items: center; text-align: center; height: 300px; border: 3px solid #E5E5E5; }
.honur-list .item .image-inner img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
.honur-list .item:hover .image-inner img { transform: scale(1.025); opacity: .9; }
.honur-list .item .text-inner { height: 80px; background: url(../images/honur-ico.png) no-repeat top center; background-size: 100% auto; }

@media screen and (max-width: 767px) {
.honur-list { display: none; }
}
/**/
.honur-lists { padding: 20px 0; overflow: hidden; display: none; }
.honur-lists .item { float: left; width: 18.4%; margin: 0 2%; margin-left: 0; }
.honur-lists .item:nth-child(5n) { float: right; margin-right: 0; }
.honur-lists .item .image-inner, .honur-lists .item .text-inner { overflow: hidden; position: relative; }
.honur-lists .item .image-inner { width: 100%; display: flex; align-items: center; text-align: center; height: 300px; border: 3px solid #E5E5E5; }
.honur-lists .item .image-inner img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
.honur-lists .item:hover .image-inner img { transform: scale(1.025); opacity: .9; }
.honur-lists .item .text-inner { height: 30px; background: url(../images/honur-ico.png) no-repeat top center; background-size: 100% auto; }

@media screen and (max-width: 767px) {
.honur-lists { display: block; }
.honur-lists .item { float: left; width: 48.75%; margin: 20px 0.625%; }
.honur-lists .item .image-inner, .honur-lists .item .text-inner { width: 100%; margin-right: 0; }
.honur-lists .item .image-inner { height: 250px; margin-bottom: 5px; }
.honur-lists .item .text-inner { }
}
/**/
.history-page { background: url(../images/history.png) no-repeat bottom center; }
.history-inner { padding: 20px 0; position: relative; }
.history-inner .smallScroll { height: 156px; }
.history-inner .smallImg { width: 1190px; overflow: hidden; margin: 0 auto; position: relative; }
.history-inner .smallImg:before { content: ''; position: absolute; z-index: 0; left: 0; top: 50%; margin-top: -1.5px; display: block; width: 100%; height: 3px; background: #C4C4C4; }
.history-inner .smallImg ul { height: 156x; width: 9999px; overflow: hidden; }
.history-inner .smallImg ul li { float: left; width: 156px; margin: 0 41px; text-align: center; font-size: 18px; height: 156px; border-radius: 50%; line-height: 156px; color: #898989; font-size: 36px; font-weight: bold; background: #EEEEEE; }
.history-inner .smallImg ul li.on { background: #053C7A; color: #fff; }
.history-inner .bigImg { margin: 0 auto; width: 100%; overflow: hidden; position: relative; }
.history-inner .bigImg .item { padding: 100px 0; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content : center; justify-content : center; position: relative; }
.history-inner .bigImg .title, .history-inner .bigImg .text { float: left; width: 30%; padding: 0 15px; display: flex; align-items: center; position: relative; }
.history-inner .bigImg .title { font-size: 36px; font-weight: bold; color: #053C7A; }
.history-inner .bigImg .text { float: right; width: 60%; font-size: 16px; line-height: 40px; color: #505049; }
.history-inner .bigImg .text:before { content: ''; position: absolute; left: -120px; top: 5%; display: block; width: 3px; height: 90%; background: #C4C4C4; }
.history-inner .bigImg .text li { display: block; position: relative; padding-left: 15px; }
.history-inner .bigImg .text li:before { content: ''; position: absolute; left: 0; top: 17px; display: block; width: 6px; height: 6px; background: #000; border-radius: 50%; }
.history-inner .next, .history-inner .prev { position: absolute; width: 36px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; border-radius: 50%; color: #fff; background: #053C7A; z-index: 1; }
.history-inner .next { right: 0; top: 80px; }
.history-inner .prev { left: 0; top: 80px; }
.history-inner .next:hover, .history-inner .prev:hover { opacity: 1; }
.history-inners { padding: 20px 0; position: relative; display: none; }
.history-inners .smallScroll { height: 156px; }
.history-inners .smallImg { width: 1190px; overflow: hidden; margin: 0 auto; position: relative; }
.history-inners .smallImg:before { content: ''; position: absolute; z-index: 0; left: 0; top: 50%; margin-top: -1.5px; display: block; width: 100%; height: 3px; background: #C4C4C4; display: none; }
.history-inners .smallImg ul { height: 156x; width: 9999px; overflow: hidden; }
.history-inners .smallImg ul li { float: left; width: 120px; margin: 0 30px; text-align: center; font-size: 18px; height: 120px; border-radius: 50%; line-height: 120px; color: #898989; font-size: 36px; font-weight: bold; background: #EEEEEE; }
.history-inners .smallImg ul li.on { background: #053C7A; color: #fff; }
.history-inners .bigImg { margin: 0 auto; width: 100%; overflow: hidden; position: relative; }
.history-inners .bigImg .item { padding: 50px 0; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content : center; justify-content : center; position: relative; }
.history-inners .bigImg .title, .history-inners .bigImg .text { float: left; width: 100%; padding: 0 15px; display: flex; align-items: center; position: relative; }
.history-inners .bigImg .title { font-size: 36px; text-align: center; font-weight: bold; color: #053C7A; }
.history-inners .bigImg .text { float: right; font-size: 16px; line-height: 40px; color: #505049; }
.history-inners .bigImg .text:before { content: ''; position: absolute; left: -120px; top: 5%; display: block; width: 3px; height: 90%; background: #C4C4C4; }
.history-inners .bigImg .text li { display: block; position: relative; padding-left: 15px; }
.history-inners .bigImg .text li:before { content: ''; position: absolute; left: 0; top: 17px; display: block; width: 6px; height: 6px; background: #000; border-radius: 50%; }
.history-inners .next, .history-inners .prev { position: absolute; width: 36px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; border-radius: 50%; color: #fff; background: #053C7A; z-index: 1; }
.history-inners .next { right: 0; top: 150px; }
.history-inners .prev { left: 0; top: 150px; }
.history-inners .next:hover, .history-inners .prev:hover { opacity: 1; }

@media screen and (max-width: 767px) {
.history-inner { display: none; }
.history-inners { display: block; }
}
/**/
.core-list { padding: 20px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.core-list .item { float: left; width: 32%; padding: 50px 60px; padding-top: 30px; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); border: 1px solid #F6F6F8; background: #fff; position: relative; margin: 20px 2%; margin-left: 0; margin-top: 0; }
.core-list .item:nth-child(3n) { margin-right: 0; }
.core-list .item .image, .core-list .item .title, .core-list .item .text { font-size: 14px; overflow: hidden; text-align: center; line-height: 40px; }
.core-list .item .image { margin: 0 auto; width: 100%; height: 100px; display: flex; justify-content: center; position: relative; align-items: center; }
.core-list .item .image img { max-width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
.core-list .item:hover .image img { transform: scale(1.025); opacity: .9; }
.core-list .item .title { font-size: 18px; font-weight: bold; overflow: hidden; }
.core-list .item .text { line-height: 30px; }

@media screen and (max-width: 767px) {
.core-list .item { width: 100%; margin-top: 0; margin-bottom: 10px; }
}
/**/
.partners-page { background: url(../images/partners.png) no-repeat bottom center; }
.partners-list { padding: 20px 0; overflow: hidden; }
.partners-list .item { float: left; width: 15.833333%; box-shadow : 0 0 1px rgba(0,0,0,.1); border: 1px solid #F6F6F8; background: #fff; position: relative; margin: 30px 1%; margin-left: 0; margin-top: 0; display: flex; justify-content: center; align-items: center; height: 95px; }
.partners-list .item:nth-child(6n) { float: right; margin-right: 0; }
.partners-list .item img { max-width: 100%; align-items: center; z-index: 1; transition: all .6s; }
.partners-list .item:hover img { transform: scale(1.025); opacity: .9; }

@media screen and (max-width: 767px) {
.partners-list .item { width: 48%; margin: 0 1%; margin-bottom: 10px; }
}
/**/
.service-page { background: url(../images/service.png) #0e1524 no-repeat top center; }
.service-inner { position: relative; padding: 0px 30px; }
#service-inner .swiper-container { width: 100%; height: 100%; }
#service-inner .swiper-slide { float: left!important; width: 46%!important; margin: 20px 2%!important; padding: 20px 20px!important; background: #fff; overflow: hidden; background: #fff; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#service-inner .swiper-slide .other, #service-inner .swiper-slide .title, #service-inner .swiper-slide .text, #service-inner .swiper-slide .more { line-height: 30px; font-size: 14px; display: block; overflow: hidden; }
#service-inner .swiper-slide .other { font-size: 36px; margin-bottom: 10px; color: #E9E9E9; text-transform: uppercase; }
#service-inner .swiper-slide .title { font-size: 22px; font-weight: bold; }
#service-inner .swiper-slide .text { height: 120px; }
.service-inner .swiper-button-prev, .service-inner .swiper-button-next { position: absolute; top: 50%; margin-top: -28px; width: 56px; height: 56px; text-align: center; line-height: 56px; color: #fff; font-size: 26px; background: none; outline: none; }
.service-inner .swiper-button-prev { left: -20px; }
.service-inner .swiper-button-next { right: -20px; }
.service-inner .swiper-button-prev:hover, .service-inner .swiper-button-next:hover { }
.service-inners { position: relative; padding: 0px 30px; display: none; }
#service-inners .swiper-container { width: 100%; height: 100%; }
#service-inners .swiper-slide { float: left!important; width: 96%!important; margin: 20px 2%!important; padding: 20px 20px!important; background: #fff; overflow: hidden; background: #fff; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#service-inners .swiper-slide .other, #service-inners .swiper-slide .title, #service-inners .swiper-slide .text, #service-inners .swiper-slide .more { line-height: 30px; font-size: 14px; display: block; overflow: hidden; }
#service-inners .swiper-slide .other { font-size: 36px; margin-bottom: 10px; color: #E9E9E9; text-transform: uppercase; }
#service-inners .swiper-slide .title { font-size: 22px; font-weight: bold; }
#service-inners .swiper-slide .text { height: 120px; }
.service-inners .swiper-button-prev, .service-inners .swiper-button-next { position: absolute; top: 50%; margin-top: -28px; width: 56px; height: 56px; text-align: center; line-height: 56px; color: #fff; font-size: 26px; background: none; outline: none; }
.service-inners .swiper-button-prev { left: -20px; }
.service-inners .swiper-button-next { right: -20px; }
.service-inners .swiper-button-prev:hover, .service-inners .swiper-button-next:hover { }
.service-list { padding: 20px 0; overflow: hidden; padding-bottom: 50px; }
.service-list .item { float: left; width: 29%; margin: 20px 2%; padding: 20px 20px; background: #fff; overflow: hidden; background: #fff; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
.service-list .item .other, .service-list .item .title, .service-list .item .text, .service-list .item .more { line-height: 26px; font-size: 14px; display: block; overflow: hidden; }
.service-list .item .other { font-size: 24px; margin-bottom: 10px; color: #E9E9E9; text-transform: uppercase; }
.service-list .item .title { font-size: 22px; font-weight: bold; margin-bottom: 10px; }
.service-list .item .text { height: 140px; }

@media screen and (max-width: 767px) {
.service-page { background-size: cover; }
.service-inner { display: none; }
.service-inners { display: block; }
.service-list .item { width: 96%; margin-bottom: 0; }
.service-list .item .text { height: auto; }
}
/**/
.shop-list { padding: 20px 2px; overflow: hidden; }
.shop-list .item { float: left; width: 100%; padding: 40px 30px; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); border: 1px solid #F6F6F8; background: #fff; position: relative; margin: 45px 0; }
.shop-list .item .image-wrap, .shop-list .item .text-inner { width: auto; display: block; position: relative; z-index: 1; overflow: hidden; }
.shop-list .item .image-wrap { float: left; width: 365px; margin-right: 50px; margin-top: -80px; height: 315px; background: #fff; border: 1px solid #DCDCDC; }
.shop-list .item .image-inner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.shop-list .item .image-inner img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
.shop-list .item:hover .image-inner img { transform: scale(1.025); opacity: .9; }
.shop-list .item .text-inner { position: relative; line-height: 30px; font-size: 16px; }
.shop-list .item .text-inner .title { position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 24px; overflow: hidden; }
.shop-list .item .text-inner .title a { color: #005EAD; }
.shop-list .item .text-inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 32px; height: 3px; background: #000; }
.shop-list .item .text-inner .descrition { }
.shop-list .item .text-inner .more { color: #999; text-align: right; padding-right: 35px; background: url(../images/more.png) no-repeat right center; }
.shop-list .item .text-inner .more a { color: #999; }
.shop-list .item:hover .text-inner .more a { color: #005EAD; }

@media screen and (max-width: 767px) {
.shop-list .item { width: 100%; margin: 0 0; margin-bottom: 35px; padding: 10px 10px; }
.shop-list .item .image-wrap, .shop-list .item .text-inner { width: 100%; }
.shop-list .item .image-wrap { margin-top: 0; height: 280px; margin-bottom: 10px; }
.shop-list .item .text-inner .title { height: auto; }
.shop-list .item .text-inner .descrition { height: auto; }
}
/**/
.solution-list { padding: 20px 2px; overflow: hidden; }
.solution-list .item { float: left; width: 100%; padding: 0 0; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); border: 1px solid #F6F6F8; background: #fff; position: relative; margin-bottom: 40px; }
.solution-list .item .image-inner, .solution-list .item .text-inner { width: auto; display: block; position: relative; z-index: 1; overflow: hidden; }
.solution-list .item .image-inner { float: left; width: 40%; }
.solution-list .item:nth-child(2n) .image-inner { float: right; }
.solution-list .item .image-inner img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
.solution-list .item:hover .image-inner img { transform: scale(1.025); opacity: .9; }
.solution-list .item .text-inner { position: relative; padding: 30px 50px; line-height: 40px; font-size: 14px; }
.solution-list .item .text-inner .title { position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 24px; overflow: hidden; }
.solution-list .item .text-inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 32px; height: 3px; background: #005EAD; }
.solution-list .item .text-inner .title a { color: #005EAD; }
.solution-list .item .text-inner .descrition { margin: 20px 0; height: 150px; line-height: 25px; }
.solution-list .item .text-inner .more { color: #999; }
.solution-list .item .text-inner .more a { float: left; height: 40px; color: #999; padding-right: 35px; background: url(../images/more.png) no-repeat right center; }
.solution-list .item:hover .text-inner .more a { color: #005EAD; }

@media screen and (max-width: 767px) {
.solution-list .item { width: 100%; margin: 0 0; margin-bottom: 20px; }
.solution-list .item .image-inner, .solution-list .item .text-inner { width: 100%; }
.solution-list .item .text-inner { padding: 10px 10px; }
.solution-list .item .text-inner .title { }
.solution-list .item .text-inner .descrition { height: auto; }
}
/**/
.solution-menu { height: 50px; overflow: hidden; background: #0E70B3; }
.solution-menu .container { padding: 0 0; }
.solution-crumbs { }
.solution-crumbs .list, .solution-crumbs .text { float: left; overflow: hidden; line-height: 50px; }
.solution-crumbs .list { }
.solution-crumbs .list li { float: left; padding: 0 15px; font-size: 16px; font-weight: bold; overflow: hidden; }
.solution-crumbs .list li a { display: block; color: #fff; }
.solution-crumbs .list li:hover, .solution-crumbs .list .cur { background: #DBEFFD; }
.solution-crumbs .list li:hover a, .solution-crumbs .list .cur a { color: #005EAD; }
.solution-crumbs .text { float: right; color: #A0C7E1; }
.solution-crumbs .text a { color: #A0C7E1; }

@media screen and (max-width: 767px) {
.solution-menu { height: auto; display: none; }
.solution-crumbs .text { display: none; }
.solution-crumbs .list { line-height: 30px; }
.solution-crumbs .list li { width: 50%; padding: 0 10px; }
}
/**/
.solution-about { position: relative; height: 375px; overflow: hidden; width: 100%; background: #DBEFFD; }
.solution-about .image-inner { position: absolute; right: 0; top: 0; width: 50%; height: 100%; z-index: 0; line-height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.solution-about .image-inner img { max-width: 100%; display: none; }
.solution-about .text-wrap { width: 1190px; margin: 0 auto; height: 100%; overflow: hidden; position: relative; z-index: 1; }
.solution-about .text-inner { position: absolute; top: 50%; transform: translateY(-50%); width: 50%; left: 0; padding: 50px 50px; padding-left: 0; z-index: 1; line-height: 30px; font-size: 14px; }
.solution-about .text-inner .title { font-size: 22px; font-weight: bold; }
.solution-about .text-inner .info { font-size: 16px; font-weight: bold; color: #949FA2; text-transform: uppercase; }
.solution-about .text-inner .descrition { line-height: 26px; }

@media screen and (max-width: 767px) {
.solution-about { height: auto; }
.solution-about .image-inner { position: static; right: auto; top: 0; width: 100%; height: auto; }
.solution-about .text-wrap { width: 100%; height: auto; }
.solution-about .text-inner { position: static; left: auto; top: auto; transform: translateY(0); width: 100%; padding: 10px 10px; }
.solution-about .image-inner img { display: block; }
}
/**/
.solution-wrap { overflow: hidden; }
.solution-wrap .hd { position: relative; }
.solution-wrap .bd { }
.solution-tab { height: 50px; background: #fff; text-align: center; }
.solution-tab li { display: inline-block; line-height: 46px; font-size: 16px; margin: 0 20px; border-bottom: 4px solid #fff; overflow: hidden; }
.solution-tab li a { display: block; }
.solution-tab li:hover, .solution-tab .on { border-bottom: 4px solid #005EAD; }
.solution-details { padding: 20px 0; overflow: hidden; }
.solution-details .view-body { padding-bottom: 50px; }
.solution-details:last-child { padding: 0 0; }
.details-inner { margin-bottom: 30px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content : center; justify-content : center; }
.details-inner .details-left, .details-inner .details-right { float: left; width: 25%; padding: 30px 30px; overflow: hidden; }
.details-inner .details-left { background: #DBEFFD; font-size: 15px; line-height: 2; position: relative; }
.details-inner .details-left .all-list { }
.details-inner .details-left .caption-inner, .details-inner .details-left .list { width: 100%; float: left; }
.details-inner .details-left .list li { overflow: hidden; display: block; width: 100%; }
.details-inner .details-right { float: right; width: 75%; background: #fff; text-align: center; justify-content: center; display: flex; align-items: center; }
.details-inner .details-right img { max-width: 100%; align-items: center; }

@media screen and (max-width: 767px) {
.solution-tab { height: auto; overflow: hidden; }
.solution-tab li { float: left; width: 48%; margin: 0 1%; }
.details-inner .details-left, .details-inner .details-right { width: 100%; }
.details-inner .details-left li { float: left; width: 48%; margin: 0 1%; }
}
/**/
.related-wrap { background: url(../images/solution.png) no-repeat bottom center; }
.related-list { padding: 20px 0; overflow: hidden; }
.related-list .item { float: left; width: 32%; margin: 20px 2%; margin-left: 0; overflow: hidden; }
.related-list .item:nth-child(3n) { margin-right: 0; }
.related-list .item .image, .related-list .item .text { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; overflow: hidden; }
.related-list .item .image { height: 300px; }
.related-list .item .image img { max-width: 100%; align-items: center; }
.related-list .item .text { padding: 10px 0; line-height: 35px; font-size: 16px; }

/**/
@media screen and (max-width: 767px) {
.related-list .item { width: 48%; margin: 20px 1%; }
.related-list .item:nth-child(3n) { margin-right: 1%; }
.related-list .item .image { height: 150px; }
}
/**/
.specific-inner { padding: 20px 0; overflow: hidden; }
.specific-inner dl { width: 100%; margin-bottom: 20px; overflow: hidden; }
.specific-inner dl dd { float: left; width: 49%; height: 80px; display: flex; align-items: center; justify-content: center; line-height: 1.5; font-size: 16px; text-align: center; overflow: hidden; padding: 0 10px; background: #EEEEEF; }
.specific-inner dl:nth-child(2n-1) dd:last-child { background: #6AABDE; color: #fff; float: right; }
.specific-inner dl:nth-child(2n+0) dd { width: 32%; margin-right: 2%; }
.specific-inner dl:nth-child(2n+0) dd:first-child { background: #6AABDE; color: #fff; }
.specific-inner dl dd:nth-child(3) { float: right; margin-right: 0; }

@media screen and (max-width: 767px) {
.specific-inner dl { margin-bottom: 0 }
.specific-inner dl dd { height: auto; width: 100%; margin-bottom: 20px; padding: 10px 10px; }
.specific-inner dl:nth-child(2n+0) dd { width: 100%; margin-right: 0; }
}
/**/
.join-list { padding: 20px 0; overflow: hidden; }
.join-list .item { border: 1px solid #F6F6F8; background: #fff; overflow: hidden; margin-bottom: 20px; }
.join-list .title-inner, .join-list .text-inner { padding: 20px 20px; overflow: hidden; line-height: 30px; font-size: 14px; position: relative; }
.join-list .title-inner { position: relative; background: #F2F2F2 url(../images/join.png) no-repeat 20px center; padding-left: 100px; }
.join-list .title-inner .title, .join-list .title-inner .text { overflow: hidden; }
.join-list .title-inner .title strong { font-size: 22px; font-weight: bold; margin-right: 10px; }
.join-list .title-inner .mailto { position: absolute; border: 1px solid #F6F6F8; padding: 4px 4px; background: #fff; position: absolute; top: 30px; right: 20px; }
.join-list .title-inner .mailto a { display: block; background: #005EAD; color: #fff; padding: 0 10px; }
.join-list .text-inner { font-size: 15px; line-height: 2.25; }

@media screen and (max-width: 767px) {
.join-list { }
.join-list .title-inner { padding-left: 80px; background-position: 0 center; }
.join-list .title-inner .title strong { font-size: 18px; }
.join-list .title-inner .mailto { top: auto; bottom: 0; right: 0; }
}
/**/
.page-turn { text-align: center; padding: 10px 10px 20px; overflow: hidden; }
.page-turn a { display: inline-block; overflow: hidden; height: 76px; line-height: 76px; font-size: 22px; color: #062B70; margin: 0px 10px; text-align: center; }
.page-turn a.page-num-current { text-decoration: underline; }

@media screen and (max-width: 767px) {
}
/**/
.company-list { padding: 20px 0; overflow: hidden; }
.company-list .item { float: left; width: 100%; padding: 0 0; margin: 20px 0; }
.company-list .item .image-inner, .company-list .item .text-inner { width: auto; display: block; position: relative; z-index: 1; overflow: hidden; }
.company-list .item .image-inner { float: left; width: 390px; display: flex; align-items: center; justify-content: center; height: 160px; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); background: #fff; margin-right: 60px; }
.company-list .item .image-inner img { max-width: 100%; align-items: center; z-index: 1; transition: all .6s; }
.company-list .item:hover .image-inner img { transform: scale(1.025); opacity: .9; }
.company-list .item .text-inner { position: relative; padding: 0 0; line-height: 40px; font-size: 14px; }
.company-list .item .text-inner .title { position: relative; margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; font-weight: bold; overflow: hidden; }
.company-list .item .text-inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 40px; height: 4px; background: #005EAD; }
.company-list .item .text-inner .title a { }
.company-list .item .text-inner .descrition { margin: 10px 0; overflow: hidden; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; line-height: 25px; }
.company-list .item .text-inner .more { color: #999; }
.company-list .item .text-inner .more a { float: right; width: 100px; border-radius: 15px; line-height: 30px; height: 30px; color: #fff; background: #005EAD; text-align: center; }

@media screen and (max-width: 767px) {
.company-list .item { width: 100%; margin: 0 0; margin-bottom: 20px; }
.company-list .item .image-inner, .company-list .item .text-inner { width: 100%; }
.company-list .item .text-inner { padding: 10px 10px; }
.company-list .item .text-inner .title { }
.company-list .item .text-inner .descrition { height: auto; }
}
/**/
.view-page { background: #fff; }
.view-inner { position: relative; z-index: 3; padding: 20px 0; }
.view-title { font: 28px/1.4'gotham-medium'; text-align: center; color: #005EAD; font-weight: normal; text-transform: uppercase; }
.view-info { margin-top: 10px; color: #898989; line-height: 50px; overflow: hidden; text-align: center; }
.view-info li { display: inline-block; margin: 0 10px; }
.view-body, .view-shop { padding-top: 20px; font-size: 15px; line-height: 2; margin-bottom: 30px; overflow: hidden; }
.view-body img { max-width: 100%; vertical-align: middle; margin: 5px auto; display: block; }
.view-body a { color: #FF6E23; text-decoration: underline; }
.view-shop .shop-left, .view-shop .shop-right { float: left; width: 65%; overflow: hidden; }
.view-shop .shop-right { float: right; width: 30%; }
.view-shop .shop-left li { overflow: hidden; background: #fff; padding: 15px 30px; margin-bottom: 15px; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); border: 1px solid #eee; }
.view-shop .shop-right img { width: 100%; vertical-align: middle; }
.view-tool { padding: 10px 0; overflow: hidden; }
.view-tool .tool-left, .view-tool .tool-right { float: left; line-height: 50px; color: #898989; }
.view-tool .tool-right { float: right; }
.view-tool .tool-right a { margin-top: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; display: block; background: #005EAD; color: #B6B7B7; font-size: 18px; }
.view-tool strong { float: left; font-weight: normal; }
.social-share { float: left; margin-top: 0 0 !important; padding: 0 0 !important; }
.view-prev { border-top: 1px dashed #DCDCDC; padding: 20px 0px; }
.view-prev li { line-height: 35px; color: #656565; }
.view-prev li a { color: #656565; }
.view-back { text-align: center; display: none; margin-bottom: 30px; margin-top: 20px; }
.view-back a { margin: 0 auto; display: block; width: 60px; height: 60px; border-radius: 50%; background: #005EAD; line-height: 60px; font-size: 32px; color: #fff; overflow: hidden; }

@media screen and (max-width: 767px) {
.view-inner { padding: 20px 0; }
.view-title { padding-bottom: 0; font-size: 24px; }
.view-back { display: block; }
.view-shop .shop-left, .view-shop .shop-right { width: 100%; }
.view-shop .shop-right { }
.view-shop .shop-left li { padding: 10px 10px; }
}
/**/
.index-page { background: #fff; }
#index-full { margin: 0 auto; width: 100%; height: 100%; position: relative; z-index: 1; transition: all .6s; overflow: hidden; }
#index-full .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
#index-full .swiper-slide { height: auto; overflow: hidden; }
#index-full .swiper-slide img { width: 100%; height: auto; vertical-align: middle; }
#index-full .swiper-slide a { display: block; height: 100% !important; }
#index-full .swiper-pagination-bullet { width: 92px !important; height: 6px !important; background-color: #005EAD !important; opacity: 1; border-radius: 0 !important; outline: none; }
#index-full .swiper-pagination-bullet-active { background: #fff !important; }
#index-full .swiper-button-prev, #index-full .swiper-button-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; background: rgba(190,183,186,0.8); border-radius: 50%; font-size: 24px; }
#index-full .swiper-button-prev { left: 10px; }
#index-full .swiper-button-next { right: 10px; }
#index-full .swiper-button-prev:hover, #index-full .swiper-button-next:hover { opacity: 1; background: #005EAD !important; }

@media screen and (max-width: 767px) {
#index-full .swiper-slide { }
#index-full .swiper-button-prev, #index-full .swiper-button-next { display: none; }
#index-full .swiper-pagination { bottom: 0px; }
#index-full .swiper-pagination-bullet { width: 8px !important; height: 2px !important; }
}
/**/
.index-news { padding: 20px 0; overflow: hidden; padding-bottom: 0; }
.index-news .item { float: left; width: 25%; padding: 0 15px; padding-bottom: 20px; border-right: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; overflow: hidden; }
.index-news .item:nth-child(4n) { margin-right: 0; border-right: 0; }
.index-news .item .image-wrap, .index-news .item .text-inner { overflow: hidden; position: relative; z-index: 1; }
.index-news .item .image-wrap { height: 145px; }
.index-news .item .image-inner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.index-news .item .image-inner img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
.index-news .item:hover .image-inner img { transform: scale(1.025); opacity: .9; }
.index-news .item .text-inner { line-height: 28px; }
.index-news .item .text-inner .title { font-size: 16px; height: 60px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.index-news .item .text-inner .descrition { margin-top: 10px; overflow: hidden; color: #666 }

@media screen and (max-width: 767px) {
.index-news .item { width: 100%; margin: 0 0; margin-bottom: 20px; border-right: 0px solid #C9C9C9; }
.index-news .item .text-inner .title { font-size: 18px; height: auto; }
}
/**/
.index-shop { padding: 20px 0; overflow: hidden; padding-bottom: 0; }
.index-shop .title, .index-shop .list { overflow: hidden; position: relative; }
.index-shop .title { font-weight: lighter; text-align: center; font-size: 22px; line-height: 32px; }
.index-shop .list { padding: 35px 0; }
.index-shop .list li { float: left; width: 376px; height: 315px; position: relative; overflow: hidden; margin-right: 31px; }
.index-shop .list li:last-child { margin-right: 0 }
.index-shop .list li .image-inner, .index-shop .list li .text-inner { position: absolute; z-index: 0; left: 0; left: 0; overflow: hidden; font-size: 14px; color: #fff; line-height: 40px; width: 100%; }
.index-shop .list li .image-inner { top: 0; height: 100%; }
.index-shop .list li .image-inner img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
.index-shop .list li:hover .image-inner img { transform: scale(1.025); opacity: .9; }
.index-shop .list li .text-inner { bottom: 0; z-index: 1; background: url(../images/index-ico.png) no-repeat center bottom; padding: 20px 30px; }
.index-shop .list li .text-inner .title { font-size: 26px; line-height: 45px; overflow: hidden; font-weight: bold; text-align: left; }
.index-shop .list li .text-inner .text { overflow: hidden; line-height: 25px; }

@media screen and (max-width: 767px) {
.index-shop .title { font-size: 18px; padding: 0 0; }
.index-shop .list { padding-bottom: 0; }
.index-shop .list li { width: 100%; height: 300px; margin: 0 0; margin-bottom: 20px; }
}
/**/
.dis-none { display: none !important; }
.pd-bg{ padding:30px 30px; background:#fff; margin:20px 0;}
/**/
