@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: #44443c; }
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: #44443c; text-decoration: none; }
a:hover { color: #1266A9; }
ul, li, ol { margin: 0; list-style: none; padding: 0; }
.container { width: 1200px; margin: 0 auto; padding: 30px 0; overflow: hidden; }
.container-l, .container-r { float: left; display: inline; width: 880px; overflow: hidden; }
.container-r { float: right; width: 300px; }
.min-inner { overflow: hidden; padding: 20px 20px; display: block; background: #fff; }
.view-min { margin: 30px 10px; border: 1px solid #E7E7E7; box-shadow: 0 0 10px rgba(230,232,234,.6); background: #fff; overflow: hidden; }

@media screen and (max-width: 767px) {
body { font-size: 12px; padding-top: 60px; }
.container { width: 96%; padding: 20px 0; }
.container-l, .container-r { }
.container-r { }
.min-inner { }
.view-min { }
}
/*关键容器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: #FBFDFF; width: 100%; overflow: hidden; }
.container-color { background: #fff; }

@media screen and (max-width: 767px) {
}
/**/
header { z-index: 99; width: 100%; height: 100px; position: relative; -moz-box-shadow: 0 10px 15px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 10px 15px rgba(0,0,0,.3); float: left; background: #fff; }
#view-shop header { background: #07090C; border-bottom: 1px solid #3A3C42; }
header .container { padding: 0 0; overflow: visible; }
.head-inner { }
.head-inner .logo { float: left; width: 180px; height: 100px; text-align: left; display: inline-flex; align-items: center; }
.head-inner .logo img { max-width: 100%; align-items: center; }
.head-inner aside { float: right; position: relative; }
.head-inner .nav { float: left; height: 100px; position: relative; margin-right: 30px; }
.head-inner .nav .nav-list, .head-inner .nav .nav-line { float: left; position: relative; z-index: 999; margin-left: 20px; }
.head-inner .nav h3, .head-inner .nav .nav-line { font-size: 16px; height: 100px; line-height: 100px; position: relative; }
.head-inner .nav .nav-line { padding: 0 5px; }
#view-shop .head-inner .nav .nav-line { color: #fff; }
.head-inner .nav h3:after { content: ''; position: absolute; left: 0; top: 0; height: 3px; width: 0; border-radius: 0 0 1.5px 1.5px; background: #1266A9; transition: all .3s ease-out; }
#view-shop .head-inner .nav h3:after { background: #fff; }
.head-inner .nav h3 a { display: block; }
.head-inner .nav .on { }
.head-inner .nav .on h3:after, .head-inner .nav .cur h3:after, .head-inner .nav h3:hover:after { width: 100%; }
.head-inner .nav .on h3 a, .head-inner .nav .cur h3 a { color: #1266A9; }
#view-shop .head-inner .nav h3 a { color: #fff; }
.head-inner .nav .sub-nav { display: none; position: absolute; width: 120px; left: 50%; margin-left: -60px; top: 100px; 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: #1266A9; color: #fff; transition: all .3s ease-out; }
.head-inner .nav .sub-nav .dl { float: left; padding: 10px 10px; margin-left: 8px; }
.head-inner .nav .sub-nav .dl a { }
.head-inner .nav .sub-nav .dl a:hover { transition: all .4s; color: #21ABD7; }
.head-inner .nav .sub-nav .dt, .head-inner .nav .sub-nav .dd { display: block; line-height: 45px; font-size: 14px; }
.head-inner .nav .sub-nav .dt { font-weight: bold; border-bottom: 1px solid #e9e9e9; }
.head-inner .nav .sub-nav .dd { padding-top: 5px; }
.head-inner .nav .sub-nav .dd p { display: block; line-height: 30px; font-size: 13px; }
.head-inner .nav #sub-nav-1 { width: 750px; margin-left: -325px; }
.head-inner .search { float: left; margin-top: 32px; margin-left: 20px; width: 36px; height: 36px; position: relative; z-index: 2000; }
.head-inner .search .search-keyword, .head-inner .search .search-submit { height: 36px; line-height: 36px; overflow: hidden; border: none; outline: none; transition: all .3s ease-out; }
.head-inner .search .search-keyword { position: absolute; background: #1266A9; color: #fff; right: 36px; top: 0; width: 150px; padding: 0 5px; text-transform: capitalize; display: none; }
.head-inner .search:hover .search-keyword { display: block; }
.head-inner .search .search-submit { float: right; width: 36px; font-size: 18px; border-radius: 50%; background: #B6B5B5; color: #fff; text-align: center; border: none; cursor: pointer; text-align: center; }
.head-inner .search:hover .search-submit { border-radius: 0; }
.head-inner .lang { float: right; position: relative; z-index: 1; height: 38px; margin: 32px 0; margin-left: 20px; line-height: 38px; text-align: center; }
.head-inner dt { padding-left: 30px; background: url(../images/world.png) no-repeat left center; font-size: 16px; }
#view-shop .head-inner dt { background-image: url(../images/world-white.png); color: #fff; }
.head-inner dd { position: absolute; left: 0; top: 38px; width: 100%; background: #fff; border-radius: 10px; -moz-box-shadow: 0 0 15px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); overflow: hidden; transition: all .3s ease-out; display: none; }
.head-inner dd a { display: block; transition: all .3s ease-out; }
.head-inner dd a:hover { background: #1266A9; color: #fff; }
.head-inner .lang:hover dd { display: block; }
.head-inner .menu-button { float: right; font-size: 32px; line-height: 60px; display: none; color: #1266A9; cursor: pointer; }
#view-shop .head-inner .menu-button { color: #fff; }

@media screen and (max-width: 767px) {
header { height: 60px; position: fixed; left: 0; top: 0; }
.head-inner { }
.head-inner .logo { height: 60px; }
.head-inner .nav, .head-inner .search, .head-inner .lang { display: none; }
.head-inner .menu-button { display: block; }
}
/**/
.banner-wrap { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; overflow: hidden; height: 315px; }
.banner-wrap:after { content: ''; position: absolute; left: 0; top: 0; display: table-cell; width: 100%; height: 100%; background: rgba(0,0,0,.2); opacity: 1; }
.banner-wrap .banner-inner { position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; width: 100%; z-index: 2; }
.banner-wrap .banner-inner h3, .banner-wrap .banner-inner p { font-weight: normal; display: block; overflow: hidden; color: #fff; position: relative; line-height: 1.6; }
.banner-wrap .banner-inner h3:after { content: ''; position: absolute; left: 0; bottom: 0; width: 26px; height: 5px; background: #fff; }
.banner-wrap .banner-inner h3 { font-size: 44px; padding-bottom: 20px; margin-bottom: 20px; }
.banner-wrap .banner-inner p { 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: url(../images/footer.png) no-repeat center; background-size: cover; overflow: hidden; }
footer .container { padding: 10px 0; }
footer a:hover { color: #fff; text-decoration: underline; }
.foot-wrap { border-bottom: 1px solid #677390; overflow: hidden; }
.foot-four, .foot-inner, .foot-nav, .foot-power { display: block; overflow: hidden; padding: 30px 0; line-height: 35px; }
.foot-four { }
.foot-four li { float: left; width: 25%; position: relative; color: #fff; }
.foot-four li .image, .foot-four li .title, .foot-four li .text { display: block; text-align: center; }
.foot-four li .image { width: 100%; display: flex; justify-content: center; align-items: center; height: 80px; }
.foot-four li .image img { max-width: 100%; align-items: center; }
.foot-four li .title { margin: 5px auto; font-size: 20px; }
.foot-four li .text { font-size: 20px; font-weight: bold; }

@media screen and (max-width: 767px) {
footer { background-image: none; }
footer .container { padding: 0 0; }
.foot-four { display: none; }
}
/**/
.foot-inner { }
.foot-inner dl { float: left; margin-right: 40px; }
.foot-inner dl:nth-child(1) { }
.foot-inner dl:last-child { margin-right: 0; }
.foot-inner dt, .foot-inner dd { display: block; overflow: hidden; }
.foot-inner dt { font-size: 18px; color: #fff; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; position: relative; }
.foot-inner dt:before { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: #fff; }
.foot-inner dt a { color: #fff; }
.foot-inner dd { }
.foot-inner li { display: block; overflow: hidden; color: #A7AAB3; font-size: 16px; }
.foot-inner li span { float: left; width: 50px; height: 30px; }
.foot-inner li a { color: #A7AAB3; }
.foot-link { padding-bottom: 20px; overflow: hidden; }
.foot-link li { float: left; color: #fff; position: relative; margin-right: 15px; padding-right: 15px; }
.foot-link li:after { content: ''; position: absolute; width: 1px; height: 10px; background: #75787C; border-right: 1px solid #000; right: 0; top: 50%; margin-top: -5px; }
.foot-link li img { vertical-align: middle; margin-right: 5px; }
.foot-link li:last-child, .foot-link li:first-child { margin-right: 0; padding-right: 0; }
.foot-link li:last-child:after, .foot-link li:first-child:after { display: none; }
.foot-link li a { color: #fff; }

@media screen and (max-width: 767px) {
.foot-inner { display: none; }
.foot-link { display: none; }
}
/**/
.foot-nav { padding: 0 0; }
.foot-nav li { float: left; color: #fff; position: relative; margin-right: 15px; padding-right: 15px; }
.foot-nav li:after { content: ''; position: absolute; width: 1px; height: 10px; background: #75787C; border-right: 1px solid #000; right: 0; top: 50%; margin-top: -5px; }
.foot-nav li img { vertical-align: middle; margin-right: 5px; }
.foot-nav li:last-child { margin-right: 0; padding-right: 0; }
.foot-nav li:last-child:after { display: none; }
.foot-nav li a { color: #fff; }

@media screen and (max-width: 767px) {
.foot-nav { display: none; }
}
/**/
.foot-power { background: #F2F3F7; padding: 0 0; }
.foot-power .text { float: left; line-height: 35px; color: #999; }
.foot-power .text a { color: #999; }
.foot-power .text li { float: left; margin-right: 20px; }
.foot-power .icon { float: right; }
.foot-power .icon li { float: left; width: 35px; height: 35px; border: 1px solid #D5D5D6; color: #D5D5D6; font-size: 20px; border-radius: 50%; line-height: 33px; text-align: center; margin-left: 20px; }

@media screen and (max-width: 767px) {
.foot-nav { display: none; }
.foot-power .icon { display: none; }
.foot-power { padding: 10px 0; }
.foot-power .text li { text-align: center; line-height: 25px; }
.foot-power .text li:nth-child(2), .foot-power .text li:nth-child(3) { display: none; }
}
/**/
.caption-inner { padding: 20px 0; overflow: hidden; }
.caption-inner .title-inner, .caption-inner .inside-inner { position: relative; width: 100%; overflow: hidden; line-height: 40px; }
.caption-inner .title-inner { text-align: center; }
.caption-inner .title-inner .title { font-size: 38px; }
.caption-inner .title-inner .text { padding-top: 20px; padding-bottom: 5px; font-size: 16px; text-transform: uppercase; color: #1266A9; }
.caption-inner .title-inner .info { padding: 0 100px; color: #666; line-height: 30px; font-size: 16px; }
.caption-inner .title-inner .list { padding: 10px 0; text-align: center; }
.caption-inner .title-inner .list li { display: inline-block; margin: 0 10px; overflow: hidden; font-size: 16px; }
.caption-inner .title-inner .list li a { display: block; overflow: hidden; padding: 0 20px; border-radius: 20px; height: 40px; line-height: 38px; border: 1px solid #e5e5e5; }
.caption-inner .title-inner .list li:hover a, .caption-inner .title-inner .list li.on a { background: #B1927D; color: #fff; }
.caption-inner .inside-inner { text-align: center; }
.caption-inner .inside-inner .title { font-size: 28px; }
.caption-inner .inside-inner .text { padding-top: 10px; padding-bottom: 15px; color: #ACACAC; font-size: 24px; text-transform: uppercase; position: relative; }
.caption-inner .inside-inner .text:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 50px; margin-left: -25px; height: 4px; background: #322820; }
/**/
.inside-caption { padding: 30px 0; padding-bottom: 10px; margin-top: 30px; overflow: hidden; border-top: 1px solid #e5e5e5; }
.inside-caption .title, .inside-caption .text { display: block; overflow: hidden; line-height: 2; font-size: 15px; text-transform: uppercase; text-align: center; }
.inside-caption .title h3 { display: inline-block; position: relative; font-size: 24px; font-weight: bold; padding: 0 50px; }
.inside-caption .title h3:before, .inside-caption .title h3:after { content: ''; position: absolute; width: 40px; height: 1px; background: #44443c; top: 50%; }
.inside-caption .title h3:before { left: 0; }
.inside-caption .title h3:after { right: 0; }
.inside-caption .title h3 span { color: #1266A9; }
.inside-caption .text { }
.inside-caption .text strong { }
/**/
.crumbs-wrap { height: 70px; background: #fff; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.crumbs-wrap .container { padding: 0 0; }
.crumbs-inner { overflow: hidden; }
.crumbs-inner .text { float: right; height: 70px; line-height: 70px; padding-left: 30px; background: url(../images/local.png) no-repeat left center; }
.crumbs-inner .text a:last-child { color: #1266A9; }
.crumbs-inner .list { float: left; }
.crumbs-inner .list li { float: left; line-height: 66px; font-size: 15px; border-bottom: 3px solid #fff; padding: 0 5px; margin-right: 20px; position: relative; }
.crumbs-inner .list li:before { content: ''; position: absolute; right: -10px; top: 50%; width: 1px; height: 12px; margin-top: -6px; background: #e5e5e5; }
.crumbs-inner .list li:last-child:before { display: none; }
.crumbs-inner .list li a { display: block; }
.crumbs-inner .list li:hover, .crumbs-inner .list .cur { border-bottom: 3px solid #1266A9; }
.crumbs-inner .list li:hover a, .crumbs-inner .list .cur a { }
/**/
.column-wrap { height: 56px; background: #303338; }
.column-wrap .container { padding: 0 0; }
.column-inner { text-align: center; line-height: 56px; color: #B0B2B6; height: 56px; font-size: 16px; }
.column-inner li { position: relative; display: inline-block; margin-right: 50px; padding-right: 50px; height: 56px; }
.column-inner li a { display: block; color: #B7B9BD; }
.column-inner li:hover a, .column-inner li.cur a { color: #fff; }
.column-inner li:after { content: ''; position: absolute; width: 1px; height: 10px; background: #75787C; border-right: 1px solid #000; right: 0; top: 50%; margin-top: -5px; }
.column-inner li:last-child { margin-right: 0; padding-right: 0; }
.column-inner li:last-child:after { display: none; }
.column-inner li i { width: 30px; height: 56px; background-repeat: no-repeat; background-position: center; overflow: hidden; margin-right: 10px; float: left; }
.news-page .column-inner li:nth-child(1) i { background-image: url(../images/n1.png); }
.news-page .column-inner li:nth-child(1):hover i, .news-page .column-inner li:nth-child(1).cur i { background-image: url(../images/n1-hover.png); }
.news-page .column-inner li:nth-child(2) i { background-image: url(../images/n2.png); }
.news-page .column-inner li:nth-child(2):hover i, .news-page .column-inner li:nth-child(2).cur i { background-image: url(../images/n2-hover.png); }
.news-page .column-inner li:nth-child(3) i { background-image: url(../images/n3.png); }
.news-page .column-inner li:nth-child(3):hover i, .news-page .column-inner li:nth-child(3).cur i { background-image: url(../images/n3-hover.png); }
.join-page .column-inner li:nth-child(1) i { background-image: url(../images/j1.png); }
.join-page .column-inner li:nth-child(1):hover i, .join-page-page .column-inner li:nth-child(1).cur i { background-image: url(../images/j1-hover.png); }
.join-page .column-inner li:nth-child(2) i { background-image: url(../images/j2.png); }
.join-page .column-inner li:nth-child(2):hover i, .join-page-page .column-inner li:nth-child(2).cur i { background-image: url(../images/j2-hover.png); }
.join-page .column-inner li:nth-child(3) i { background-image: url(../images/j3.png); }
.join-page .column-inner li:nth-child(3):hover i, .join-page-page .column-inner li:nth-child(3).cur i { background-image: url(../images/j3-hover.png); }
.pintai-page .column-inner li:nth-child(1) i { background-image: url(../images/p1.png); }
.pintai-page .column-inner li:nth-child(1):hover i, .pintai-page-page .column-inner li:nth-child(1).cur i { background-image: url(../images/p1-hover.png); }
.pintai-page .column-inner li:nth-child(2) i { background-image: url(../images/p2.png); }
.pintai-page .column-inner li:nth-child(2):hover i, .pintai-page-page .column-inner li:nth-child(2).cur i { background-image: url(../images/p2-hover.png); }
.xinpian-page .column-inner li:nth-child(1) i { background-image: url(../images/f1.png); }
.xinpian-page .column-inner li:nth-child(1):hover i, .xinpian-page-page .column-inner li:nth-child(1).cur i { background-image: url(../images/f1-hover.png); }
.xinpian-page .column-inner li:nth-child(2) i { background-image: url(../images/f2.png); }
.xinpian-page .column-inner li:nth-child(2):hover i, .xinpian-page-page .column-inner li:nth-child(2).cur i { background-image: url(../images/f2-hover.png); }
.shop-page .column-inner li { position: relative; display: inline-block; margin-right: 20px; padding-right: 20px; height: 56px; }
.shop-page .column-inner li:nth-child(1) i { background-image: url(../images/x1.png); }
.shop-page .column-inner li:nth-child(1):hover i, .shop-page-page .column-inner li:nth-child(1).cur i { background-image: url(../images/x1-hover.png); }
.shop-page .column-inner li:nth-child(2) i { background-image: url(../images/x2.png); }
.shop-page .column-inner li:nth-child(2):hover i, .shop-page-page .column-inner li:nth-child(2).cur i { background-image: url(../images/x2-hover.png); }
.shop-page .column-inner li:nth-child(3) i { background-image: url(../images/x3.png); }
.shop-page .column-inner li:nth-child(3):hover i, .shop-page-page .column-inner li:nth-child(3).cur i { background-image: url(../images/x3-hover.png); }
.shop-page .column-inner li:nth-child(4) i { background-image: url(../images/x4.png); }
.shop-page .column-inner li:nth-child(4):hover i, .shop-page-page .column-inner li:nth-child(4).cur i { background-image: url(../images/x4-hover.png); }
.shop-page .column-inner li:nth-child(5) i { background-image: url(../images/x5.png); }
.shop-page .column-inner li:nth-child(5):hover i, .shop-page-page .column-inner li:nth-child(5).cur i { background-image: url(../images/x5-hover.png); }
.shop-page .column-inner li:nth-child(6) i { background-image: url(../images/f2.png); }
.shop-page .column-inner li:nth-child(6):hover i, .shop-page-page .column-inner li:nth-child(6).cur i { background-image: url(../images/f2-hover.png); }

@media screen and (max-width: 767px) {
.column-wrap { height: auto; background: #303338; }
.column-wrap .container { padding: 0 0; }
.column-inner { text-align: center; line-height: auto; color: #B0B2B6; height: auto; font-size: 14px; }
.column-inner li { float: left; width: 31.33333%; position: relative; margin-right: 10px; padding-right: 10px; height: 36px; line-height: 36px; }
.column-inner li i { display: none; }
.shop-page .column-inner li { float: left; width: 48%; position: relative; margin-right: 0px; padding-right: 10px; height: 36px; line-height: 36px; }
}
/**/
.news-silde { margin: 40px 10px; height: 360px; overflow: hidden; background: #1266A9; }
#news-silde .swiper-container { width: 100%; height: 100%; }
#news-silde .swiper-slide { cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#news-silde .swiper-slide .image, #news-silde .swiper-slide .text { width: auto; display: block; overflow: hidden; }
#news-silde .swiper-slide .image { float: left; width: 50%; display: flex; height: 360px; text-align: center; align-items: center; }
#news-silde .swiper-slide .image img { width: 100%; }
#news-silde .swiper-slide .text { padding: 35px 30px; position: relative; line-height: 35px; }
#news-silde .swiper-slide .text h3, #news-silde .swiper-slide .text h3 p, #news-silde .swiper-slide span { display: block; overflow: hidden; }
#news-silde .swiper-slide .text h3 { font-size: 26px; height: 70px; font-weight: normal; 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-silde .swiper-slide .text h3 a { color: #fff; }
#news-silde .swiper-slide .text span { margin: 10px 0; font-size: 18px; color: #DEE6EF; font-style: italic; }
#news-silde .swiper-slide .text p { font-size: 18px; height: 140px; color: #DEE6EF; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; }
#news-silde .swiper-pagination { bottom: 10px !important; text-align: right; left: auto!important; right: 30px !important; }
#news-silde .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background-color: #C2C6CA !important; opacity: 1; border-radius: 6px !important; outline: none; }
#news-silde .swiper-pagination-bullet-active { background-color: #fff !important; }

@media screen and (max-width: 767px) {
.news-silde { margin: 10px 10px; height: auto; overflow: hidden; background: #1266A9; }
#news-silde .swiper-slide .image, #news-silde .swiper-slide .text { width: 100%; display: block; overflow: hidden; }
#news-silde .swiper-slide .image { float: left; width: 100%; display: flex; height: 200px; text-align: center; align-items: center; }
#news-silde .swiper-slide .text { padding: 15px 10px; position: relative; line-height: 30px; }
#news-silde .swiper-slide .text h3 { font-size: 18px; height: 60px; font-weight: normal; 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-silde .swiper-slide .text h3 a { color: #fff; }
#news-silde .swiper-slide .text span { margin: 10px 0; font-size: 16px; color: #DEE6EF; font-style: italic; }
#news-silde .swiper-slide .text p { font-size: 14px; height: 140px; color: #DEE6EF; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; }
}
/**/
.news-list { padding: 10px 10px; padding-bottom: 20px; overflow: hidden; }
.news-list .item { float: left; width: 32%; overflow: hidden; margin: 20px 2%; margin-left: 0; border: 1px solid #E6E8EA; box-shadow: 0 0 10px rgba(230,232,234,.6); background: #fff; position: relative; padding: 10px 10px; transition: all .3s ease-out; }
.news-list .item:nth-child(3n) { float: right; margin-right: 0; }
.news-list .item .data-inner, .news-list .item .image-inner, .news-list .item .text-inner, .news-list .item .ico-inner { width: 100%; display: block; overflow: hidden; line-height: 30px; font-size: 16px; }
.news-list .item .data-inner { float: left; width: 120px; margin: 8px 0; padding: 18px 0; padding-right: 30px; margin-right: 40px; border-right: 1px solid #E7E7E7; }
.news-list .item .data-inner strong, .news-list .item .data-inner span { display: block; }
.news-list .item .data-inner strong { padding-bottom: 10px; margin-bottom: 10px; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size: 62px; line-height: 70px; position: relative; }
.news-list .item .data-inner strong:after { content: ''; position: absolute; left: 0; bottom: 0; width: 25px; height: 2px; background: #E7E7E7; }
.news-list .item .data-inner span { font-size: 18px; }
.news-list .item .image-inner { display: flex; height: 200px; align-items: center; justify-content: center; }
.news-list .item .image-inner img { width: 100%; height: 100%; align-items: center; }
.news-list .item .text-inner { padding: 10px 0; }
.news-list .item .text-inner .title { font-size: 20px; font-weight: bold; overflow: hidden; height: 60px; 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 .text { margin: 10px 0; color: #858484; height: 90px; overflow: hidden; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.news-list .item .text-inner .more { }
.news-list .item .text-inner .more a { margin-left: 20px; }
.news-list .item .ico-inner { position: absolute; right: 0; bottom: 0; width: 66px; height: 66px; font-size: 22px; text-align: centerl; padding-left: 40px; line-height: 86px; color: #fff; background: url(../images/sanjiao-3.png) no-repeat right center; }
.news-list .item:hover .ico-inner { background-image: url(../images/sanjiao-1.png); color: #1266A9; }
.news-list .item:hover { background: #1266A9; box-shadow: 0 0 10px rgba(18,102,169,.6); }
.news-list .item:hover .data-inner strong, .news-list .item:hover .data-inner span, .news-list .item:hover .text-inner .title, .news-list .item:hover .text-inner .text, .news-list .item:hover .text-inner .more, .news-list .item:hover a { color: #fff; }

@media screen and (max-width: 767px) {
.news-list { padding: 10px 10px; padding-bottom: 20px; overflow: hidden; }
.news-list .item { float: left; width: 98%; overflow: hidden; margin: 10px 1%; margin-left: 0; border: 1px solid #E6E8EA; box-shadow: 0 0 10px rgba(230,232,234,.6); background: #fff; position: relative; padding: 10px 10px; transition: all .3s ease-out; }
.news-list .item:nth-child(2n) { float: right; margin-right: 1%; }
.news-list .item .data-inner, .news-list .item .text-inner, .news-list .item .ico-inner { width: 100%; display: block; overflow: hidden; line-height: 30px; font-size: 14px; }
.news-list .item .data-inner { float: left; width: 100%; margin: 0 0; padding: 10px 0; padding-bottom: 10px; margin-bottom: 10px; padding-right: 0; margin-right: 0; border-right: 0px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; }
.news-list .item .data-inner strong, .news-list .item .data-inner span { float: left; }
.news-list .item .data-inner strong { padding-bottom: 0; margin-bottom: 0; padding-right: 10px; margin-right: 10px; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size: 22px; line-height: 30px; position: relative; }
.news-list .item .data-inner strong:after { content: ''; position: absolute; left: auto; bottom: 8px; right: 0; width: 2px; height: 15px; background: #E7E7E7; }
.news-list .item .data-inner span { font-size: 16px; }
.news-list .item .text-inner { }
.news-list .item .text-inner .title { font-size: 16px; font-weight: bold; overflow: hidden; height: 60px; 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 .text { margin: 10px 0; color: #858484; height: 60px; 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; }
.news-list .item .text-inner .more { }
.news-list .item .ico-inner { position: absolute; right: 0; bottom: 0; width: 66px; height: 66px; font-size: 18px; text-align: centerl; padding-left: 40px; line-height: 86px; color: #fff; background: url(../images/sanjiao-3.png) no-repeat right center; }
}
/**/
.page-turn { text-align: center; padding: 0 10px 50px; overflow: hidden; display: flex; width: 100%; justify-content: center; }
.page-turn li { display: block; overflow: hidden; background: #DCDCDC; border-radius: 5px; height: 40px; line-height: 40px; font-size: 18px; margin: 0px 5px; text-align: center; }
.page-turn li.active, .page-turn li .current, .page-turn li:hover { background: #0077FF; color: #fff; }
.page-turn li a, .page-turn li span { display: block; padding: 0 15px; }
.page-turn li.active a, .page-turn li:hover a { color: #fff; }

@media screen and (max-width: 767px) {
.page-turn a { display: inline-block; overflow: hidden; width: 30px; height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px; text-align: center; }
}
/**/
.view-page { background: #fff; }
.view-inner { padding: 30px 0; overflow: hidden; }
.view-title { font-size: 40px; line-height: 55px; text-align: center; overflow: hidden }
.view-info { margin-top: 10px; color: #898989; line-height: 50px; overflow: hidden; text-align: center; border-bottom: 1px solid #E7E7E7; }
.view-info li { display: inline-block; margin: 0 10px; }
.view-body, .single { padding: 20px 0; overflow: hidden; font-size: 16px; line-height: 2; }
.view-body img, .single img { max-width: 100%; vertical-align: middle; margin: 5px auto; display: block; }
.view-body video { margin: 0 auto; margin-top: 10px; width: 75% !important; height: 100% !important; }
.view-body a { color: #1266A9; text-decoration: underline; }
.view-prev { border-top: 1px solid #E7E7E7; padding: 20px 0px; overflow: hidden; position: relative; }
.view-prev li { line-height: 35px; color: #656565; }
.view-prev li a { color: #656565; }
.view-prev li:hover, .view-prev li:hover a { color: #1266A9; }
.view-prev .back { position: absolute; right: 0; top: 50%; width: 108px; height: 42px; margin-top: -21px; text-align: center; background: url(../images/back.png) no-repeat center; color: #fff; font-size: 16px; line-height: 42px; }
.view-prev .back a { display: block; color: #fff; }

@media screen and (max-width: 767px) {
.view-inner { padding: 10px 0; overflow: hidden; }
.view-title { font-size: 20px; line-height: 30px; text-align: left; font-weight: bold; overflow: hidden }
.view-info { margin-top: 10px; color: #898989; line-height: 50px; overflow: hidden; text-align: center; border-bottom: 1px solid #E7E7E7; }
.view-info li { float: left; margin: 0 0; margin-right: 10px; }
.view-body, .single { padding: 20px 0; overflow: hidden; font-size: 14px; line-height: 2; }
.view-body img, .single img { max-width: 100%; vertical-align: middle; margin: 5px auto; display: block; }
.view-body video { margin: 0 auto; margin-top: 10px; width: 75% !important; height: 100% !important; }
.view-body a { color: #1266A9; text-decoration: underline; }
.view-prev { border-top: 1px solid #E7E7E7; padding: 20px 0px; overflow: hidden; position: relative; }
.view-prev li { line-height: 35px; color: #656565; }
.view-prev li a { color: #656565; }
.view-prev li:hover, .view-prev li:hover a { color: #1266A9; }
.view-prev .back { position: absolute; right: 0; top: 50%; width: 108px; height: 42px; margin-top: -21px; text-align: center; background: url(../images/back.png) no-repeat center; color: #fff; font-size: 16px; line-height: 42px; display: none; }
.view-prev .back a { display: block; color: #fff; }
}
/**/
.recom-caption { padding: 20px 20px; overflow: hidden; border-bottom: 1px solid #e7e7e7; position: relative; line-height: 50px; }
.recom-caption h3, .recom-caption span { float: left; }
.recom-caption h3 { font-size: 18px; font-weight: bold; }
.recom-caption span { float: right; }
.recom-caption span a { color: #898989; }

@media screen and (max-width: 767px) {
.recom-caption { padding: 10px 10px; overflow: hidden; border-bottom: 1px solid #e7e7e7; position: relative; line-height: 30px; }
.recom-caption h3, .recom-caption span { float: left; }
.recom-caption h3 { font-size: 16px; font-weight: bold; }
.recom-caption span { float: right; }
.recom-caption span a { color: #898989; }
}
/**/
.view-recom { padding: 30px 20px; overflow: hidden; }
#view-recom { padding-bottom: 40px; position: relative; }
#view-recom .swiper-container { width: 100%; height: 100%; }
#view-recom .swiper-slide { float: left; width: 33.33333%; border-bottom: 1px solid #e7e7e7; }
#view-recom .swiper-slide .image, #view-recom .swiper-slide .text { overflow: hidden; position: relative; }
#view-recom .swiper-slide .image { width: 100%; height: 225px; display: flex; align-items: center; }
#view-recom .swiper-slide .image img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
#view-recom .swiper-slide:hover .image-inner img { transform: scale(1.025); }
#view-recom .swiper-slide .text { margin: 20px 0; height: 60px; 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: 30px; font-size: 16px; }
#view-recom .swiper-pagination { text-align: center; bottom: 0px !important; }
#view-recom .swiper-pagination-bullet { width: 12px !important; height: 12px !important; border: 2px solid #e7e7e7 !important; background-color: #fff !important; opacity: 1; border-radius: 50%; }
#view-recom .swiper-pagination-bullet-active { width: 13px !important; height: 13px !important; border: 1px solid #1266A9 !important; background: #136BB9 !important; }
#view-recom .swiper-slide:hover { border-bottom: 1px solid #9CC8F9; }
.view-recoms { padding: 10px 10px; overflow: hidden; display: none; }
#view-recoms { padding-bottom: 30px; position: relative; }
#view-recoms .swiper-container { width: 100%; height: 100%; }
#view-recoms .swiper-slide { float: left; width: 98%; border-bottom: 1px solid #e7e7e7; }
#view-recoms .swiper-slide .image, #view-recoms .swiper-slide .text { overflow: hidden; position: relative; }
#view-recoms .swiper-slide .image { width: 100%; height: 175px; display: flex; align-items: center; }
#view-recoms .swiper-slide .image img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
#view-recoms .swiper-slide:hover .image-inner img { transform: scale(1.025); }
#view-recoms .swiper-slide .text { margin: 10px 0; height: 60px; 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: 30px; font-size: 15px; font-weight: bold; }
#view-recoms .swiper-pagination { text-align: center; bottom: 0px !important; }
#view-recoms .swiper-pagination-bullet { width: 12px !important; height: 12px !important; border: 2px solid #e7e7e7 !important; background-color: #fff !important; opacity: 1; border-radius: 50%; }
#view-recoms .swiper-pagination-bullet-active { width: 13px !important; height: 13px !important; border: 1px solid #1266A9 !important; background: #136BB9 !important; }
#view-recoms .swiper-slide:hover { border-bottom: 1px solid #9CC8F9; }

@media screen and (max-width: 767px) {
.view-recom { display: none; }
.view-recoms { padding: 10px 10px; overflow: hidden; display: block; }
}
/**/
#join-index { margin: 0 auto; width: 100%; height: 100%; position: relative !important; z-index: 1!important; overflow: hidden; }
#join-index .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
#join-index .swiper-slide { height: auto; overflow: hidden; }
#join-index .swiper-slide img { width: 100%; height: auto; vertical-align: middle; }
#join-index .swiper-slide a { display: block; height: 100% !important; }
#join-index .swiper-pagination { text-align: center; bottom: 0px !important; }
#join-index .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background-color: #C2C6CA !important; opacity: 1; border-radius: 6px !important; outline: none; }
#join-index .swiper-pagination-bullet-active { background-color: #fff !important; }
/**/
.join-caption { padding: 20px 0; overflow: hidden; }
.join-caption h3, .join-caption p { display: block; text-align: center; overflow: hidden; }
.join-caption h3 { font-size: 40px; font-weight: bold; line-height: 55px; }
.join-caption p { padding-top: 10px; font-size: 16px; line-height: 35px; color: #AAA; }

@media screen and (max-width: 767px) {
.join-caption { padding: 0 0; overflow: hidden; }
.join-caption h3 { font-size: 18px; line-height: 30px; }
.join-caption p { padding-top: 0; font-size: 14px; line-height: 30px; padding: 0 30px; }
}
/**/
.join-fuli { padding: 10px 0; overflow: hidden; }
.join-fuli li { float: left; width: 18%; margin: 10px 1%; position: relative; }
.join-fuli li .image, .join-fuli li .text { display: block; text-align: center; }
.join-fuli li .image { width: 100%; display: flex; justify-content: center; align-items: center; height: 100px; }
.join-fuli li .image img { max-width: 100%; align-items: center; }
.join-fuli li .text { font-size: 16px; }
.join-fuli li:hover { box-shadow: 0 0 10px rgba(93,159,255,.6); }

@media screen and (max-width: 767px) {
.join-fuli { padding: 0 0; overflow: hidden; }
.join-fuli li .image { height: 70px; }
.join-fuli li .image img { max-width: 80%; align-items: center; }
.join-fuli li .text { font-size: 14px; }
}
/**/
.join-ruhe { padding: 10px 0; overflow: hidden; position: relative; height: 550px; background: url(../images/z12.png) no-repeat center; }
.join-ruhe .title { position: absolute; width: 120px; height: 120px; left: 50%; margin-left: -60px; padding-top: 60px; top: 50%; margin-top: -50px; line-height: 100px; text-align: center; font-size: 30px; }
.join-ruhe li { position: absolute; width: 287px; height: 135px; padding-right: 178px; }
.join-ruhe li:nth-child(1) { top: 0; left: 133px; background: url(../images/z17.png) no-repeat right bottom; }
.join-ruhe li:nth-child(1):hover { background: url(../images/z14.png) no-repeat right bottom; }
.join-ruhe li:nth-child(2) { top: 150px; left: 85px; background: url(../images/z15.png) no-repeat right center; }
.join-ruhe li:nth-child(2):hover { background: url(../images/z16.png) no-repeat right center; }
.join-ruhe li:nth-child(3) { top: 285px; left: 90px; background: url(../images/z15.png) no-repeat right center; }
.join-ruhe li:nth-child(3):hover { background: url(../images/z16.png) no-repeat right center; }
.join-ruhe li:nth-child(4) { bottom: 0; left: 133px; background: url(../images/z13.png) no-repeat right top; }
.join-ruhe li:nth-child(4):hover { background: url(../images/z21.png) no-repeat right top; }
.join-ruhe li:nth-child(5), .join-ruhe li:nth-child(6), .join-ruhe li:nth-child(7), .join-ruhe li:nth-child(8) { padding-right: 0; padding-left: 178px; }
.join-ruhe li:nth-child(5) { top: 0; right: 133px; background: url(../images/z18.png) no-repeat left bottom; }
.join-ruhe li:nth-child(5):hover { background: url(../images/z19.png) no-repeat left bottom; }
.join-ruhe li:nth-child(6) { top: 150px; right: 85px; background: url(../images/z22.png) no-repeat left center; }
.join-ruhe li:nth-child(6):hover { background: url(../images/z23.png) no-repeat left center; }
.join-ruhe li:nth-child(7) { top: 285px; right: 90px; background: url(../images/z22.png) no-repeat left center; }
.join-ruhe li:nth-child(7):hover { background: url(../images/z23.png) no-repeat left center; }
.join-ruhe li:nth-child(8) { bottom: 0; right: 133px; background: url(../images/z20.png) no-repeat left top; }
.join-ruhe li:nth-child(8):hover { background: url(../images/z24.png) no-repeat left top; }
.join-ruhe li .image, .join-ruhe li .text { display: block; width: 100%; text-align: center; position: relative; z-index: 2; }
.join-ruhe li .image { width: 100%; display: flex; justify-content: center; align-items: center; height: 55px; background-repeat: no-repeat; background-position: 15px center; }
.join-ruhe li:nth-child(5) .image, .join-ruhe li:nth-child(6) .image, .join-ruhe li:nth-child(7) .image, .join-ruhe li:nth-child(8) .image { background-position: 50px center; }
.join-ruhe li:nth-child(1) .image { background-image: url(../images/jiaru-1.png); }
.join-ruhe li:nth-child(1):hover .image { background-image: url(../images/jiaru-1-hover.png); }
.join-ruhe li:nth-child(2) .image { background-image: url(../images/jiaru-2.png); }
.join-ruhe li:nth-child(2):hover .image { background-image: url(../images/jiaru-2-hover.png); }
.join-ruhe li:nth-child(3) .image { background-image: url(../images/jiaru-3.png); }
.join-ruhe li:nth-child(3):hover .image { background-image: url(../images/jiaru-3-hover.png); }
.join-ruhe li:nth-child(4) .image { background-image: url(../images/jiaru-4.png); }
.join-ruhe li:nth-child(4):hover .image { background-image: url(../images/jiaru-4-hover.png); }
.join-ruhe li:nth-child(5) .image { background-image: url(../images/jiaru-5.png); }
.join-ruhe li:nth-child(5):hover .image { background-image: url(../images/jiaru-5-hover.png); }
.join-ruhe li:nth-child(6) .image { background-image: url(../images/jiaru-6.png); }
.join-ruhe li:nth-child(6):hover .image { background-image: url(../images/jiaru-6-hover.png); }
.join-ruhe li:nth-child(7) .image { background-image: url(../images/jiaru-7.png); }
.join-ruhe li:nth-child(7):hover .image { background-image: url(../images/jiaru-7-hover.png); }
.join-ruhe li:nth-child(8) .image { background-image: url(../images/jiaru-8.png); }
.join-ruhe li:nth-child(8):hover .image { background-image: url(../images/jiaru-8-hover.png); }
.join-ruhe li .text { font-size: 16px; line-height: 30px; }
.join-ruhe li:hover .text { color: #55C5FD; }
.join-ruhe li .text span { float: right; margin-top: 2px; width: 26px; height: 26px; margin-left: 10px; overflow: hidden; line-height: 26px; text-align: center; font-weight: bold; border-radius: 50%; background: #D1D1D1; color: #fff; }
.join-ruhe li:nth-child(5) .text span, .join-ruhe li:nth-child(6) .text span, .join-ruhe li:nth-child(7) .text span, .join-ruhe li:nth-child(8) .text span { float: left; margin-left: 0; margin-right: 10px; }
.join-ruhe li:hover .text span { background: #567DCA; }

@media screen and (max-width: 767px) {
.join-ruhe { height: auto; background-image: none; }
.join-ruhe li { position: static; float: left; width: 31.33333% !important; margin: 10px 1%!important; padding: 0 0!important; background-image: none!important; height: auto; }
.join-ruhe li .image { background-position: top center !important; }
.join-ruhe li .text { padding-bottom: 30px; text-align: center; font-size: 14px; }
.join-ruhe li .text span { position: absolute; left: 50%; margin: 0 0 !important; margin-left: -13px!important; bottom: 0; }
.join-ruhe .title { display: none; }
}
/**/
.join-type { padding: 10px 0; overflow: hidden; }
.join-type .item { float: left; width: 32%; position: relative; overflow: hidden; margin: 10px 2%; margin-left: 0; height: 480px; }
.join-type .item:last-child { margin-right: 0; }
.join-type .image, .join-type .text, .join-type .more { position: relative; overflow: hidden; color: #fff; line-height: 35px; z-index: 2; font-size: 16px; }
.join-type .image { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
.join-type .image img { width: 100%; vertical-align: middle; }
.join-type .text { padding: 30px 30px; }
.join-type .text h3, .join-type p { display: block; }
.join-type .text h3 { font-size: 22px; }
.join-type .text h3 a { color: #fff; }
.join-type p { }
.join-type .more { position: absolute; text-align: center; left: 30px; bottom: 30px; width: 130px; height: 50px; line-height: 50px; }
.join-type .more a { display: block; color: #fff; }
.join-type .item:hover .more { background: #F08519; }

@media screen and (max-width: 767px) {
.join-type { padding: 0 0; overflow: hidden; }
.join-type .item { float: left; width: 100%; position: relative; overflow: hidden; margin: 10px 0; height: 220px; }
.join-type .text, .join-type .more { font-size: 14px; }
.join-type .text h3 { font-size: 18px; }
}
/**/
.boshi-caption { padding: 50px 0; overflow: hidden; background: url(../images/b1.png) no-repeat center; background-size: auto 100%; }
.boshi-caption h3, .boshi-caption p { display: block; text-align: center; overflow: hidden; }
.boshi-caption h3 { font-size: 50px; font-weight: bold; line-height: 65px; }
.boshi-caption p { font-size: 30px; line-height: 45px; }

@media screen and (max-width: 767px) {
.boshi-caption { padding: 20px 0; }
.boshi-caption h3 { font-size: 18px; font-weight: bold; line-height: 30px; }
.boshi-caption p { font-size: 14px; line-height: 30px; }
}
/**/
.boshi-type { padding: 20px 0; overflow: hidden; }
.boshi-type h3, .boshi-type p, .boshi-type .list { display: block; text-align: center; }
.boshi-type h3 { line-height: 50px; font-size: 36px; padding-bottom: 50px; background: url(../images/b2.png) no-repeat center bottom; }
.boshi-type span { display: inline-block; width: 50px; height: 50px; text-align: center; border-radius: 50%; background: #000; font-size: 25px; font-weight: bold; margin-right: 10px; color: #fff; }
.boshi-type p { font-size: 26px; }
.boshi-type .list { padding: 20px 0; padding-bottom: 0; }
.boshi-type .list li { display: inline-block; width: 140px; height: 40px; line-height: 40px; font-size: 16px; border-radius: 20px; cursor: pointer; }
.boshi-type .list li.on, .boshi-type .list li:hover { background: #1266A9; color: #fff; }

@media screen and (max-width: 767px) {
.boshi-type { padding: 10px 0; overflow: hidden; }
.boshi-type h3, .boshi-type p, .boshi-type .list { display: block; text-align: center; }
.boshi-type h3 { line-height: 30px; font-size: 16px; padding-bottom: 30px; background: url(../images/b2.png) no-repeat center bottom; background-size: 80px auto; }
.boshi-type span { display: inline-block; width: 30px; height: 30px; text-align: center; border-radius: 50%; background: #000; font-size: 18px; font-weight: bold; margin-right: 5px; color: #fff; }
.boshi-type p { font-size: 16px; }
.boshi-type .list { padding: 10px 0; padding-bottom: 0; }
.boshi-type .list li { float: left; width: 33.33333%; height: 40px; line-height: 40px; font-size: 15px; border-radius: 20px; cursor: pointer; }
.boshi-type .list li.on, .boshi-type .list li:hover { background: #1266A9; color: #fff; }
}
/**/
.boshi-wrap { background: #F8FBFF; }
.boshi-min { overflow: hidden; box-shadow: 0px 0px 10px #ECEFF3; }
/**/
.boshi-yanfa { padding: 20px 0; overflow: hidden; text-align: center; }
.boshi-yanfa .item { display: inline-block; overflow: hidden; box-shadow: 0 0 10px rgba(230,232,234,.6); width: 30%; margin: 0 3%; }
.boshi-yanfa .item .title, .boshi-yanfa .item .text, .boshi-yanfa .item li { display: block; overflow: hidden; line-height: 35px; }
.boshi-yanfa .item .title { padding: 10px 20px; text-align: center; font-size: 26px; background: #E3E5EF; }
.boshi-yanfa .item .text { padding: 20px 20px; }
.boshi-yanfa .item li { position: relative; padding: 10px 0; padding-left: 20px; font-size: 20px; border-bottom: 1px dashed #e7e7e7; text-align: left; }
.boshi-yanfa .item li:after { content: ''; position: absolute; left: 0; top: 50%; border-radius: 50%; background: #0068B7; width: 8px; height: 8px; margin-top: -4px; }

@media screen and (max-width: 767px) {
.boshi-yanfa { padding: 10px 0; overflow: hidden; }
.boshi-yanfa .item { float: left!important; width: 48% !important; margin: 10px 1%; }
.boshi-yanfa .item .title, .boshi-yanfa .item .text, .boshi-yanfa .item li { display: block; overflow: hidden; line-height: 30px; }
.boshi-yanfa .item .title { padding: 10px 20px; text-align: center; font-size: 16px; background: #E3E5EF; }
.boshi-yanfa .item .text { padding: 0 5px; }
.boshi-yanfa .item li { position: relative; padding: 10px 0; padding-left: 10px; font-size: 14px; border-bottom: 1px dashed #e7e7e7; text-align: left; }
.boshi-yanfa .item li:after { content: ''; position: absolute; left: 0; top: 23px; border-radius: 50%; background: #0068B7; width: 4px; height: 4px; margin-top: 0; }
}
/**/
.boshi-guihua { padding: 20px 0; overflow: hidden; }
.boshi-guihua li { float: left; width: 18%; margin: 0 1%; position: relative; }
.boshi-guihua li .image, .boshi-guihua li .title, .boshi-guihua li .text { display: block; text-align: center; line-height: 30px; }
.boshi-guihua li .image { width: 100%; display: flex; justify-content: center; align-items: center; height: 100px; }
.boshi-guihua li .image img { max-width: 100%; align-items: center; }
.boshi-guihua li .title { margin: 10px auto; font-size: 20px; font-weight: bold; }
.boshi-guihua li .text { font-size: 16px; }

@media screen and (max-width: 767px) {
.boshi-guihua { padding: 10px 0; overflow: hidden; }
.boshi-guihua li { float: left; width: 48%; margin: 10px 1%; position: relative; }
.boshi-guihua li .image, .boshi-guihua li .title, .boshi-guihua li .text { display: block; text-align: center; line-height: 30px; }
.boshi-guihua li .image { width: 100%; display: flex; justify-content: center; align-items: center; height: 100px; }
.boshi-guihua li .image img { max-width: 100%; align-items: center; }
.boshi-guihua li .title { margin: 10px auto; font-size: 16px; font-weight: bold; }
.boshi-guihua li .text { font-size: 14px; line-height: 25px; padding: 0 20px; }
}
/**/
.boshi-daiyu { margin-bottom: 50px; padding: 10px 0; position: relative; height: 750px; background: url(../images/b-ico.png) no-repeat center; }
.boshi-daiyu li { position: absolute; width: 450px; padding-right: 150px; }
.boshi-daiyu li .title, .boshi-daiyu li .text { display: block; line-height: 30px; }
.boshi-daiyu li .title { font-size: 22px; margin: 5px 0; font-weight: bold; }
.boshi-daiyu li:nth-child(1) { top: 200px; left: 0px; padding-bottom: 50px; background: url(../images/b10.png) no-repeat right bottom; }
.boshi-daiyu li:nth-child(2) { width: 550px; bottom: 100px; left: 0; background: url(../images/b13.png) no-repeat right center; }
.boshi-daiyu li:nth-child(3) { top: 0; right: 180px; padding-right: 0; padding-left: 150px; padding-bottom: 80px; background: url(../images/b11.png) no-repeat left bottom; }
.boshi-daiyu li:nth-child(4) { top: 250px; right: 0; padding-right: 0; padding-left: 150px; padding-top: 50px; background: url(../images/b12.png) no-repeat left top; }
.boshi-daiyu li:nth-child(5) { width: 350px; bottom: -40px; right: 280px; padding-right: 0; padding-left: 50px; padding-top: 150px; background: url(../images/b14.png) no-repeat top center; }
.boshi-daiyu li:nth-child(1) .title { color: #B18DEC; }
.boshi-daiyu li:nth-child(2) .title { color: #0070C0; }
.boshi-daiyu li:nth-child(3) .title { color: #00A1DA; }
.boshi-daiyu li:nth-child(4) .title { color: #31859C; }
.boshi-daiyu li:nth-child(5) .title { color: #66CFDC; }
.boshi-daiyu li .text { font-size: 16px; }
.boshi-daiyu li .text strong { color: #FF6666; }
.boshi-daiyu li:nth-child(1) { text-align: right; }
.boshi-daiyu li:nth-child(2) { padding-right: 180px; }
.boshi-daiyu li:nth-child(2) .title { text-align: right; }
.boshi-daiyu .text-inner { width: 100px; height: 100px; line-height: 50px; text-align: center; font-size: 24px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; color: #337AB2; }

@media screen and (max-width: 767px) {
.boshi-daiyu { height: auto; margin-bottom: 0; background: none; }
.boshi-daiyu li { position: static; width: 100% !important; padding: 0 0!important; background-position: left -10px !important; text-align: left !important; padding-left: 80px !important; background-size: 80px auto !important; }
.boshi-daiyu li .title { font-size: 16px; margin: 5px 0; font-weight: bold; text-align: left !important; padding: 0 0 !important; padding-right: 0 !important; }
.boshi-daiyu li:nth-child(2) { !important;
}
.boshi-daiyu li .text { font-size: 14px; }
.boshi-daiyu li .text strong { color: #FF6666; }
.boshi-daiyu .text-inner { display: none; }
}
/**/
.boshi-duixinag { padding: 20px 0; overflow: hidden; }
.boshi-duixinag .item { float: left; width: 48%; margin: 0 1%; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; position: relative; box-shadow: 0 0 10px rgba(230,232,234,.6); overflow: hidden; background: #fff; }
.boshi-duixinag .image, .boshi-duixinag .intro { position: relative; z-index: 1; padding: 10px 10px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.boshi-duixinag .image { float: left; width: 35%; -webkit-flex-direction: column; flex-direction: column; background: #F0F3F7; font-size: 24px; font-weight: bold; color: #0070C0; }
.boshi-duixinag .image img { padding: 30px 0; }
.boshi-duixinag .intro { padding: 30px 30px; -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; }
.boshi-duixinag .title, .boshi-duixinag .text { display: block; width: 100%; overflow: hidden; }
.boshi-duixinag .title { font-size: 20px; font-weight: bold; }
.boshi-duixinag .text { padding-top: 20px; }
.boshi-duixinag .text li { display: block; padding-left: 20px; line-height: 30px; font-size: 16px; background: url(../images/s.png) no-repeat left 12px; }

@media screen and (max-width: 767px) {
.boshi-duixinag { padding: 10px 0; overflow: hidden; }
.boshi-duixinag .item { float: left; width: 98%; margin: 10px 1%; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; position: relative; box-shadow: 0 0 10px rgba(230,232,234,.6); overflow: hidden; background: #fff; }
.boshi-duixinag .image, .boshi-duixinag .intro { position: relative; z-index: 1; padding: 10px 10px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.boshi-duixinag .image { float: left; width: 35%; -webkit-flex-direction: column; flex-direction: column; background: #F0F3F7; font-size: 16px; font-weight: bold; color: #0070C0; }
.boshi-duixinag .image img { padding: 30px 0; }
.boshi-duixinag .intro { padding: 10px 10px; -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; }
.boshi-duixinag .title, .boshi-duixinag .text { display: block; width: 100%; overflow: hidden; }
.boshi-duixinag .title { font-size: 16px; font-weight: bold; }
.boshi-duixinag .text { padding-top: 20px; }
.boshi-duixinag .text li { display: block; padding-left: 10px; line-height: 30px; font-size: 14px; background: url(../images/s.png) no-repeat left 12px; }
}
/**/
.boshi-single { padding: 20px 0; overflow: hidden; font-size: 18px; line-height: 2; text-align: center; }
.boshi-single a { display: inline-block; margin: 10px 0; padding: 5px 10px; background: #1266A9; color: #fff; overflow: hidden; }

@media screen and (max-width: 767px) {
.boshi-single { padding: 10px 0; overflow: hidden; font-size: 14px; line-height: 2; text-align: center; }
.boshi-single a { display: inline-block; margin: 10px 0; padding: 5px 10px; background: #1266A9; color: #fff; overflow: hidden; }
}
/**/
.join-list { padding: 20px 0; overflow: hidden; }
.join-list .item { margin: 20px 1%; width: 98%; background: #fff; overflow: hidden; border: 1px solid #F5F5F5; }
.join-list .on { box-shadow: 0 0 10px rgba(230,232,234,.6); border: 1px solid #e7e7e7; border-bottom: 3px solid #e7e7e7; }
.join-list .title-inner, .join-list .text-inner { overflow: hidden; position: relative; }
.join-list .title-inner { padding-right: 120px; height: 85px; line-height: 85px; background: #F5F5F5; font-size: 16px; }
.join-list .title-inner .open { position: absolute; right: 0; width: 120px; height: 85px; background: #E0E0E0; text-align: center; }
.join-list .title-inner .open span:last-child { display: none; }
.join-list .on .title-inner { background: #1266A9; color: #fff; }
.join-list .on .title-inner .open { background: #303338; color: #fff; }
.join-list .on .title-inner .open span:first-child { display: none; }
.join-list .on .title-inner .open span:last-child { display: block; }
.join-list .title-inner li { float: left; width: 25%; padding: 0 20px; }
.join-list .title-inner li:nth-child(1) { width: 35%; }
.join-list .title-inner li:nth-child(2) { width: 15%; }
.join-list .title-inner li:nth-child(3) { width: 25%; }
.join-list .title-inner li:nth-child(4) { width: 25%; }
.join-list .text-inner { padding: 50px 50px; font-size: 16px; line-height: 2; display: none; }
.join-list .text-inner .title, .join-list .text-inner .text, .join-list .text-inner li, .join-list .text-inner .mail { display: block; overflow: hidden; position: relative; }
.join-list .text-inner .title { font-size: 30px; }
.join-list .text-inner .text { padding: 10px 0; }
.join-list .text-inner .text strong { font-weight: bold; font-size: 18px; padding: 10px 0; }
.join-list .text-inner .text li { padding-left: 10px; }
.join-list .text-inner .text li:after { content: ''; position: absolute; left: 0; top: 18px; width: 4px; height: 4px; border-radius: 50%; background: #0084EB; }
.join-list .text-inner .mail { text-align: center; }
.join-list .text-inner .mail a { margin: 0 auto; display: block; width: 170px; height: 48px; line-height: 48px; font-size: 16px; text-align: center; background: #1266A9 url(../images/j4.png) no-repeat 30px center; color: #fff; border-bottom: 3px solid #06518C; overflow: hidden; padding-left: 30px; }
/**/
.join-tip { height: 200px; background: url(../images/join-tip.png) no-repeat center; width: 100%; color: #fff; overflow: hidden; background-size: cover; }
.join-tip h3 { display: block; padding: 20px 0; font-size: 42px; text-align: center; }
.join-tip p { font-size: 18px; line-height: 34px; text-align: center; }
.join-tip p a { overflow: hidden; height: 34px; background: #fff; padding: 5px 20px; color: #567DCA; }

@media screen and (max-width: 767px) {
.join-list { padding: 10px 0; overflow: hidden; }
.join-list .title-inner, .join-list .text-inner { overflow: hidden; position: relative; }
.join-list .title-inner { padding: 10px 0; padding-right: 60px; height: auto; line-height: 30px; background: #F5F5F5; font-size: 14px; }
.join-list .title-inner .open { position: absolute; right: 0; width: 60px; height: 30px; background: #E0E0E0; text-align: center; }
.join-list .title-inner .open span:last-child { display: none; }
.join-list .title-inner li { float: left; width: 100%; padding: 0 10px; }
.join-list .title-inner li:nth-child(1) { width: 100%; }
.join-list .title-inner li:nth-child(2) { width: 100%; }
.join-list .title-inner li:nth-child(3) { width: 100%; }
.join-list .title-inner li:nth-child(4) { width: 100%; }
.join-list .text-inner { padding: 10px 10px; font-size: 14px; line-height: 2; display: none; }
.join-list .text-inner .title { font-size: 18px; }
.join-list .text-inner .text { padding: 10px 0; }
.join-list .text-inner .text strong { font-weight: bold; font-size: 16px; padding: 10px 0; }
.join-tip { height: auto; padding: 10px 0; }
.join-tip h3 { display: block; padding: 10px 0; font-size: 18px; text-align: center; }
.join-tip p { font-size: 14px; line-height: 34px; text-align: center; }
.join-tip p a { overflow: hidden; height: 34px; background: #fff; padding: 5px 10px; color: #567DCA; }
}
/**/
.join-show { margin: 20px 60px; position: relative; }
#join-show { position: relative; padding-bottom: 50px; }
.join-show .swiper-container { width: 100%; height: 100%; }
#join-show .swiper-slide { float: left !important; width: 30.33333% !important; margin: 0 1.5% !important; padding: 0 0 !important; background: #fff !important; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#join-show .swiper-slide .image { width: 100%; display: flex; align-items: center; height: 225px; border: 10px solid #9DA3A8; position: relative; overflow: hidden; }
#join-show .swiper-slide .image img { max-width: 100%; align-items: center; }
#join-show .swiper-slide:hover .image { border-color: #5A0B0D; }
#join-show .swiper-slide .title { padding: 10px 10px; display: block; overflow: hidden; font-size: 16px; line-height: 40px; text-align: center; }
#join-show .swiper-slide:hover .title { color: #5A0B0D; }
#join-show .swiper-slide .text { overflow: hidden; z-index: 1; font-size: 15px; line-height: 35px; height: 35px; text-align: center; }
.join-show .swiper-button-prev, .join-show .swiper-button-next { position: absolute; top: 50%; margin-top: -28px; width: 56px; height: 56px; text-align: center; line-height: 56px; color: #E6E6E6; font-size: 22px; font-weight: lighter; transition: all .6s; background: #fff; outline: none; box-shadow: 0 0 10px rgba(230,232,234,.8); border-radius: 50%; }
.join-show .swiper-button-prev { left: -50px; }
.join-show .swiper-button-next { right: -50px; }
#join-show .swiper-button-prev:hover, .join-show .swiper-button-next:hover { color: #1266A9; }
#join-show .swiper-pagination { text-align: center; bottom: 0px !important; }
#join-show .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#join-show .swiper-pagination-bullet-active { background-color: #1266A9 !important; border: 5px solid #fff !important; }
.join-shows { margin: 20px 60px; position: relative; display: none; }
#join-shows { position: relative; padding-bottom: 50px; }
.join-shows .swiper-container { width: 100%; height: 100%; }
#join-shows .swiper-slide { float: left !important; width: 97% !important; margin: 0 1.5% !important; padding: 0 0 !important; background: #fff !important; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#join-shows .swiper-slide .image { width: 100%; display: flex; align-items: center; height: 155px; border: 5px solid #9DA3A8; position: relative; overflow: hidden; }
#join-shows .swiper-slide .image img { max-width: 100%; align-items: center; }
#join-shows .swiper-slide:hover .image { border-color: #5A0B0D; }
#join-shows .swiper-slide .title { padding: 10px 10px; display: block; overflow: hidden; font-size: 16px; line-height: 40px; text-align: center; }
#join-shows .swiper-slide:hover .title { color: #5A0B0D; }
#join-shows .swiper-slide .text { overflow: hidden; z-index: 1; font-size: 15px; line-height: 35px; height: 35px; text-align: center; }
.join-shows .swiper-button-prev, .join-shows .swiper-button-next { position: absolute; top: 50%; margin-top: -18px; width: 36px; height: 36px; text-align: center; line-height: 36px; color: #E6E6E6; font-size: 22px; font-weight: lighter; transition: all .6s; background: #fff; outline: none; box-shadow: 0 0 10px rgba(230,232,234,.8); border-radius: 50%; }
.join-shows .swiper-button-prev { left: -50px; }
.join-shows .swiper-button-next { right: -50px; }
#join-shows .swiper-button-prev:hover, .join-shows .swiper-button-next:hover { color: #1266A9; }
#join-shows .swiper-pagination { text-align: center; bottom: 0px !important; }
#join-shows .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#join-shows .swiper-pagination-bullet-active { background-color: #1266A9 !important; border: 5px solid #fff !important; }

@media screen and (max-width: 767px) {
.join-show { display: none; }
.join-shows { display: block; }
}
/**/

.pin-caption { padding: 30px 0; padding-bottom: 40px; overflow: hidden; }
.pin-caption h3, .pin-caption p { display: block; text-align: center; overflow: hidden; position: relative; }
.pin-caption h3 { font-size: 40px; font-weight: bold; line-height: 55px; padding-bottom: 20px; }
.pin-caption h3:after, .pin-caption h3:before { content: ''; position: absolute; left: 50%; }
.pin-caption h3:after { width: 80px; height: 1px; bottom: 2px; margin-left: -40px; background: #e7e7e7; z-index: 0; }
.pin-caption h3:before { width: 44px; height: 5px; margin-left: -22px; background: #0071BD; bottom: 0; z-index: 1; }
.pin-caption p { font-size: 16px; line-height: 35px; color: #AAA; }

@media screen and (max-width: 767px) {
.pin-caption { padding: 10px 0; padding-bottom: 20px; overflow: hidden; }
.pin-caption h3, .pin-caption p { display: block; text-align: center; overflow: hidden; position: relative; }
.pin-caption h3 { font-size: 18px; font-weight: bold; line-height: 30px; padding-bottom: 10px; }
.pin-caption h3:after, .pin-caption h3:before { content: ''; position: absolute; left: 50%; }
.pin-caption h3:after { width: 80px; height: 1px; bottom: 2px; margin-left: -40px; background: #e7e7e7; z-index: 0; }
.pin-caption h3:before { width: 44px; height: 5px; margin-left: -22px; background: #0071BD; bottom: 0; z-index: 1; }
.pin-caption p { font-size: 14px; line-height: 30px; color: #AAA; }
}
/**/
.pin-wrap { background: #F4F8FB; }
.pin-type { padding: 20px 0; overflow: hidden; width: 100%; display: flex; align-items: center; font-size: 24px; font-weight: bold; }
.pin-type img { align-items: center; margin-right: 10px; }

@media screen and (max-width: 767px) {
.pin-wrap { background: #F4F8FB; }
.pin-type { padding: 10px 0; overflow: hidden; width: 100%; display: flex; align-items: center; font-size: 18px; font-weight: bold; }
.pin-type img { align-items: center; margin-right: 10px; }
}
/**/
.shtai-youshi { padding: 20px 0; overflow: hidden; }
.shtai-youshi li { float: left; width: 32%; padding: 20px 20px; background: #fff; padding-left: 125px; box-shadow: 0 0 5px rgba(230,232,234,.6); margin: 0 2%; margin-left: 0; overflow: hidden; position: relative; }
.shtai-youshi li:last-child { margin-right: 0; }
.shtai-youshi li:after { content: ''; position: absolute; left: 0; top: 0; width: 105px; height: 100%; }
.shtai-youshi li:nth-child(1):after { background: #0F4B94 url(../images/st2.png) no-repeat center; }
.shtai-youshi li:nth-child(2):after { background: #33CDAB url(../images/st3.png) no-repeat center; }
.shtai-youshi li:nth-child(3):after { background: #EF4456 url(../images/st5.png) no-repeat center; }
.shtai-youshi h3, .shtai-youshi p { display: block; overflow: hidden; line-height: 35px; }
.shtai-youshi h3 { font-size: 20px; font-weight: bold; }
.shtai-youshi p { font-size: 16px; }

@media screen and (max-width: 767px) {
.shtai-youshi { padding: 10px 0; overflow: hidden; }
.shtai-youshi li { float: left; width: 98%; padding: 10px 10px; background: #fff; padding-left: 115px; box-shadow: 0 0 5px rgba(230,232,234,.6); margin: 0 1%; margin-left: 1%; overflow: hidden; position: relative; }
.shtai-youshi li:last-child { margin-right: 1%; }
.shtai-youshi li:after { content: ''; position: absolute; left: 0; top: 0; width: 105px; height: 100%; }
.shtai-youshi li:nth-child(1):after { background: #0F4B94 url(../images/st2.png) no-repeat center; }
.shtai-youshi li:nth-child(2):after { background: #33CDAB url(../images/st3.png) no-repeat center; }
.shtai-youshi li:nth-child(3):after { background: #EF4456 url(../images/st5.png) no-repeat center; }
.shtai-youshi h3, .shtai-youshi p { display: block; overflow: hidden; line-height: 30px; }
.shtai-youshi h3 { font-size: 16px; font-weight: bold; }
.shtai-youshi p { font-size: 14px; }
}
/**/
.shtai-jiegou { padding: 20px 0; overflow: hidden; }
.jiegou-left, .jiegou-right { float: left; width: 295px; height: 700px; overflow: hidden; }
.jiegou-left { display: flex; align-items: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; line-height: 35px; color: #fff; font-size: 20px; background: url(../images/stico.png) no-repeat center; background-size: cover; text-align: center; }
.jiegou-left img { align-items: center; margin-bottom: 10px; }
.jiegou-right { float: right; width: 895px; position: relative; }
.jiegou-right .item { margin-bottom: 10px; border: 1px dashed #E8E8FF; background: #FCFDFE url(../images/st-line-1.png) no-repeat left center; width: 100%; position: relative; overflow: hidden; height: 200px; }
.jiegou-right .item:nth-child(2) { background: #FCFDFE url(../images/st-line-2.png) no-repeat left center; height: 280px; }
.jiegou-right .item:nth-child(3) { background: #FCFDFE url(../images/st-line-3.png) no-repeat left center; height: 200px; margin-bottom: 0; }
.jiegou-right .item li { position: absolute; width: 240px; background: #fff; box-shadow: 0 0 10px rgba(223,238,254,1); overflow: hidden; font-size: 15px; line-height: 30px; }
.jiegou-right .item:nth-child(1) li { height: 75px; }
.jiegou-right .item:nth-child(1) li:nth-child(1) { left: 180px; top: 10px; }
.jiegou-right .item:nth-child(1) li:nth-child(2) { left: 485px; top: 10px; }
.jiegou-right .item:nth-child(1) li:nth-child(3) { left: 180px; bottom: 10px; }
.jiegou-right .item:nth-child(1) li:nth-child(4) { left: 485px; bottom: 10px; }
.jiegou-right .item:nth-child(3) li { height: 75px; }
.jiegou-right .item:nth-child(3) li:nth-child(1) { left: 180px; top: 10px; }
.jiegou-right .item:nth-child(3) li:nth-child(2) { left: 180px; bottom: 10px; }
.jiegou-right .item:nth-child(2) li { height: 105px; }
.jiegou-right .item:nth-child(2) li:nth-child(1) { left: 180px; top: 10px; }
.jiegou-right .item:nth-child(2) li:nth-child(2) { left: 180px; bottom: 10px; }
.jiegou-right .item:nth-child(2) li:nth-child(3) { left: 457px; top: 90px; }
.jiegou-right .item:nth-child(2) li:nth-child(4) { right: 5px; top: 90px; width: 155px; }
.jiegou-right .item .image, .jiegou-right .item .text { display: flex; align-items: center; justify-content: center; overflow: hidden; height: 100%; }
.jiegou-right .item .image { float: left; width: 75px; height: 100%; margin-right: 5px; background: #0F4B94; }
.jiegou-right .item .image img { align-items: center; }
.jiegou-right .item .text { display: flex; align-items: center; justify-content: center; text-align: center; }
.jiegou-right .item .title { height: 30px; overflow: hidden; background: #0F4B94; color: #fff; width: 100%; text-align: center; }
.jiegou-right .item .other { height: 75px; display: flex; width: 100%; align-items: center; justify-content: center; }

@media screen and (max-width: 767px) {
.shtai-jiegou { padding: 10px 0; overflow: hidden; }
.jiegou-left, .jiegou-right { float: left; width: 100%; height: auto; overflow: hidden; }
.jiegou-left { display: flex; align-items: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; line-height: 30px; color: #fff; font-size: 16px; background: url(../images/stico.png) no-repeat center; background-size: cover; text-align: center; padding: 20px 0; }
.jiegou-left img { align-items: center; margin-bottom: 10px; }
.jiegou-right { float: right; width: 100%; position: relative; }
.jiegou-right .item { margin-bottom: 10px; border: 1px dashed #E8E8FF; background: #FCFDFE url(../images/st-line-1.png) no-repeat left center; width: 100%; position: relative; overflow: hidden; height: auto; background: none !important; }
.jiegou-right .item:nth-child(2) { background: #FCFDFE url(../images/st-line-2.png) no-repeat left center; height: auto; }
.jiegou-right .item:nth-child(3) { background: #FCFDFE url(../images/st-line-3.png) no-repeat left center; height: auto; margin-bottom: 0; }
.jiegou-right .item li { position: static; width: 100%; float: left; margin: 5px 0%; background: #fff; box-shadow: 0 0 10px rgba(223,238,254,1); overflow: hidden; font-size: 14px; line-height: 30px; }
.jiegou-right .item:nth-child(1) li { height: auto; }
.jiegou-right .item:nth-child(1) li:nth-child(1) { left: 180px; top: 10px; }
.jiegou-right .item:nth-child(1) li:nth-child(2) { left: 485px; top: 10px; }
.jiegou-right .item:nth-child(1) li:nth-child(3) { left: 180px; bottom: 10px; }
.jiegou-right .item:nth-child(1) li:nth-child(4) { left: 485px; bottom: 10px; }
.jiegou-right .item:nth-child(3) li { height: 75px; }
.jiegou-right .item:nth-child(3) li:nth-child(1) { left: 180px; top: 10px; }
.jiegou-right .item:nth-child(3) li:nth-child(2) { left: 180px; bottom: 10px; }
.jiegou-right .item:nth-child(2) li { height: 105px; }
.jiegou-right .item:nth-child(2) li:nth-child(1) { left: 180px; top: 10px; }
.jiegou-right .item:nth-child(2) li:nth-child(2) { left: 180px; bottom: 10px; }
.jiegou-right .item:nth-child(2) li:nth-child(3) { left: 457px; top: 90px; }
.jiegou-right .item:nth-child(2) li:nth-child(4) { right: 5px; top: 90px; width: 155px; }
.jiegou-right .item .image, .jiegou-right .item .text { padding: 10px 0; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 100%; }
.jiegou-right .item .image { float: left; width: 75px; height: 100%; margin-right: 5px; background: #0F4B94; }
.jiegou-right .item .image img { align-items: center; max-width: 30px; }
.jiegou-right .item .text { display: flex; align-items: center; justify-content: center; text-align: center; }
.jiegou-right .item .title { height: 30px; overflow: hidden; background: #0F4B94; color: #fff; width: 100%; text-align: center; }
.jiegou-right .item .other { height: 75px; display: flex; width: 100%; align-items: center; justify-content: center; }
.jiegou-right .item:nth-child(2) li:nth-child(4) { right: 5px; top: 90px; width: 100%; }
}
/**/
.kaifang-intro { margin-bottom: 50px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; background: #0071BD; border-radius: 50px 0 50px 0; overflow: hidden; }
.kaifang-intro .image, .kaifang-intro .intro { position: relative; z-index: 1; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; }
.kaifang-intro .image { float: left; width: 50%; }
.kaifang-intro .image img { }
.kaifang-intro .intro { padding: 30px 30px; -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; position: relative; }
.kaifang-intro .title, .kaifang-intro .text, .kaifang-intro .other, .kaifang-intro .more { display: block; width: 100%; overflow: hidden; text-align: left; color: #fff; line-height: 35px; font-size: 16px; }
.kaifang-intro .title { font-size: 20px; font-weight: bold; }
.kaifang-intro .text { padding: 20px 0; }
.kaifang-intro .other { }
.kaifang-intro .other strong { font-style: normal; font-weight: bold; }
.kaifang-intro .more { position: absolute; right: 30px; bottom: 45px; width: auto; display: none; }
.kaifang-intro .more a { color: #fff; }

@media screen and (max-width: 767px) {
.kaifang-intro { margin-bottom: 10px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; background: #0071BD; border-radius: 10px 0 10px 0; overflow: hidden; }
.kaifang-intro .image, .kaifang-intro .intro { position: relative; z-index: 1; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; }
.kaifang-intro .image { float: left; width: 100%; }
.kaifang-intro .image img { width: 100%; }
.kaifang-intro .intro { padding: 10px 10px; padding-bottom: 45px; -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; position: relative; }
.kaifang-intro .title, .kaifang-intro .text, .kaifang-intro .other, .kaifang-intro .more { display: block; width: 100%; overflow: hidden; text-align: left; color: #fff; line-height: 30px; font-size: 14px; }
.kaifang-intro .title { font-size: 18px; font-weight: bold; }
.kaifang-intro .text { padding: 10px 0; }
.kaifang-intro .other { }
.kaifang-intro .other strong { font-style: normal; font-weight: bold; }
.kaifang-intro .more { position: absolute; right: 10px; bottom: 10px; width: auto; display: none; }
.kaifang-intro .more a { color: #fff; }
}
/**/
.kaifang-single { padding: 20px 0; overflow: hidden; font-size: 16px; line-height: 2; }
.kaifang-single img { max-width: 100%; display: block; overflow: hidden; margin: 10px auto; }

@media screen and (max-width: 767px) {
.kaifang-single { padding: 10px 0; overflow: hidden; font-size: 14px; line-height: 2; }
}
/**/
.kaifang-zhuyao { padding: 20px 0; overflow: hidden; }
.kaifang-zhuyao li { float: left; width: 23%; margin: 0 1%; padding: 30px 20px; background: #fff; border-top: 5px solid #fff; position: relative; overflow: hidden; }
.kaifang-zhuyao li .image, .kaifang-zhuyao li .title, .kaifang-zhuyao li .text { display: block; text-align: center; line-height: 30px; position: relative; z-index: 1; }
.kaifang-zhuyao li .image { width: 100%; display: flex; justify-content: center; align-items: center; height: 100px; }
.kaifang-zhuyao li .image img { max-width: 100%; align-items: center; }
.kaifang-zhuyao li .title { margin: 10px auto; font-size: 24px; }
.kaifang-zhuyao li .text { position: absolute; z-index: 0; font-size: 80px; line-height: 90px; font-weight: bold; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color: #F0F0F0; right: 10px; bottom: 0; }
.kaifang-zhuyao li:hover { border-top: 5px solid #0D579F; box-shadow: 0 0 10px rgba(18,102,169,.6); }

@media screen and (max-width: 767px) {
.kaifang-zhuyao { padding: 10px 0; overflow: hidden; }
.kaifang-zhuyao li { float: left; width: 48%; margin: 10px 1%; padding: 10px 10px; background: #fff; border-top: 5px solid #fff; position: relative; overflow: hidden; }
.kaifang-zhuyao li .image, .kaifang-zhuyao li .title, .kaifang-zhuyao li .text { display: block; text-align: center; line-height: 30px; position: relative; z-index: 1; }
.kaifang-zhuyao li .image { width: 100%; display: flex; justify-content: center; align-items: center; height: 100px; }
.kaifang-zhuyao li .image img { max-width: 100%; align-items: center; }
.kaifang-zhuyao li .title { margin: 10px auto; font-size: 16px; }
.kaifang-zhuyao li .text { position: absolute; z-index: 0; font-size: 42px; line-height: 50px; font-weight: bold; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color: #F0F0F0; right: 10px; bottom: 0; }
.kaifang-zhuyao li:hover { border-top: 5px solid #0D579F; box-shadow: 0 0 10px rgba(18,102,169,.6); }
}
/**/
.kaifang-case { padding: 20px 0; overflow: hidden; }
.kaifang-left, .kaifang-right { float: left; width: 260px; position: relative; }
.kaifang-left li { width: 100%; height: 75px; margin-bottom: 10px; line-height: 75px; background-color: #F4F8FB; background-repeat: no-repeat; background-position: 30px center; font-size: 18px; padding-left: 90px; position: relative; }
.kaifang-left li:after { content: ''; position: absolute; right: -22px; width: 25px; height: 38px; top: 50%; margin-top: -19px; background: url(../images/S2.png) no-repeat right center; display: none; }
.kaifang-left li:hover, .kaifang-left li.on { background-color: #3774B0; color: #fff; }
.kaifang-left li:hover:after, .kaifang-left li.on:after { display: block; }
.kaifang-left li:nth-child(1) { background-image: url(../images/p11.png); }
.kaifang-left li:nth-child(1):hover, .kaifang-left li:nth-child(1).on { background-image: url(../images/p11-hover.png); }
.kaifang-left li:nth-child(2) { background-image: url(../images/p13.png); }
.kaifang-left li:nth-child(2):hover, .kaifang-left li:nth-child(2).on { background-image: url(../images/p13-hover.png); }
.kaifang-left li:nth-child(3) { background-image: url(../images/p14.png); }
.kaifang-left li:nth-child(3):hover, .kaifang-left li:nth-child(3).on { background-image: url(../images/p14-hover.png); }
.kaifang-left li:nth-child(4) { background-image: url(../images/p15.png); }
.kaifang-left li:nth-child(4):hover, .kaifang-left li:nth-child(4).on { background-image: url(../images/p15-hover.png); }
.kaifang-left li:nth-child(5) { background-image: url(../images/p16.png); }
.kaifang-left li:nth-child(5):hover, .kaifang-left li:nth-child(5).on { background-image: url(../images/p16-hover.png); }
.kaifang-right { float: right; width: 910px; height: 415px; border: 1px solid #E8E8FF; overflow: hidden; }
.kaifang-right .bigImg { width: 100%; height: 100%; z-index: 1; position: relative; }
.kaifang-right .bigImg li { position: relative; width: 100%; height: 100%; overflow: hidden; }
.kaifang-right .bigImg li img { width: 100%; vertical-align: middle; }
.kaifang-right .smallScroll { position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.43); height: 100px; width: 100%; z-index: 3; }
.kaifang-right .smallImg { width: 100%; overflow: hidden; padding-left: 15px; }
.kaifang-right .smallImg ul { height: 100px; width: 100%; overflow: hidden; }
.kaifang-right .smallImg li { float: left; width: 100px !important; height: 62px; margin: 19px 5px; border: 1px solid #6E7273; cursor: pointer; position: relative; overflow: hidden; }
.kaifang-right .smallImg li img { height: 100%; vertical-align: middle; }
.kaifang-right .smallImg li.on, .kaifang-right .smallImg li:hover { border-color: #00A8FF; }

@media screen and (max-width: 767px) {
.kaifang-case { padding: 10px 0; overflow: hidden; }
.kaifang-left, .kaifang-right { float: left; width: 100%; position: relative; }
.kaifang-left li { float: left; width: 50%; height: 55px; margin-bottom: 10px; line-height: 55px; background-color: #F4F8FB; background-repeat: no-repeat; background-position: 10px center; font-size: 14px; padding-left: 45px; position: relative; background-size: 30px auto; }
.kaifang-left li:after { content: ''; position: absolute; right: -22px; width: 25px; height: 38px; top: 50%; margin-top: -19px; background: url(../images/S2.png) no-repeat right center; display: none; }
.kaifang-left li:hover, .kaifang-left li.on { background-color: #3774B0; color: #fff; }
.kaifang-left li:hover:after, .kaifang-left li.on:after { display: block; }
.kaifang-left li:nth-child(1) { background-image: url(../images/p11.png); }
.kaifang-left li:nth-child(1):hover { background-image: url(../images/p11-hover.png); }
.kaifang-left li:nth-child(2) { background-image: url(../images/p13.png); }
.kaifang-left li:nth-child(2):hover { background-image: url(../images/p13-hover.png); }
.kaifang-left li:nth-child(3) { background-image: url(../images/p14.png); }
.kaifang-left li:nth-child(3):hover { background-image: url(../images/p14-hover.png); }
.kaifang-left li:nth-child(4) { background-image: url(../images/p15.png); }
.kaifang-left li:nth-child(4):hover { background-image: url(../images/p15-hover.png); }
.kaifang-left li:nth-child(5) { background-image: url(../images/p16.png); }
.kaifang-left li:nth-child(5):hover { background-image: url(../images/p16-hover.png); }
.kaifang-right { float: right; width: 100%; height: 200px; border: 1px solid #E8E8FF; overflow: hidden; }
.kaifang-right .bigImg { width: 100%; height: 100%; z-index: 1; position: relative; }
.kaifang-right .bigImg li { position: relative; width: 100%; height: 100%; overflow: hidden; }
.kaifang-right .bigImg li img { width: 100%; vertical-align: middle; }
.kaifang-right .smallScroll { position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.43); height: 50px; width: 100%; z-index: 3; }
.kaifang-right .smallImg { width: 100%; overflow: hidden; padding-left: 5px; }
.kaifang-right .smallImg ul { height: 50px; padding-top: 5px; width: 100%; overflow: hidden; }
.kaifang-right .smallImg li { float: left; width: 40px !important; height: 32px; margin: 4px 5px !important; border: 1px solid #6E7273; cursor: pointer; position: relative; overflow: hidden; }
.kaifang-right .smallImg li img { height: 100%; vertical-align: middle; }
.kaifang-right .smallImg li.on, .kaifang-right .smallImg li:hover { border-color: #00A8FF; }
}
/**/
.kaifang-jiagou { 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; }
.kaifang-jiagou .item { float: left; position: relative; overflow: hidden; height: 525px; padding: 25px 15px; overflow: hidden; }
.kaifang-jiagou .item:nth-child(1), .kaifang-jiagou .item:nth-child(5) { width: 220px; background: url(../images/p23.png) no-repeat top right; background-size: cover; }
.kaifang-jiagou .item:nth-child(2), .kaifang-jiagou .item:nth-child(4) { width: 112.5px; }
.kaifang-jiagou .item:nth-child(3) { width: 535px; background: url(../images/p21.png) no-repeat top right; background-size: cover; }
.kaifang-jiagou .item:nth-child(4) { background: url(../images/p22.png) no-repeat center; background-size: 100% auto; }
.kaifang-jiagou .dt, .kaifang-jiagou .dts, .kaifang-jiagou .dd, .kaifang-jiagou .ul { display: block; line-height: 30px; }
.kaifang-jiagou .dt { height: 36px; line-height: 36px; text-align: center; background: #333; color: #fff; font-size: 16px; font-weight: bold; box-shadow: 0 0 5px rgba(0,0,0,.6); }
.kaifang-jiagou .dts { height: 36px; line-height: 36px; text-align: center; background: #E8EFFF; font-size: 16px; font-weight: bold; margin: 10px 0; }
.kaifang-jiagou .dd { margin: 10px 0; border: 1px dashed #e7e7e7; padding: 5px 10px; text-align: center; }
.kaifang-jiagou .dd span, .kaifang-jiagou .dd li, .kaifang-jiagou .dd strong, .kaifang-jiagou .dd dl { display: block; overflow: hidden; font-weight: normal; margin: 3px 0; }
.kaifang-jiagou .dd li { box-shadow: 0 0 5px rgba(230,232,234,.6); }
.kaifang-jiagou .dd strong { font-weight: bold; font-size: 16px; }
.kaifang-jiagou .dd img { max-width: 100%; display: block; overflow: hidden; margin: 10px auto; }
.kaifang-jiagou .dd dl { border: 2px dashed #E8EFFF; }
.kaifang-jiagou .dd dl dd { float: left; width: 49%; height: 30px; margin: 5px .5%; line-height: 30px; background: #E8EFFF; text-align: center; }
.kaifang-jiagou .item:last-child .dd { border: 0; }
.kaifang-jiagou .item:last-child .dd li { height: 115px; margin: 5px 0; line-height: 115px; background: #E8EFFF; }
.kaifang-jiagou .ul { padding: 30px 0; }
.kaifang-jiagou .ul li { display: block; padding: 20px 0; color: #0379F1; border-bottom: 2px dashed #0379F1 }

@media screen and (max-width: 767px) {
.kaifang-jiagou { padding: 10px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.kaifang-jiagou .item { float: left; position: relative; overflow: hidden; height: auto; padding: 25px 15px; overflow: hidden; }
.kaifang-jiagou .item:nth-child(1), .kaifang-jiagou .item:nth-child(5) { width: 50%; background: url(../images/p23.png) no-repeat top right; background-size: cover; }
.kaifang-jiagou .item:nth-child(2), .kaifang-jiagou .item:nth-child(4) { width: 50%; }
.kaifang-jiagou .item:nth-child(3) { width: 50%; background: url(../images/p21.png) no-repeat top right; background-size: cover; }
.kaifang-jiagou .item:nth-child(4) { background: url(../images/p22.png) no-repeat center; background-size: 100% auto; display: none; }
.kaifang-jiagou .dt, .kaifang-jiagou .dts, .kaifang-jiagou .dd, .kaifang-jiagou .ul { display: block; line-height: 30px; }
.kaifang-jiagou .dt { height: 36px; line-height: 36px; text-align: center; background: #333; color: #fff; font-size: 16px; font-weight: bold; box-shadow: 0 0 5px rgba(0,0,0,.6); }
.kaifang-jiagou .dts { height: 36px; line-height: 36px; text-align: center; background: #E8EFFF; font-size: 16px; font-weight: bold; margin: 10px 0; }
.kaifang-jiagou .dd { margin: 10px 0; border: 1px dashed #e7e7e7; padding: 5px 10px; text-align: center; }
.kaifang-jiagou .dd span, .kaifang-jiagou .dd li, .kaifang-jiagou .dd strong, .kaifang-jiagou .dd dl { display: block; overflow: hidden; font-weight: normal; margin: 3px 0; }
.kaifang-jiagou .dd li { box-shadow: 0 0 5px rgba(230,232,234,.6); }
.kaifang-jiagou .dd strong { font-weight: bold; font-size: 16px; }
.kaifang-jiagou .dd img { max-width: 100%; display: block; overflow: hidden; margin: 10px auto; }
.kaifang-jiagou .dd dl { border: 2px dashed #E8EFFF; }
.kaifang-jiagou .dd dl dd { float: left; width: 49%; height: 30px; margin: 5px .5%; line-height: 30px; background: #E8EFFF; text-align: center; }
.kaifang-jiagou .item:last-child .dd { border: 0; }
.kaifang-jiagou .item:last-child .dd li { height: 115px; margin: 5px 0; line-height: 115px; background: #E8EFFF; }
.kaifang-jiagou .ul { padding: 30px 0; }
.kaifang-jiagou .ul li { display: block; padding: 20px 0; color: #0379F1; border-bottom: 2px dashed #0379F1 }
}
/**/
.details-wrap { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; overflow: hidden; height: 600px; }
.details-wrap:after { content: ''; position: absolute; left: 0; top: 0; display: table-cell; width: 100%; height: 100%; background: rgba(0,0,0,.4); opacity: 1; }
.details-wrap .details-inner { width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; position: relative; }
.details-wrap .details-inner .image-inner, .details-wrap .details-inner .intro-inner { position: relative; z-index: 1; padding: 10px 10px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 100%; }
.details-wrap .details-inner .image-inner { float: left; width: 50%; background: url(../images/s1.png) no-repeat center 350px; background-size: 100% auto; padding-bottom: 100px; }
.details-wrap .details-inner .image-inner img { max-width: 100%; align-items: center; }
.details-wrap .details-inner .intro-inner { padding: 50px 50px; padding-top: 20px; padding-right: 0; -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; font-size: 16px; }
.details-wrap .details-inner .intro-inner .title, .details-wrap .details-inner .intro-inner .text, .details-wrap .details-inner .intro-inner .other { line-height: 35px; color: #fff; width: 100%; overflow: hidden; }
.details-wrap .details-inner .intro-inner .title { font-size: 32px; font-weight: bold; line-height: 45px; }
.details-wrap .details-inner .intro-inner .text { margin: 30px 0; color: #BBBDC0; border: 1px solid #3A3C42; border-left: 0; border-right: 0; padding: 30px 0; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; }
.details-wrap .details-inner .intro-inner .other { color: #BBBDC0; display: flex; align-items: center; }
.details-wrap .details-inner .intro-inner .other img { max-width: 100%; align-items: center; margin-left: 10px; }

@media screen and (max-width: 767px) {
.details-wrap { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; overflow: hidden; height: auto; }
.details-wrap:after { content: ''; position: absolute; left: 0; top: 0; display: table-cell; width: 100%; height: 100%; background: rgba(0,0,0,.4); opacity: 1; }
.details-wrap .details-inner { width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; position: relative; display: block; }
.details-wrap .details-inner .image-inner, .details-wrap .details-inner .intro-inner { position: relative; z-index: 1; padding: 10px 10px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 100%; float: left; width: 100%; }
.details-wrap .details-inner .image-inner { float: left; width: 100%; background: url(../images/s1.png) no-repeat center 250px; background-size: 100% auto; padding-bottom: 50px; }
.details-wrap .details-inner .image-inner img { max-width: 100%; align-items: center; }
.details-wrap .details-inner .intro-inner { padding: 0 0; padding-top: 20px; padding-right: 0; -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; font-size: 14px; }
.details-wrap .details-inner .intro-inner .title, .details-wrap .details-inner .intro-inner .text, .details-wrap .details-inner .intro-inner .other { line-height: 30px; color: #fff; width: 100%; overflow: hidden; }
.details-wrap .details-inner .intro-inner .title { font-size: 28px; font-weight: bold; line-height: 45px; }
.details-wrap .details-inner .intro-inner .text { margin: 10px 0; color: #BBBDC0; border: 1px solid #3A3C42; border-left: 0; border-right: 0; padding: 10px 0; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 8; line-clamp: 8; height: auto; -webkit-box-orient: vertical; }
.details-wrap .details-inner .intro-inner .other { color: #BBBDC0; display: flex; align-items: center; display: block; }
.details-wrap .details-inner .intro-inner .other img { max-width: 100%; align-items: center; margin-left: 0; }
}
/**/
.tab-caption { padding: 20px 0; overflow: hidden; text-align: center; background: #fff; }
.tab-caption li { display: inline-block; width: 140px; height: 40px; line-height: 40px; font-size: 16px; border-radius: 20px; cursor: pointer; }
.tab-caption .on, .tab-caption li:hover { background: #1266A9; color: #fff; }

@media screen and (max-width: 767px) {
.tab-caption { padding: 10px 0; overflow: hidden; text-align: center; background: #fff; }
.tab-caption li { float: left; width: 33.33333%; height: 40px; line-height: 40px; font-size: 15px; border-radius: 20px; cursor: pointer; }
.tab-caption .on, .tab-caption li:hover { background: #1266A9; color: #fff; }
}
/**/
.shop-wrap { background: #F8FBFF; }
.shop-min { overflow: hidden; box-shadow: 0px 0px 10px #ECEFF3; }
.view-caption { padding: 20px 0; overflow: hidden; }
.view-caption h3, .view-caption p { display: block; text-align: center; overflow: hidden; position: relative; }
.view-caption h3 { font-size: 40px; font-weight: bold; line-height: 55px; padding-bottom: 20px; }
.view-caption h3:after, .view-caption h3:before { content: ''; position: absolute; left: 50%; }
.view-caption h3:after { width: 100%; height: 1px; bottom: 1px; left: 0; background: #e7e7e7; z-index: 0; }
.view-caption h3:before { width: 84px; height: 3px; margin-left: -42px; background: #000; bottom: 0; z-index: 1; }
.view-caption p { font-size: 18px; line-height: 35px; color: #AAA; padding: 15px 0; }
.view-more { text-align: center; padding: 20px 0; overflow: hidden; }
.view-more a { margin: 0 auto; display: block; overflow: hidden; width: 180px; line-height: 46px; height: 56px; font-size: 16px; text-align: center; border-radius: 28px; color: #fff; background: #1266A9; border-bottom: 10px solid #09548F; }

@media screen and (max-width: 767px) {
.shop-wrap { background: #F8FBFF; }
.shop-min { overflow: hidden; box-shadow: 0px 0px 10px #ECEFF3; }
.view-caption { padding: 20px 0; overflow: hidden; }
.view-caption h3, .view-caption p { display: block; text-align: center; overflow: hidden; position: relative; }
.view-caption h3 { font-size: 18px; font-weight: bold; line-height: 30px; padding-bottom: 20px; }
.view-caption h3:after, .view-caption h3:before { content: ''; position: absolute; left: 50%; }
.view-caption h3:after { width: 100%; height: 1px; bottom: 1px; left: 0; background: #e7e7e7; z-index: 0; }
.view-caption h3:before { width: 84px; height: 3px; margin-left: -42px; background: #000; bottom: 0; z-index: 1; }
.view-caption p { font-size: 14px; line-height: 30px; color: #AAA; padding: 15px 0; }
.view-more { text-align: center; padding: 20px 0; overflow: hidden; }
.view-more a { margin: 0 auto; display: block; overflow: hidden; width: 180px; line-height: 46px; height: 56px; font-size: 16px; text-align: center; border-radius: 28px; color: #fff; background: #1266A9; border-bottom: 10px solid #09548F; }
}
/**/
.recom-shop { padding-bottom: 30px; overflow: hidden; }
.recom-shop li { float: left; width: 23.5%; margin: 0 2%; margin-left: 0; position: relative; padding: 20px 20px; background: #fff; }
.recom-shop li:last-child { margin-right: 0; }
.recom-shop li .image, .recom-shop li .title, .recom-shop li .text, .recom-shop li .more { display: block; text-align: center; line-height: 30px; font-size: 16px; }
.recom-shop li .image { width: 100%; display: flex; justify-content: center; align-items: center; height: 225px; }
.recom-shop li .image img { max-width: 100%; align-items: center; }
.recom-shop li .title { font-size: 16px; line-height: 40px; height: 80px; overflow: hidden; }
.recom-shop li .text { margin: 10px auto; font-size: 18px; font-weight: bold; }
.recom-shop li .more { }
.recom-shop li .more a { display: inline-block; border: 1px solid #e7e7e7; padding: 0 20px; overflow: hidden; }
.recom-shop li:hover .more a { border-color: #0F4B94; background: #0F4B94; color: #fff; }

@media screen and (max-width: 767px) {
.recom-shop { padding-bottom: 30px; overflow: hidden; }
.recom-shop li { float: left; width: 48%; margin: 10px 1%; margin-left: 1%; position: relative; padding: 20px 20px; background: #fff; }
.recom-shop li:last-child { margin-right: 1%; }
.recom-shop li .image, .recom-shop li .title, .recom-shop li .text, .recom-shop li .more { display: block; text-align: center; line-height: 30px; font-size: 14px; }
.recom-shop li .image { width: 100%; display: flex; justify-content: center; align-items: center; height: 125px; }
.recom-shop li .image img { max-width: 100%; align-items: center; }
.recom-shop li .title { margin-top: 20px; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; }
.recom-shop li .text { margin: 10px auto; font-size: 16px; font-weight: bold; }
.recom-shop li .more { }
.recom-shop li .more a { display: inline-block; border: 1px solid #e7e7e7; padding: 0 20px; overflow: hidden; }
.recom-shop li:hover .more a { border-color: #0F4B94; background: #0F4B94; color: #fff; }
}
/**/
#jiqiren-index { margin: 0 auto; width: 100%; height: 100%; position: relative !important; z-index: 1!important; overflow: hidden; box-shadow: 0 10px 15px rgba(184,220,244,.6); }
#jiqiren-index .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
#jiqiren-index .swiper-slide { height: auto; overflow: hidden; }
#jiqiren-index .swiper-slide img { width: 100%; height: auto; vertical-align: middle; }
#jiqiren-index .swiper-slide a { display: block; height: 100% !important; }
#jiqiren-index .swiper-pagination { text-align: center; bottom: 0px !important; }
#jiqiren-index .swiper-pagination-bullet { width: 16px !important; height: 16px !important; background-color: #fff !important; opacity: 1; border-radius: 0 !important; outline: none; }
#jiqiren-index .swiper-pagination-bullet-active { background-color: #1266A9 !important; }

@media screen and (max-width: 767px) {
#jiqiren-index .swiper-pagination-bullet { width: 10px !important; height: 10px !important; background-color: #fff !important; opacity: 1; border-radius: 0 !important; outline: none; }
#jiqiren-index .swiper-pagination-bullet-active { background-color: #1266A9 !important; }
}
/**/
.jiqiren-caption { padding: 20px 0; overflow: hidden; }
.jiqiren-caption h3, .jiqiren-caption p { display: block; text-align: center; overflow: hidden; position: relative; }
.jiqiren-caption h3 { font-size: 42px; line-height: 55px; }
.jiqiren-caption p { font-size: 22px; line-height: 35px; padding: 10px 0; }

@media screen and (max-width: 767px) {
.jiqiren-caption { padding: 10px 0; overflow: hidden; }
.jiqiren-caption h3, .jiqiren-caption p { display: block; text-align: center; overflow: hidden; position: relative; }
.jiqiren-caption h3 { font-size: 18px; line-height: 30px; }
.jiqiren-caption p { font-size: 14px; line-height: 30px; padding: 10px 0; }
}
/**/
.jiqiren-wrap { background: #F5F5F5; }
.jiqiren-item { margin: 30px 15px; position: relative; z-index: 1; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; box-shadow: 0 0 25px rgba(184,220,244,.3); }
.jiqiren-item .image-inner, .jiqiren-item .text-inner { position: relative; padding: 50px 50px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #fff; }
.jiqiren-item .image-inner { float: left; width: 45%; padding: 100px 50px; justify-content: center; }
.jiqiren-item .image-inner img { max-width: 100%; align-items: center; position: relative; z-index: 1; }
.jiqiren-item .image-inner:after, .jiqiren-item .image-inner:before { content: ''; position: absolute; left: 0; width: 100%; z-index: 0; }
.jiqiren-item .image-inner:after { top: 0; height: 60%; background: #E8E8E9; }
.jiqiren-item .image-inner:before { bottom: 0; height: 40%; background: #DBDBDC; }
.jiqiren-item .text-inner { -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; font-size: 16px; text-align: left; }
.jiqiren-item .text-inner .title { width: 100%; position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 40px; font-weight: bold; }
.jiqiren-item .text-inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100px; height: 3px; background: #F08519; }
.jiqiren-item .text-inner .title a { }
.jiqiren-item .text-inner .text { width: 100%; font-size: 24px; }
.jiqiren-item .text-inner .mark { width: 100%; height: 250px; background: url(../images/watermark.png) no-repeat center; }
.jiqiren-item .text-inner .other { width: 100%; color: #747373; position: relative; }
.jiqiren-item .text-inner .other a { height: 40px; color: #747373; border: 2px solid #e7e7e7; line-height: 36px; border-radius: 20px; padding: 0 20px; position: absolute; right: 0; top: 50%; margin-top: -22px; }
.jiqiren-item .text-inner .other a:hover { border-color: #F08519; background-color: #F08519; color: #fff; }

@media screen and (max-width: 767px) {
.jiqiren-wrap { background: #F5F5F5; }
.jiqiren-item { margin: 10px 10px; position: relative; z-index: 1; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; box-shadow: 0 0 10px rgba(184,220,244,.3); }
.jiqiren-item .image-inner, .jiqiren-item .text-inner { position: relative; padding: 0px 0px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #fff; }
.jiqiren-item .image-inner { float: left; width: 100%; padding: 20px 20px; justify-content: center; }
.jiqiren-item .image-inner img { max-width: 100%; align-items: center; position: relative; z-index: 1; }
.jiqiren-item .image-inner:after, .jiqiren-item .image-inner:before { content: ''; position: absolute; left: 0; width: 100%; z-index: 0; }
.jiqiren-item .image-inner:after { top: 0; height: 60%; background: #E8E8E9; }
.jiqiren-item .image-inner:before { bottom: 0; height: 40%; background: #DBDBDC; }
.jiqiren-item .text-inner { padding: 20px 20px; -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; font-size: 14px; text-align: left; }
.jiqiren-item .text-inner .title { width: 100%; position: relative; margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; font-weight: bold; }
.jiqiren-item .text-inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100px; height: 3px; background: #F08519; }
.jiqiren-item .text-inner .title a { }
.jiqiren-item .text-inner .text { width: 100%; font-size: 16px; }
.jiqiren-item .text-inner .mark { width: 100%; height: 150px; background: url(../images/watermark.png) no-repeat center; background-size: 100% auto; }
.jiqiren-item .text-inner .other { width: 100%; color: #747373; position: relative; }
.jiqiren-item .text-inner .other a { height: 40px; color: #747373; border: 2px solid #e7e7e7; line-height: 36px; border-radius: 20px; padding: 0 20px; position: absolute; right: 0; top: 50%; margin-top: -22px; display: none; }
.jiqiren-item .text-inner .other a:hover { border-color: #F08519; background-color: #F08519; color: #fff; }
}
/**/
.jiqiren-form { padding: 20px 0; overflow: hidden; }
.jiqiren-form .item { float: left; width: 49%; margin-bottom: 30px; position: relative; overflow: hidden; }
.jiqiren-form .item:nth-child(2n) { float: right; }
.jiqiren-form .item:nth-child(3), .jiqiren-form .item:nth-child(4) { width: 100%; }
.jiqiren-form .item:nth-child(3) { margin-bottom: 10px; }
.jiqiren-form .item dt, .jiqiren-form .item dd { width: auto; display: block; overflow: hidden; line-height: 55px; font-size: 16px; }
.jiqiren-form .item dt { float: left; width: 100px; }
.jiqiren-form .item b { color: #0287FF; }
.jiqiren-form .form-input, .jiqiren-form .form-textarea, .jiqiren-form .form-button { padding: 0 10px; height: 55px; line-height: 55px; outline: none; width: 100%; border: 1px solid #e7e7e7; color: #7C7C7C; background: #fff; font-size: 16px; outline: none; overflow: hidden; }
.jiqiren-form .form-textarea { height: 150px; resize: none; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }
.jiqiren-form .form-button { margin: 0 auto; border-radius: 3px; display: block; padding: 0 10px; width: 120px; line-height: 55px; background: #0287FF; border-color: #0287FF; color: #fff; cursor: pointer; }

@media screen and (max-width: 767px) {
.jiqiren-form { padding: 10px 0; overflow: hidden; }
.jiqiren-form .item { float: left; width: 100%; margin-bottom: 10px; position: relative; overflow: hidden; }
.jiqiren-form .item:nth-child(2n) { float: right; }
.jiqiren-form .item:nth-child(3), .jiqiren-form .item:nth-child(4) { width: 100%; }
.jiqiren-form .item:nth-child(3) { margin-bottom: 10px; }
.jiqiren-form .item dt, .jiqiren-form .item dd { width: auto; display: block; overflow: hidden; line-height: 35px; font-size: 14px; }
.jiqiren-form .item dt { float: left; width: 100px; }
.jiqiren-form .item b { color: #0287FF; }
.jiqiren-form .form-input, .jiqiren-form .form-textarea, .jiqiren-form .form-button { padding: 0 10px; height: 55px; line-height: 55px; outline: none; width: 100%; border: 1px solid #e7e7e7; color: #7C7C7C; background: #fff; font-size: 14px; outline: none; overflow: hidden; }
.jiqiren-form .form-textarea { height: 150px; resize: none; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }
.jiqiren-form .form-button { float: left; margin: 0 auto; margin-left: 100px; border-radius: 3px; display: block; padding: 0 10px; width: 120px; line-height: 55px; background: #0287FF; border-color: #0287FF; color: #fff; cursor: pointer; }
}
/**/
.recom-jiqiren { padding: 20px 0; overflow: hidden; }
.recom-jiqiren li { float: left; width: 32%; margin: 0 2%; margin-left: 0; position: relative; background: #fff; border-bottom: 3px solid #DEDEDE; }
.recom-jiqiren li:last-child { margin-right: 0; }
.recom-jiqiren li:hover { border-bottom: 3px solid #1266A9; }
.recom-jiqiren li .image, .recom-jiqiren li .text { display: block; line-height: 30px; font-size: 16px; overflow: hidden; }
.recom-jiqiren li .image { width: 100%; display: flex; justify-content: center; align-items: center; height: 350px; }
.recom-jiqiren li .image img { max-width: 100%; max-height: 100%; align-items: center; }
.recom-jiqiren li .text { padding: 30px 30px; }
.recom-jiqiren li .text h3, .recom-jiqiren li .text p { display: block; overflow: hidden; line-height: 35px; }
.recom-jiqiren li .text h3 { font-size: 26px; }
.recom-jiqiren li .text p { padding-top: 10px; font-size: 18px; color: #606060; }

@media screen and (max-width: 767px) {
.recom-jiqiren { padding: 10px 0; overflow: hidden; }
.recom-jiqiren li { float: left; width: 96%; margin: 10px 2%; margin-left: 2%; position: relative; background: #fff; border-bottom: 3px solid #DEDEDE; }
.recom-jiqiren li:last-child { margin-right: 2%; }
.recom-jiqiren li:hover { border-bottom: 3px solid #1266A9; }
.recom-jiqiren li .image, .recom-jiqiren li .text { display: block; line-height: 30px; font-size: 14px; overflow: hidden; }
.recom-jiqiren li .image { width: 100%; display: flex; justify-content: center; align-items: center; height: 250px; }
.recom-jiqiren li .image img { max-height: 100%; align-items: center; }
.recom-jiqiren li .text { padding: 10px 10px; }
.recom-jiqiren li .text h3, .recom-jiqiren li .text p { display: block; overflow: hidden; line-height: 30px; text-align: center; }
.recom-jiqiren li .text h3 { font-size: 16px; font-weight: bold; }
.recom-jiqiren li .text p { padding-top: 0; font-size: 14px; color: #606060; }
}
/**/
.jqr-wrap { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center bottom; z-index: 1; overflow: hidden; height: 600px; }
.jqr-wrap:after { content: ''; position: absolute; left: 0; top: 0; display: table-cell; width: 100%; height: 100%; background: rgba(0,0,0,.4); opacity: 0; }
.jqr-wrap .jqr-inner { width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; position: relative; }
.jqr-wrap .jqr-inner .image-inner, .jqr-wrap .jqr-inner .intro-inner { position: relative; z-index: 1; padding: 10px 10px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 100%; }
.jqr-wrap .jqr-inner .image-inner { }
.jqr-wrap .jqr-inner .image-inner .bigImg { width: 100%; height: 450px; position: relative; }
.jqr-wrap .jqr-inner .image-inner .bigImg li { position: relative; width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; }
.jqr-wrap .jqr-inner .image-inner .bigImg li img { max-width: 100%; align-items: center; }
.jqr-wrap .jqr-inner .intro-inner { float: left; width: 50%; padding: 50px 50px; padding-left: 0; font-size: 16px; -webkit-flex-direction: column; flex-direction: column; }
.jqr-wrap .jqr-inner .intro-inner .title, .jqr-wrap .jqr-inner .intro-inner .text, .jqr-wrap .jqr-inner .intro-inner .other, .jqr-wrap .jqr-inner .intro-inner .smallScroll { line-height: 35px; width: 100%; overflow: hidden; }
.jqr-wrap .jqr-inner .intro-inner .title { font-size: 68px; line-height: 70px; font-weight: bold; }
.jqr-wrap .jqr-inner .intro-inner .text { margin: 20px 0; font-size: 28px; }
.jqr-wrap .jqr-inner .intro-inner .other { margin: 50px 0; display: flex; align-items: center; }
.jqr-wrap .jqr-inner .intro-inner .other img { max-width: 100%; align-items: center; }
.jqr-wrap .jqr-inner .intro-inner .smallScroll { height: 70px; position: relative; z-index: 3; padding: 0 30px; margin-top: 50px; }
.jqr-wrap .jqr-inner .intro-inner .smallImg { height: 70px; }
.jqr-wrap .jqr-inner .intro-inner .smallImg ul { height: 70px; width: 9999px; overflow: hidden; }
.jqr-wrap .jqr-inner .intro-inner .smallImg li { float: left; width: 112px !important; height: 70px; margin: 0 5px; border: 3px solid #fff; cursor: pointer; display: inline; position: relative; overflow: hidden; text-align: center; }
.jqr-wrap .jqr-inner .intro-inner .smallImg li img { max-width: 100%; vertical-align: middle; }
.jqr-wrap .jqr-inner .intro-inner .smallImg li.on, .jqr-wrap .jqr-inner .intro-inner .smallImg li:hover { border-color: #0099FF; }
.jqr-wrap .jqr-inner .intro-inner .sPrev, .jqr-wrap .jqr-inner .intro-inner .sNext { position: absolute; bottom: 0; left: 0; width: 28px; height: 70px; line-height: 70px; text-align: center; font-size: 16px; z-index: 2; color: #CCC; background: #fff; }
.jqr-wrap .jqr-inner .intro-inner .sNext { left: auto; right: 0; }
.jqr-wrap .jqr-inner .intro-inner .sPrev:hover, .jqr-wrap .jqr-inner .intro-inner .sNext:hover { background: #0099FF; color: #fff; }

@media screen and (max-width: 767px) {
.jqr-wrap { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center bottom; z-index: 1; overflow: hidden; height: auto; }
.jqr-wrap:after { content: ''; position: absolute; left: 0; top: 0; display: table-cell; width: 100%; height: 100%; background: rgba(0,0,0,.4); opacity: 0; }
.jqr-wrap .jqr-inner { width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; position: relative; display: block !important; }
.jqr-wrap .jqr-inner .image-inner, .jqr-wrap .jqr-inner .intro-inner { position: relative; z-index: 1; padding: 10px 10px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 100%; width: 100%; }
.jqr-wrap .jqr-inner .image-inner { }
.jqr-wrap .jqr-inner .image-inner .bigImg { width: 100%; height: 250px; position: relative; }
.jqr-wrap .jqr-inner .image-inner .bigImg li { position: relative; width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; text-align: center; }
.jqr-wrap .jqr-inner .image-inner .bigImg li img { max-width: 100%; align-items: center; }
.jqr-wrap .jqr-inner .intro-inner { float: left; width: 100%; padding: 10px 10px; padding-left: 0; font-size: 14px; -webkit-flex-direction: column; flex-direction: column; }
.jqr-wrap .jqr-inner .intro-inner .title, .jqr-wrap .jqr-inner .intro-inner .text, .jqr-wrap .jqr-inner .intro-inner .other, .jqr-wrap .jqr-inner .intro-inner .smallScroll { line-height: 35px; width: 100%; overflow: hidden; }
.jqr-wrap .jqr-inner .intro-inner .title { font-size: 28px; line-height: 35px; font-weight: bold; }
.jqr-wrap .jqr-inner .intro-inner .text { margin: 10px 0; font-size: 16px; }
.jqr-wrap .jqr-inner .intro-inner .other { margin: 10px 0; display: flex; align-items: center; }
.jqr-wrap .jqr-inner .intro-inner .other img { max-width: 100%; align-items: center; }
.jqr-wrap .jqr-inner .intro-inner .smallScroll { height: 56px; position: relative; z-index: 3; padding: 0 30px; margin-top: 10px; }
.jqr-wrap .jqr-inner .intro-inner .smallImg { height: 56px; }
.jqr-wrap .jqr-inner .intro-inner .smallImg ul { height: 56px; padding-top: 3px !important; width: 9999px; overflow: hidden; }
.jqr-wrap .jqr-inner .intro-inner .smallImg li { float: left; width: 52px !important; height: 50px; margin: 0 5px; border: 3px solid #fff; cursor: pointer; display: inline; position: relative; overflow: hidden; text-align: center; }
.jqr-wrap .jqr-inner .intro-inner .smallImg li img { max-width: 100%; vertical-align: middle; }
.jqr-wrap .jqr-inner .intro-inner .smallImg li.on, .jqr-wrap .jqr-inner .intro-inner .smallImg li:hover { border-color: #0099FF; }
.jqr-wrap .jqr-inner .intro-inner .sPrev, .jqr-wrap .jqr-inner .intro-inner .sNext { position: absolute; bottom: 0; left: 0; width: 28px; height: 56px; line-height: 56px; text-align: center; font-size: 14px; z-index: 2; color: #CCC; background: #fff; }
.jqr-wrap .jqr-inner .intro-inner .sNext { left: auto; right: 0; }
.jqr-wrap .jqr-inner .intro-inner .sPrev:hover, .jqr-wrap .jqr-inner .intro-inner .sNext:hover { background: #0099FF; color: #fff; }
}
/**/
.fangan-list { padding: 20px 10px; overflow: hidden; }
.fangan-list .item { float: left; width: 100%; padding: 10px 30px; border: 1px solid #e7e7e7; background: #fff; position: relative; margin-bottom: 30px; isplay: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.fangan-list .image-inner, .fangan-list .text-inner { width: auto; display: block; position: relative; z-index: 1; overflow: hidden; }
.fangan-list .image-inner { float: left; width: 25%; padding-right: 50px; display: flex; align-items: center; justify-content: center; }
.fangan-list .image-inner img { max-width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
.fangan-list .text-inner { position: relative; padding: 30px 0; line-height: 40px; font-size: 16px; -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; }
.fangan-list .text-inner .title { position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 24px; overflow: hidden; }
.fangan-list .text-inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 32px; height: 3px; background: #005EAD; }
.fangan-list .text-inner .title a { color: #005EAD; }
.fangan-list .text-inner .text { margin: 20px 0; color: #858484; height: 105px; line-height: 35px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.fangan-list .text-inner .more { }
.fangan-list .text-inner .more a { float: right; height: 40px; }
.fangan-list .item:hover { box-shadow: 0 0 10px rgba(18,102,169,.6); }

@media screen and (max-width: 767px) {
.fangan-list { padding: 10px 10px; overflow: hidden; }
.fangan-list .item { float: left; width: 100%; padding: 10px 10px; border: 1px solid #e7e7e7; background: #fff; position: relative; margin-bottom: 30px; isplay: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; display: block !important; }
.fangan-list .image-inner, .fangan-list .text-inner { float: left; width: 100%; display: block; position: relative; z-index: 1; overflow: hidden; }
.fangan-list .image-inner { float: left; width: 100%; padding-right: 0px; display: flex; align-items: center; justify-content: center; }
.fangan-list .image-inner img { max-width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
.fangan-list .text-inner { position: relative; padding: 20px 0; line-height: 30px; font-size: 14px; -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; }
.fangan-list .text-inner .title { position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 18px; font-weight: bold; overflow: hidden; }
.fangan-list .text-inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 32px; height: 3px; background: #005EAD; }
.fangan-list .text-inner .title a { color: #005EAD; }
.fangan-list .text-inner .text { margin: 10px 0; color: #858484; height: 90px; line-height: 30px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.fangan-list .text-inner .more { }
.fangan-list .text-inner .more a { float: right; height: 30px; }
.fangan-list .item:hover { box-shadow: 0 0 10px rgba(18,102,169,.6); }
}
/**/
.shop-wrap { background: #F5F5F5; }
.shop-item { margin: 30px 15px; position: relative; z-index: 1; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; box-shadow: 0 0 25px rgba(184,220,244,.3); }
.shop-item .image-inner, .shop-item .text-inner { position: relative; padding: 20px 50px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #fff; }
.shop-item .image-inner { float: left; width: 45%; justify-content: center; }
.shop-item .image-inner img { max-width: 100%; align-items: center; position: relative; z-index: 1; }
.shop-item .image-inner:after, .shop-item .image-inner:before { content: ''; position: absolute; left: 0; width: 100%; z-index: 0; }
.shop-item .image-inner:after { top: 0; height: 60%; background: #E8E8E9; }
.shop-item .image-inner:before { bottom: 0; height: 40%; background: #DBDBDC; }
.shop-item .text-inner { padding: 10px 50px; -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; font-size: 16px; text-align: left; }
.shop-item .text-inner .title { width: 100%; position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 40px; font-weight: bold; }
.shop-item .text-inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100px; height: 3px; background: #F08519; }
.shop-item .text-inner .title a { }
.shop-item .text-inner .text { width: 100%; font-size: 24px; font-weight: bold; }
.shop-item .text-inner .intro { margin: 10px 0; color: #858484; height: 140px; line-height: 35px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; }
.shop-item .text-inner .other { width: 100%; color: #747373; position: relative; }
.shop-item .text-inner .other a { height: 40px; color: #747373; border: 2px solid #e7e7e7; line-height: 36px; border-radius: 20px; padding: 0 20px; position: absolute; right: 0; top: 50%; margin-top: -22px; }
.shop-item .text-inner .other a:hover { border-color: #F08519; background-color: #F08519; color: #fff; }

@media screen and (max-width: 767px) {
.shop-wrap { background: #F5F5F5; }
.shop-item { margin: 10px 10px; position: relative; z-index: 1; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; box-shadow: 0 0 25px rgba(184,220,244,.3); }
.shop-item .image-inner, .shop-item .text-inner { position: relative; padding: 10px 10px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #fff; }
.shop-item .image-inner { float: left; width: 100%; justify-content: center; }
.shop-item .image-inner img { max-width: 100%; align-items: center; position: relative; z-index: 1; }
.shop-item .image-inner:after, .shop-item .image-inner:before { content: ''; position: absolute; left: 0; width: 100%; z-index: 0; }
.shop-item .image-inner:after { top: 0; height: 60%; background: #E8E8E9; }
.shop-item .image-inner:before { bottom: 0; height: 40%; background: #DBDBDC; }
.shop-item .text-inner { padding: 10px 10px; -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; font-size: 14px; text-align: left; }
.shop-item .text-inner .title { width: 100%; position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 18px; font-weight: bold; }
.shop-item .text-inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100px; height: 3px; background: #F08519; }
.shop-item .text-inner .title a { }
.shop-item .text-inner .text { width: 100%; font-size: 16px; font-weight: bold; }
.shop-item .text-inner .intro { margin: 10px 0; color: #858484; height: 140px; line-height: 35px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; }
.shop-item .text-inner .other { width: 100%; color: #747373; position: relative; }
.shop-item .text-inner .other a { height: 40px; color: #747373; border: 2px solid #e7e7e7; line-height: 36px; border-radius: 20px; padding: 0 20px; position: absolute; right: 0; top: 50%; margin-top: -22px; }
.shop-item .text-inner .other a:hover { border-color: #F08519; background-color: #F08519; color: #fff; }
}
/**/
.xp-wrap { background: #F5F5F5; }
.xp-item { margin: 30px 0; width: 100%; padding-right: 15px; padding-bottom: 15px; position: relative; z-index: 1; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.xp-item:after { content: ''; position: absolute; left: 15px; top: 0; background: #AAA5A5; width: 100%; height: 100%; z-index: -1; }
.xp-item .image-inner, .xp-item .text-inner { position: relative; padding: 50px 50px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #fff; }
.xp-item .image-inner { float: left; width: 45%; padding: 100px 50px; justify-content: center; }
.xp-item .image-inner img { max-width: 100%; align-items: center; position: relative; z-index: 1; }
.xp-item .image-inner:after, .xp-item .image-inner:before { content: ''; position: absolute; left: 0; width: 100%; z-index: 0; }
.xp-item .image-inner:after { top: 0; height: 60%; background: #E8E8E9; }
.xp-item .image-inner:before { bottom: 0; height: 40%; background: #DBDBDC; }
.xp-item .text-inner { -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; font-size: 16px; text-align: left; }
.xp-item .text-inner .title { width: 100%; position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 40px; font-weight: bold; }
.xp-item .text-inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100px; height: 3px; background: #F08519; }
.xp-item .text-inner .title a { }
.xp-item .text-inner .text { width: 100%; font-size: 24px; }
.xp-item .text-inner .mark { width: 100%; height: 250px; background: url(../images/watermark.png) no-repeat center; }
.xp-item .text-inner .other { width: 100%; color: #747373; position: relative; }
.xp-item .text-inner .other a { height: 40px; color: #747373; border: 2px solid #e7e7e7; line-height: 36px; border-radius: 20px; padding: 0 20px; position: absolute; right: 0; top: 50%; margin-top: -22px; }
.xp-item .text-inner .other a:hover { border-color: #F08519; background-color: #F08519; color: #fff; }

@media screen and (max-width: 767px) {
.xp-wrap { background: #F5F5F5; }
.xp-item { margin: 30px 0; width: 100%; padding-right: 15px; padding-bottom: 15px; position: relative; z-index: 1; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.xp-item:after { content: ''; position: absolute; left: 15px; top: 0; background: #AAA5A5; width: 100%; height: 100%; z-index: -1; }
.xp-item .image-inner, .xp-item .text-inner { position: relative; padding: 50px 50px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #fff; }
.xp-item .image-inner { float: left; width: 45%; padding: 100px 50px; justify-content: center; }
.xp-item .image-inner img { max-width: 100%; align-items: center; position: relative; z-index: 1; }
.xp-item .image-inner:after, .xp-item .image-inner:before { content: ''; position: absolute; left: 0; width: 100%; z-index: 0; }
.xp-item .image-inner:after { top: 0; height: 60%; background: #E8E8E9; }
.xp-item .image-inner:before { bottom: 0; height: 40%; background: #DBDBDC; }
.xp-item .text-inner { -webkit-flex: 1; flex: 1; -webkit-flex-direction: column; flex-direction: column; font-size: 16px; text-align: left; }
.xp-item .text-inner .title { width: 100%; position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 40px; font-weight: bold; }
.xp-item .text-inner .title:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100px; height: 3px; background: #F08519; }
.xp-item .text-inner .title a { }
.xp-item .text-inner .text { width: 100%; font-size: 24px; }
.xp-item .text-inner .mark { width: 100%; height: 250px; background: url(../images/watermark.png) no-repeat center; }
.xp-item .text-inner .other { width: 100%; color: #747373; position: relative; }
.xp-item .text-inner .other a { height: 40px; color: #747373; border: 2px solid #e7e7e7; line-height: 36px; border-radius: 20px; padding: 0 20px; position: absolute; right: 0; top: 50%; margin-top: -22px; }
.xp-item .text-inner .other a:hover { border-color: #F08519; background-color: #F08519; color: #fff; }
}
/**/
.about-caption { padding: 20px 0; overflow: hidden; }
.about-caption h3, .about-caption p { display: block; text-align: center; overflow: hidden; position: relative; }
.about-caption h3 { font-size: 40px; line-height: 50px; }
.about-caption p { font-size: 20px; line-height: 35px; color: #777575; padding: 10px 0; text-transform: uppercase; }

@media screen and (max-width: 767px) {
.about-caption { padding: 10px 0; overflow: hidden; }
.about-caption h3, .about-caption p { display: block; text-align: center; overflow: hidden; position: relative; }
.about-caption h3 { font-size: 18px; font-weight: bold; line-height: 30px; }
.about-caption p { font-size: 14px; line-height: 30px; color: #777575; padding: 0 0; text-transform: uppercase; }
}
/**/
.contact-list { padding: 20px 0; overflow: hidden; }
.contact-list .item { float: left; width: 32%; margin: 0 2%; margin-left: 0; overflow: hidden; line-height: 35px; font-size: 16px; }
.contact-list .item:last-child { margin-right: 0; }
.contact-list .item .title, .contact-list .item .text, .contact-list .item .text li { display: block; overflow: hidden; }
.contact-list .item .title { font-size: 20px; font-weight: bold; }
.contact-list .item .text { padding-top: 10px; }
.contact-list .item .text li { color: #666; }
.contact-list .item:hover .title { color: #1266A9; }
.contact-list .item:hover .text li { color: #000; }
/**/
.map-inner { margin: 20px 0px; height: 450px; border: 10px solid #fff; }
#map label { max-width: none; }
#map div { box-sizing: initial; }

@media screen and (max-width: 767px) {
.contact-list { padding: 0 0; overflow: hidden; }
.contact-list .item { float: left; width: 100%; margin: 5px 0%; margin-left: 0; overflow: hidden; line-height: 30px; font-size: 14px; }
.contact-list .item:last-child { margin-right: 0; }
.contact-list .item .title, .contact-list .item .text, .contact-list .item .text li { display: block; overflow: hidden; }
.contact-list .item .title { font-size: 16px; font-weight: bold; }
.contact-list .item .text { padding-top: 10px; }
.contact-list .item .text li { color: #666; }
.contact-list .item:hover .title { color: #1266A9; }
.contact-list .item:hover .text li { color: #000; }
/**/
.map-inner { margin: 10px 0px; height: 350px; border: 5px solid #fff; }
#map label { max-width: none; }
#map div { box-sizing: initial; }
}
/**/
.contact-wrap { background: url(../images/contact.png) no-repeat center; overflow: hidden; background-size: cover; }
.contact-form { padding: 0 0; }
.contact-form dt, .contact dd { display: block; overflow: hidden; }
.contact-form dt { font-size: 26px; line-height: 35px; color: #fff; }
.contact-form dd { margin-top: 20px; }
.contact-form li { float: left; height: 50px; line-height: 50px; text-align: center; width: 250px; margin-right: 20px; background: #fff; }
.contact-form li:nth-child(3) { width: 490px; }
.contact-form li:last-child { width: 150px; margin-right: 0; }
.contact-form .contact-input, .contact-form .contact-button { width: 100%; padding: 0px 10px; border: none; background: #fff; color: #567DCA; overflow: hidden; line-height: 50px; font-size: 16px; outline: none; }
.contact-form .contact-button { background: #F08519; color: #fff; text-align: center; }

@media screen and (max-width: 767px) {
.contact-form { padding: 0 0; }
.contact-form dt, .contact dd { display: block; overflow: hidden; }
.contact-form dt { font-size: 18px; font-weight: bold; text-align: center; line-height: 35px; color: #fff; }
.contact-form dd { margin-top: 10px; }
.contact-form li { float: left; height: 50px; line-height: 50px; text-align: center; width: 100% !important; margin-right: 0; margin: 5px 0; background: #fff; }
.contact-form li:nth-child(3) { width: 490px; }
.contact-form li:last-child { width: 150px; margin-right: 0; }
.contact-form .contact-input, .contact-form .contact-button { width: 100%; padding: 0px 10px; border: none; background: #fff; color: #567DCA; overflow: hidden; line-height: 50px; font-size: 14px; outline: none; }
.contact-form .contact-button { background: #F08519; color: #fff; text-align: center; display: block; }
}
/**/
.history-wrap { background: url(../images/abanner3.png) no-repeat center bottom; background-size: cover; }
.history-inner { padding: 30px 0; position: relative; }
.history-inner .smallScroll { height: 120px; padding: 0 30px; position: relative; }
.history-inner .smallImg { width: 1130px; overflow: hidden; margin: 0 auto; background: url(../images/his-line.png) no-repeat center; }
.history-inner .smallImg ul { height: 120px; width: 9999px; overflow: hidden; }
.history-inner .smallImg ul li { float: left; width: 226px !important; background: url(../images/d.png) no-repeat center; text-align: center; font-size: 16px; }
.history-inner .smallImg ul li h3, .history-inner .smallImg ul li span { display: block; overflow: hidden; line-height: 60px; }
.history-inner .smallImg ul li h3 { font-style: italic; font-size: 28px; font-weight: bold; margin-bottom: 20px; }
.history-inner .smallImg ul li span { line-height: 40px; }
.history-inner .smallImg ul li.on { background: url(../images/d-hover.png) no-repeat center; }
.history-inner .smallImg ul li.on h3 { font-size: 42px; text-shadow: 0 0 5px #1266A9; color: #1266A9; }
.history-inner .next, .history-inner .prev { position: absolute; top: 50%; margin-top: -15.5px; width: 35px; height: 35px; line-height: 33px; background: #fff; border: 1px solid #e7e7e7; color: #999; border-radius: 50%; text-align: center; }
.history-inner .next { right: 0; }
.history-inner .prev { left: 0; }
.history-inner .prev:hover, .history-inner .next:hover { color: #1266A9; border-color: #1266A9; }
.history-inner .bigImg { margin: 0 auto; overflow: hidden; position: relative; }
.history-inner .bigImg .item { margin: 10px 10px; box-shadow: 0 0 10px rgba(230,232,234,.8); background: #fff; width: 455px; height: 600px !important; padding: 10px 10px; overflow: hidden; }
.history-inner .bigImg .item .image, .history-inner .bigImg .item .title, .history-inner .bigImg .item .text, .history-inner .bigImg .item li { display: block; line-height: 35px; font-size: 16px; word-break:break-all; }
.history-inner .bigImg .item .image { }
.history-inner .bigImg .item .image img { max-width: 100%; }
.history-inner .bigImg .item .title { font-size: 26px; text-align: center; margin: 10px 0; }
.history-inner .bigImg .item .text { }
.history-inner .bigImg .item li { position: relative; padding-left: 15px; }
.history-inner .bigImg .item li:after { content: ''; position: absolute; left: 0; top: 13.5px; width: 8px; height: 8px; background: #545454; }
.history-inners { padding: 10px 0; position: relative; display: none; }
.history-inners .smallScroll { height: 120px; padding: 0 30px; position: relative; }
.history-inners .smallImg { width: 96%!important; overflow: hidden; margin: 0 auto; background: url(../images/his-line.png) no-repeat center; }
.history-inners .smallImg ul { height: 120px; width: 100%; overflow: hidden; }
.history-inners .smallImg ul li { float: left; width: 100%; background: url(../images/d.png) no-repeat center; text-align: center; font-size: 16px; }
.history-inners .smallImg ul li h3, .history-inners .smallImg ul li span { display: block; overflow: hidden; line-height: 60px; }
.history-inners .smallImg ul li h3 { font-style: italic; font-size: 28px; font-weight: bold; margin-bottom: 20px; }
.history-inners .smallImg ul li span { line-height: 40px; }
.history-inners .smallImg ul li.on { background: url(../images/d-hover.png) no-repeat center; }
.history-inners .smallImg ul li.on h3 { font-size: 42px; text-shadow: 0 0 5px #1266A9; color: #1266A9; }
.history-inners .next, .history-inners .prev { position: absolute; top: 50%; margin-top: -15.5px; width: 35px; height: 35px; line-height: 33px; background: #fff; border: 1px solid #e7e7e7; color: #999; border-radius: 50%; text-align: center; }
.history-inners .next { right: 0; }
.history-inners .prev { left: 0; }
.history-inners .prev:hover, .history-inners .next:hover { color: #1266A9; border-color: #1266A9; }
.history-inners .bigImg { margin: 0 auto; overflow: hidden; position: relative; }
.history-inners .bigImg .item { margin: 10px 1% !important; box-shadow: 0 0 10px rgba(230,232,234,.8); background: #fff; width: 98% !important; height: 600px !important; padding: 10px 10px; overflow: hidden; }
.history-inners .bigImg .item .image, .history-inners .bigImg .item .title, .history-inners .bigImg .item .text, .history-inners .bigImg .item li { display: block; line-height: 30px; font-size: 14px; }
.history-inners .bigImg .item .image { }
.history-inners .bigImg .item .image img { max-width: 100%; }
.history-inners .bigImg .item .title { font-size: 16px; font-weight: bold; text-align: center; margin: 10px 0; }
.history-inners .bigImg .item .text { }
.history-inners .bigImg .item li { position: relative; padding-left: 15px; }
.history-inners .bigImg .item li:after { content: ''; position: absolute; left: 0; top: 11.5px; width: 8px; height: 8px; background: #545454; }

@media screen and (max-width: 767px) {
.history-inner { display: none; }
.history-inners { display: block; }
}
/**/
.honor-wrap { background: url(../images/abanner2.png) no-repeat center bottom; background-size: cover; }
.honor-list { margin: 20px 50px; position: relative; }
#honor-list { position: relative; padding-bottom: 50px; }
.honor-list .swiper-container { width: 100%; height: 100%; }
#honor-list .swiper-slide { float: left !important; width: 30.33333% !important; margin: 0 1.5% !important; padding: 0 0 !important; background: #fff !important; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#honor-list .swiper-slide .image { width: 100%; display: flex; align-items: center; height: 225px; border: 10px solid #9DA3A8; position: relative; overflow: hidden; justify-content: center; }
#honor-list .swiper-slide .image img { max-height: 100%; align-items: center; }
#honor-list .swiper-slide:hover .image { border-color: #5A0B0D; }
#honor-list .swiper-slide .title { padding: 10px 10px; display: block; overflow: hidden; font-size: 16px; line-height: 40px; text-align: center; }
#honor-list .swiper-slide:hover .title { color: #5A0B0D; }
#honor-list .swiper-slide .text { overflow: hidden; z-index: 1; font-size: 15px; line-height: 35px; height: 35px; text-align: center; }
.honor-list .swiper-button-prev, .honor-list .swiper-button-next { position: absolute; top: 50%; margin-top: -28px; width: 56px; height: 56px; text-align: center; line-height: 56px; color: #E6E6E6; font-size: 22px; font-weight: lighter; transition: all .6s; background: #fff; outline: none; box-shadow: 0 0 10px rgba(230,232,234,.8); border-radius: 50%; }
.honor-list .swiper-button-prev { left: -50px; }
.honor-list .swiper-button-next { right: -50px; }
#honor-list .swiper-button-prev:hover, .honor-list .swiper-button-next:hover { color: #1266A9; }
#honor-list .swiper-pagination { text-align: center; bottom: 0px !important; }
#honor-list .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#honor-list .swiper-pagination-bullet-active { background-color: #1266A9 !important; border: 5px solid #fff !important; }
.honor-lists { margin: 20px 50px; position: relative; display: none; }
#honor-lists { position: relative; padding-bottom: 50px; }
.honor-lists .swiper-container { width: 100%; height: 100%; }
#honor-lists .swiper-slide { float: left !important; width: 97% !important; margin: 0 1.5% !important; padding: 0 0 !important; background: #fff !important; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#honor-lists .swiper-slide .image { width: 100%; display: flex; align-items: center; height: 155px; border: 5px solid #9DA3A8; position: relative; overflow: hidden; justify-content: center; }
#honor-lists .swiper-slide .image img { max-height: 100%; align-items: center; }
#honor-lists .swiper-slide:hover .image { border-color: #5A0B0D; }
#honor-lists .swiper-slide .title { padding: 10px 10px; display: block; overflow: hidden; font-size: 16px; line-height: 40px; text-align: center; }
#honor-lists .swiper-slide:hover .title { color: #5A0B0D; }
#honor-lists .swiper-slide .text { overflow: hidden; z-index: 1; font-size: 15px; line-height: 35px; height: 35px; text-align: center; }
.honor-lists .swiper-button-prev, .honor-lists .swiper-button-next { position: absolute; top: 50%; margin-top: -18px; width: 36px; height: 36px; text-align: center; line-height: 36px; color: #E6E6E6; font-size: 22px; font-weight: lighter; transition: all .6s; background: #fff; outline: none; box-shadow: 0 0 10px rgba(230,232,234,.8); border-radius: 50%; }
.honor-lists .swiper-button-prev { left: -50px; }
.honor-lists .swiper-button-next { right: -50px; }
#honor-lists .swiper-button-prev:hover, .honor-lists .swiper-button-next:hover { color: #1266A9; }
#honor-lists .swiper-pagination { text-align: center; bottom: 0px !important; }
#honor-lists .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#honor-lists .swiper-pagination-bullet-active { background-color: #1266A9 !important; border: 5px solid #fff !important; }

@media screen and (max-width: 767px) {
.honor-list { display: none; }
.honor-lists { display: block; }
}
/**/
.video-inner { padding: 20px 0; overflow: hidden; }
.video-inner video { width: 100% !important; height: 100% !important; }
/**/
.about-wrap { background: url(../images/abanner1.png) no-repeat center; overflow: hidden; background-size: cover; }
.about-inner { padding: 20px 0; overflow: hidden; }
.about-inner .title-inner, .about-inner.text-inner, .about-inner .list-inner { display: block; overflow: hidden; line-height: 2; }
.about-inner .title-inner { text-align: center; font-size: 40px; }
.about-inner .text-inner { font-size: 15px; padding: 20px 0; }
.about-inner .text-inner img { max-width: 100%; vertical-align: middle; margin: 5px auto; display: block; }
.about-inner .list-inner { }
.about-inner .list-inner li { float: left; width: 24.625%; padding: 10px 10px; overflow: hidden; border: 1px solid #DBDCDD; margin: 20px .5%; margin-left: 0; }
.about-inner .list-inner li:last-child { margin-right: 0; }
.about-inner .list-inner li .title, .about-inner .list-inner li .text { width: 100%; display: block; line-height: 30px; font-size: 15px; overflow: hidden; }
.about-inner .list-inner li .title { font-size: 24px; font-weight: bold; height: 55px; line-height: 45px; display: flex; align-items: flex-end; }
.about-inner .list-inner li .title span { display: inline-block; width: 48px; margin-top: 1px; height: 54px; background-repeat: no-repeat; background-position: center bottom; overflow: hidden; }
.about-inner .list-inner li:nth-child(1) .title span { background-image: url(../images/3.png); }
.about-inner .list-inner li:nth-child(1):hover .title span { background-image: url(../images/3-hover.png); }
.about-inner .list-inner li:nth-child(2) .title span { background-image: url(../images/3.png); }
.about-inner .list-inner li:nth-child(2):hover .title span { background-image: url(../images/3-hover.png); }
.about-inner .list-inner li:nth-child(3) .title span { background-image: url(../images/1.png); }
.about-inner .list-inner li:nth-child(3):hover .title span { background-image: url(../images/1-hover.png); }
.about-inner .list-inner li:nth-child(4) .title span { background-image: url(../images/2.png); }
.about-inner .list-inner li:nth-child(4):hover .title span { background-image: url(../images/2-hover.png); }
.about-inner .list-inner li .text { padding-top: 20px; }
.about-inner .list-inner li:hover { background: rgba(18,102,169,0.75); }
.about-inner .list-inner li:hover .title, .about-inner .list-inner li:hover .text { color: #fff; }

@media screen and (max-width: 767px) {
.about-wrap { background: url(../images/abanner1.png) no-repeat center; overflow: hidden; background-size: cover; }
.about-inner { padding: 10px 0; overflow: hidden; }
.about-inner .title-inner, .about-inner.text-inner, .about-inner .list-inner { display: block; overflow: hidden; line-height: 2; }
.about-inner .title-inner { text-align: center; font-size: 20px; font-weight: bold; }
.about-inner .text-inner { font-size: 14px; padding: 10px 0; }
.about-inner .list-inner { }
.about-inner .list-inner li { float: left; width: 48%; padding: 10px 10px; height: 185px; overflow: hidden; border: 1px solid #DBDCDD; margin: 5px 1%; margin-left: 0; }
.about-inner .list-inner li:last-child { margin-right: 0; }
.about-inner .list-inner li .title, .about-inner .list-inner li .text { width: 100%; display: block; line-height: 30px; font-size: 14px; overflow: hidden; }
.about-inner .list-inner li .title { font-size: 15px; font-weight: bold; height: 45px; line-height: 45px; display: flex; align-items: flex-end; display: block; }
.about-inner .list-inner li .title span { display: inline-block; width: 38px; margin-top: 1px; height: 35px; background-repeat: no-repeat; background-position: center bottom; overflow: hidden; background-size: auto 30px; }
.about-inner .list-inner li:nth-child(1) .title span { background-image: url(../images/3.png); }
.about-inner .list-inner li:nth-child(1):hover .title span { background-image: url(../images/3-hover.png); }
.about-inner .list-inner li:nth-child(2) .title span { background-image: url(../images/3.png); }
.about-inner .list-inner li:nth-child(2):hover .title span { background-image: url(../images/3-hover.png); }
.about-inner .list-inner li:nth-child(3) .title span { background-image: url(../images/1.png); }
.about-inner .list-inner li:nth-child(3):hover .title span { background-image: url(../images/1-hover.png); }
.about-inner .list-inner li:nth-child(4) .title span { background-image: url(../images/2.png); }
.about-inner .list-inner li:nth-child(4):hover .title span { background-image: url(../images/2-hover.png); }
.about-inner .list-inner li .text { padding-top: 0px; line-height: 25px; }
.about-inner .list-inner li:hover { background: rgba(18,102,169,0.75); }
.about-inner .list-inner li:hover .title, .about-inner .list-inner li:hover .text { color: #fff; }
}
/**/
#index-full { margin: 0 auto; width: 100%; height: 100%; position: relative; overflow: hidden; }
#index-full .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: relative; }
#index-full .swiper-wrapper { position: relative; z-index: 1; }
#index-full .swiper-slide { height: auto; overflow: hidden; position: relative; z-index: 1; }
#index-full .swiper-slide:after { content: ''; width: 100%; height: 24px; position: absolute; z-index: 2; left: 0; bottom: 0; background: url(../images/swiper.png) no-repeat center; }
#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 { bottom: 50px!important; left: auto!important; text-align: right; right: 50px!important; }
#index-full .swiper-pagination-bullet { width: 40px !important; height: 40px !important; background-color: #none !important; opacity: 1; border-radius: 0 !important; outline: none; position: relative; border-bottom: 1px solid #fff!important; background: none !important; margin: 0 0!important; }
#index-full .swiper-pagination-bullet:after { content: ''; position: absolute; width: 40px; height: 39px; line-height: 39px; top: 0; left: 0; text-align: center; font-size: 16px; color: #fff; }
#index-full .swiper-pagination-bullet:nth-child(1):after { content: '01'; }
#index-full .swiper-pagination-bullet:nth-child(2):after { content: '02'; }
#index-full .swiper-pagination-bullet:nth-child(3):after { content: '03'; }
#index-full .swiper-pagination-bullet:nth-child(4):after { content: '04'; }
#index-full .swiper-pagination-bullet:nth-child(5):after { content: '05'; }
#index-full .swiper-pagination-bullet-active { width: 40px !important; height: 39px !important; border-bottom: 2px solid #1A61B3!important; }
#index-full .swiper-pagination-bullet-active:after { font-size: 24px; font-weight: bold; color: #1A61B3!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-repeat: no-repeat; background-position: center; background: rgba(0,0,0,0.49); border-radius: 50%; font-size: 24px; outline: none; }
#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-color: #1266A9; }
#index-full .swiper-mouse { position: absolute; z-index: 2; bottom: 30px; left: 50%; margin-left: -60px; width: 120px; line-height: 30px; font-size: 18px; text-align: center; color: #fff; padding-bottom: 100px; background: url(../images/mouse.png) no-repeat center bottom; -webkit-animation: myfirst 2s infinite; animation: myfirst 2s infinite; }
@-webkit-keyframes myfirst {
 0% {
 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
}
 50% {
 -webkit-transform: translate(0px, -6px);
 transform: translate(0px, -6px);
}
 100% {
 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
}
}
@keyframes myfirst {
 0% {
 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
}
 50% {
 -webkit-transform: translate(0px, -6px);
 transform: translate(0px, -6px);
}
 100% {
 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
}
}

@media screen and (max-width: 767px) {
#index-full .swiper-mouse { display: none; }
#index-full .swiper-pagination { display: none; }
#index-full .swiper-button-prev, #index-full .swiper-button-next { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; background-repeat: no-repeat; background-position: center; background: rgba(0,0,0,0.49); border-radius: 50%; font-size: 18px; }
#index-full .swiper-button-prev { left: 5px; }
#index-full .swiper-button-next { right: 5px; }
}
/**/
.index-page .container { width: 100%; min-width: 1200px; max-width: 1600px; margin: 0 auto; }
/**/
.index-caption { padding: 20px 0; overflow: hidden; }
.index-caption h3, .index-caption p { display: block; text-align: center; overflow: hidden; position: relative; }
.index-caption h3 { font-size: 48px; font-weight: bold; line-height: 55px; }
.index-caption p { font-size: 18px; line-height: 30px; color: #AAA; padding-top: 15px; }

@media screen and (max-width: 767px) {
/**/
.index-page .container { width: 96%; min-width: 96%; max-width: 96%; margin: 0 auto; }
/**/
.index-caption { padding: 10px 0; overflow: hidden; }
.index-caption h3, .index-caption p { display: block; text-align: center; overflow: hidden; position: relative; }
.index-caption h3 { font-size: 20px; font-weight: bold; line-height: 30px; }
.index-caption p { font-size: 14px; line-height: 30px; color: #AAA; padding-top: 0px; padding: 10px 20px; }
}
/**/
.news-wrap { background: #fff url(../images/new-wrap.png) no-repeat center; overflow: hidden; background-size: cover; }
.index-news { padding: 20px 0; overflow: hidden; }
#index-news { padding-bottom: 80px; position: relative; }
#index-news .swiper-container { width: 100%; height: 100%; }
#index-news .swiper-slide { text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: 15px; box-shadow: 0 0 10px rgba(230,232,234,.6); flex-direction: column; overflow: hidden; }
#index-news .swiper-slide .image-inner, #index-news .swiper-slide .text-inner { width: 100%; overflow: hidden; position: relative; }
#index-news .swiper-slide .image-inner { width: 100%; height: 280px; display: flex; align-items: center; }
#index-news .swiper-slide .image-inner img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
#index-news .swiper-slide:hover .image-inner img { transform: scale(1.025); }
#index-news .swiper-slide .text-inner { padding: 15px 20px; text-align: left; }
#index-news .swiper-slide h3, #index-news .swiper-slide p { display: block; line-height: 30px; overflow: hidden; font-size: 15px; }
#index-news .swiper-slide h3 { margin: 5px 0; height: 60px; 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; font-size: 18px; }
#index-news .swiper-slide p { color: #ABA8A8; }
#index-news .swiper-slide:hover { background: #0070C9; }
#index-news .swiper-slide:hover h3, #index-news .swiper-slide:hover p { color: #fff; }
#index-news .swiper-center { width: 120px; position: absolute; left: 50%; margin-left: -60px; bottom: 20px; }
#index-news .swiper-button-prev, #index-news .swiper-button-next { position: absolute; top: 50%; margin-top: -28px; width: 48px; height: 48px; text-align: center; line-height: 48px; color: #fff; background-repeat: no-repeat; background-position: center; background-color: transparent; text-indent: -99999px; background-size: 48px 48px; }
#index-news .swiper-button-prev { left: 0; background-image: url(../images/prev.png); }
#index-news .swiper-button-next { right: 0; background-image: url(../images/next.png); }
#index-news .swiper-button-prev:hover { background-image: url(../images/prev-hover.png); }
#index-news .swiper-button-next:hover { background-image: url(../images/next-hover.png); }
.index-newss { padding: 10px 0; overflow: hidden; display: none; }
#index-newss { padding-bottom: 80px; position: relative; }
#index-newss .swiper-container { width: 100%; height: 100%; }
#index-newss .swiper-slide { text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: 15px; box-shadow: 0 0 10px rgba(230,232,234,.6); flex-direction: column; overflow: hidden; }
#index-newss .swiper-slide .image-inner, #index-newss .swiper-slide .text-inner { width: 100%; overflow: hidden; position: relative; }
#index-newss .swiper-slide .image-inner { width: 100%; height: 225px; display: flex; align-items: center; }
#index-newss .swiper-slide .image-inner img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
#index-newss .swiper-slide:hover .image-inner img { transform: scale(1.025); }
#index-newss .swiper-slide .text-inner { padding: 10px 10px; text-align: left; }
#index-newss .swiper-slide h3, #index-newss .swiper-slide p { display: block; line-height: 30px; overflow: hidden; font-size: 14px; }
#index-newss .swiper-slide h3 { margin: 5px 0; height: 60px; 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; font-size: 16px; font-weight: bold; }
#index-newss .swiper-slide p { color: #ABA8A8; }
#index-newss .swiper-slide:hover { background: #0070C9; }
#index-newss .swiper-slide:hover h3, #index-newss .swiper-slide:hover p { color: #fff; }
#index-newss .swiper-center { width: 120px; position: absolute; left: 50%; margin-left: -60px; bottom: 20px; }
#index-newss .swiper-button-prev, #index-newss .swiper-button-next { position: absolute; top: 50%; margin-top: -28px; width: 38px; height: 38px; text-align: center; line-height: 38px; color: #fff; background-repeat: no-repeat; background-position: center; background-color: transparent; text-indent: -99999px; background-size: 38px 38px; outline: none; }
#index-newss .swiper-button-prev { left: 0; background-image: url(../images/prev.png); }
#index-newss .swiper-button-next { right: 0; background-image: url(../images/next.png); }
#index-newss .swiper-button-prev:hover { background-image: url(../images/prev-hover.png); }
#index-newss .swiper-button-next:hover { background-image: url(../images/next-hover.png); }

@media screen and (max-width: 767px) {
.index-news { display: none; }
.index-newss { display: block; }
}
/**/
.who-wrap { background: #fff url(../images/who.png) no-repeat top center; overflow: hidden; }
.index-who { margin-top: 80px; padding: 20px 0; padding-bottom: 60px; }
#index-who { padding-bottom: 80px; position: relative; overflow: visible; }
#index-who .swiper-container { width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; overflow: visible; transform: scale(.9); }
#index-who .swiper-slide { float: left !important; width: 19%!important; margin: 0 .5% !important; margin-top: 10px; transition: 300ms; opacity: .75; }
#index-who .swiper-slide:hover { transform: scale(1.15); opacity: 1; }
#index-who .swiper-slide .image-inner, #index-who .swiper-slide .text-inner { width: 100%; position: relative; }
#index-who .swiper-slide .image-inner { width: 100%; height: 250px; display: flex; align-items: center; }
#index-who .swiper-slide .image-inner img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
#index-who .swiper-slide .text-inner { padding: 15px 20px; text-align: left; }
#index-who .swiper-slide .title, #index-who .swiper-slide .text { display: block; overflow: hidden; font-size: 15px; width: 100%; text-align: center; }
#index-who .swiper-slide .title { margin: 5px 0; font-size: 28px; font-weight: bold; text-shadow: #CDCDCD 3px -3px 0px; }
#index-who .swiper-slide .text { margin: 5px 0; height: 100px; line-height: 25px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#index-who .swiper-slide .text li { border-bottom: 1px solid #9E9E9E; }
#index-who .swiper-slide-active .text li, #index-who.swiper-slide-duplicate-active .text li { }
#index-who .swiper-center { width: 120px; position: absolute; left: 50%; margin-left: -60px; bottom: 20px; }
#index-who .swiper-button-prev, #index-who .swiper-button-next { position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #E3E3E3; background: none !important; }
#index-who .swiper-button-prev { left: 0; }
#index-who .swiper-button-next { right: 0; }
#index-who .swiper-button-prev:hover, #index-who .swiper-button-next:hover { color: #1266A9; }
#index-who .swiper-center { width: 200px; position: absolute; left: 50%; margin-left: -100px; bottom: 17px; }
#index-who .swiper-pagination { bottom: 0; margin: 0 auto; }
#index-who .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #E3E3E3 !important; opacity: 1; border: 5px solid #fff !important; border-radius: 50% !important; border: 1px solid #fff !important; border-radius: 50% !important; outline: none; }
#index-who .swiper-pagination-bullet-active { background-color: #969291 !important; border: 5px solid #E3E3E3 !important; }
.index-whos { margin-top: 0px; padding: 20px 0; padding-bottom: 60px; display: none; }
#index-whos { padding-bottom: 80px; position: relative; overflow: visible; }
#index-whos .swiper-container { width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; overflow: visible; transform: scale(.9); }
#index-whos .swiper-slide { float: left !important; width: 99%!important; margin: 0 .5% !important; margin-top: 10px; transition: 300ms; opacity: .75; }
#index-whos .swiper-slide:hover { transform: scale(1.15); opacity: 1; }
#index-whos .swiper-slide .image-inner, #index-whos .swiper-slide .text-inner { width: 100%; position: relative; }
#index-whos .swiper-slide .image-inner { width: 100%; height: 250px; display: flex; align-items: center; }
#index-whos .swiper-slide .image-inner img { width: 100%; vertical-align: middle; z-index: 1; transition: all .6s; }
#index-whos .swiper-slide .text-inner { padding: 10px 10px; text-align: left; }
#index-whos .swiper-slide .title, #index-whos .swiper-slide .text { display: block; overflow: hidden; font-size: 15px; width: 100%; text-align: center; }
#index-whos .swiper-slide .title { margin: 5px 0; font-size: 18px; font-weight: bold; text-shadow: #CDCDCD 3px -3px 0px; }
#index-whos .swiper-slide .text { margin: 5px 0; height: 100px; line-height: 25px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#index-whos .swiper-slide .text li { border-bottom: 1px solid #9E9E9E; }
#index-whos .swiper-slide-active .text li, #index-whos.swiper-slide-duplicate-active .text li { }
#index-whos .swiper-center { width: 120px; position: absolute; left: 50%; margin-left: -60px; bottom: 20px; }
#index-whos .swiper-button-prev, #index-whos .swiper-button-next { position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #E3E3E3; background: none !important; }
#index-whos .swiper-button-prev { left: 0; }
#index-whos .swiper-button-next { right: 0; }
#index-whos .swiper-button-prev:hover, #index-whos .swiper-button-next:hover { color: #1266A9; }
#index-whos .swiper-center { width: 200px; position: absolute; left: 50%; margin-left: -100px; bottom: 17px; }
#index-whos .swiper-pagination { bottom: 0; margin: 0 auto; }
#index-whos .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #E3E3E3 !important; opacity: 1; border: 5px solid #fff !important; border-radius: 50% !important; border: 1px solid #fff !important; border-radius: 50% !important; outline: none; }
#index-whos .swiper-pagination-bullet-active { background-color: #969291 !important; border: 5px solid #E3E3E3 !important; }

@media screen and (max-width: 767px) {
.index-who { display: none; }
.index-whos { display: block; }
}
/**/
.robot-wrap { background: url(../images/robot-wrap.png) no-repeat top center; overflow: hidden; }
.index-robot { width: 1000px; margin: 0 auto; position: relative; }
#index-robot { position: relative; padding-bottom: 50px; }
.index-robot .swiper-container { width: 100%; height: 100%; }
#index-robot .swiper-slide { float: left !important; width: 98% !important; margin: 2% 2% !important; margin-left: 0 !important; padding: 0 0 !important; background: none !important; cursor: pointer; position: relative; z-index: 1; box-shadow: 10px 10px 15px -5px rgba(201,203,206,1); border-radius: 25px; overflow: hidden; }
#index-robot .swiper-slide .image { width: 100%; display: flex; align-items: center; height: 550px; position: relative; z-index: 1; overflow: hidden; }
#index-robot .swiper-slide .image img { width: 100%; align-items: center; }
#index-robot .swiper-slide:hover .image { }
#index-robot .swiper-slide .text { position: absolute; z-index: 2; right: 100px; top: 100px; overflow: hidden; line-height: 50px; }
#index-robot .swiper-slide h3, #index-robot .swiper-slide p { overflow: hidden; display: block; color: #fff; font-weight: bold; }
#index-robot .swiper-slide h3 { font-size: 42px; }
#index-robot .swiper-slide p { font-size: 26px; margin-top: 10px; }
.index-robot .swiper-button-prev, .index-robot .swiper-button-next { position: absolute; top: 50%; margin-top: -80px; width: 50px; height: 120px; text-align: center; line-height: 120px; font-size: 42px; font-weight: lighter; transition: all .6s; background: #fff; outline: none; color: #1266A9; background: rgba(255,255,255,0.9); opacity: .65; }
.index-robot .swiper-button-prev { left: 0; }
.index-robot .swiper-button-next { right: 20px; }
#index-robot .swiper-button-prev:hover, .index-robot .swiper-button-next:hover { opacity: 1; }
#index-robot .swiper-pagination { left: auto !important; right: 0 !important; text-align: right !important; bottom: 50px !important; }
.index-robot .swiper-pagination-fraction { left: auto !important; right: 50px !important; text-align: right !important; bottom: 100px !important; font-size: 16px !important; }
#index-robot .my-pagination-total { }
.index-robot .swiper-pagination-fraction .swiper-pagination-current { font-size: 20px !important; font-weight: bold; color: #fff !important; }
#index-robot .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#index-robot .swiper-pagination-bullet-active { background-color: #1266A9 !important; border: 5px solid #fff !important; }
.index-robots { width: 100%; margin: 0 auto; position: relative; display: none; }
#index-robots { position: relative; padding-bottom: 50px; }
.index-robots .swiper-container { width: 100%; height: 100%; }
#index-robots .swiper-slide { float: left !important; width: 98% !important; margin: 2% 1% !important; margin-left: 1% !important; padding: 0 0 !important; background: none !important; cursor: pointer; position: relative; z-index: 1; box-shadow: 5px 5px 10px -5px rgba(201,203,206,1); border-radius: 25px; overflow: hidden; }
#index-robots .swiper-slide .image { width: 100%; display: flex; align-items: center; height: 185px; position: relative; z-index: 1; overflow: hidden; }
#index-robots .swiper-slide .image img { width: 100%; align-items: center; }
#index-robots .swiper-slide:hover .image { }
#index-robots .swiper-slide .text { position: absolute; z-index: 2; right: 10px; top: 10px; overflow: hidden; line-height: 30px; }
#index-robots .swiper-slide h3, #index-robots .swiper-slide p { overflow: hidden; display: block; color: #fff; font-weight: bold; }
#index-robots .swiper-slide h3 { font-size: 18px; }
#index-robots .swiper-slide p { font-size: 14px; margin-top: 10px; }
.index-robots .swiper-button-prev, .index-robots .swiper-button-next { position: absolute; top: 50%; margin-top: -15px; width: 20px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; font-weight: lighter; transition: all .6s; background: #fff; outline: none; color: #1266A9; background: rgba(255,255,255,0.9); opacity: .65; }
.index-robots .swiper-button-prev { left: 5px; }
.index-robots .swiper-button-next { right: 5px; }
#index-robots .swiper-button-prev:hover, .index-robots .swiper-button-next:hover { opacity: 1; }
#index-robots .swiper-pagination { left: auto !important; right: 0 !important; text-align: right !important; bottom: 50px !important; display: none!important; }
.index-robots .swiper-pagination-fraction { left: auto !important; right: 50px !important; text-align: right !important; bottom: 100px !important; font-size: 16px !important; display: none!important; }
#index-robots .my-pagination-total { display: none!important; }
.index-robots .swiper-pagination-fraction .swiper-pagination-current { font-size: 20px !important; font-weight: bold; color: #fff !important; display: none!important; }
#index-robots .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; display: none!important; }
#index-robots .swiper-pagination-bullet-active { background-color: #1266A9 !important; border: 5px solid #fff !important; display: none!important; }

@media screen and (max-width: 767px) {
.index-robot { display: none; }
.index-robots { display: block; }
}
/**/
.xp-wrap { background: #fff url(../images/index-ico-2.png) no-repeat 80% bottom; overflow: hidden; }
.xp-wrap .container { width: 100%; min-width: 1200px; max-width: 1200px; margin: 0 auto; }
.index-xp { padding-bottom: 40px; overflow: hidden; }
.xp-left, .xp-right, .shop-left { float: left; width: 200px; overflow: hidden; }
.xp-left { background: url(../images/xpleft.png) no-repeat left top; padding-top: 100px; }
.xp-left dl, .xp-left dt, .xp-left dd, .xp-left li { display: block; overflow: hidden; }
.xp-left dl { padding: 5px 0; }
.xp-left dt { font-size: 16px; }
.xp-left dt:hover, .xp-left dt.cur, .xp-left dt.on { color: #1266A9; font-weight: bold; }
.xp-left dd { padding: 10px 0; overflow: hidden; display: none; }
.xp-left dl.on dd { }
.xp-left li { line-height: 35px; height: 35px; width: 128px; margin: 2px 0; font-size: 15px; padding-left: 25px; position: relative; }
.xp-left li:after { content: ''; position: absolute; left: 15px; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #8A8989; }
.xp-left li a { display: block; }
.xp-left li:hover, .xp-left li.cur, .xp-left li.on { background: url(../images/index-ico-3.png) no-repeat center; background-size: cover; }
.xp-left li:hover a, .xp-left li.cur a, .xp-left li.on a { color: #fff; }
.xp-left li:hover:after, .xp-left li.cur:after, .xp-left li.on:after { background: #fff; }
.xp-right { float: right; width: 980px; padding-top: 25px; }
.xp-right .image-inner, .xp-right .text-inner { width: auto; display: block; overflow: hidden; }
.xp-right .image-inner { float: left; width: 590px; height: 550px; margin-right: 30px; border: 1px solid #e7e7e7; border-radius: 15px; }
.xp-right .image-inner img { width: 100%; align-items: center; position: relative; z-index: 1; }
.xp-right .text-inner { background: url(../images/index-ico-1.png) no-repeat top center; padding-top: 100px; margin-top: 35px; }
.xp-right .text-inner .title, .xp-right .text-inner .text, .xp-right .text-inner .info, .xp-right .text-inner .more { width: 100%; display: block; text-align: center; overflow: hidden; }
.xp-right .text-inner .title { margin: 30px 0; position: relative; }
.xp-right .text-inner .title strong { font-size: 60px; height: 80px; line-height: 80px; font-weight: bold; text-transform: uppercase; position: relative; z-index: 0; }
.xp-right .text-inner .title:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 40px; background: rgba(255,255,255,0.5); z-index: 1; }
.xp-right .text-inner .text { margin: 30px 0; }
.xp-right .text-inner .text strong { font-size: 18px; height: 40px; font-weight: normal; line-height: 40px; color: #8F8D8D; text-transform: uppercase; position: relative; }
.xp-right .text-inner .text strong:after, .xp-right .text-inner .text strong:before { content: ''; position: absolute; top: 50%; width: 35px; height: 1px; background: #8F8D8D; z-index: 1; }
.xp-right .text-inner .text strong:after { left: -50px; }
.xp-right .text-inner .text strong:before { right: -50px; }
.xp-right .text-inner .info { font-size: 28px; font-weight: bold; color: #DD6E9E; text-decoration-color: transparent; text-decoration-thickness: 0.1em; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.xp-right .text-inner .info img { max-width: 100%; vertical-align: middle; }
.xp-right .text-inner .more { margin: 30px 0; }
.xp-right .text-inner .more a { margin: 0 auto; width: 160px; height: 45px; font-size: 16px; line-height: 45px; border: 1px solid #8F8D8D; display: block; overflow: hidden; }
.xp-right .text-inner .more a i { color: #B9B9B9; font-size: 18px; }

@media screen and (max-width: 767px) {
.xp-wrap { background: #fff url(../images/index-ico-2.png) no-repeat 80% bottom; overflow: hidden; }
.xp-wrap .container { width: 96%; min-width: 96%; max-width: 96%; margin: 0 auto; }
.index-xp { padding-bottom: 40px; overflow: hidden; }
.xp-left, .xp-right, .shop-left { float: left; width: 100%; padding: 0 0; margin: 0 0%; overflow: hidden; }
.xp-left { background: url(../images/xpleft.png) no-repeat left top; background-size: 100px auto; padding-top: 50px; width: 35%; }
.xp-left dl, .xp-left dt, .xp-left dd, .xp-left li { display: block; overflow: hidden; }
.xp-left dl { padding: 5px 0; }
.xp-left dt { font-size: 14px; }
.xp-left dt:hover, .xp-left dt.cur, .xp-left dt.on { color: #1266A9; font-weight: bold; }
.xp-left dd { padding: 5px 0; overflow: hidden; display: none; }
.xp-left dl.on dd { }
.xp-left li { line-height: 35px; height: 35px; width: 100%; margin: 2px 0; font-size: 13px; padding-left: 25px; position: relative; }
.xp-left li:after { content: ''; position: absolute; left: 15px; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #8A8989; }
.xp-left li a { display: block; }
.xp-left li:hover, .xp-left li.cur, .xp-left li.on { background: url(../images/index-ico-3.png) no-repeat center; background-size: 100% auto; }
.xp-left li:hover a, .xp-left li.cur a, .xp-left li.on a { color: #fff; }
.xp-left li:hover:after, .xp-left li.cur:after, .xp-left li.on:after { background: #fff; }
.xp-right { float: right; width: 63%; padding-top: 0px; }
.xp-right .image-inner, .xp-right .text-inner { float: left; width: 100%; display: block; overflow: hidden; }
.xp-right .image-inner { float: left; width: 100%; background: #fff; display: flex; height: auto; margin-right: 0px; border: 1px solid #e7e7e7; border-radius: 15px; }
.xp-right .image-inner img { max-width: 100%; align-items: center; position: relative; z-index: 1; }
.xp-right .text-inner { background: url(../images/index-ico-1.png) no-repeat top center; background: none; padding-top: 10px; margin-top: 0px; }
.xp-right .text-inner .title, .xp-right .text-inner .text, .xp-right .text-inner .info, .xp-right .text-inner .more { width: 100%; display: block; text-align: center; overflow: hidden; }
.xp-right .text-inner .title { margin: 5px 0; position: relative; }
.xp-right .text-inner .title strong { font-size: 16px; height: 30px; line-height: 30px; font-weight: bold; text-transform: uppercase; position: relative; z-index: 0; }
.xp-right .text-inner .title:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 40px; background: rgba(255,255,255,0.5); z-index: 1; }
.xp-right .text-inner .text { margin: 5px 0; }
.xp-right .text-inner .text strong { font-size: 14px; height: 30px; font-weight: normal; line-height: 30px; color: #8F8D8D; text-transform: uppercase; position: relative; }
.xp-right .text-inner .text strong:after, .xp-right .text-inner .text strong:before { content: ''; position: absolute; top: 50%; width: 35px; height: 1px; background: #8F8D8D; z-index: 1; }
.xp-right .text-inner .text strong:after { left: -50px; }
.xp-right .text-inner .text strong:before { right: -50px; }
.xp-right .text-inner .info { font-size: 28px; font-weight: bold; color: #DD6E9E; text-decoration-color: transparent; text-decoration-thickness: 0.1em; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.xp-right .text-inner .info img { max-width: 100%; vertical-align: middle; }
.xp-right .text-inner .more { margin: 5px 0; display: none; }
.xp-right .text-inner .more a { margin: 0 auto; width: 160px; height: 35px; font-size: 14px; line-height: 35px; border: 1px solid #8F8D8D; display: block; overflow: hidden; }
.xp-right .text-inner .more a i { color: #B9B9B9; font-size: 18px; }
}
/**/
.shop-index .shop-wrap { width: 100%; min-width: 1200px; max-width: 1600px; margin: 0 auto; }
.shop-wrap { }
.shop-nav { padding: 50px 0; height: 750px; padding-right: 30px; width: 244px; position: relative; z-index: 999; overflow: hidden; background: url(../images/sider.png) no-repeat center right; }
.shop-nav .nav-close { position: absolute; width: 28px; height: 56px; line-height: 56px; text-align: center; right: 10px; top: 50%; margin-top: -28px; font-size: 18px; color: #1266A9; }
.shop-nav .nav-close:before { content: "\f053"; font-family: 'FontAwesome'; }
.shop-nav-min { padding: 50px 0; height: 750px; position: relative; z-index: 999; overflow: hidden; background: url(../images/sider.png) no-repeat center right; width: 28px; display: none; }
.shop-nav-min .nav-open { position: absolute; width: 28px; height: 56px; line-height: 56px; text-align: center; right: 5px; top: 50%; margin-top: -28px; font-size: 18px; color: #1266A9; }
.shop-nav-min .nav-open:before { content: "\f054"; font-family: 'FontAwesome'; }
.shop-nav .one, .shop-nav .two, .shop-nav .three { display: block; overflow: hidden; line-height: 40px; }
.shop-nav .one { padding: 10px 0; width: 180px; margin: 0 auto; }
.shop-nav h3, .shop-nav dt, .shop-nav li, .shop-nav p { height: 40px; display: block; position: relative; overflow: hidden; padding: 0 15px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; cursor: pointer; }
.shop-nav h3 { background: #1266A9; font-weight: bold; font-size: 16px; color: #fff; }
.shop-nav dt, .shop-nav li { border-bottom: 1px solid #D5D8DD; font-size: 15px; }
.shop-nav dt:hover, .shop-nav dt.on, .shop-nav li:hover, .shop-nav li.on { color: #1266A9; }
.shop-nav dt:after, .shop-nav li:after { position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #898989; left: 0; top: 50%; margin-top: -3px; }
.shop-nav dt:hover:after, .shop-nav dt.on:after, .shop-nav li:hover:after, .shop-nav li.on:after { background: #1266A9; }
.shop-nav dt:before { position: absolute; right: 10px; top: 0; content: "\f107"; font-family: 'FontAwesome'; font-weight: bold; }
.shop-nav dt:hover:before, .shop-nav dt.on:before { content: "\f106"; }
.shop-nav .two { }
.shop-nav .three { background: #EEEFF1; display: none; }
.shop-nav p { border-bottom: 1px solid #E8E9EC; }
.shop-nav li { }
.shop-nav p:last-child, .shop-nav li:last-child, .shop-nav dt:last-child { border-bottom: 0; }
/**/
.shop-left .one, .shop-left .two, .shop-left .three { display: block; overflow: hidden; line-height: 40px; }
.shop-left .one { padding: 10px 0; width: 180px; margin: 0 auto; }
.shop-left h3, .shop-left dt, .shop-left li, .shop-left p { height: 40px; display: block; position: relative; overflow: hidden; padding: 0 15px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; cursor: pointer; }
.shop-left h3 { background: #1266A9; font-weight: bold; font-size: 16px; color: #fff; }
.shop-left h3 a { color: #fff; }
.shop-left dt, .shop-left li { border-bottom: 1px solid #D5D8DD; font-size: 15px; }
.shop-left dt:hover, .shop-left dt.on, .shop-left li:hover, .shop-left li.on { color: #1266A9; }
.shop-left dt:after, .shop-left li:after { position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #898989; left: 0; top: 50%; margin-top: -3px; }
.shop-left dt:hover:after, .shop-left dt.on:after, .shop-left li:hover:after, .shop-left li.on:after { background: #1266A9; }
.shop-left dt:before { position: absolute; right: 10px; top: 0; content: "\f107"; font-family: 'FontAwesome'; font-weight: bold; }
.shop-left dt:hover:before, .shop-left dt.on:before { content: "\f106"; }
.shop-left .two { }
.shop-left .three { background: #EEEFF1; display: none; }
.shop-left p { border-bottom: 1px solid #E8E9EC; }
.shop-left li { }
.shop-left p:last-child, .shop-left li:last-child, .shop-left dt:last-child { border-bottom: 0; }

@media screen and (max-width: 767px) {
.shop-left .one, .shop-left .two, .shop-left .three { display: block; overflow: hidden; line-height: 40px; }
.shop-left .one { padding: 10px 0; width: 100%; margin: 0 auto; }
.shop-left h3, .shop-left dt, .shop-left li, .shop-left p { height: 40px; display: block; position: relative; overflow: hidden; padding: 0 15px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; cursor: pointer; }
.shop-left h3 { background: #1266A9; font-weight: bold; font-size: 16px; color: #fff; }
.shop-left h3 a { color: #fff; }
.shop-left dt, .shop-left li { border-bottom: 1px solid #D5D8DD; font-size: 15px; }
.shop-left dt:hover, .shop-left dt.on, .shop-left li:hover, .shop-left li.on { color: #1266A9; }
.shop-left dt:after, .shop-left li:after { position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #898989; left: 0; top: 50%; margin-top: -3px; }
.shop-left dt:hover:after, .shop-left dt.on:after, .shop-left li:hover:after, .shop-left li.on:after { background: #1266A9; }
.shop-left dt:before { position: absolute; right: 10px; top: 0; content: "\f107"; font-family: 'FontAwesome'; font-weight: bold; }
.shop-left dt:hover:before, .shop-left dt.on:before { content: "\f106"; }
.shop-left .two { }
.shop-left .three { background: #EEEFF1; display: none; }
.shop-left p { border-bottom: 1px solid #E8E9EC; }
.shop-left li { }
.shop-left p:last-child, .shop-left li:last-child, .shop-left dt:last-child { border-bottom: 0; }
}
/**/
.app-wrap { background: #F2F3F7; overflow: hidden; }
.app-wrap .container { padding: 0 0; width: 1200px; }
.index-app { padding-top: 20px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.index-app .text, .index-app .image { line-height: 35px; font-size: 16px; overflow: hidden; }
.index-app .text { display: flex; align-items: center; flex-direction: column; justify-content: center; -webkit-flex: 1; flex: 1; }
.index-app .text .title { width: 100%; font-size: 28px; font-weight: bold; }
.index-app .text .intro { width: 100%; margin: 30px 0; color: #5F6060; }
.index-app .text .down { width: 100%; }
.index-app .text .down a { float: left; width: 215px; height: 51px; line-height: 51px; text-align: center; background: url(../images/down-ico.png) no-repeat center; color: #fff; }
.index-app .text .down a:hover { opacity: .9; }
.index-app .image { float: right; width: 865px; }
.index-app .image img { max-width: 100%; }

@media screen and (max-width: 767px) {
.app-wrap .container { padding: 0 0; width: 96%; }
.index-app { flex-direction: column; padding: 0 0; }
.index-app .text, .index-app .image { width: 100%; line-height: 30px; font-size: 14px; }
.index-app .text .title { font-size: 18px; }
.index-app .text .intro { margin: 10px 0; }
.index-app .text .down a { margin: 0 auto; float: none; display: block; margin-bottom: 20px; }
}
/**/
.down-wrap { background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.down-inner { padding-top: 20px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.down-inner .text-inner, .down-inner .image-inner { line-height: 35px; font-size: 18px; overflow: hidden; color: #fff; }
.down-inner .image-inner { float: left; width: 550px; margin-right: 20px; }
.down-inner .image-inner img { max-width: 100%; }
.down-inner .text-inner { -webkit-flex: 1; flex: 1; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.down-inner .text-inner .title { width: 100%; font-size: 32px; font-weight: bold; }
.down-inner .text-inner .title strong { color: #F08519; }
.down-inner .text-inner .intro { width: 100%; margin: 50px 0; }
.down-inner .text-inner .intro li { float: left; width: 100%; position: relative; padding-left: 25px; overflow: hidden; }
.down-inner .text-inner .intro li:after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: #F08519; }
.down-inner .text-inner .down { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.down-inner .text-inner .down .hd { -webkit-flex: 1; flex: 1; overflow: hidden; display: flex; justify-content: center; flex-direction: column; }
.down-inner .text-inner .down .hd li { margin: 10px 0; width: 200px; height: 56px; border-bottom: 3px solid #D27316; border-radius: 10px; overflow: hidden; background: #F08519; display: flex; align-items: center; justify-content: center; color: #fff; }
.down-inner .text-inner .down .hd .list-2 { background: #54AC0A; border-bottom: 3px solid #3D8D08; }
.down-inner .text-inner .down .hd li.on { opacity: .9; }
.down-inner .text-inner .down .hd li img { margin-right: 20px; }
.down-inner .text-inner .down .bd { overflow: hidden; margin-right: 20px; }

@media screen and (max-width: 767px) {
.app-wrap .container { padding: 0 0; width: 96%; }
.down-inner { flex-direction: column; padding: 0 0; }
.down-inner .text-inner, .down-inner .image-inner { width: 100%; line-height: 30px; font-size: 14px; }
.down-inner .text-inner .title { font-size: 22px; }
.down-inner .text-inner .intro { margin: 10px 0; }
.down-inner .text-inner .down { flex-direction: column; padding: 0 0; align-items: center; }
.down-inner .text-inner .down .bd { display: none; overflow: hidden; margin-right: 0px; }
}
/**/

.adv-wrap { overflow: hidden; background: #fff; }
.adv-wrap .container { padding-bottom: 0; }
.app-adv { margin-top: 20px; position: relative; height: 1000px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: 693px auto; }
.app-adv .item { width: 400px; position: absolute; }
.app-adv .item:nth-child(1) { left: 50%; top: 0px; margin-left: -200px; }
.app-adv .item:nth-child(2) { left: -30px; top: 275px; }
.app-adv .item:nth-child(3) { right: -50px; top: 275px; }
.app-adv .item:nth-child(4) { left: -30px; bottom: 315px; }
.app-adv .item:nth-child(5) { right: -50px; bottom: 315px; }
.app-adv .item .title, .app-adv .item .text { display: block; line-height: 30px; font-size: 14px; position: relative; text-align: right; }
.app-adv .item .title { font-size: 22px; font-weight: bold; }
.app-adv .item .title:after { display: none; content: ''; position: absolute; width: 12px; height: 12px; background: #000; border-radius: 50%; top: 50%; margin-top: -6px; right: 0; }
.app-adv .item:nth-child(1) .title, .app-adv .item:nth-child(1) .text { text-align: center; }
.app-adv .item:nth-child(3) .title, .app-adv .item:nth-child(3) .text, .app-adv .item:nth-child(5) .title, .app-adv .item:nth-child(5) .text { text-align: left; }
.app-adv .item .text { color: #666; padding: 10px 0; }
.app-adv .other { position: absolute; bottom: 80px; left: 50%; margin-left: -250px; width: 500px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: rgba(255,255,255,0.75); border-radius: 15px; }

@media screen and (max-width: 767px) {
.app-adv { height: auto; padding-bottom: 480px; background-size: 100% auto; background-position: bottom center; }
.app-adv .item { position: static; width: 100%; display: block; }
.app-adv .item:nth-child(1) { position: static; margin: 0; }
.app-adv .item:nth-child(2) { position: static; }
.app-adv .item:nth-child(3) { position: static; }
.app-adv .item:nth-child(4) { position: static; }
.app-adv .item:nth-child(5) { position: static; }
.app-adv .item:nth-child(1) .title, .app-adv .item:nth-child(1) .text { text-align: left; }
.app-adv .item .title, .app-adv .item .text { display: block; line-height: 30px; font-size: 14px; position: relative; text-align: left; }
.app-adv .item .title { font-size: 16px; font-weight: bold; }
.app-adv .item .title:after { content: ''; position: absolute; width: 12px; height: 12px; background: #000; border-radius: 50%; top: 50%; margin-top: -6px; right: auto; left: 0; }
.app-adv .item .text { }
.app-adv .other { width: 100%; left: 0; margin-left: 0; height: auto; bottom: 420px; padding: 0 10px; }
}
/**/
.ptn { padding: 0 0; }
.dis-none { display: none !important; }
/**/