@charset "UTF-8";

.index-search{
    display: none !important;
}
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

@font-face { font-family: "CeraGR Medium"; src: url("../fonts/ceragr medium.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "CeraGR thin"; src: url("../fonts/ceragr thin.woff") format("woff"); font-weight: normal; font-style: normal; }

body, button, input, select, textarea { font: 14px/1.5 'Microsoft YaHei', 'Hiragino Sans GB', Arial, sans-serif; color: #000; }

.CeraGR-thin { font-family: "CeraGR thin" !important; }

.CeraGR-Medium { font-family: "CeraGR Medium" !important; }

div[contenteditable] { display: none !important; }

ul, li { list-style: none; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { border: 1px solid #ccc; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #000; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], button, select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 1024px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

/* swiper 3.0 */
.swiper-wrapper { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

/* swiper 3.0 */
/* layout start*/


@charset "UTF-8";
/*动画*/
.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes fadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.fadeUp { -webkit-animation-name: fadeUp; -moz-animation-name: fadeUp; -o-animation-name: fadeUp; animation-name: fadeUp; }

@-webkit-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.fadeDown { -webkit-animation-name: fadeDown; -moz-animation-name: fadeDown; -o-animation-name: fadeDown; animation-name: fadeDown; }

@-webkit-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.fadeLeft { -webkit-animation-name: fadeLeft; -moz-animation-name: fadeLeft; -o-animation-name: fadeLeft; animation-name: fadeLeft; }

@-webkit-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.fadeRight { -webkit-animation-name: fadeRight; -moz-animation-name: fadeRight; -o-animation-name: fadeRight; animation-name: fadeRight; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fadewidth { -webkit-animation-name: fadewidth; -moz-animation-name: fadewidth; -o-animation-name: fadewidth; animation-name: fadewidth; }

@-webkit-keyframes fadewidth { 0% { opacity: 0;
    width: 0; }
  100% { width: 100%;
    opacity: 1; } }

@-moz-keyframes fadewidth { 0% { opacity: 0;
    width: 0; }
  100% { width: 100%;
    opacity: 1; } }

@-o-keyframes fadewidth { 0% { opacity: 0;
    width: 0; }
  100% { width: 100%;
    opacity: 1; } }

@keyframes fadewidth { 0% { opacity: 0;
    width: 0; }
  100% { width: 100%;
    opacity: 1; } }

.imgshow { -webkit-animation-name: imgshow; -moz-animation-name: imgshow; -o-animation-name: imgshow; animation-name: imgshow; }

@-webkit-keyframes lineleft { 0% { width: 0; }
  100% { width: 140px; } }

@-moz-keyframes lineleft { 0% { width: 0; }
  100% { width: 140px; } }

@-o-keyframes lineleft { 0% { width: 0; }
  100% { width: 140px; } }

@keyframes lineleft { 0% { width: 0; }
  100% { width: 140px; } }

.lineleft { -webkit-animation-name: lineleft; -moz-animation-name: lineleft; -o-animation-name: lineleft; animation-name: lineleft; }

@-webkit-keyframes lineright { 0% { left: 0;
    opacity: 1; }
  100% { left: 140px;
    opacity: 0; } }

@-moz-keyframes lineright { 0% { left: 0;
    opacity: 1; }
  100% { left: 140px;
    opacity: 0; } }

@-o-keyframes lineright { 0% { left: 0;
    opacity: 1; }
  100% { left: 140px;
    opacity: 0; } }

@keyframes lineright { 0% { left: 0;
    opacity: 1; }
  100% { left: 140px;
    opacity: 0; } }

.lineright { -webkit-animation-name: lineright; -moz-animation-name: lineright; -o-animation-name: lineright; animation-name: lineright; }

/* banner s*/
.indexban-container { width: 100%; overflow: hidden; position: relative; z-index: 22; }

.indexbanner { width: 100%; overflow: hidden; position: relative; z-index: 11; }

.indexbanner ul { width: 100%; }

.indexbanner ul li { width: 100%; height: auto; overflow: hidden; z-index: 44; }

.indexbanner ul li .pic, .indexbanner ul li .vi { position: relative; width: 100%; height: 100%; top: 0; left: 0; }

.indexbanner ul li .banner-img { display: block; width: 100%; overflow: hidden; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center center; }

.indexbanner ul li .banner-img img { display: block; width: 100%; }

.indexbanner ul li.cur .banner-word { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.watch-video { display: block; width: 100%; height: 100%; position: absolute; z-index: 6; top: 0; left: 0; }

.watch-video .banner-img { height: 100%; }

.bannerwatch-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; overflow: hidden; display: none; }

.watct-link { position: absolute; text-align: center; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.watct-link a { width: 60px; height: 60px; display: block; margin: 0 auto; background: url(../images/playbtn.png) center center no-repeat; -o-background-size: auto 40px; background-size: auto 40px; }

.bannervideo { display: block; width: 100%; position:absolute !important; top:0;left:0;z-index:22; height: 100%;background-color: #000; }

.bannervideo video{ display: block;  -o-object-fit: cover; object-fit: cover; width: 100%;height: 100%;   }

.bannervideo video + div{ display:none !important; }

.bannervideo video + div + div{ display:none !important; }

.bannervideo video + div + div + div{ display:none !important; }

.bannervideo video + div + div + div + div{ display:none !important; }

.idxbanner-pos { width: 100%; position: absolute; left: 0; top: 32.53012%; }

.bancommonweb { padding-left: 15px; padding-right: 15px; }

.banner-word { width: 100%; text-align: center; color: #fff; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; }

.banner-word .title { font-size: 36px; line-height: 1.2; word-break: break-all; font-weight: bold; }

.banner-word .info { font-size: 16px; line-height: 1.2; }

.index-banner-prev, .index-banner-next { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; cursor: pointer; position: absolute; z-index: 66; width: 40px; height: 40px; }

.index-banner-prev:after, .index-banner-next:after { content: ''; width: 30px; height: 30px; position: absolute; border: 1px solid #e5e6e5; top: 50%; left: 0%; }

.index-banner-prev:after { border-right: none; border-bottom: none; -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.index-banner-next:after { border-right: none; border-bottom: none; -webkit-transform: translateY(-50%) rotate(135deg); -moz-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.swiper-button:hover:after { border-color: #354b9c; }

.index-pagination { position: absolute; bottom: 15px; width: 100%; left: 0; text-align: center; z-index: 66; }

.index-pagination span { display: inline-block; margin: 0 2px; vertical-align: middle; width: 28px; height: 3px; cursor: pointer; background-color: #000; -webkit-border-radius: 0; border-radius: 0; }

.index-pagination span.swiper-pagination-bullet-active { background-color: #2a4091; }

@-webkit-keyframes updown { 0% { bottom: 10px;
    opacity: 1; }
  100% { bottom: 20px;
    opacity: 0; } }

@-moz-keyframes updown { 0% { bottom: 10px;
    opacity: 1; }
  100% { bottom: 20px;
    opacity: 0; } }

@-o-keyframes updown { 0% { bottom: 10px;
    opacity: 1; }
  100% { bottom: 20px;
    opacity: 0; } }

@keyframes updown { 0% { bottom: 10px;
    opacity: 1; }
  100% { bottom: 20px;
    opacity: 0; } }

.mouseicon { width: 25px; height: 40px; position: absolute; bottom: 10px; z-index: 105; right: 55px; background: url(../images/wmouse.png) center no-repeat; display: none; }

@media (min-width: 768px) { .banner-word .title { font-size: 46px; }
  .banner-word .info { font-size: 20px; } }

@media (min-width: 1024px) { .bancommonweb { padding-left: 40px; padding-right: 40px; }
  .watch-video { display: none; }
  .bannerwatch-video { display: block; }
  .banner-word .title { font-size: 56px; }
  .banner-word .info { font-size: 24px; }
  .index-banner-prev { left: 40px; }
  .index-banner-next { right: 40px; }
  .index-pagination { display: none; bottom: 4%; }
  .index-pagination span { width: 60px; margin: 0 5px; } }

@media (min-width: 1260px) { .bancommonweb { width: 100%; max-width: 1360px; margin: 0 auto; }
  .banner-word .title { font-size: 66px; }
  .banner-word .info { font-size: 28px; }
  .mouseicon { -webkit-animation: updown 1s infinite; -moz-animation: updown 1s infinite; -o-animation: updown 1s infinite; animation: updown 1s infinite; } }

@media (min-width: 1440px) { .banner-word .title { font-size: 72px; }
  .banner-word .info { font-size: 34px; }
  .index-banner-prev { Left: 8.33333%; }
  .index-banner-next { right: 8.33333%; }
  .index-banner-prev, .index-banner-next { width: 60px; height: 60px; }
  .index-banner-prev:after, .index-banner-next:after { width: 50px; height: 50px; } }

/* banner e*/
/* banner add s */
.banner-preview { display: none; }

@media (min-width: 1024px) { .banner-preview { display: none; position: absolute; bottom: 0; width: 100%; z-index: 33; height:1px;  }
  .banner-preview .bancommonweb{ -webkit-ransform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%); transform:translateY(-100%); }
  .preview-contianer { width: 100%; position: relative; padding-left: 80px; padding-right: 80px; }
  .preview-swiper { position: relative; width: 100%; overflow: hidden; }
  .preview-swiper ul li { width: 254px; height: auto; position: relative; }
  .preview-swiper ul li a { display: block; width: 100%; overflow: hidden; position: relative; }
  .preview-swiper ul li a:hover .image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .preview-swiper ul li a:hover .image:after { opacity: 0; }
  .preview-swiper ul li .views { width: 100%; position: relative; z-index: 4; }
  .preview-swiper ul li .image { width: 100%; position: relative; overflow: hidden; }
  .preview-swiper ul li .image:before { content: ''; display: block; width: 100%; padding-bottom: 49.76077%; }
  .preview-swiper ul li .image:after { content: ''; display: block; position: absolute; z-index: 4; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; top: 0; left: 0; width: 100%; height: 100%; }
  .preview-swiper ul li .image img { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; height: 100%; }
  .preview-swiper ul li .word { position: absolute; bottom: 0; width: 100%; left: 0; z-index: 7; color: #fff; padding: 0 15px 10px; }
  .preview-swiper ul li .word .title { width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.2; font-size: 20px; }
  .preview-swiper ul li .word .info { width: 100%; font-size: 14px; line-height: 28px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: lighter; }
  .progress-bar { position: absolute; top: 0; left: 0; z-index: 6; height: 2px; background-color: #354b9c; width: 100%; }
  .progress-bar .todo { position: absolute; top: 0; left: 0; height: 100%; width: 0%; background-color: #fff; -webkit-transition-property: width; -o-transition-property: width; -moz-transition-property: width; transition-property: width; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }
  .swiper-switch-prev, .swiper-switch-next { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; cursor: pointer; position: absolute; z-index: 66; width: 40px; height: 60px; line-height: 60px; text-align: center; }
  .swiper-switch-prev:after, .swiper-switch-next:after { content: ''; width: 30px; height: 30px; border: 2px solid #b1b1b1; display: inline-block; vertical-align: middle; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .swiper-switch-prev:hover:after, .swiper-switch-next:hover:after { border-color: #354b9c !important; }
  .swiper-switch-prev.swiper-button-disabled, .swiper-switch-next.swiper-button-disabled { cursor: default; }
  .swiper-switch-prev:after { border-right: none; border-bottom: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 15px; }
  .swiper-switch-next:after { border-right: none; border-bottom: none; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-left: -18px; }
  .swiper-preview-prev { left: 20px; }
  .swiper-preview-next { right: 20px; } 
  .swiper-milestone-prev,.swiper-milestone-next{ 
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    top:21%;
  }
  .index-banner-prev,.index-banner-next{
      display:block;
  }
}

@media (min-width: 1260px) { .preview-contianer { padding-left: 120px; padding-right: 120px; }
  .preview-swiper ul li { width: 306px; }
  .preview-swiper ul li .word { padding: 0 20px 10px; }
  .preview-swiper ul li .word .title { font-size: 28px; }
  .preview-swiper ul li .word .info { font-size: 16px; }
  .progress-bar { height: 3px; }
  .swiper-preview-prev { left: 60px; }
  .swiper-preview-next { right: 60px; } }

@media (min-width: 1440px) { .preview-contianer { padding-left: 0px; padding-right: 0px; }
  .preview-swiper ul li { width: 420px; }
  .preview-swiper ul li .word .title { font-size: 32px; }
  .preview-swiper ul li .word .info { font-size: 18px; }
  .swiper-preview-prev { left: -60px; }
  .swiper-preview-next { right: -60px; } }

/* banner add e */

@charset "UTF-8";
body { padding-top: 56px; }

header { position: fixed; left: 0; top: 0; z-index: 299; width: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

header.open .header-mountain { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

header .header-mountain.hidelang .index-lang{ display:none; }
header .header-mountain.hidelang .index-link:after{ display:none; }

.header-mountain { position: fixed; bottom: 0; width: 100%; left: 0; right: 0; z-index: 199; text-align: center; padding-top: 14px; padding-bottom: 30px; font-size: 0; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; -moz-transition: transform 0.3s, -moz-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }

.index-link { display: inline-block; vertical-align: middle; line-height: 20px; position: relative; }

.index-link:after { content: ''; position: absolute; width: 1px; height: 12px; background-color: #d2d2d2; right: 0; top: 4px; }

.index-link ul li { display: inline-block; vertical-align: top; padding-right: 20px; }

.index-link ul li a { display: block; width: 100%; color: #b7b7b7; font-size: 12px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.index-lang { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 20px; }

.index-lang .lang-icon { display: block; width: 100%; color: #b7b7b7; font-size: 12px; padding-left: 20px; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.index-lang .lang-icon::before { content: ''; position: absolute; width: 14px; height: 14px; background-position: center center; -o-background-size: auto; background-size: auto; background-repeat: no-repeat; background-image: url(../images/index-lang.png); left: 0; top: 3px; }

.header-stronger { width: 100%; }

.headerweb { padding-left: 15px; padding-right: 15px; }

.header-left { float: left; }

.header-right { float: right; line-height: 56px; font-size: 0; }

.logo { padding: 10px 0; }

.logo a { display: block; width: 100%; }

.logo a img { height: 36px; display: block; }

.mobnav-btn { display: inline-block; vertical-align: middle; width: 25px; height: 30px; position: relative; }

.mobnav-btn span { position: absolute; width: 100%; height: 3px; background-color: #2d2d2d; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.mobnav-btn span:first-child { top: 6px; }

.mobnav-btn span:nth-child(2) { top: 14px; }

.mobnav-btn span:last-child { bottom: 5px; }

.mobnav-btn.open span:first-child { top: 13px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.mobnav-btn.open span:nth-child(2) { opacity: 0; }

.mobnav-btn.open span:last-child { bottom: 14px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.index-partner { padding: 13px 0; display: inline-block; vertical-align: middle; }

.index-partner .partner-link { display: block; width: 100%; color: #ffffff; font-size: 12px; background-color: #004aff; line-height: 30px; padding: 0 10px; -webkit-border-radius: 30px; border-radius: 30px; }

.index-search { display: inline-block; vertical-align: middle; margin-left: 8px; margin-right: 8px; }

.index-search .search-icon { display: block; width: 44px; height: 44px; background-repeat: no-repeat; -o-background-size:26px auto; background-size:26px auto; background-position: center center; background-image: url(../images/index-search.png); }

.search-modal { position: fixed; top: 56px; left: 0; width: 100%; z-index: 300; background-color: #fff; padding-top: 20px; padding-bottom: 20px; display: none; }

.search-modal .search-close { display: none; }

.search-modal .search-content { padding-left: 15px; padding-right: 15px; }

.index-searchbox { width: 100%; position: relative; }

.index-searchbox .form-control { width: 100%; position: relative; padding-right: 80px; }

.index-searchbox .form-opration { position: absolute; top: 0; right: 0; width: 80px; height: 100%; }

.index-searchbox .input-write { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #354b9c; color: #656565; text-indent: 1em; }

.index-searchbox .input-seach { width: 100%; height: 100%; z-index: 2; color: #fff; display: block; font-family: "微软雅黑"; background-color: #354b9c; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.index-searchbox .search-menu { display: none; }

.index-searchbox .close-seach { display: none; }

.desktop-search { display: none; }

nav { position: fixed; top: 56px; background-color: #fff; left: 0; right: 0; bottom: 0; padding-top: 20px; padding-bottom: 80px; z-index: 188; overflow-x: hidden; overflow-y: auto; display: none; }

nav .lvnav { width: 100%; }

nav .lvnav .lv1 { width: 100%; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #ddd; }

nav .lvnav .lv1 h4 { width: 100%; padding: 5px 0; position: relative; }

nav .lvnav .lv1 h4 a { display: block; color: #656565; font-size: 14px; }

nav .lvnav .lv1 h4 .en, nav .lvnav .lv1 h4 .zh { display: inline-block; vertical-align: top; }

nav .lvnav .lv1 h4 .en { font-family: "CeraGR thin"; font-weight: bold; }

nav .lvnav .lv1 h4 .zh { padding: 0 10px; }

nav .lvnav .lv1 h4 .icon { position: absolute; width: 30%; right: 0; top: 0; height: 100%; }

nav .lvnav .lv1 h4 .icon:after { content: ''; position: absolute; border: 1px solid #828282; border-left: none; border-bottom: none; width: 10px; height: 10px; right: 5px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -9px; }

nav .lvnav .lv1.cur2 h4 .icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; }

.subnav { width: 100%; padding: 0 15px 15px; display: none; }

.subnav .lv2 { width: 100%; }

.subnav .lv2 a { display: block; width: 100%; color: #656565; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1024px) { body { padding-top: 119px; }
  .header-mountain { position: static; text-align: right; padding-top: 14px; padding-bottom: 6px; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); border-bottom: 1px solid #ebebeb; }
  .index-link ul li { padding-right: 28px; }
  .index-link ul li a:hover { color: #354b9c; }
  .index-lang { padding-left: 28px; }
  .index-lang .lang-icon:hover { color: #354b9c; }
  .headerweb { padding-left: 20px; padding-right: 20px; position: relative; }
  .header-left { float: none; width: 100%; position: relative; padding-right: 100px; padding-left: 140px; text-align: center; }
  .header-right { line-height: 56px; position: absolute; right: 20px; bottom: 0; }
  .logo { padding: 22px 0 10px; position: absolute; top: 0; left: 0; }
  .logo a img { height: 46px; }
  .mobnav-btn { display: none; }
  .index-partner { padding: 10px 0; display: block; }
  .index-partner .partner-link { padding: 0 20px; }
  .index-search { margin-right: 0px; }
  .search-modal { top: 0px; z-index: 400; height: 100%; background-color: #fff; padding-top: 21.875%; }
  .search-modal .search-close { display: block; position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background-repeat: no-repeat; -o-background-size: auto; background-size: auto; background-color: #354b9c; background-position: center center; background-image: url(../images/modalclose.png); -webkit-transition: all 0.3; -o-transition: all 0.3; -moz-transition: all 0.3; transition: all 0.3; }
  .search-modal .search-close:hover { background-color: #2a4091; }
  .search-modal .search-content { padding-left: 40px; padding-right: 40px; width: 100%; }
  .index-searchbox .form-control { border-bottom: 2px solid #0046f0; padding-right: 40px; }
  .index-searchbox .form-opration { width: 40px; overflow: hidden; }
  .index-searchbox .input-write { height: 60px; padding: 10px 0; line-height: 40px; font-size: 24px; border: none; font-weight: lighter; }
  .index-searchbox .input-seach { display: none; }
  .index-searchbox .search-menu { position: absolute; top: 65px; left: 0; width: 100%; border: 1px solid #eeeeee; }
  .index-searchbox .search-menu li { width: 100%; line-height: 28px; }
  .index-searchbox .search-menu li a { display: block; width: 100%; font-size: 16px; color: #333; padding: 0 12px; }
  .index-searchbox .search-menu li a:hover { background-color: #eee; }
  .index-searchbox .search-menu li:first-child { padding-top: 8px; }
  .index-searchbox .search-menu li:last-child { padding-bottom: 8px; }
  .index-searchbox .search-menu.on { display: block; }
  .index-searchbox .close-seach { display: block; position: absolute; width: 40px; height: 100%; top: 0; right: 0; text-align: center; font-size: 0; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; right: -40px; }
  .index-searchbox .close-seach::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
  .index-searchbox .close-seach span { display: inline-block; vertical-align: middle; position: relative; width: 40px; height: 40px; }
  .index-searchbox .close-seach span:after, .index-searchbox .close-seach span::before { content: ''; position: absolute; width: 28px; height: 2px; background-color: #006cff; }
  .index-searchbox .close-seach span:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 19px; left: 6px; }
  .index-searchbox .close-seach span::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 19px; left: 6px; }
  .index-searchbox .close-seach.on { right: 0; }
  .desktop-search { display: inline-block; }
  .mobile-search { display: none; }
  .nav-container { display: inline-block; vertical-align: top; padding-top: 34px; }
  nav { position: static; background-color: transparent; padding-top: 0px; padding-bottom: 0px; overflow: inherit; display: inline-block; vertical-align: top; }
  nav .lvnav .lv1 { width: auto; padding: 0 20px; line-height: 44px; border-bottom: none; float: left; position: relative; }
  nav .lvnav .lv1 h4 { width: 100%; padding: 0; }
  nav .lvnav .lv1 h4 a { height: 44px; width: 100%; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; text-align: center; }
  nav .lvnav .lv1 h4 .en, nav .lvnav .lv1 h4 .zh { display: block; width: 100%; }
  nav .lvnav .lv1 h4 .en { -webkit-transform: rotateX(0deg) translateZ(22px); -moz-transform: rotateX(0deg) translateZ(22px); transform: rotateX(0deg) translateZ(22px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
  nav .lvnav .lv1 h4 .zh { padding: 0px; position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: rotateX(-90deg) translateZ(22px); -moz-transform: rotateX(-90deg) translateZ(22px); transform: rotateX(-90deg) translateZ(22px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
  nav .lvnav .lv1 h4 .rotate { position: relative; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; -o-transition: -o-transform 0.3s linear; -moz-transition: transform 0.3s linear, -moz-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear, -moz-transform 0.3s linear, -o-transform 0.3s linear; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(0deg) rotateX(0deg) translateZ(-22px); -moz-transform: rotateY(0deg) rotateX(0deg) translateZ(-22px); transform: rotateY(0deg) rotateX(0deg) translateZ(-22px); }
  nav .lvnav .lv1 h4 .icon { display: none !important; }
  nav .lvnav .lv1.cur h4 a, nav .lvnav .lv1:hover h4 a { color: #354b9c; }
  nav .lvnav .lv1.cur h4 .rotate, nav .lvnav .lv1:hover h4 .rotate { -webkit-transform: translateZ(0px) rotateY(0deg) rotateX(90deg); -moz-transform: translateZ(0px) rotateY(0deg) rotateX(90deg); transform: translateZ(0px) rotateY(0deg) rotateX(90deg); }
  .subnav { width: 100%; padding: 0 5px 10px; display: none; position: absolute; background-color: #fff; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); line-height: 34px; }
  .subnav .lv2 a:hover { color: #354b9c; } }

@media (min-width: 1260px) { body { padding-top: 130px; }
  header { -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
  header.scroll { -webkit-transform: translateY(-42px); -moz-transform: translateY(-42px); -ms-transform: translateY(-42px); -o-transform: translateY(-42px); transform: translateY(-42px); }
  header.scroll .logo a img { height: 60px; }
  header.scroll .nav-container { padding-top: 34px; }
  .nav-container { -webkit-transition: padding-top 0.3s; -o-transition: padding-top 0.3s; -moz-transition: padding-top 0.3s; transition: padding-top 0.3s; }
  .headerweb { padding-left: 60px; padding-right: 60px; }
  .header-left { padding-right: 160px; padding-left: 222px; }
  .header-right { right: 60px; }
  .logo { padding: 8px 0 10px; }
  .logo a img { height: 72px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .index-partner .partner-link { padding: 0 50px; }
  .search-modal .search-content { max-width: 1400px; margin: 0 auto; }
  .index-searchbox .input-write { height: 70px; padding: 15px 0; font-size: 28px; }
  .index-searchbox .search-menu { top: 75px; }
  .index-searchbox .search-menu li { line-height: 30px; }
  .nav-container { padding-top: 46px; }
  nav .lvnav .lv1 { padding: 0 27px; } }

footer { width: 100%; overflow: hidden; }

.footer-main { width: 100%; border-bottom: 1px solid #d3d1d0; padding-top: 20px; padding-bottom: 20px; }

.ffnav { width: 100%; }

.ffnav .lv1 { width: 100%; line-height: 40px; border-bottom: 1px solid #ddd; }

.ffnav .lv1 h4 { width: 100%; padding: 5px 0; position: relative; }

.ffnav .lv1 h4 a { display: block; color: #595757; font-size: 15px; }

.ffnav .lv1 h4 .en, .ffnav .lv1 h4 .zh { display: inline-block; vertical-align: top; font-weight: normal; }

.ffnav .lv1 h4 .zh { padding: 0 10px; }

.ffnav .lv1 h4 .icon { position: absolute; width: 30%; right: 0; top: 0; height: 100%; }

.ffnav .lv1 h4 .icon:after { content: ''; position: absolute; border: 1px solid #828282; border-left: none; border-bottom: none; width: 10px; height: 10px; right: 5px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -9px; }

.ffnav .lv1.cur2 h4 .icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; }

.fsubnav { width: 100%; padding: 0 15px 20px; display: none; }

.fsubnav .lv2 { line-height: 22px; padding: 4px 0; }

.fsubnav .lv2 a { display: block; width: 100%; font-size: 14px; color: #595757; font-weight: lighter; }

.footer-share { padding-top: 20px; padding-bottom: 20px; }

.footer-share .bdsharebuttonbox { text-align: center; }

.footer-share .bdsharebuttonbox a { float: none; display: inline-block; vertical-align: top; width: 33px; height: 33px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0 6px; background-color: #959595; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: 0 0; }

.footer-share .bdsharebuttonbox .bds_be { background-image: url(../images/bbs.png); }

.footer-share .bdsharebuttonbox .bds_tsina { background-image: url(../images/ww.png); }

.footer-share .bdsharebuttonbox .bds_weixin { background-image: url(../images/xx.png); }

.footer-focus { text-align: center; }

.footer-focus .focus-panel { display: inline-block; vertical-align: top; }

.footer-focus .focus-panel .image { width: 110px; height: 110px; overflow: hidden; padding: 5px; background-color: #fff; }

.footer-focus .focus-panel .image img { display: block; width: 100%; }

.footer-focus .focus-panel .word { padding-top: 4px; }

.footer-focus .focus-panel .word .title { line-height: 16px; color: #898989; font-size: 12px; }

.friend-link { padding-top: 20px; padding-bottom: 30px; }

.friend-telnumber { font-size: 0; }

.friend-telnumber li { display: inline-block; vertical-align: top; padding-right: 20px; line-height: 24px; }

.friend-telnumber li a { display: block; width: 100%; color: #343434; font-size: 16px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.friend-telnumber li:last-child { padding-right: 0; }

.rootlink-module { line-height: 24px; padding-bottom: 20px; padding-top: 10px; }

.rootlink-module .title { color: #6f6f6f; font-size: 12px; font-weight: normal; }

.rootlink-module ul li { display: inline-block; vertical-align: top; padding-right: 10px; }

.rootlink-module ul li a { display: block; width: 100%; color: #6f6f6f; font-size: 12px; font-weight: normal; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.rootlink-module ul li:last-child { padding-right: 0; }

.law-module { line-height: 24px; }

.law-module ul li { display: inline-block; vertical-align: top; padding-right: 10px; }

.law-module ul li a { display: block; width: 100%; color: #6f6f6f; font-size: 12px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-weight: normal; }

.law-module ul li:last-child { padding-right: 0; }

.copyright { line-height: 24px; color: #6f6f6f; font-size: 12px; font-weight: normal; }

.copyright a { color: #6f6f6f; font-weight: normal; }

@media (min-width: 1024px) { .footer-main { border-top: 1px solid #d3d1d0; padding-bottom: 10px; }
  .footer-right { float: right; }
  .footer-left { float: left; }
  .footernav { padding-top: 35px; }
  .ffnav .lv1 { width: auto; float: left; line-height: 44px; border-bottom: none; margin-right: 30px; }
  .ffnav .lv1 h4 { padding: 0; }
  .ffnav .lv1 h4 a { font-size: 16px; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; }
  .ffnav .lv1 h4 .en, .ffnav .lv1 h4 .zh { display: block; width: 100%; }
  .ffnav .lv1 h4 .en { -webkit-transform: rotateX(0deg) translateZ(22px); -moz-transform: rotateX(0deg) translateZ(22px); transform: rotateX(0deg) translateZ(22px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
  .ffnav .lv1 h4 .zh { padding: 0px; position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: rotateX(-90deg) translateZ(22px); -moz-transform: rotateX(-90deg) translateZ(22px); transform: rotateX(-90deg) translateZ(22px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
  .ffnav .lv1 h4 .rotate { position: relative; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; -o-transition: -o-transform 0.3s linear; -moz-transition: transform 0.3s linear, -moz-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear, -moz-transform 0.3s linear, -o-transform 0.3s linear; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-22px) rotateY(0deg) rotateX(90deg); -moz-transform: translateZ(-22px) rotateY(0deg) rotateX(90deg); transform: translateZ(-22px) rotateY(0deg) rotateX(90deg); }
  .ffnav .lv1 h4 .icon { display: none; }
  .ffnav .lv1.cur h4 a, .ffnav .lv1:hover h4 a { color: #354b9c; }
  .ffnav .lv1.cur h4 .rotate, .ffnav .lv1:hover h4 .rotate { -webkit-transform: translateZ(0px) rotateY(0deg) rotateX(0deg); -moz-transform: translateZ(0px) rotateY(0deg) rotateX(0deg); transform: translateZ(0px) rotateY(0deg) rotateX(0deg); }
  .fsubnav { padding: 0 5px 10px; }
  .fsubnav .lv2 a:hover { color: #354b9c; }
  .footer-share { padding-top: 0px; padding-bottom: 0px; display: inline-block; vertical-align: middle; margin-top: -15px; padding-right: 50px; }
  .footer-share .bdsharebuttonbox a:hover { background-color: #354b9c; }
  .footer-focus { display: inline-block; vertical-align: middle; }
  .friend-link { padding-top: 30px; padding-bottom: 40px; }
  .friend-telnumber li a:hover { color: #354b9c; }
  .rootlink-module { padding-bottom: 30px; padding-top: 20px; }
  .rootlink-module .title { float: left; }
  .rootlink-module ul { overflow: hidden; }
  .rootlink-module ul li { padding-right: 0px; padding-left: 20px; }
  .rootlink-module ul li a:hover { color: #354b9c; }
  .law-module ul li { padding-right: 20px; }
  .law-module ul li a:hover { color: #354b9c; }
  .copyright a:hover { color: #354b9c; } }

@media (min-width: 1260px) { .ffnav .lv1 h4 a { font-size: 18px; }
  .rootlink-module ul li { padding-left: 50px; } }

/*==========================================================*/
.aside-module { display: block; position: fixed; width: 35px; bottom: 120px; z-index: 199; right: 0; padding-top: 36px; }

.aside-module .item { width: 35px; height: 35px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-color: #354b9c; margin-top: 1px; position: relative; }

.aside-module .item .icon { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -o-background-size: contain; background-size: contain; position: relative; z-index: 33; }

.aside-module .item:hover { background-color: #2a4091; }

.aside-module .item:hover .wrap { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; visibility: visible; }

.aside-module .item .wrap { position: absolute; top: 0; right: 36px; background-color: #354b9c; white-space:nowrap; min-width: 130px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: 2; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; }

.aside-module .goto { position: absolute; top: 0; left: 0; background-color: #b3b3b3; }

.aside-module .goto .icon { background-image: url(../images/aside01.png); }

.aside-module .goto:hover { background-color: #354b9c; }

.aside-module .iphone .icon { background-image: url(../images/aside02.png); }

.aside-module .scan .icon { background-image: url(../images/aside03.png); }

.iphone-list { padding: 3px 12px; }

.iphone-list li { line-height: 24px; padding: 2px 0; }

.iphone-list li a { color: #fff; display: block; font-size: 14px; font-weight: lighter; }

.scan-show { width: 100%; padding: 5px; white-space: nowrap; }

.scan-show .image { overflow: hidden; width: 120px; height: 120px; display: inline-block; vertical-align: top; padding: 5px; }

.scan-show .image img { display: block; width: 100%; }

@media (min-width: 1024px) { 
.aside-module .goto { display: none; } 
}

@media (min-width: 1680px) { .aside-module{ bottom:355px; }
#newBridge .icon-right-center{ top:40% !important;  }
#newBridge{ z-index:198 !important;  }
}

/*==========================================================*/

@-webkit-keyframes iui-fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes iui-fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes iui-fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes iui-fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes iui-fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-moz-keyframes iui-fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-o-keyframes iui-fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes iui-fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

.dropdown-multiple, .dropdown-multiple-label, .dropdown-single { position: relative; }

.dropdown-multiple-label.active .dropdown-main, .dropdown-multiple.active .dropdown-main, .dropdown-single.active .dropdown-main { display: block; -webkit-animation: iui-fadeIn .2s ease-in forwards; -moz-animation: iui-fadeIn .2s ease-in forwards; -o-animation: iui-fadeIn .2s ease-in forwards; animation: iui-fadeIn .2s ease-in forwards; }

.dropdown-multiple-label.active .dropdown-display-label:after, .dropdown-multiple-label.active .dropdown-display:after, .dropdown-multiple.active .dropdown-display-label:after, .dropdown-multiple.active .dropdown-display:after, .dropdown-single.active .dropdown-display-label:after, .dropdown-single.active .dropdown-display:after { border-top: none; border-bottom: 10px solid #999; border-left: 5px solid transparent; border-right: 5px solid transparent; }

.dropdown-multiple-label.active .dropdown-display, .dropdown-multiple-label.active .dropdown-display-label, .dropdown-multiple.active .dropdown-display, .dropdown-multiple.active .dropdown-display-label, .dropdown-single.active .dropdown-display, .dropdown-single.active .dropdown-display-label { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.dropdown-display, .dropdown-display-label { position: relative; display: block; margin-bottom: 0; font-size: 14px; line-height: 1.42857143; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #595959; -webkit-border-radius: 0px; border-radius: 0px; color: #333; background-color: #fff; }

.dropdown-display-label:after, .dropdown-display:after { content: ''; position: absolute; border-top: 10px solid #999; border-left: 5px solid transparent; border-right: 5px solid transparent; top: 12px; right: 8px; }

.dropdown-clear-all { background-color: #fff; border: none; font-size: 22px; z-index: 999; color: #999; position: absolute; right: 2px; top: 2px; display: none; width: 25px; height: 30px; text-align: center; line-height: 30px; }

.dropdown-clear-all:focus { outline: 0; }

.dropdown-clear-all:hover { color: #ccc; text-decoration: none; }

.dropdown-display { white-space: nowrap; line-height: 40px; }

.dropdown-multiple:hover .dropdown-clear-all, .dropdown-single:hover .dropdown-clear-all { display: block; }

.dropdown-display .dropdown-chose-list { display: block; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.dropdown-display .dropdown-chose-list span:before { content: ','; }

.dropdown-display .dropdown-chose-list span:first-child:before { content: ''; }

.dropdown-display .placeholder { display: none; }

.dropdown-display .placeholder:first-child { position: absolute; height: 100%; width: 100%; top: 0; left: 0; color: #999; display: block; text-indent: 10px; font-size: 13px; line-height: 32px; }

.dropdown-display input { border: 0; outline: 0; }

.dropdown-display-label { cursor: text; padding: 6px 25px 5px 0; }

.dropdown-display-label .dropdown-search { display: inline-block; }

.dropdown-display-label input, .dropdown-display-label input:focus { border: none; outline: 0; }

.dropdown-display-label .dropdown-chose-list { display: inline-block; padding: 0 5px; }

.dropdown-display-label .dropdown-chose-list .placeholder { display: none; }

.dropdown-display-label .dropdown-selected { position: relative; margin: 0 5px 5px 0; padding: 0 20px 0 5px; border: 1px solid #aaa; max-width: 100%; -webkit-border-radius: 3px; border-radius: 3px; background-repeat: repeat-x; color: #333; cursor: default; display: inline-block; }

.dropdown-display-label .dropdown-selected .del { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; float: right; line-height: 1; color: #999; position: absolute; right: 3px; top: 0; }

.dropdown-display-label .dropdown-selected .del:after { content: '\D7'; font-size: 16px; }

.dropdown-main { position: absolute; top: 100%; left: 0; z-index: 1010; width: 100%; color: #444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); margin-top: -1px; border-top: 0; padding: 4px 7px; display: none; }

.dropdown-main ul { overflow-x: hidden; overflow-y: auto; max-height: 240px; margin: 0; padding: 0; }

.dropdown-main input { margin-top: 0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; border: 1px solid #ccc; width: 100%; text-indent: 5px; -webkit-border-radius: 3px; border-radius: 3px; }

.dropdown-main .dropdown-search { display: block; padding: 5px 0; }

.dropdown-group { font-weight: 700; }

.dropdown-group, .dropdown-option { margin: 0; padding-left: 12px; list-style: none; line-height: 26px; word-wrap: break-word; }

.dropdown-option { cursor: pointer; }

.dropdown-option:focus, .dropdown-option:hover { background-color: #efefef; outline: 0; }

.dropdown-option[disabled] { color: #ddd; background-color: #fff; cursor: not-allowed; text-decoration: line-through; }

.dropdown-option.dropdown-chose:after { content: ''; float: right; width: 10px; height: 10px; background: #4AB1E9; -webkit-border-radius: 100%; border-radius: 100%; margin: 8px 5px 0 0; }

.dropdown-maxItem-alert { position: absolute; top: 0; left: 0; background-color: #e4e3e2; width: 100%; height: 39px; line-height: 39px; padding: 0 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #999; -webkit-animation: iui-fadeIn .2s ease-in forwards; -moz-animation: iui-fadeIn .2s ease-in forwards; -o-animation: iui-fadeIn .2s ease-in forwards; animation: iui-fadeIn .2s ease-in forwards; }

@charset "UTF-8";
/* 内页banner s */
/*  公用  s*/
.inside-banner { width: 100%; overflow: hidden; position: relative; }

.inside-banner .image { width: 100%; overflow: hidden; }

.inside-banner .image img { display: block; width: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

/*  公用  e*/
/* 服务 s */
.server-banner { position: absolute; left: 0; width: 100%; bottom: 6.14516%; z-index: 22; }

.server-mask { padding-left: 10px; padding-right: 10px; }

.server-mask-title { color: #ffffff; line-height: 1.33333; font-weight: lighter; font-size: 20px; }

.server-wcover { padding-top: 15px; padding-bottom: 15px; }

.server-word { color: #cccccc; font-size: 12px; line-height: 1.75; font-weight: lighter; }

.server-navigator ul { font-size: 0; }

.server-navigator ul li { display: inline-block; vertical-align: top; padding-right: 30px; }

.server-navigator ul li a { display: block; width: 100%; }

.server-navigator ul li .icon { display: block; width: 40px; overflow: hidden; position: relative; margin: 0 auto; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.server-navigator ul li .icon::before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.server-navigator ul li .icon img { position: absolute; top: 0; left: 0; width: 100%; }

.server-navigator ul li .desc { font-size: 10px; color: #959595; line-height: 1.2; padding-top: 10px; }

.server-navigator ul li:last-child { padding-right: 0; }

/* 服务 e */
/* 关于 郭富安 s */
.concern-banner { position: absolute; left: 0; width: 100%; bottom: 10.29056%; z-index: 22; }

.concern-banmask { width: 100%; max-width: 720px; }

.concern-ban-title { color: #ffffff; line-height: 1.27778; font-weight: lighter; font-size: 26px; }

.concern-bancon { padding-top: 2px; padding-bottom: 30px; }

.concern-banword { color: #ffffff; font-size: 14px; font-weight: lighter; line-height: 1.66667; }

.concern-concept { width: 100%; }

.concept-method { width: 100%; }

.concept-method li { width: 100%; line-height: 1.55556; padding: 2px 0; }

.concept-method li a { display: inline-block; vertical-align: top; color: #ffffff; font-size: 14px; font-weight: lighter; }

/* 关于 郭富安 e */
/* 新闻 s */
.news-article-position { position: absolute; bottom: 0; z-index: 22; width: 100%; left: 0; padding-bottom: 20px; }

.news-article-mask { width: 100%; }

.news-article-mask .subcon { padding-top: 6px; }

.news-article-mask .subtime { line-height: 22px; color: #fff; font-weight: lighter; font-size: 14px; }

.news-article-title { color: #fff; line-height: 26px; font-weight: lighter; font-size: 20px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 52px; }

/* 新闻 e */
/* 新闻总页面 s */
.newslist-position { position: absolute; z-index: 22; width: 100%; left: 0; text-align: center; top: 31.81818%; }

.newslist-title { color: #fff; font-size: 22px; font-weight: lighter; line-height: 1.4; }

/* 新闻总页面 e */
@media (min-width: 768px) { /*  公用  s*/
  .inside-banner .image img { width: 120%; }
  /*  公用  e*/
  /* 服务 s */
  .server-banner { bottom: 20.33898%; }
  .server-mask { padding-left: 30px; padding-right: 30px; }
  .server-mask-title { font-size: 26px; }
  .server-wcover { padding-top: 35px; padding-bottom: 35px; }
  .server-word { font-size: 14px; }
  .server-navigator ul li .icon { width: 40px; }
  /* 服务 e */ }

@media (min-width: 1024px) { /*  公用  s*/
  .inside-banner .image img { width: 100%; left: 0%; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
  /*  公用  e*/
  /* 服务 s */
  .server-banner { bottom: 26.63438%; }
  .server-mask { padding-left: 40px; padding-right: 40px; }
  .server-mask-title { font-size: 36px; }
  .server-wcover { padding-top: 45px; padding-bottom: 45px; }
  .server-navigator ul li { padding-right: 50px; }
  .server-navigator ul li a:hover .icon { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  .server-navigator ul li .icon { width: 44px; }
  .server-navigator ul li .desc { font-size: 12px; }
  /* 服务 e */
  /* 关于 郭富安 s */
  .concern-ban-title { font-size: 42px; }
  .concern-bancon { padding-bottom: 50px; }
  .concern-banword { font-size: 18px; }
  /* 关于 郭富安 e */
  /* 新闻 s */
  .news-article-position { padding-bottom: 40px; }
  .news-article-mask { padding-left: 40px; padding-right: 40px; }
  .news-article-mask .subcon { padding-top: 10px; }
  .news-article-title { line-height: 38px; font-size: 28px; height: 76px; }
  /* 新闻 e */
  /* 新闻总页面 s */
  .newslist-title { font-size: 32px; }
  /* 新闻总页面 e */ }

@media (min-width: 1260px) { /* 服务 s */
  .server-banner { bottom: 31.477%; }
  .server-mask { padding-left: 50px; padding-right: 50px; }
  .server-mask-title { font-size: 42px; }
  .server-word { font-size: 16px; }
  .server-navigator ul li { padding-right: 70px; }
  .server-navigator ul li .icon { width: 51px; }
  /* 服务 e */
  /* 关于 郭富安 s */
  .concern-ban-title { font-size: 52px; }
  .concern-banword { font-size: 20px; }
  .concept-method li a { font-size: 16px; }
  /* 关于 郭富安 e */
  /* 新闻 s */
  .news-article-position { padding-bottom: 50px; }
  .news-article-mask { padding-left: 90px; padding-right: 90px; }
  .news-article-title { line-height: 46px; font-size: 38px; height: 92px; }
  /* 新闻 e */
  /* 新闻总页面 s */
  .newslist-title { font-size: 40px; }
  /* 新闻总页面 e */ }

@media (min-width: 1440px) { /* 关于 郭富安 s */
  .concern-ban-title { font-size: 62px; }
  .concern-bancon { padding-bottom: 60px; }
  .concern-banword { font-size: 22px; }
  /* 关于 郭富安 e */
  /* 新闻 s */
  .news-article-title { line-height: 56px; font-size: 42px; height: 112px; }
  /* 新闻 e */ }

@media (min-width: 1600px) { /* 服务 s */
  .server-mask-title { font-size: 54px; }
  /* 服务 e */
  /* 关于 郭富安 s */
  .concern-ban-title { font-size: 72px; }
  .concern-bancon { padding-bottom: 75px; }
  .concern-banword { font-size: 24px; }
  .concept-method li a { font-size: 18px; }
  /* 关于 郭富安 e */
  /* 新闻 s */
  .news-article-position { padding-bottom: 60px; }
  .news-article-mask { padding-left: 120px; padding-right: 120px; }
  .news-article-title { line-height: 66px; font-size: 52px; height: 132px; }
  /* 新闻 e */
  /* 新闻总页面 s */
  .newslist-title { font-size: 46px; }
  /* 新闻总页面 e */ }

/* 内页banner e */
/* 内页标题  46 s */
.g-page-title-46 { color: #454545; font-size: 22px; font-weight: lighter; line-height: 1.4; }

@media (min-width: 1024px) { .g-page-title-46 { font-size: 32px; } }

@media (min-width: 1260px) { .g-page-title-46 { font-size: 40px; } }

@media (min-width: 1600px) { .g-page-title-46 { font-size: 46px; } }

/* 内页标题  46 e */
/* 内页标题  48 s */
.g-page-title-48 { color: #454545; font-size: 22px; font-weight: lighter; line-height: 1.4; }

@media (min-width: 1024px) { .g-page-title-48 { font-size: 34px; } }

@media (min-width: 1260px) { .g-page-title-48 { font-size: 42px; } }

@media (min-width: 1600px) { .g-page-title-48 { font-size: 48px; } }

/* 内页标题  48 e */
/* 内页标题  52 s */
.g-page-title-52 { color: #454545; font-size: 22px; font-weight: lighter; line-height: 1.4; }

@media (min-width: 1024px) { .g-page-title-52 { font-size: 34px; } }

@media (min-width: 1260px) { .g-page-title-52 { font-size: 42px; } }

@media (min-width: 1440px) { .g-page-title-52 { font-size: 44px; } }

@media (min-width: 1600px) { .g-page-title-52 { font-size: 52px; } }

/* 内页标题  48 e */

@charset "UTF-8";
::-webkit-scrollbar-track { background-color: #f5f5f5; }

::-webkit-scrollbar { width: 4px; }

::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 10px; border-radius: 10px; }

/* 首页 s */
.index-lou_01 { width: 100%; padding-top: 40px; padding-bottom: 50px; }

.loucommonweb { padding-left: 15px; padding-right: 15px; }

.alcohol-linkmore { padding-bottom: 15px; text-align: right; }

.view-more-button { display: inline-block; vertical-align: top; position: relative; font-size: 16px; font-weight: lighter; color: #354b9c; line-height: 30px; padding-right: 20px; padding-left: 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.view-more-button:after { content: ''; position: absolute; width: 10px; height: 10px; border: 1px solid #354b9c; border-top: none; border-right: none; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); right: 2px; top: 50%; margin-top: -5px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.view-more-button:before { content: ''; position: absolute; width: 20px; height: 27px; background-repeat: no-repeat; background-position: center center; -o-background-size: contain; background-size: contain; background-image: url(../images/more-logo.jpg); position: absolute; left: 0; top: 50%; margin-top: -14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.alcohol-linkbtn { display: inline-block; vertical-align: top; position: relative; font-size: 14px; font-weight: lighter; color: #fff; line-height: 30px; padding-right: 15px; padding-left: 25px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.alcohol-linkbtn:after { content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); right: 2px; top: 50%; margin-top: -4px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.alcohol-linkbtn:before { content: ''; position: absolute; width: 20px; height: 30px; background-repeat: no-repeat; background-position: center center; -o-background-size: contain; background-size: contain; background-image: url(../images/more-logow.png); position: absolute; left: 0; top: 50%; margin-top: -14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.alcohol-container { width: 100%; overflow: hidden; }

.alcohol-container ul { margin-left: -5px; margin-right: -5px; }

.alcohol-container ul li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }

.alcohol-container ul li .alink { display: block; width: 100%; position: relative; overflow: hidden; }

.alcohol-container ul li .cover { display: block; width: 100%; position: relative; overflow: hidden; }

.alcohol-container ul li .cover a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }

.alcohol-container ul li .cover a::before { content: ''; display: block; width: 100%; padding-bottom: 58.49057%; }

.alcohol-container ul li .cover img { position: absolute; display: block; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.alcohol-container ul li .space { position: absolute; top: 0; z-index: 22; left: 0; width: 100%; padding: 10px 10px 0; }

.alcohol-container ul li .name { position: absolute; bottom: 0; width: auto; right: 0; z-index: 22; padding: 0 10px 10px 0; }

.alcohol-container ul li .descword { color: #fff; position: absolute; width: 100%; bottom: 0px; left: 0; z-index: 22; padding: 0 150px 10px 10px; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent);
    background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); }

.alcohol-container ul li .descword .title { display: block; width: 100%; font-size: 20px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.2; }

.alcohol-container ul li .descword .info { display: block; width: 100%; font-size: 14px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.58333; font-weight: lighter; }

.alcohol-container ul li .operation { width: 100%; position: relative; text-align: right; font-size: 0; white-space: nowrap; }

.alcohol-container ul li .operation .opitem { display: inline-block; vertical-align: middle; padding-left: 12px; }

.alcohol-container ul li:nth-child(5n-3) .cover a::before, .alcohol-container ul li:nth-child(5n-4) .cover a::before { padding-bottom: 76.75%; }

.like-component { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 0; position: relative; color: #fff; cursor: pointer; }

.like-component::before { content: '+1'; color: #2a4091; font-size: 0px; position: absolute; top: 0px; opacity: 1; z-index: 22; width: 20px; height: 20px; font-weight: bold; -webkit-transition: top 0.9s , font-size 0.3s , opacity 0.3s 0.6s; -o-transition: top 0.9s , font-size 0.3s , opacity 0.3s 0.6s; -moz-transition: top 0.9s , font-size 0.3s , opacity 0.3s 0.6s; transition: top 0.9s , font-size 0.3s , opacity 0.3s 0.6s; }

.like-component .like-icon { display: inline-block; vertical-align: top; -o-background-size: auto; background-size: auto; background-position: center center; background-repeat: no-repeat; background-image: url(../images/zan.png); width: 18px; height: 20px; -webkit-transition: background 0.3s; -o-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; margin-top: -2px; }

.like-component .like-num { display: inline-block; vertical-align: top; color: #fff; font-size: 14px; font-weight: lighter; line-height: 20px; padding-left: 7px; }

.like-component.like::before { opacity: 0; top: -24px; font-size: 14px; }

.like-component.like .like-icon { background-image: url(../images/zanle.png); }

.like-component.like .like-num { color: #354b9c; }

.view-component { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 0; position: relative; color: #fff; }

.view-component .view-icon { display: inline-block; vertical-align: top; -o-background-size: auto; background-size: auto; background-position: center center; background-repeat: no-repeat; background-image: url(../images/eye.png); width: 18px; height: 20px; }

.view-component .view-num { display: inline-block; vertical-align: top; color: #fff; font-size: 14px; font-weight: lighter; line-height: 20px; padding-left: 7px; }

.index-lou_02 { width: 100%; overflow: hidden; position: relative; }

.index-lou_02 .cover { width: 100%; }

.index-lou_02 .image { width: 100%; position: relative; overflow: hidden; }

.index-lou_02 .image::before { content: ''; display: block; height: 100%; padding-bottom: 320px; }

.index-lou_02 .image img { position: absolute; display: block; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 100%; }

.index-lou_02 .coverpos { width: 100%; left: 0; top: 0px; padding-top: 70px; position: absolute; z-index: 22; }

.index-lou_02 .wcover { width: 100%; max-width: 488px; }

.index-lou_02 .wcover .title { color: #fff; font-size: 22px; line-height: 1.21875; font-weight: lighter; }

.index-lou_02 .wcover .desc { padding-top: 6px; padding-bottom: 45px; }

.index-lou_02 .wcover .info { display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #fff; font-size: 14px; font-weight: lighter; line-height: 22px; height: 88px; }

.index-lou_02 .wcover .bbts { text-align: left; }

.index-lou_02 .wcover .more { color: #fff; background-color: #0046f0; }

.index-more-button { display: inline-block; vertical-align: top; color: #959595; font-size: 14px; text-align: center; border: 1px solid #0046f0; line-height: 36px; padding: 0 40px; -webkit-border-radius: 60px; border-radius: 60px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.index-lou_03 { width: 100%; padding-top: 30px; padding-bottom: 40px; }

.loucon-server { width: 100%; overflow: hidden; }

.louserver-title { font-size: 22px; text-align: center; line-height: 1.33333; color: #000001; font-weight: lighter; }

.louserver-desc { padding-top: 10px; width: 100%; max-width: 752px; margin: 0 auto; }

.louserver-word { color: #898989; font-size: 14px; font-weight: lighter; text-align: center; line-height: 24px; }

.lou-numscroll { padding-top: 50px; padding-bottom: 40px; }

.servernum-scroll { width: 100%; }

.servernum-scroll ul { margin-left: -10px; margin-right: -10px; }

.servernum-scroll ul li { margin-bottom: 10px; text-align: center; }

.servernum-scroll ul li .panel { width: 100%; max-width: 370px; display: inline-block; vertical-align: top; }

.servernum-scroll ul li .title { color: #354b9c; line-height: 1; font-size: 0; }

.servernum-scroll ul li .title span { display: inline-block; vertical-align: middle; font-weight: bold; }

.servernum-scroll ul li .title .num { font-size: 26px; }

.servernum-scroll ul li .title .plus { font-size: 22px; margin-left: -2px; }

.servernum-scroll ul li .desc { padding-top: 6px; }

.servernum-scroll ul li .info { color: #898989; font-size: 14px; line-height: 22px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; height: 88px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.louserver-more { text-align: center; }

.index-lou_04 { width: 100%; overflow: hidden; position: relative; }

.index-lou_04 .cover { width: 100%; }

.index-lou_04 .image { width: 100%; position: relative; overflow: hidden; cursor: pointer; }

.index-lou_04 .image::before { content: ''; display: block; height: 100%; padding-bottom: 41.14583%; }

.index-lou_04 .image img { position: absolute; display: block; top: 0; left: 0; width: 100%; z-index:22; }

.index-lou_04 .close img{
    display:none;
}
.index-lou_04 .close .desktop-video{
    display:block;
}
.desktop-video{
    position: absolute !important;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    cursor: pointer;
    display: none;
    z-index: 20;
}

.desktop-video .videoboxpc{
    height: 100%;
    width: 100%;
    overflow:hidden;
    position:relative;
}

.desktop-video .videoboxpc video{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #000;
}

.desktop-video .fullchjvcpqejsyw{
    display:none;
}

.index-lou_05 { padding-top: 60px; padding-bottom: 70px; }

.index-newscon { width: 100%; border-top: 1px solid #eaeaea; padding-top: 40px; }

.newscommonweb { padding-left: 15px; padding-right: 15px; }

.newslou-header { position: relative; }

.newslou-title { text-align: center; color: #354b9c; line-height: 1.26087; font-weight: lighter; font-size: 22px; }

.newslou-more { padding-top: 20px; text-align: center; }

.newslou-section { padding-top: 30px; padding-bottom: 40px; }

.newslou-swiper { width: 100%; overflow: hidden; position: relative; }

.newslou-swiper ul li { width: 100%; height: auto; }

.newslou-swiper ul li a { display: block; width: 100%; overflow: hidden; padding: 10px 10px 15px; border: 1px solid #e3e3e3; }

.newslou-swiper ul li .image { width: 100%; position: relative; overflow: hidden; cursor: pointer; }

.newslou-swiper ul li .image::before { content: ''; display: block; height: 100%; padding-bottom: 66.31579%; }

.newslou-swiper ul li .image img { position: absolute; display: block; top: 50%; left: 50%; height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.newslou-swiper ul li .word { padding-top: 10px; }

.newslou-swiper ul li .word .date { color: #c9caca; font-size: 14px; line-height: 20px; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 6px; }

.newslou-swiper ul li .word .title { color: #354b9c; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.33333; font-size: 18px; font-weight: lighter; }

.newslou-swiper ul li .word .desc { padding-top: 15px; padding-bottom: 18px; }

.newslou-swiper ul li .word .info { display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 72px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #898989; font-size: 14px; font-weight: lighter; line-height: 24px; }

.newslou-swiper ul li .word .looks { display: inline-block; vertical-align: top; position: relative; padding-left: 74px; color: #959595; font-size: 13px; -webkit-transition: all 0.3; -o-transition: all 0.3; -moz-transition: all 0.3; transition: all 0.3; }

.newslou-swiper ul li .word .looks::before { content: ''; position: absolute; width: 56px; height: 8px; background: url(../images/arrow.png) no-repeat scroll center center; -o-background-size: contain; background-size: contain; left: 0; top: 50%; margin-top: -4px; }

.newslist-module { width: 100%; overflow: hidden; position: relative; }

.newslist-module ul { margin-left: -7px; margin-right: -7px; }

.newslist-module ul li { padding-left: 7px; padding-right: 7px; margin-bottom: 20px; }

.newslist-module ul li a { display: block; width: 100%; overflow: hidden; padding: 10px 10px 15px; border: 1px solid #e3e3e3; }

.newslist-module ul li .image { width: 100%; position: relative; overflow: hidden; cursor: pointer; }

.newslist-module ul li .image::before { content: ''; display: block; height: 100%; padding-bottom: 66.31579%; }

.newslist-module ul li .image img { position: absolute; display: block; top: 50%; left: 50%; height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.newslist-module ul li .word { padding-top: 10px; }

.newslist-module ul li .word .date { color: #c9caca; font-size: 14px; line-height: 20px; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.newslist-module ul li .word .title { color: #354b9c; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.33333; font-size: 18px; font-weight: lighter; margin-bottom: 6px; }

.newslist-module ul li .word .desc { padding-top: 15px; padding-bottom: 18px; }

.newslist-module ul li .word .info { display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 72px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #898989; font-size: 14px; font-weight: lighter; line-height: 24px; }

.newslist-module ul li .word .looks { display: inline-block; vertical-align: top; position: relative; padding-left: 74px; color: #959595; font-size: 13px; -webkit-transition: all 0.3; -o-transition: all 0.3; -moz-transition: all 0.3; transition: all 0.3; }

.newslist-module ul li .word .looks::before { content: ''; position: absolute; width: 56px; height: 8px; background: url(../images/arrow.png) no-repeat scroll center center; -o-background-size: contain; background-size: contain; left: 0; top: 50%; margin-top: -4px; }

.swiper-pagination-progress { width: 100%; position: relative; height: 2px; background-color: #aaaaaa; }

.swiper-pagination-progress span { background: #1115c0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; }

.newslou-draglimit { width: 100%; max-width: 400px; margin: 0 auto; }

.newslou-draglimit .drag-module { display: none; }

.drag-module { width: 100%; position: relative; padding-top: 7px; padding-bottom: 7px; }

.drag-module .slide { width: 100%; height: 1px; background-color: #aaaaaa; }

.drag-module .drag { position: absolute; height: 100%; left: 0; top: 0; width: 120px; cursor: pointer; }

.drag-module .drag .swicth { display: block; width: 100%; height: 3px; background-color: #1115c0; position: absolute; left: 0; top: 50%; margin-top: -2px; }

/* 首页 e */
/* 案例 s */
.inside-project { width: 100%; overflow: hidden; padding-top: 30px; }

.incommonweb { padding-left: 15px; padding-right: 15px; }

.project-navigator { width: 100%; border-bottom: 1px solid #e3e3e3; }

.project-wcover { padding-top: 10px; margin-bottom: -1px; }

.project-title { color: #222222; font-size: 24px; line-height: 1.58333; font-weight: lighter; }

.project-navcons { width: 100%; position: relative; }

.project-navswiper { width: 100%; position: relative; overflow: hidden; }

.project-navswiper ul li { width: auto; height: auto; line-height: 34px; }

.project-navswiper ul li a { display: block; width: 100%; color: #959595; font-size: 14px; position: relative; padding: 5px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.project-navswiper ul li a:after { content: ''; position: absolute; bottom: 0px; left: 51%; right: 51%; height: 1px; background-color: #354b9c; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.project-navswiper ul li.cur a { color: #354b9c; }

.project-navswiper ul li.cur a:after { left: 0; right: 0; }

.project-switch-prev, .project-switch-next { display: none; }

.project-container { padding-top: 30px; padding-bottom: 65px; }

.project-return{     padding-top: 30px; text-align:center; }

.project-return-button{ 
    display: inline-block;
    vertical-align: top;
    color: #959595;
    font-size: 14px;
    text-align: center;
    border: 1px solid #0046f0;
    line-height: 36px;
    padding: 0 40px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.project-mask { display: block; width: 100%; padding-bottom: 8px; }

.project-mask-title { display: inline-block; vertical-align: top; position: relative; padding-right: 15px; }

.project-mask-title .name { display: block; width: 100%; color: #222222; font-size: 20px; font-weight: lighter; line-height: 1.64286; }

.project-mask-title .mask { position: absolute; line-height: 1.125; font-size: 12px; color: #222222; top: 0; left: 100%; }

.project-wrapper { width: 100%; overflow: hidden; padding-bottom: 30px; }

.project-modules { margin-left: -1px; margin-right: -1px; }

.project-modules li { padding-left: 1px; padding-right: 1px; margin-bottom: 20px; }

.project-modules li a { display: block; width: 100%; overflow: hidden; }

.project-modules li .image { display: block; width: 100%; overflow: hidden; position: relative; }

.project-modules li .image::before { content: ''; display: block; width: 100%; padding-bottom: 58.49057%; }

.project-modules li .image img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.project-modules li .word { width: 100%; padding-top: 10px; }

.project-modules li .word .title { width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color: #454545; line-height: 1.5; font-size: 16px; }

.project-modules li .word .info { width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color: #898989; line-height: 24px; font-size: 12px; font-weight: lighter; }

.project-viewmore { text-align: center; }

/* 案例 e */
/* 案例详情 s */
.project-article { border-bottom: 1px solid #e2e2e2; padding-bottom: 40px; }

.project-header { width: 100%; position: relative; padding-right: 72px; }

.project-star { width: 100%; }

.project-star .title { color: #354b9c; line-height: 1.2; font-size: 24px; }

.project-star .mask { padding: 4px 0; color: #454545; line-height: 1.5; font-size: 16px; font-weight: lighter; }

.project-viewicon { position: absolute; top: 0; right: 0; }

.project-icons { width: 100%; white-space: nowrap; font-size: 0; }

.project-icons .icon { display: inline-block; vertical-align: top; position: relative; height: 60px; }

.project-icons .icon img { display: block; height: 100%; }

.project-branch { width: 100%; }

.branch-detail { padding-top: 30px; padding-bottom: 30px; max-width: 610px; }

.branch-word { color: #454545; font-size: 14px; line-height: 1.88889; font-weight: lighter; }

.branch-case { width: 100%; }

.branch-case .title { color: #656565; line-height: 1.75; font-size: 14px; font-weight: lighter; }

.branch-case .cases { padding-top: 15px; }

.branch-case .cases ul li { display: inline-block; vertical-align: top; padding-right: 10px; }

.branch-case .cases ul li a { display: block; width: 100%; height: 20px; overflow: hidden; }

.branch-case .cases ul li a img { display: block; height: 100%; }

.branch-case .cases ul li:last-child { padding-right: 0; }

.branch-content { padding-top: 40px; }

.branch-common { width: 100%; font-size: 14px; line-height: 1.8; }

.branch-common img { max-width: 100%; }

.branch-operation { width: 100%; padding-top: 50px; text-align: center; }

.branch-handle { display: inline-block; vertical-align: top; }

.branch-like { display: block; width: 60px; height: 60px; margin: 0 auto; background-color: #004aff; -webkit-border-radius: 50%; border-radius: 50%; line-height: 60px; text-align: center; font-size: 0; position: relative; cursor: pointer; }

.branch-like::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.branch-like .like-icon { display: inline-block; vertical-align: middle; width: 20px; height: 36px; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: center center; background-image: url(../images/nive.png); }

.branch-like:after { content: '+1'; color: #004aff; font-size: 20px; position: absolute; bottom: 50%; opacity: 1; z-index: 22; width: 20px; height: 30px; line-height: 30px; left: 50%; margin-left: -10px; visibility: hidden; -webkit-transition: bottom 0.9s , font-size 0.3s , opacity 0.3s 0.6s; -o-transition: bottom 0.9s , font-size 0.3s , opacity 0.3s 0.6s; -moz-transition: bottom 0.9s , font-size 0.3s , opacity 0.3s 0.6s; transition: bottom 0.9s , font-size 0.3s , opacity 0.3s 0.6s; }

.branch-like.like::after { opacity: 0; bottom: 120%; visibility: visible; }

.handle-title { padding-top: 10px; padding-bottom: 20px; color: #354b9c; line-height: 1.3; font-size: 22px; font-weight: lighter; }

.handle-view { width: 100%; white-space: nowrap; }

.handle-view .opitem { display: inline-block; vertical-align: top; padding: 0 8px; }

.like-module { display: block; width: 100%; font-size: 0; }

.like-module .like-icon { display: inline-block; vertical-align: middle; -o-background-size: auto; background-size: auto; background-position: center center; background-repeat: no-repeat; width: 18px; height: 20px; }

.like-module .like-num { display: inline-block; vertical-align: middle; color: #656565; font-size: 14px; line-height: 20px; padding-left: 8px; }

.like-module .zan-icon { background-image: url(../images/nicon01.png); margin-top: -3px; }

.like-module .view-icon { background-image: url(../images/nicon02.png); }

.like-module .time-icon { background-image: url(../images/nicon03.png); margin-top: -3px; }

.project-relevant { padding-top: 50px; padding-bottom: 100px; }

.abcommonweb { padding-left: 15px; padding-right: 15px; }

.project-abtitle { color: #454545; line-height: 1.4; font-size: 18px; font-weight: lighter; }

.relevant-container { width: 100%; padding-top: 30px; padding-bottom: 30px; }

.relevant-swiper { width: 100%; position: relative; overflow: hidden; }

.relevant-swiper ul li { width: 100%; height: auto; position: relative; }

.relevant-swiper ul li .alink { display: block; width: 100%; position: relative; overflow: hidden; }

.relevant-swiper ul li .space { position: absolute; top: 0; z-index: 22; left: 0; width: 100%; padding: 10px 10px 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), transparent);
    background-image: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0.8), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent);
}

.relevant-swiper ul li .cover { display: block; width: 100%; position: relative; overflow: hidden; }

.relevant-swiper ul li .cover a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }

.relevant-swiper ul li .cover a::before { content: ''; display: block; width: 100%; padding-bottom: 58.53659%; }

.relevant-swiper ul li .cover img { position: absolute; display: block; height: 100%; top: 50%; left: 50%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.relevant-swiper ul li .descword { color: #fff; position: absolute; width: 100%; bottom: 0px; left: 0; z-index: 22; padding: 0 140px 10px 10px; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent);
    background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); }   

.relevant-swiper ul li .descword .title { display: block; width: 100%; font-size: 18px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.2; }

.relevant-swiper ul li .descword .info { display: block; width: 100%; font-size: 12px; white-space: nowrap; overflow: hidden; line-height: 24px; font-weight: lighter; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.relevant-swiper ul li .wover { position: absolute; bottom: 0; width: auto; right: 0; z-index: 22; padding: 0 10px 10px 0; }

.relevant-swiper ul li .operation { width: 100%; position: relative; text-align: right; font-size: 0; white-space: nowrap; }

.relevant-swiper ul li .operation .opitem { display: inline-block; vertical-align: middle; padding-left: 10px; }

.relevant-operation .relevant-pagination { width: 100%; background-color: #aaaaaa; position: relative; height: 2px; }

.relevant-operation .relevant-pagination span { position: absolute; width: 100%; height: 100%; background-color: #354b9c; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); left: 0; top: 0; }

.relevant-operation .drag-module { display: none; }

/* 案例详情 e */
/* 服务内容 s */
.server-container { width: 100%; overflow: hidden; }

.server-content { width: 100%; }

.sscommonweb { padding-left: 15px; padding-right: 15px; }

.market-container { padding-top: 60px; padding-bottom: 30px; }

.market-research { width: 100%; position: relative; }

.market-gloab { width: 100%; max-width: 465px; margin: 0 auto; position: relative; }

.market-gloab .map { width: 100%; overflow: hidden; position: relative; }

.market-gloab .map::before { content: ''; display: block; width: 100%; padding-bottom: 70.10753%; }

.market-gloab .map img { position: absolute; top: 0; left: 0; width: 100%; }

.market-gloab .dots { font-size: 0; padding-top: 30px; }

.market-gloab .dots li { position: relative; width: 50%; display: inline-block; vertical-align: top; padding-right: 10px; padding-left: 40px; margin-bottom: 20px; }

.market-gloab .dots li .icon { display: block; width: 36px; overflow: hidden; position: absolute; left: 0; top: 4px; }

.market-gloab .dots li .icon::before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.market-gloab .dots li .icon img { position: absolute; top: 0; left: 0; width: 100%; }

.market-gloab .dots li .wover { display: inline-block; vertical-align: middle; padding-left: 5px; }

.market-gloab .dots li .wover .title { width: 100%; line-height: 26px; }

.market-gloab .dots li .wover .title span { display: inline-block; vertical-align: middle; font-weight: bold; color: #454545; }

.market-gloab .dots li .wover .title .num { font-size: 20px; }

.market-gloab .dots li .wover .title .plus { font-size: 18px; margin-left: -1px; margin-top: -2px; }

.market-gloab .dots li .wover .sub { color: #656565; line-height: 20px; font-size: 12px; font-weight: lighter; }

.market-dataww { padding-top: 10px; padding-bottom: 40px; text-align: center; }

.market-data-text { display: inline-block; vertical-align: top; position: relative; padding-left: 35px; line-height: 28px; color: #898989; font-size: 14px; }

.market-data-text::before { content: ''; position: absolute; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; -o-background-size: contain; background-size: contain; /**background-image: url(../images/more-logob.png);**/ left: 0; top: 2px; }

.market-article { width: 100%; }

.in-server-title { color: #000000; font-size: 22px; font-weight: lighter; line-height: 1.33333; }

.market-textcons { padding-top: 16px; }

.market-desc { color: #898989; font-size: 14px; line-height: 1.875; }

.brand-planning { width: 100%; overflow: hidden; position: relative; }

.brand-planning .image { width: 100%; overflow: hidden; position: relative; }

.brand-planning .image img { display: block; position: relative; top: 0; width: 100%; }

.plan-position { padding-top: 20px; width: 100%; }

.plan-container { width: 100%; }

.plan-wrapper { width: 100%; }

.brand-case { padding-top: 10px; padding-bottom: 20px; }

.brand-case ul li { display: inline-block; vertical-align: top; }

.brand-case ul li .title { width: 100%; line-height: 1; font-size: 0; }

.brand-case ul li .title .num { font-size: 36px; color: #0e58d9; display: inline-block; vertical-align: middle; font-weight: bold; }

.brand-case ul li .title .plus { font-size: 30px; color: #0e58d9; display: inline-block; vertical-align: middle; margin-top: -4px; font-weight: bold; }

.xiang-mask { width: 20px; background-color: #0e58d9; height: 20px; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; font-size: 12px; text-align: center; line-height: 20px; vertical-align: top; margin-top: 4px; margin-left: 4px; display: inline-block; }

.planning-sub { color: #898989; line-height: 1.6; font-size: 16px; font-weight: lighter; }

.brand-desc { color: #898989; line-height: 1.71429; font-size: 12px; font-weight: lighter; }

.technical-module { width: 100%; overflow: hidden; padding-top: 60px; padding-bottom: 60px; }

.technical-wover { padding-top: 20px; }

.technical-image { width: 100%; overflow: hidden; position: relative; }

.technical-image::before { content: ''; display: block; width: 100%; padding-bottom: 64.80723%; }

.technical-image img { position: absolute; left: 0; width: 100%; top: 0; }

.technical-wrapper .htitle { color: #354b9c; }

.todo-logistics { width: 100%; overflow: hidden; position: relative; }

.todo-logistics .image { width: 100%; overflow: hidden; position: relative; }

.todo-logistics .image img { display: block; position: relative; top: 0; width: 100%; }

.todo-position { padding-top: 20px; width: 100%; }

.todo-container { width: 100%; }

.todo-wrapper { width: 100%; }

.customer-container { width: 100%; padding-bottom: 60px; margin-top: 60px; }

.customer-wrapper { width: 100%; padding-top: 60px; background-color: #fbfbfb; }

.wwcommonweb { padding-left: 15px; padding-right: 15px; }

.in-customer-title { color: #354b9c; font-size: 24px; font-weight: lighter; line-height: 1.33333; text-align: center; }

.customer-textcon { padding-top: 8px; padding-bottom: 30px; max-width: 715px; margin: 0 auto; }

.customer-word { color: #656565; font-size: 14px; line-height: 1.8; font-weight: lighter; text-align: center; }

.customer-content { width: 100%; }

.customer-swiper { width: 100%; overflow: hidden; position: relative; }

.customer-swiper ul li { height: auto; margin-bottom: 20px; }

.customer-swiper ul li a { display: block; width: 100%; padding-left: 15px; padding-right: 15px; }

.customer-swiper ul li .icon { display: block; width: 100%; position: relative; overflow: hidden; }

.customer-swiper ul li .icon::before { content: ''; display: block; width: 100%; padding-bottom: 44.18605%; }

.customer-swiper ul li .icon img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.customer-draglimit { padding-top: 20px; padding-bottom: 60px; }

.customer-draglimit .drag-module { display: none; }

.progress-pagination { width: 100%; position: relative; height: 2px; background-color: #aaaaaa; }

.progress-pagination span { background: #1115c0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; }

/* 服务内容 e */
/* 郭富安发展历程 s */
.inside-concern { width: 100%; padding-top: 30px; }

.concern-nav { width: 100%; position: relative; border-bottom: 1px solid #aaaaaa; }

.concern-navswiper { width: 100%; overflow: hidden; position: relative; margin-bottom: -1px; z-index: 33; }

.concern-navswiper ul li { height: auto; line-height: 40px; }

.concern-navswiper ul li a { display: block; width: 100%; color: #454545; font-size: 14px; font-weight: lighter; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: relative; padding-left: 5px; padding-right: 5px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.concern-navswiper ul li a:after { content: ''; position: absolute; bottom: 0; left: 51%; right: 51%; height: 2px; background-color: #354b9c; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.concern-navswiper ul li.cur a { color: #354b9c; }

.concern-navswiper ul li.cur a:after { left: 0; right: 0; }

.history-container { padding-top: 60px; padding-bottom: 60px; }

.process-wrapper { width: 100%; }

.process-wrapper .process { width: 100%; display: none; }

.process-wrapper .process.cur { display: block; }

.process-concept { text-align: center; color: #354b9c; font-weight: lighter; line-height: 26px; font-size: 18px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 78px; }

.process-concept p, .process-concept * { display: block; width: 100%; font-weight: lighter; }

.history-wrapper { padding-top: 40px; padding-bottom: 10px; }

.history-contents { width: 100%; position: relative; padding-left: 20px; padding-right: 20px; }

.history-swiper { width: 100%; overflow: hidden; position: relative; }

.history-swiper ul li { height: auto; position: relative; }

.history-swiper ul li .alink { display: block; width: 100%; overflow: hidden; position: relative; }

.history-swiper ul li .imgbox { width: 100%; overflow: hidden; position: relative; }

.history-swiper ul li .imgbox::before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.history-swiper ul li .imgbox .img { position: absolute; top: 11.03448%; right: 11.03448%; bottom: 11.03448%; left: 11.03448%; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.history-swiper ul li .imgbox .img::before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.history-swiper ul li .imgbox .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; }

.history-swiper ul li .word { text-align: center; padding-top: 20px; }

.history-swiper ul li .word .title { color: #354b9c; font-size: 18px; font-weight: bold; line-height: 24px; width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.history-swiper ul li .word .desc { padding-top: 8px; display: none; }

.history-swiper ul li .word .info { display: block; width: 100%; line-height: 26px; font-size: 16px; font-weight: lighter; color: #454545; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 78px; }

.history-swiper ul li.cur .imgbox .img { top: 0; right: 0; bottom: 0; left: 0; }

.history-swiper ul li.cur .word .desc { display: block; }

.history-pagination { text-align: center; line-height: normal; font-size: 0; padding-top: 20px; }

.history-pagination span { display: inline-block; visibility: top; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #999; margin: 0 4px; }

.history-pagination span.swiper-pagination-bullet-active { background-color: #354b9c; }

.history-loopcover { display: none; }

.history-switch-next { display: none; }
.history-switch-prev { display: none; }

.accordion-module { width: 100%; position: relative; }

.accordion { width: 100%; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; position: relative; }

.accordion .aclose { display: none; }

.accordion-exit { width: 100%; position: relative; }

.accordion-close { width: 100%; }

.accordion-cover { width: 100%; position: relative; overflow: hidden; cursor:pointer;}

.accordion-cover .picture-video{ display: block; width: 100%; position: relative; overflow: hidden; z-index:11;  }

.accordion-cover .picture-video::before { content: ''; display: block; width: 100%; padding-bottom: 62.3839%; }

.accordion-cover .doorimg { display: block; width: 100%;height:100%;top:0;left:0; position: absolute; z-index:11; overflow: hidden; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.accordion-cover .doorvideo{ display: block; width: 100%;height:100%;top:0;left:0; position: absolute; overflow: hidden; z-index:12; }

.accordion-cover .doorvideo video{ display: block;width: 100%;height: 100%; -o-object-fit: cover;object-fit: cover; background-color: #000; }
/*.accordion-cover .doorimg::before { content: ''; display: block; width: 100%; padding-bottom: 62.3839%; }*/

.accordion-cover .doorbg { position: absolute; display:none; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 22; }

.accordionmm-video{ position: absolute;left: 0;top: 0;width: 100%;height: 100%; }

.accordionmm-video .cover{ display: block; width: 100%; height:100%; overflow: hidden; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center center; }

.accordionmm-video .cover-link{ position: absolute ;text-align: center; top: 50%;left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.accordionmm-video .cover-link a{ width: 60px;  height: 60px; display: block;  margin: 0 auto;  background: url(../images/playbtn.png) center center no-repeat; -o-background-size: auto 40px;  background-size: auto 40px; }

.accordionpc-video{ display:none; }

.accordion-wover { display: none; }

.accordion-open { width: 100%; position: relative; -webkit-transition-property: top , opacity; -o-transition-property: top , opacity; -moz-transition-property: top , opacity; transition-property: top , opacity; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; padding-left: 15px; padding-right: 15px; }

.accordion-desc { padding-top: 15px; padding-bottom: 25px; }

.accordion-desc .open-title { color: #454545; line-height: 1.38462; font-size: 22px; }

.accordion-desc .open-textcon { padding-top: 15px; }

.accordion-word { width: 100%; }

.accordion-word .item { padding-bottom: 10px; }

.accordion-word .item .title { color: #454545; line-height: 1.5; font-size: 16px; }

.accordion-word .item .desc { padding-top: 8px; }

.accordion-word .item .info { color: #454545; font-size: 14px; font-weight: lighter; line-height: 26px; }

.accordion-word .item::last-child { padding-bottom: 0; }

.panorama-cons { padding-top: 30px; padding-bottom: 30px; }

.panorama-scene { width: 100%; position: relative; }

.panorama-wover { padding-left: 15px; padding-right: 15px; }

.real-scene { width: 100%; }

.real-scene iframe { height: 250px; }

.panorama-word { width: 100%; padding-top: 15px; }

.panorama-word .panorama-hd { max-width: 220px; }

.panorama-word .panorama-bd { padding-top: 8px; }

.panorama-title { line-height: 1.3913; color: #354b9c; font-size: 22px; font-weight: lighter; }

.panorama-text { color: #454545; line-height: 2; font-size: 14px; font-weight: lighter; }

.panorama-ttcon { padding-top: 25px; }

.panorama-look { display: inline-block; vertical-align: top; background-color: #354b9c; color: #fff; font-size: 14px; line-height: 38px; padding: 0 40px; -webkit-border-radius: 44px; border-radius: 44px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.panorama-fixview { position: fixed; z-index: 499; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; display: none; }

.panorama-fixview .close { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; -o-background-size: auto; background-size: auto; background-image: url(../images/aclose.png); background-color: #354b9c; z-index: 222; }

.real-fixscene { width: 100%; height: 100%; position: relative; }

.real-fixscene iframe { width: 100%; height: 100%; }

.inside-newscon { padding-top: 50px; padding-bottom: 60px; }

/* 郭富安发展历程 e */
/* 郭富安简介 s */
.synopsis-panel { width: 100%; padding-top: 40px; padding-bottom: 40px; }

.synopsis-module { width: 100%; overflow: hidden; position: relative; }

.synopsis-wcover { padding-top: 20px; }

.synopsis-image { width: 100%; overflow: hidden; position: relative; }

.synopsis-image:after { content: ''; display: block; width: 100%; padding-bottom: 75.3639%; }

.synopsis-image img { position: absolute; top: 0; left: 0; width: 100%; }

.synopsis-word { width: 100%; }

.synopsis-title { color: #354b9c; font-size: 22px; font-weight: lighter; line-height: 1.4; }

.synopsis-ttcon { padding-top: 10px; padding-bottom: 30px; }

.synopsis-desc { color: #656565; line-height: 2; font-size: 14px; font-weight: lighter; }

.introduction { width: 100%; padding-bottom: 50px; }

.intro-button { border-bottom: 1px solid #aaaaaa; text-align: right; padding-bottom: 8px; }

.intro-linkbtn { display: inline-block; vertical-align: top; position: relative; font-size: 14px; font-weight: lighter; color: #354b9c; line-height: 30px; padding-right: 15px; padding-left: 25px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.intro-linkbtn:after { content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid #354b9c; border-top: none; border-right: none; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); right: 2px; top: 50%; margin-top: -4px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.intro-linkbtn:before { content: ''; position: absolute; width: 20px; height: 30px; background-repeat: no-repeat; background-position: center center; -o-background-size: contain; background-size: contain; background-image: url(../images/more-logob.png); position: absolute; left: 0; top: 50%; margin-top: -14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.intro-linkbtn span { display: block; position: relative; font-size: 0; }

.intro-linkbtn span:after { content: '展开所有'; font-size: 14px; display: inline-block; vertical-align: middle; }

.intro-linkbtn.cur span:after { content: '关闭所有'; }

.introduct-wrapper { width: 100%; }

.synopsis-ul { width: 100%; }

.synopsis-ul .lv1 { width: 100%; overflow: hidden; position: relative; border-bottom: 1px solid #aaaaaa; }

.synopsis-ul .lv1 .close { position: absolute; width: 40px; height: 50px; top: 0; right: 0; }

.synopsis-ul .lv1 .close:after { content: ''; position: absolute; width: 1px; background-color: #959595; height: 24px; top: 50%; margin-top: -12px; left: 20px; }

.synopsis-ul .lv1 .close::before { content: ''; position: absolute; height: 1px; background-color: #959595; width: 24px; left: 50%; margin-left: -12px; top: 25px; }

.synopsis-ul .lv1 .hd { width: 100%; position: relative; z-index: 33; }

.synopsis-ul .lv1 .bd { display: none; padding: 8px 0; }

.synopsis-ul .lv1 .hdtitle, .synopsis-ul .lv1 .bdtitle { line-height: 50px; font-size: 16px; padding-right: 50px; width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.synopsis-ul .lv1 .hdtitle { color: #222222; font-weight: lighter; }

.synopsis-ul .lv1 .bdtitle { color: #222222; }

.synopsis-ul .lv1 .bdover { padding-top: 12px; }

.synopsis-ul .lv1.cur .close:after { display: none; }

.synopsis-ul .lv1.cur .hdtitle { display: none; }

.synopsis-ul .lv1.cur .bdtitle { color: #354b9c; }

.synopsis-write { width: 100%; }

.synopsis-write .level2 { width: 100%; }

.synopsis-write .lv2 { padding-bottom: 20px; }

.synopsis-write .title { color: #222222; font-size: 15px; line-height: 30px; }

.synopsis-write .info { color: #656565; font-size: 14px; font-weight: lighter; line-height: 26px; }

.synopsis-write .info > p, .synopsis-write .info * { font-weight: lighter; }

/* 郭富安简介 e */
/* 郭富安荣誉 s */
.honor-container { width: 100%; overflow: hidden; position: relative; padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #aaaaaa; }

.honor-wrapper { width: 100%; position: relative; }

.g-honor-title { color: #354b9c; font-size: 22px; font-weight: lighter; line-height: 1.4; }

.honor-subcontext { padding-top: 20px; padding-bottom: 40px; }

.honor-subtext { color: #656565; font-size: 14px; line-height: 2; font-weight: lighter; }

.honor-subtext > p, .honor-subtext * { font-weight: lighter; }

.honor-milestone { width: 100%; position: relative; }

.milestone-swiper { width: 100%; overflow: hidden; position: relative; }

.milestone-swiper ul li { width: 100%; height: auto; position: relative; }

.milestone-swiper ul li .data{ display:none; }

.milestone-swiper ul li .alin { display: block; width: 100%; overflow: hidden; }

.milestone-swiper ul li .image { display: block; width: 100%; border:1px solid #d4d4d4; overflow: hidden; position: relative; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.milestone-swiper ul li.cur .image{ border-color:#1115c0; }

.milestone-swiper ul li.cur .word .title{ color:#1115c0; }

.milestone-swiper ul li .image::before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.milestone-swiper ul li .image img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.milestone-swiper ul li .word { padding-top: 14px; }

.milestone-swiper ul li .word .title { width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color: #c7c7c7; font-weight: lighter; font-size: 30px; line-height: 1.22222; }

.milestone-swiper ul li .word .info { color: #656565; font-size: 14px; font-weight: lighter; line-height: 26px; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.milestone-lever { padding-top: 30px; padding-bottom: 30px; }

.milestone-lever .drag-module { display: none; }

.milestone-text { color: #656565; font-size: 14px; line-height: 2; font-weight: lighter; }

.milestone-text > p, .milestone-text * { font-weight: lighter; }

.honor-internal { padding-top: 30px; padding-bottom: 90px; }

.internal-wrapper { padding-top: 30px; padding-bottom: 30px; }

.internal-swiper { width: 100%; overflow: hidden; position: relative; }

.internal-swiper ul li { width: 100%; height: auto; position: relative; }

.internal-swiper ul li a { display: block; width: 100%; overflow: hidden; }

.internal-swiper ul li .image { display: block; width: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.internal-swiper ul li .image::before { content: ''; display: block; width: 100%; padding-bottom: 61.74142%; }

.internal-swiper ul li .image img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.internal-swiper ul li .word { padding-top: 8px; }

.internal-swiper ul li .word .info { color: #656565; font-size: 14px; font-weight: lighter; line-height: 26px; height: 78px; display: block; width: 100%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.internal-lever .drag-module { display: none; }

/* 郭富安荣誉 e */
/* 联系 s */
.inside-contact { width: 100%; overflow: hidden; position: relative; padding-top: 40px; }

.contact-methods { width: 100%; position:relative; }

.partnerpos { position:absolute;bottom:78px;width:100%;left:0; }

.methods-header { border-bottom: 1px solid #f0f0f0; text-align: center; padding-bottom: 15px; }

.big-inside-title { color: #354b9c; line-height: 1.38462; font-weight: lighter; font-size: 22px; }

.methods-section { padding-top: 30px; padding-bottom: 30px; }

.uscommonweb { padding-left: 15px; padding-right: 15px; }

.contact-connect { width: 100%; overflow: hidden; }

.contact-connect ul { margin-left: -20px; margin-right: -20px; }

.contact-connect ul li { padding-left: 20px; padding-right: 20px; margin-bottom: 30px; }

.contact-connect ul li .cons { width: 100%; overflow: hidden; position: relative; }

.contact-connect ul li .title { color: #000000; line-height: 1.5; font-size: 18px; }

.contact-connect ul li .textcon { padding-top: 10px; padding-bottom: 8px; }

.contact-connect ul li .text { color: #959595; font-size: 14px; line-height: 22px; height: 88px; display: block; width: 100%; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-weight: lighter; }

.contact-connect ul li .text > p, .contact-connect ul li .text * { font-weight: lighter; }

.contact-connect ul li .telcon { width: 100%; overflow: hidden; font-size: 16px; line-height: 1.33333; color: #000000; }

.contact-connect ul li .telcon .mask { float: left; }

.contact-connect ul li .telcon .tels { overflow: hidden; padding-left: 5px; }

.contact-connect ul li .telcon .tels .tel { display: inline-block; vertical-align: top; margin-right: 5px; color: #000000; }

.contact-connect ul li .maps { padding-top: 15px; }

.small-arrow-button { display: inline-block; vertical-align: top; position: relative; color: #454545; line-height: 24px; font-size: 14px; font-weight: lighter; padding-left: 20px; -webkit-transform: all 0.3s; -moz-transform: all 0.3s; -ms-transform: all 0.3s; -o-transform: all 0.3s; transform: all 0.3s; }

.small-arrow-button::before { content: ''; position: absolute; width: 8px; height: 8px; background: url(../images/aicon.png) no-repeat scroll 0 center; -o-background-size: auto; background-size: auto; top: 6px; left: 0; -webkit-transform: all 0.3s; -moz-transform: all 0.3s; -ms-transform: all 0.3s; -o-transform: all 0.3s; transform: all 0.3s; }

.contact-consult { width: 100%; position: relative; overflow: hidden; padding-top: 50px; padding-bottom: 50px; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.consult-wrapper { width: 100%; }

.consult-wrapper .title { color: #fff; text-align: center; }

.consult-context { padding: 12px 0; text-align: center; }

.consult-text { color: #fff; line-height: 26px; font-size: 14px; font-weight: lighter; }

.consult-methods { text-align: center; padding-bottom: 30px; }

.consult-tels { display: inline-block; vertical-align: top; position: relative; padding-left: 30px; }

.consult-tels::before { content: ''; width: 19px; height: 23px; position: absolute; left: 0; top: 2px; background: url(../images/telicon.png) no-repeat scroll center center; -o-background-size: contain; background-size: contain; }

.consult-tels .tel { display: inline-block; vertical-align: top; line-height: 28px; margin-right: 15px; }

.consult-tels .tel a { display: block; width: 100%; color: #ffffff; font-size: 16px; font-weight: lighter; }

.consult-feeback { width: 100%; overflow: hidden; position: relative; }

.consult-form { width: 100%; overflow: hidden; }

.consult-lists { margin-left: -7px; margin-right: -7px; }

.consult-lists li { padding-left: 7px; padding-right: 7px; margin-bottom: 14px; }

.control-form-input { width: 100%; }

.control-form-input .input { display: block; width: 100%; line-height: 34px; height: 36px; padding-left: 10px; padding-right: 10px; color: #454545; font-size: 14px; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; border: 1px solid #fff; }

.control-form-area { width: 100%; }

.control-form-area .area { display: block; border: 1px solid #fff; width: 100%; line-height: 22px; height: 120px; padding: 10px; color: #454545; font-size: 14px; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; border: 1px solid #fff; }

.consult-verification { padding-top: 10px; }

.consult-imgcode { width: 100%; margin: 0 auto; max-width: 360px; position: relative; padding-right: 132px; }

.consult-imgcode .imageCode { position: absolute; top: 0; right: 0; width: 134px; height: 100%; overflow: hidden; }

.consult-imgcode .imageCode img { display: block; width: 100%; height: 100%; }

.consult-submit { padding-top: 30px; }

.control-form-submit { width: 100%; text-align: center; }

.control-form-submit .subbtn { color: #fff; background-color: #0037ff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size: 16px; font-weight: lighter; border: none; outline: none; line-height: 44px; height: 44px; padding-left: 110px; padding-right: 90px; -webkit-border-radius: 60px; border-radius: 60px; text-align: center; letter-spacing: 20px; cursor: pointer; }

.contact-joinin { padding-top: 50px; padding-bottom: 70px; position:relative; }
    
.joininpos{ position:absolute;top:78px;width:100%;left:0; }

.joinin-header { border-bottom: 1px solid #f0f0f0; text-align: center; padding-bottom: 15px; }

.joinin-header .title { text-align: center; }

.joinin-section { padding-top: 30px; }

.joinin-wrapper { width: 100%; max-width: 840px; margin: 0 auto; }

.joinin-lists { width: 100%; position: relative; }

.joinin-lists li { margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #f0f0f0; }

.joinin-lists li .cons { width: 100%; position: relative; padding-right: 90px; }

.joinin-lists li .title { width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #656565; font-size: 16px; font-weight: lighter; line-height: 1.75; }

.joinin-lists li .btn { position: absolute; top: 0; right: 0; }

.big-arrow-button { display: inline-block; vertical-align: top; position: relative; color: #656565; font-size: 16px; font-weight: lighter; line-height: 1.75; font-weight: lighter; padding-left: 20px; -webkit-transform: all 0.3s; -moz-transform: all 0.3s; -ms-transform: all 0.3s; -o-transform: all 0.3s; transform: all 0.3s; }

.big-arrow-button:after { content: ''; position: absolute; width: 8px; height: 8px; background: url(../images/aicon.png) no-repeat scroll 0 center; -o-background-size: auto; background-size: auto; top: 6px; left: 0; -webkit-transform: all 0.3s; -moz-transform: all 0.3s; -ms-transform: all 0.3s; -o-transform: all 0.3s; transform: all 0.3s; }

/* 联系 e */
/* 新闻 s */
.article-container { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #aaaaaa; }

.article-wrapper { width: 100%; position: relative; overflow: hidden; }

.article-vover { padding-top: 30px; }

.article-aside { display: none; }

.article-aside .bdsharebuttonbox { text-align: center; }

.article-aside .bdsharebuttonbox a { float: none; display: inline-block; vertical-align: top; width: 32px; height: 32px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0; margin-bottom: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-repeat: no-repeat; -o-background-size: auto; background-size: auto; background-position: center center; }

.article-aside .bdsharebuttonbox .bds_be { background-image: url(../images/sbe.png); }

.article-aside .bdsharebuttonbox .bds_tsina { background-image: url(../images/sweibo.png); }

.article-aside .bdsharebuttonbox .bds_weixin { background-image: url(../images/sweixin.png); }

.article-content { width: 100%; position: relative; }.article-content p{margin: 0px; padding: 0px; max-width: 100%; font-size: 14px; color: rgb(89, 89, 89); box-sizing: border-box !important; overflow-wrap: break-word !important; margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; line-height: 1.75em; letter-spacing: 1px; font-family: Optima-Regular, PingFangTC-light; text-align: left; box-sizing: border-box !important; overflow-wrap: break-word !important;}.article-content img{ max-width:100% !important; }

.article-preview { padding-bottom: 14px; border-bottom: 1px solid #aaaaaa; }

.article-guide { color: #454545; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 24px; font-size: 14px; }

.article-details { padding-top: 20px; padding-bottom: 20px; color: #656565; line-height: 24px; font-size: 14px; font-weight: lighter; }

.article-details > p, .article-details * { font-weight: lighter; }

.article-details img { max-width: 100%; }

.article-prevreturn { padding-bottom: 44px; border-bottom: 2px solid #354b9c; }

.article-return { color: #454545; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.news-return-button { font-weight: lighter; line-height: 32px; font-size: 16px; color: #959595; position: relative; padding-left: 30px; display: inline-block; vertical-align: top; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.news-return-button:before { content: ''; position: absolute; width: 12px; height: 16px; background: url(../images/newsicon.png) no-repeat scroll center center; left: 0; top: 50%; margin-top: -8px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.relative-link .hdtitle { padding-top: 22px; padding-bottom: 11px; color: #222222; font-size: 14px; font-weight: lighter; line-height: 24px; }

.relative-lists { margin-left: -10px; margin-right: -10px; }

.relative-lists li { margin-bottom: 20px; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #aaaaaa; }

.relative-lists li a { display: block; width: 100%; overflow: hidden; }

.relative-lists li .image { display: block; width: 100%; overflow: hidden; position: relative; }

.relative-lists li .image:before { content: ''; display: block; width: 100%; padding-bottom: 62.04082%; }

.relative-lists li .image img { position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.relative-lists li .word { padding-top: 8px; padding-bottom: 16px; }

.relative-lists li .word .title { color: #222222; font-size: 14px; line-height: 24px; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.relative-lists li .word .desc { padding-top: 5px; }

.relative-lists li .word .info { color: #454545; font-size: 14px; font-weight: lighter; line-height: 24px; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.article-relative { padding-top: 60px; padding-bottom: 80px; }

/* 新闻 e */
/* 新闻总页面 s */
.newslist-container { padding-top: 30px; padding-bottom: 80px; }

.newslist-navcons { width: 100%; position: relative; border-bottom: 1px solid #e3e3e3; }

.newslist-navswiper { width: 100%; position: relative; overflow: hidden; margin-bottom: -1px; z-index: 22; }

.newslist-navswiper ul li { width: auto; height: auto; line-height: 34px; text-align: center; }

.newslist-navswiper ul li a { display: inline-block; vertical-align: top; color: #959595; font-size: 14px; position: relative; padding: 5px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.newslist-navswiper ul li a:after { content: ''; position: absolute; bottom: 0px; left: 51%; right: 51%; height: 1px; background-color: #354b9c; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.newslist-navswiper ul li.cur a { color: #354b9c; }

.newslist-navswiper ul li.cur a:after { left: 0; right: 0; }

.newslist-wrapper { padding-top: 35px; }

/* 新闻总页面 e */
/* 搜索结果页 s */
.dead-discern { padding-top: 20px; padding-bottom: 20px; text-align: center; }

.no-discern { display: inline-block; vertical-align: top; position: relative; padding-left: 60px; text-align: left; }

.no-discern .noicon { position: absolute; top: 0; left: 0; width: 42px; }

.no-discern .noicon img { display: block; width: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: static; }

.no-discern .cnts .title { color: #333; font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 10px; }

.no-discern .cnts .info { color: #666; font-size: 14px; line-height: 24px; padding-left: 10px; }

.insearch-page { width: 100%; overflow: hidden; position: relative; padding-top: 50px; padding-bottom: 80px; }

.insearch-page .hhtitle { text-align: center; }

.search-conswrap { padding-top: 30px; padding-bottom: 50px; }

.search-navcons { width: 100%; position: relative; border-bottom: 1px solid #e3e3e3; }

.search-navswiper { width: 100%; position: relative; overflow: hidden; margin-bottom: -1px; z-index: 22; }

.search-navswiper ul li { width: auto; height: auto; line-height: 34px; text-align: center; }

.search-navswiper ul li a { display: inline-block; vertical-align: top; color: #959595; font-size: 14px; position: relative; padding: 5px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.search-navswiper ul li a:after { content: ''; position: absolute; bottom: 0px; left: 51%; right: 51%; height: 1px; background-color: #354b9c; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.search-navswiper ul li.cur a { color: #354b9c; }

.search-navswiper ul li.cur a:after { left: 0; right: 0; }

.search-navswiper.search-inblock { text-align: center; }

.search-navswiper.search-inblock ul { display: block; }

.search-navswiper.search-inblock ul li { display: inline-block; vertical-align: top; margin-left: 11.2%; margin-right: 11.2%; }

/* 搜索结果页 e */

@charset "UTF-8";
@media (min-width: 768px) { /* 首页 s */
  .alcohol-container ul li:nth-child(5n-2) { width: 100%; }
  .index-lou_02 .image::before { padding-bottom: 41.14583%; }
  .index-lou_02 .coverpos { padding-top: 9.375%; }
  .servernum-scroll ul li { margin-bottom: 0px; }
  /* 首页 e */
  /* 案例 s */
  .project-cover { float: left; padding-right: 50px; }
  .project-wcover { overflow: hidden; }
  .project-title { line-height: 54px; }
  .project-navcons { padding-left: 40px; padding-right: 40px; width: 592px; }
  .project-switch-prev, .project-switch-next { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; cursor: pointer; position: absolute; z-index: 66; width: 40px; height: 44px; line-height: 44px; text-align: center; }
  .project-switch-prev:after, .project-switch-next:after { content: ''; width: 12px; height: 12px; border: 1px solid #959595; display: inline-block; vertical-align: middle; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .project-switch-prev:hover:after, .project-switch-next:hover:after { border-color: #354b9c; }
  .project-switch-prev.swiper-button-disabled, .project-switch-next.swiper-button-disabled { cursor: default; }
  .project-switch-prev:after { border-right: none; border-bottom: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 10px; }
  .project-switch-next:after { border-right: none; border-bottom: none; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-left: -10px; }
  .project-button-prev { left: 0px; }
  .project-button-next { right: 0px; }
  /* 案例 e */
  /* 服务内容 s */
  .market-gloab .dots { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 22; padding-top: 0px; }
  .market-gloab .dots li { position: absolute; width: auto; padding-right: 0px; padding-left: 42px; margin-bottom: 0px; }
  .market-gloab .dots li .icon { width: 42px; top: 2px; }
  .market-gloab .dots li .wover { display: block; padding-left: 10px; padding-right: 10px; white-space: nowrap; }
  .market-gloab .dots li .wover .title .num { font-size: 24px; }
  .market-gloab .dots li .wover .title .plus { font-size: 20px; }
  .market-gloab .dots li .wover .sub { font-size: 14px; }
  .market-gloab .dots .li01 { padding-right: 42px; padding-left: 0; top: 6.13497%; right: 70.96774%; }
  .market-gloab .dots .li01 .icon { right: 0; left: auto; }
  .market-gloab .dots .li01 .wover { text-align: right; }
  .market-gloab .dots .li02 { top: 3.68098%; left: 65.5914%; }
  .market-gloab .dots .li03 { top: 55.21472%; left: 79.56989%; }
  .market-gloab .dots .li04 { top: 84.35583%; left: 65.5914%; }
  .market-gloab .dots .li05 { padding-right: 42px; top: 71.77914%; right: 76.34409%; }
  .market-gloab .dots .li05 .icon { right: 0; left: auto; }
  .market-gloab .dots .li05 .wover { text-align: right; }
  .market-dataww { padding-top: 40px; }
  .plan-position { position: absolute; left: 0; z-index: 44; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .plan-container { padding-left: 50%; }
  .plan-wrapper .htitle { color: #fff; }
  .plan-wrapper .planning-sub { color: #fff; }
  .plan-wrapper .brand-desc { color: #fff; }
  .brand-case { padding-top: 20px; padding-bottom: 15px; }
  .brand-case ul li .title .num { font-size: 36px; }
  .brand-case ul li .title .plus { font-size: 30px; }
  .todo-position { position: absolute; padding-top: 0px; z-index: 44; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .todo-container { width: 100%; text-align: center; max-width: 676px; margin: 0 auto; }
  .todo-wrapper .htitle { color: #fff; }
  .todo-wrapper .planning-sub { color: #fff; }
  .todo-wrapper .brand-desc { color: #fff; }
  .customer-container { margin-top: 0; }
  /* 服务内容 e */
  /* 郭富安发展历程 s */
  .history-loopcover { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      width: 66.66667%; 
      bottom: 0; 
      z-index: 77; 
      background-color: #fff; 
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
  }
  .real-scene iframe { height: 500px; }
  /* 郭富安发展历程 e */
  /* 新闻总页面 s */
  .newslist-navswiper.newslist-inblock { text-align: center; padding-left: 60px; padding-right: 60px; }
  .newslist-navswiper.newslist-inblock ul { display: block; }
  .newslist-navswiper.newslist-inblock ul li { display: inline-block; vertical-align: top; margin-left: 40px; margin-right: 40px; }
  .newslist-button-prev, .newslist-button-next { display: none; }
  .search-button-prev, .search-button-next { display: none; }
  /* 新闻总页面 e */ }

@charset "UTF-8";
@media (min-width: 1024px) { /* 首页 s */
  .index-lou_01 { padding-top: 80px; padding-bottom: 100px; }
  .loucommonweb { padding-left: 40px; padding-right: 40px; }
  .alcohol-linkmore { padding-bottom: 25px; }
  .view-more-button:hover { color: #2a4091; }
  .view-more-button:hover:after { border-color: #2a4091; }
  .alcohol-linkbtn:hover { color: #354b9c; }
  .alcohol-linkbtn:hover:after { border-color: #354b9c; }
  /*.alcohol-linkbtn:hover:before { background-image: url(../images/more-logob.png); }*/
  .alcohol-container ul li .cover a:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .alcohol-container ul li .space { padding: 10px 15px 0; }
  .alcohol-container ul li .name { padding: 0 0px 5px !important; }
  .alcohol-container ul li .descword { padding: 0 135px 10px 15px; }
  .alcohol-container ul li .descword .title { font-size: 24px; }
  .alcohol-container ul li:nth-child(5n-3), .alcohol-container ul li:nth-child(5n-4) { width: 50%; }
  .alcohol-container ul li:nth-child(5n-3) .space, .alcohol-container ul li:nth-child(5n-4) .space { padding-top: 20px; }
  .alcohol-container ul li:nth-child(5n-3) .descword .info, .alcohol-container ul li:nth-child(5n-4) .descword .info { font-size: 16px; }
  .alcohol-container ul li:nth-child(5n-2) { width: 33.33333333%; }
  .index-lou_02 .coverpos { padding-top: 10.9375%; }
  .index-lou_02 .wcover .title { font-size: 38px; }
  .index-lou_02 .wcover .desc { padding-top: 10px; padding-bottom: 45px; }
  .index-lou_02 .wcover .info { font-size: 16px; line-height: 24px; height: 48px; }
  .index-lou_02 .wcover .more:hover { background-color: #0343dc; border-color: #0343dc; }
  .index-more-button { line-height: 42px; padding: 0 60px; }
  .index-lou_03 { padding-top: 60px; padding-bottom: 80px; }
  .louserver-title { font-size: 32px; }
  .louserver-desc { padding-top: 18px; }
  .lou-numscroll { padding-top: 80px; padding-bottom: 70px; }
  .servernum-scroll ul li .title .num { font-size: 42px; letter-spacing: -2px; }
  .servernum-scroll ul li .title .plus { font-size: 36px; }
  .servernum-scroll ul li .desc { padding-top: 14px; }
  .servernum-scroll ul li .info { -webkit-line-clamp: 3; height: 66px; }
  .louserver-more .more:hover { background-color: #0046f0; color: #fff; }
  .index-lou_05 { padding-top: 100px; padding-bottom: 200px; }
  .index-newscon { padding-top: 80px; }
  .newscommonweb { padding-left: 40px; padding-right: 40px; }
  .newslou-header { padding-right: 200px; }
  .newslou-title { font-size: 32px; text-align: left; }
  .newslou-more { padding-top: 0px; text-align: right; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .newslou-section { padding-top: 45px; padding-bottom: 90px; }
  .newslou-swiper ul li { margin-right: 10px; float: left; }
  .newslou-swiper ul li a { padding: 12px 15px 15px; }
  .newslou-swiper ul li a:hover .image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .newslou-swiper ul li a:hover .looks { color: #354b9c; }
  .newslou-swiper ul li .word .date { margin-bottom: 10px; }
  .newslou-swiper ul li .word .title { font-size: 22px; }
  .newslou-swiper ul li .word .desc { padding-top: 20px; padding-bottom: 22px; }
  .newslist-module ul li { margin-bottom: 40px; }
  .newslist-module ul li a { padding: 12px 15px 15px; }
  .newslist-module ul li a:hover .image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .newslist-module ul li a:hover .looks { color: #354b9c; }
  .newslist-module ul li .word .title { font-size: 22px; }
  .newslist-module ul li .word .desc { padding-top: 20px; padding-bottom: 22px; }
  .swiper-pagination-progress { display: none; }
  /*.newslou-draglimit .drag-module { display: block; }*/
  .drag-module { display: none !important; }
  /* 首页 e */
  /* 案例 s */
  .inside-project { padding-top: 50px; }
  .incommonweb { padding-left: 40px; padding-right: 40px; }
  .project-wcover { padding-top: 16px; }
  .project-title { line-height: 60px; font-size: 34px; }
  .project-navcons { width: 770px; }
  .project-navswiper ul li:hover a { color: #354b9c; }
  .project-navswiper ul li:hover a:after { left: 0; right: 0; }
  .project-navswiper.nav-inblock { white-space: nowrap; }
  .project-navswiper.nav-inblock ul { display: block; font-size: 0; text-align: center; }
  .project-navswiper.nav-inblock ul li { display: inline-block; vertical-align: top; margin-right: 50px; }
  .project-switch-prev, .project-switch-next { display: none; }
  .project-container { padding-top: 50px; padding-bottom: 220px; }
  .project-mask-title { padding-right: 26px; }
  .project-mask-title .name { font-size: 24px; }
  .project-mask-title .mask { font-size: 14px; }
  .project-wrapper { padding-bottom: 50px; }
  .project-modules li { margin-bottom: 40px; }
  .project-modules li a:hover .image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .project-modules li .word .title { font-size: 18px; }
  .project-modules li .word .info { font-size: 13px; }
  .project-viewmore .more:hover { color: #fff; background-color: #354b9c; }
  .project-return{ padding-top: 50px; }

    .project-return-button{ 
        font-size: 15px;
        line-height: 38px;
        padding: 0 50px;
    }

    .project-return .more:hover {
        color: #fff;
        background-color: #354b9c;
    }
  /* 案例 e */
  /* 案例详情 s */
  .project-article { padding-bottom: 60px; }
  .project-star .title { font-size: 36px; font-weight: lighter; }
  .project-star .mask { font-size: 18px; }
  .project-viewicon { padding-top: 5px; }
  .project-icons .icon { height: 70px; }
  .branch-detail { padding-top: 50px; padding-bottom: 50px; }
  .branch-word { font-size: 16px; }
  .branch-case .title { font-size: 16px; }
  .branch-case .cases { padding-top: 20px; }
  .branch-case .cases ul li { padding-right: 20px; }
  .branch-content { padding-top: 80px; padding-left: 200px; }
  .branch-common { font-size: 16px; }
  .branch-operation { padding-top: 70px; }
  .branch-like { width: 90px; height: 90px; line-height: 90px; }
  .branch-like .like-icon { width: 24px; }
  .branch-like:after { font-size: 24px; width: 30px; height: 34px; line-height: 34px; }
  .handle-title { font-size: 28px; }
  .handle-view .opitem { padding: 0 15px; }
  .project-relevant { padding-top: 80px; padding-bottom: 180px; }
  .abcommonweb { padding-left: 40px; padding-right: 40px; }
  .project-abtitle { font-size: 20px; }
  .relevant-container { padding-top: 50px; padding-bottom: 50px; }
  .relevant-swiper ul li:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .relevant-swiper ul li:hover .space, .relevant-swiper ul li:hover .descword, .relevant-swiper ul li:hover .wover { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
  .relevant-swiper ul li .space { padding: 20px 20px 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
  .relevant-swiper ul li .descword { padding: 0 140px 12px 20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
  .relevant-swiper ul li .descword .title { font-size: 22px; }
  .relevant-swiper ul li .wover { padding: 0 20px 15px 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
  .relevant-operation { max-width: 400px; margin: 0 auto; }
  .relevant-operation .relevant-pagination { display: none; }
  .relevant-operation .drag-module { display: block; }
  /* 案例详情 e */
  /* 服务内容 s */
  .sscommonweb { padding-left: 40px; padding-right: 40px; }
  .market-container { padding-top: 120px; padding-bottom: 80px; }
  .market-research:after { content: ''; display: block; width: 100%; clear: both; visibility: hidden; height: 0; }
  .market-cover { float: right; width: 500px; }
  .market-wover { overflow: hidden; padding-right: 40px; padding-top: 25px; }
  .market-gloab { max-width: 360px; }
  .market-gloab .dots li .wover .title .num { font-size: 22px; }
  .market-gloab .dots li .wover .title .plus { font-size: 16px; }
  .market-gloab .dots li .wover .sub { font-size: 12px; }
  .market-dataww { padding-bottom: 0px; padding-top: 50px; }
  .market-data-text { font-size: 16px; }
  .market-article { max-width: 640px; }
  .in-server-title { font-size: 32px; }
  .brand-case { padding-top: 30px; padding-bottom: 20px; }
  .brand-case ul li .title .num { font-size: 60px; }
  .brand-case ul li .title .plus { font-size: 50px; margin-top: -10px; }
  .xiang-mask { width: 24px; height: 24px; font-size: 16px; line-height: 24px; margin-top: 8px; font-weight: normal; }
  .brand-desc { font-size: 14px; }
  .technical-module { padding-top: 120px; padding-bottom: 120px; }
  .technical-cover { float: left; width: 51.875%; }
  .technical-wover { padding-top: 0px; overflow: hidden; padding-left: 50px; }
  .todo-wrapper .brand-desc { font-size: 14px; }
  .customer-container { padding-bottom: 80px; }
  .customer-wrapper { padding-top: 100px; }
  .wwcommonweb { padding-left: 40px; padding-right: 40px; }
  .in-customer-title { font-size: 32px; }
  .customer-textcon { padding-top: 16px; padding-bottom: 60px; }
  .customer-swiper ul li { margin-bottom: 60px; }
  .customer-swiper ul li a { padding-left: 25px; padding-right: 25px; }
  .customer-swiper ul li a:hover .icon img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .customer-draglimit { padding-top: 0px; width: 100%; max-width: 400px; margin: 0 auto; }
  .customer-draglimit .drag-module { display: block; }
  .progress-pagination { display: none; }
  /* 服务内容 e */
  /* 郭富安发展历程 s */
  .inside-concern { padding-top: 60px; }
  .concern-navswiper ul li { line-height: 46px; }
  .concern-navswiper ul li a { font-size: 16px; }
  .concern-navswiper ul li:hover a { color: #354b9c; }
  .concern-navswiper ul li:hover a:after { left: 0; right: 0; }
  .history-container { padding-top: 100px; padding-bottom: 100px; }
  .process-concept { line-height: 42px; font-size: 28px; height: 126px; }
  .history-wrapper { padding-top: 70px; padding-bottom: 20px; }
  .history-contents { padding-left: 48px; padding-right: 48px; }
  .history-switch-next { display: block; position: absolute; width: 48px; height: 88px; background-repeat: no-repeat; -o-background-size: 28px; background-size: 28px; background-position: center center; background-image: url(../images/hisarrow.png); right: 0; top: 23.47826%; cursor: pointer; -webkit-transition: background 0.3s; -o-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
  .history-switch-next:hover { background-image: url(../images/hisarrowhover.png); }
  .history-switch-prev { display: none; position: absolute; width: 48px; height: 88px; background-repeat: no-repeat; -o-background-size: 28px; background-size: 28px; background-position: center center; background-image: url(../images/hisarrow02.png); left: 0; top: 23.47826%; cursor: pointer; -webkit-transition: background 0.3s; -o-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
  .history-switch-prev:hover { background-image: url(../images/hisarrowhover02.png); }

  .history-pagination { display: none; }

  .videoboxpc video + div{ display:none !important; }
  .videoboxpc video + div + div{ display:none !important; }
  .videoboxpc video + div + div + div { display:none !important; }
  .videoboxpc video + div + div + div + div{ display:none !important; }

  .accordion-module:after { content: ''; display: block; width: 100%; clear: both; visibility: hidden; height: 0; }
  .accordion { float: left; width: 33.33333%; }
  .accordion .aclose { display: block; position: absolute; color: #fff; font-weight: lighter; z-index: 22; top: 15px; right: 15px; background-color: transparent; -o-background-size: auto; background-size: auto; background-position: center center; }
  .accordion .aclose:after { content: '了解更多+'; display: block; width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size: 12px; padding-left: 10px; padding-right: 10px; border: 1px solid #fff; -webkit-border-radius: 30px; border-radius: 30px; line-height: 28px; }
  .accordion .aclose:hover:after { background-color: #354b9c; border-color: #354b9c; }
  .accordion.on { width: 16.66667%; }
  .accordion.cur { width: 66.66667%; }
  .accordion.cur .aclose { display: block; width: 30px; height: 30px; background-image: url(../images/aclose.png); }
  .accordion.cur .aclose:after { display: none; }
  .accordion.cur .accordion-open { top: 0; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
  .accordion.cur .accordion-wover { top: 100%; opacity: 0; visibility: hidden; }
  .accordion.cur .accordion-cover .doorbg { background-color: rgba(53, 75, 156, 0.8); }
  .accordion.hover{ width:36%; }
  .accordion.duoyu{ width:32%; }
  .accordion.hover .accordion-cover .doorbg{ background-color: rgba(0, 0, 0, 0.2); }
  .accordion.duoyu .accordion-cover .doorbg{ background-color: rgba(0, 0, 0, 0.6); }
  .accordion-exit { z-index: 11; overflow: hidden; }
  .accordion-close { position: relative; z-index: 22; }
  .accordion-cover { z-index: 2; }
  /*.accordion-cover .doorimg::before { padding-bottom: 520px; }*/
  .accordion-cover .doorbg{ display:block; }
  .accordionmm-video{ display:none; }
  .accordionpc-video{ position: absolute;left: 0;top: 0; width: 100%; height: 100%; display:block; }
  .accordionpc-video video{ display: block;width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;background-color: #000; }
  .accordion-cover .picture-video::before { padding-bottom: 520px; }
  .accordion-wover { display: block; position: absolute; left: 0; z-index: 4; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; padding-left: 15px; padding-right: 15px; -webkit-transition: top 0.3s , opacity 0.3s; -o-transition: top 0.3s , opacity 0.3s; -moz-transition: top 0.3s , opacity 0.3s; transition: top 0.3s , opacity 0.3s; visibility: visible; }
  .accordion-wover .close-title { color: #fff; line-height: 1.4; font-size: 20px; font-weight: lighter; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
  .accordion-open { position: absolute; z-index: 33; top: 100%; height: 100%; padding-left: 11.70047%; padding-right: 11.70047%; font-size: 0; }
  .accordion-open::before { content: ''; display: inline-block; vertical-align: bottom; height: 100%; }
  .accordion-desc { padding-top: 0%; padding-bottom: 25px; display: inline-block; vertical-align: bottom; width: 100%; }
  .accordion-desc .open-title { color: #fff; font-size: 32px; font-weight: lighter; }
  .accordion-desc .open-textcon { padding-top: 55px; }
  .accordion-word .item { padding-bottom: 20px; }
  .accordion-word .item .title { color: #fff; font-size: 18px; }
  .accordion-word .item .info { color: #fff; }
  .panorama-cons { padding-top: 50px; padding-bottom: 50px; }
  .panorama-scene { overflow: hidden; }
  .panorama-view { float: left; width: 610px; }
  .panorama-wover { overflow: hidden; padding-left: 30px; padding-right: 40px; }
  .real-scene iframe { height: 460px; }
  .panorama-word { padding-top: 65px; }
  .panorama-word .panorama-hd { max-width: 265px; }
  .panorama-title { font-size: 32px; }
  .panorama-ttcon { padding-top: 85px; }
  .panorama-look { line-height: 44px; padding: 0 70px; }
  .panorama-look:hover { background-color: #2a4091; }
  .inside-newscon { padding-top: 80px; padding-bottom: 120px; }
  /* 郭富安发展历程 e */
  /* 郭富安简介 s */
  .synopsis-panel { padding-top: 80px; padding-bottom: 60px; }
  .synopsis-cover { float: right; width: 460px; padding-top: 10px; }
  .synopsis-wcover { overflow: hidden; padding-top: 0px; padding-right: 60px; }
  .synopsis-title { font-size: 32px; }
  .introduction { padding-bottom: 80px; }
  .intro-linkbtn:hover { color: #2a4091; }
  .intro-linkbtn:hover:after { border-color: #2a4091; }
  .synopsis-ul .lv1 .hdtitle, .synopsis-ul .lv1 .bdtitle { font-size: 18px; }
  .synopsis-ul .lv1 .bdtitle { float: left; width: 23.4375%; padding-right: 10px; }
  .synopsis-ul .lv1 .bdover { overflow: hidden; }
  .synopsis-write .lv2 { padding-bottom: 40px; }
  .synopsis-write .title { font-size: 16px; }
  /* 郭富安简介 e */
  /* 郭富安荣誉 s */
  .honor-container { padding-top: 80px; padding-bottom: 60px; }
  .g-honor-title { font-size: 32px; }
  .honor-subcontext { padding-top: 30px; padding-bottom: 60px; max-width: 670px; }
  .honor-milestone { padding-left: 40px; padding-right: 40px; }
  .milestone-swiper ul li .alin:hover img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .milestone-swiper ul li .word { padding-top: 20px; }
  .milestone-swiper ul li .word .title { font-size: 38px; }
  .milestone-lever { padding-top: 50px; padding-bottom: 50px; max-width: 400px; margin: 0 auto; }
  .milestone-lever .drag-module { display: block; }
  .milestone-lever .milestone-pagination { display: none; }
  .milestone-textcon { text-align: center; max-width: 820px; margin: 0 auto; }
  .honor-internal { padding-top: 40px; padding-bottom: 120px; }
  .internal-wrapper { padding-top: 50px; padding-bottom: 40px; }
  .internal-swiper ul li a:hover .image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .internal-swiper ul li .word { padding-top: 15px; }
  .internal-lever { max-width: 400px; margin: 0 auto; }
  .internal-lever .drag-module { display: block; }
  .internal-lever .milestone-pagination { display: none; }
  /* 郭富安荣誉 e */
  /* 联系 s */
  .inside-contact { padding-top: 80px; }
  .methods-header { padding-bottom: 25px; }
  .big-inside-title { font-size: 30px; }
  .methods-section { padding-top: 80px; padding-bottom: 90px; }
  .uscommonweb { padding-left: 40px; padding-right: 40px; }
  .contact-connect ul{ width:auto; }
  .contact-connect ul li { margin-bottom: 0px; }
  .contact-connect ul li .title { font-size: 22px; }
  .contact-connect ul li .textcon { padding-top: 20px; padding-bottom: 20px; }
  .contact-connect ul li .text { font-size: 18px; line-height: 28px; height: 112px; }
  .contact-connect ul li .telcon { font-size: 18px; }
  .contact-connect ul li .maps { padding-top: 20px; }
  .contact-swiper{ position:relative; }
  .contact-swiper.has{ padding-left:40px; padding-right:40px; }
  .contact-swiper.has .contact-connect ul li{     padding-left: 80px; padding-right: 0px; }
  .swiper-contact-prev::after,.swiper-contact-next::after{ border-color:#666; }
  .swiper-contact-prev{ left:-35px; }
  .swiper-contact-next{ right:-35px; }
  .small-arrow-button:hover { color: #354b9c; }
  .small-arrow-button:hover::before { background-image: url(../images/aiconb.png); }
  .contact-consult { padding-top: 100px; padding-bottom: 80px; }
  .consult-context { max-width: 720px; margin: 0 auto; }
  .consult-methods { padding-bottom: 50px; }
  .consult-tels { padding-left: 40px; }
  .consult-tels::before { width: 23px; top: 5px; }
  .consult-tels .tel { line-height: 34px; margin-right: 30px; }
  .consult-tels .tel a { font-size: 20px; }
  .consult-lists li { margin-bottom: 24px; }
  .control-form-input .input { line-height: 44px; height: 46px; padding-left: 20px; padding-right: 20px; }
  .control-form-area .area { line-height: 26px; padding: 10px 20px; }
  .consult-submit { padding-top: 50px; }
  .control-form-submit .subbtn { line-height: 56px; height: 56px; }
  .contact-joinin { padding-top: 80px; padding-bottom: 120px; }
  .joinin-header { padding-bottom: 25px; }
  .joinin-section { padding-top: 60px; }
  .joinin-lists li { margin-bottom: 30px; padding-top: 10px; padding-bottom: 10px; }
  .joinin-lists li .title { font-size: 18px; }
  .big-arrow-button { font-size: 18px; }
  .big-arrow-button:after { top: 8px; }
  .big-arrow-button:hover { color: #354b9c; }
  .big-arrow-button:hover::before { background-image: url(../images/aiconb.png); }
  /* 联系 e */
  /* 新闻 s */
  .article-container { padding-top: 40px; padding-bottom: 110px; }
  .article-wover { padding-left: 90px; padding-right: 300px; }
  .article-vover { padding-top: 0px; position: absolute; top: 0px; right: 0; width: 245px; }
  .article-aside { display: block; position: absolute; top: 0; left: 0; width: 33px; }
  .article-aside .bdsharebuttonbox .bds_be:hover { background-image: url(../images/sbes.png); }
  .article-aside .bdsharebuttonbox .bds_tsina:hover { background-image: url(../images/sweibos.png); }
  .article-aside .bdsharebuttonbox .bds_weixin:hover { background-image: url(../images/sweixins.png); }
  .article-guide { -webkit-line-clamp: 6; height: 144px; }
  .article-details { padding-top: 35px; padding-bottom: 35px; }
  .article-prevreturn { padding-bottom: 14px; }
  .article-return { -webkit-line-clamp: 6; height: 144px; }
  .news-return-button:hover { color: #354b9c; }
  .news-return-button:hover:before { background-image: url(../images/newsicons.png); }
  .relative-lists li a:hover .image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .article-relative { padding-top: 80px; padding-bottom: 120px; }
  /* 新闻 e */
  /* 新闻总页面 s */
  .newslist-container { padding-top: 45px; padding-bottom: 120px; }
  .newslist-navswiper ul li { line-height: 42px; }
  .newslist-navswiper ul li a { font-size: 16px; }
  .newslist-navswiper ul li:hover a { color: #354b9c; }
  .newslist-navswiper ul li:hover a:after { left: 0; right: 0; }
  .newslist-navswiper.newslist-inblock ul li { margin-left: 50px; margin-right: 50px; }
  .newslist-wrapper { padding-top: 55px; }
  /* 新闻总页面 e */
  /* 搜索结果页 s */
  .insearch-page { padding-top: 80px; padding-bottom: 120px; }
  .search-conswrap { padding-top: 50px; padding-bottom: 80px; }
  .search-navswiper ul li { line-height: 40px; }
  .search-navswiper ul li a { font-size: 16px; }
  .search-navswiper ul li:hover a { color: #354b9c; }
  .search-navswiper ul li:hover a:after { left: 0; right: 0; }
  /* 搜索结果页 e */ }

@charset "UTF-8";
@media (min-width: 1260px) { /* 首页 s */
  .index-lou_01 { padding-top: 100px; padding-bottom: 160px; }
  .loucommonweb { width: 100%; margin: 0 auto; max-width: 1690px; }
  .view-more-button { font-size: 20px; line-height: 36px; padding-right: 28px; padding-left: 40px; }
  .view-more-button:after { border-width: 2px; }
  .view-more-button:before { width: 29px; }
  .alcohol-linkbtn { font-size: 16px; line-height: 34px; padding-right: 30px; padding-left: 45px; }
  .alcohol-linkbtn:after { width: 10px; height: 10px; border-width: 2px; margin-top: -5px; }
  .alcohol-linkbtn:before { width: 32px; }
  .alcohol-container ul li .space { padding: 20px 20px 0; }
  .alcohol-container ul li .name { padding: 0 20px 20px 0; }
  .alcohol-container ul li .descword { padding: 0 145px 20px 20px; }
  .alcohol-container ul li .descword .title { font-size: 34px; }
  .alcohol-container ul li .descword .info { font-size: 16px; }
  .alcohol-container ul li:nth-child(5n-3) .space, .alcohol-container ul li:nth-child(5n-4) .space { padding-top: 25px; }
  .alcohol-container ul li:nth-child(5n-3) .descword .info, .alcohol-container ul li:nth-child(5n-4) .descword .info { font-size: 18px; }
  .index-lou_02 .coverpos { padding-top: 13.02083%; }
  .index-lou_02 .wcover .title { font-size: 46px; }
  .index-lou_02 .wcover .desc { padding-bottom: 60px; }
  .index-lou_02 .wcover .info { font-size: 18px; line-height: 28px; height: 112px; -webkit-line-clamp: 4; }
  .index-more-button { line-height: 50px; padding: 0 80px; }
  .index-lou_03 { padding-top: 80px; padding-bottom: 100px; }
  .louserver-title { font-size: 42px; }
  .louserver-word { font-size: 16px; line-height: 30px; }
  .lou-numscroll { padding-top: 100px; padding-bottom: 90px; }
  .servernum-scroll ul li .title .num { font-size: 52px; }
  .servernum-scroll ul li .title .plus { font-size: 42px; }
  .index-lou_05 { padding-top: 140px; padding-bottom: 280px; }
  .index-newscon { padding-top: 110px; }
  .newscommonweb { width: 100%; max-width: 1330px; margin: 0 auto; }
  .newslou-title { font-size: 38px; }
  .newslou-section { padding-top: 55px; padding-bottom: 120px; }
  .newslou-swiper ul li .word .title { font-size: 24px; }
  .newslist-module ul li { margin-bottom: 50px; }
  .newslist-module ul li .word .title { font-size: 24px; }
  /* 首页 e */
  /* 案例 s */
  .inside-project { padding-top: 70px; }
  .incommonweb { width: 100%; margin: 0 auto; max-width: 1680px; }
  .project-title { line-height: 70px; font-size: 40px; }
  .project-navcons { width: 970px; }
  .project-navswiper ul li { line-height: 44px; }
  .project-navswiper ul li a { font-size: 16px; }
  .project-navswiper.nav-inblock ul li { margin-right: 80px; }
  .project-container { padding-top: 70px; padding-bottom: 260px; }
  .project-return{ padding-top: 70px; }
  .project-modules li .word { padding-top: 15px; }
  /* 案例 e */
  /* 案例详情 s */
  .project-article { padding-bottom: 80px; }
  .project-star .title { font-size: 46px; }
  .project-star .mask { padding: 8px 0; font-size: 20px; }
  .project-viewicon { padding-top: 10px; }
  .project-icons .icon { height: 90px; }
  .branch-detail { padding-top: 70px; padding-bottom: 70px; }
  .branch-word { font-size: 18px; }
  .branch-case .cases { padding-top: 22px; }
  .branch-content { padding-top: 120px; padding-left: 280px; }
  .branch-like { width: 105px; height: 105px; line-height: 105px; }
  .branch-like .like-icon { width: 30px; }
  .handle-title { font-size: 32px; }
  .project-relevant { padding-top: 100px; padding-bottom: 220px; }
  .abcommonweb { width: 100%; max-width: 1330px; margin: 0 auto; }
  .relevant-container { padding-top: 70px; padding-bottom: 70px; }
  .relevant-swiper ul li .descword .title { font-size: 30px; }
  .relevant-swiper ul li .descword .info { font-size: 14px; }
  /* 案例详情 e */
  /* 服务内容 s */
  .sscommonweb { padding-left: 55px; padding-right: 55px; width: 100%; max-width: 1600px; margin: 0 auto; }
  .market-container { padding-top: 180px; padding-bottom: 120px; }
  .market-cover { width: 620px; padding-left: 76px; padding-right: 76px; }
  .market-wover { padding-right: 90px; }
  .market-gloab { width: 100%; max-width: 100%; }
  .market-gloab .dots li .wover .title .num { font-size: 25px; }
  .market-gloab .dots li .wover .title .plus { font-size: 20px; }
  .market-gloab .dots li .wover .sub { font-size: 14px; }
  .in-server-title { font-size: 40px; }
  .market-textcons { padding-top: 34px; }
  .market-desc { font-size: 16px; }
  .brand-case { padding-top: 40px; padding-bottom: 30px; }
  .brand-case ul li .title .num { font-size: 90px; font-weight: normal; }
  .brand-case ul li .title .plus { font-weight: normal; font-size: 70px; margin-top: -15px; }
  .xiang-mask { width: 30px; height: 30px; font-size: 18px; line-height: 30px; margin-top: 10px; }
  .planning-sub { font-size: 24px; }
  .technical-module { padding-top: 15%; padding-bottom: 15%; }
  .technical-wover { padding-left: 70px; }
  .customer-container { padding-bottom: 90px; }
  .customer-wrapper { padding-top: 120px; }
  .wwcommonweb { width: 100%; max-width: 1380px; margin: 0 auto; }
  .in-customer-title { font-size: 42px; }
  .customer-textcon { padding-bottom: 80px; }
  .customer-word { font-size: 16px; }
  .customer-swiper ul li { margin-bottom: 80px; }
  .customer-swiper ul li a { padding-left: 35px; padding-right: 35px; }
  .customer-draglimit { padding-bottom: 80px; }
  /* 服务内容 e */
  /* 郭富安发展历程 s */
  .inside-concern { padding-top: 90px; }
  .concern-navswiper ul li a { font-size: 18px; }
  .history-container { padding-top: 120px; padding-bottom: 120px; }
  .process-concept { line-height: 52px; font-size: 38px; height: 156px; }
  .history-wrapper { padding-top: 100px; padding-bottom: 25px; }
  .history-swiper ul li .word { padding-top: 35px; }
  .history-swiper ul li .word .desc { padding-top: 22px; }
  .history-switch-next { top: 21.73913%; }
  .history-switch-prev { top: 21.73913%; }
  .history-loopcover { width: 60%; }
  .accordion .aclose { top: 20px; right: 20px; }
  .accordion .aclose:after { font-size: 14px; }
  /*.accordion-cover .doorimg::before { padding-bottom: 720px; }*/
  .accordion-cover .picture-video::before { padding-bottom: 720px; }
  .accordion-wover .close-title { font-size: 26px; }
  .accordion-desc { padding-bottom: 65px; }
  .accordion-desc .open-title { font-size: 40px; }
  .accordion-desc .open-textcon { padding-top: 160px; }
  .accordion-word .item { padding-bottom: 30px; }
  .accordion-word .item .title { font-size: 20px; }
  .accordion-word .item .desc { padding-top: 12px; }
  .panorama-cons { padding-top: 60px; padding-bottom: 60px; }
  .panorama-view { width: 62.5%; }
  .panorama-wover { padding-left: 40px; padding-right: 60px; }
  .real-scene iframe { height: 560px; }
  .panorama-word { padding-top: 100px; }
  .panorama-word .panorama-hd { max-width: 340px; }
  .panorama-word .panorama-bd { padding-top: 15px; }
  .panorama-title { font-size: 40px; }
  .panorama-text { font-size: 16px; }
  .panorama-ttcon { padding-top: 110px; }
  .inside-newscon { padding-top: 100px; padding-bottom: 180px; }
  /* 郭富安发展历程 e */
  /* 郭富安简介 s */
  .synopsis-panel { padding-top: 100px; padding-bottom: 70px; }
  .synopsis-cover { width: 600px; }
  .synopsis-wcover { padding-right: 80px; }
  .synopsis-title { font-size: 40px; }
  .synopsis-desc { font-size: 16px; }
  .introduction { padding-bottom: 100px; }
  .intro-linkbtn { font-size: 16px; padding-right: 25px; padding-left: 34px; }
  .intro-linkbtn:after { width: 10px; height: 10px; right: 7px; border-width: 2px; }
  .intro-linkbtn:before { width: 24px; }
  .intro-linkbtn span:after { font-size: 16px; }
  .synopsis-ul .lv1 .close { height: 60px; }
  .synopsis-ul .lv1 .close:after { width: 2px; }
  .synopsis-ul .lv1 .close::before { height: 2px; top: 28px; }
  .synopsis-ul .lv1 .hdtitle, .synopsis-ul .lv1 .bdtitle { line-height: 60px; font-size: 20px; }
  .synopsis-ul .lv1 .bdover { padding-top: 14px; padding-bottom: 14px; }
  .synopsis-write .lv2 { padding-bottom: 50px; }
  /* 郭富安简介 e */
  /* 郭富安荣誉 s */
  .honor-container { padding-top: 110px; padding-bottom: 80px; }
  .g-honor-title { font-size: 40px; }
  .honor-subcontext { padding-top: 50px; padding-bottom: 100px; }
  .honor-subtext { font-size: 16px; }
  .honor-milestone { padding-left: 70px; padding-right: 70px; }
  .milestone-swiper ul li .word { padding-top: 30px; }
  .milestone-swiper ul li .word .title { font-size: 46px; }
  .milestone-lever { padding-top: 70px; padding-bottom: 70px; }
  .milestone-text { font-size: 16px; }
  .honor-internal { padding-top: 65px; padding-bottom: 220px; }
  .internal-wrapper { padding-top: 60px; padding-bottom: 50px; }
  .internal-swiper ul li .word .info { font-size: 16px; line-height: 30px; height: 90px; }
  /* 郭富安荣誉 e */
  /* 联系 s */
  .inside-contact { padding-top: 110px; }
  .methods-header { padding-bottom: 40px; }
  .big-inside-title { font-size: 38px; }
  .methods-section { padding-top: 100px; padding-bottom: 110px; }
  .uscommonweb { padding-left: 95px; padding-right: 95px; width: 100%; max-width: 1600px; margin: 0 auto; }
  .contact-connect ul { margin-left: -40px; margin-right: -40px; }
  .contact-connect ul li { padding-left: 40px; padding-right: 40px; }
  .contact-swiper.has .contact-connect ul li{ padding-left: 90px; padding-right: 0px; }
  .contact-connect ul li .title { font-size: 24px; }
  .contact-connect ul li .textcon { padding-top: 30px; padding-bottom: 30px; }
  .contact-connect ul li .text { font-size: 20px; }
  .contact-connect ul li .telcon { font-size: 20px; }
  .contact-connect ul li .telcon .tels .tel { margin-right: 15px; }
  .contact-connect ul li .maps { padding-top: 30px; }
  .control-form-input .input { font-size: 16px; }
  .control-form-area .area { font-size: 16px; }
  .contact-joinin { padding-top: 120px; padding-bottom: 220px; }
  .joinin-header { padding-bottom: 40px; }
  .joinin-section { padding-top: 70px; }
  .joinin-lists li { margin-bottom: 40px; padding-top: 14px; padding-bottom: 14px; }
  .joinin-lists li .title { font-size: 20px; }
  .big-arrow-button { font-size: 20px; }
  /* 联系 e */
  /* 新闻 s */
  .article-container { padding-top: 60px; padding-bottom: 180px; }
  .article-wover { padding-left: 160px; padding-right: 330px; }
  .article-guide { font-size: 16px; line-height: 30px; height: 180px; }
  .article-return { font-size: 16px; line-height: 30px; height: 180px; }
  .news-return-button { font-size: 16px; }
  .relative-lists li .word { padding-top: 14px; padding-bottom: 24px; }
  .article-relative { padding-top: 100px; padding-bottom: 130px; }
  .article-relative .view-more-button { font-size: 18px; }
  /* 新闻 e */
  /* 新闻总页面 s */
  .newslist-container { padding-bottom: 170px; }
  /* 新闻总页面 e */
  /* 搜索结果页 s */
  .insearch-page { padding-top: 110px; padding-bottom: 220px; }
  .search-conswrap { padding-top: 60px; padding-bottom: 100px; }
  /* 搜索结果页 e */ }

@media (min-width: 1360px) { .newslist-module { max-width: 100%; } }

@media (min-width: 1440px) { /* 首页 s */
  .index-lou_01 { padding-top: 120px; padding-bottom: 180px; }
  .alcohol-container ul li .space { padding: 20px 30px 0; }
  .alcohol-container ul li .name { padding: 0 30px 20px 0; }
  .alcohol-container ul li .descword { padding: 0 165px 20px 30px; }
  .alcohol-container ul li .descword .title { font-size: 44px; }
  .alcohol-container ul li .descword .info { font-size: 18px; }
  .alcohol-container ul li:nth-child(5n-3) .space, .alcohol-container ul li:nth-child(5n-4) .space { padding-top: 30px; }
  .alcohol-container ul li:nth-child(5n-3) .descword .info, .alcohol-container ul li:nth-child(5n-4) .descword .info { font-size: 20px; }
  .index-lou_02 .coverpos { padding-top: 14.58333%; }
  .index-lou_02 .wcover .title { font-size: 56px; }
  .index-lou_03 { padding-top: 90px; padding-bottom: 110px; }
  .louserver-title { font-size: 48px; }
  .lou-numscroll { padding-top: 110px; padding-bottom: 100px; }
  .servernum-scroll ul li .info { -webkit-line-clamp: 4; height: 88px; }
  .newslist-module ul li { margin-bottom: 60px; }
  /* 首页 e */
  /* 案例 s */
  .project-cover { padding-right: 70px; }
  .project-navcons { width: 1130px; }
  /* 案例 e */
  /* 发展历程 s */
  .panorama-wover { padding-left: 60px; padding-right: 100px; }
  .real-scene iframe { height: 600px; }
  .panorama-word { padding-top: 110px; }
  .panorama-word .panorama-bd { padding-top: 20px; }
  /* 发展历程 e */
  /* 郭富安简介 s */
  .synopsis-panel { padding-top: 110px; padding-bottom: 90px; }
  .synopsis-cover { width: 687px; }
  .synopsis-ttcon { padding-top: 30px; }
  /* 郭富安简介 e */
  /* 联系 s */
  .big-inside-title { font-size: 42px; }
  /* 联系 e */ }

@media (min-width: 1600px) { /* 首页 s */
  .index-lou_01 { padding-top: 140px; padding-bottom: 200px; }
  .alcohol-container ul li .descword .title { font-size: 50px; }
  .alcohol-container ul li:nth-child(5n-3) .descword .info, .alcohol-container ul li:nth-child(5n-4) .descword .info { font-size: 22px; }
  .index-lou_02 .coverpos { padding-top: 16.14583%; }
  .index-lou_02 .wcover .title { font-size: 64px; }
  .index-more-button { line-height: 60px; padding: 0 100px; }
  .servernum-scroll ul li .title .num { font-size: 62px; }
  .servernum-scroll ul li .title .plus { font-size: 52px; }
  .index-lou_05 { padding-top: 180px; padding-bottom: 380px; }
  .index-newscon { padding-top: 130px; }
  .newslou-title { font-size: 46px; }
  .newslou-section { padding-top: 75px; padding-bottom: 140px; }
  /* 首页 e */
  /* 案例 s */
  .project-cover { padding-right: 90px; }
  .project-title { line-height: 78px; font-size: 46px; }
  .project-navcons { width: 1176px; }
  .project-navswiper ul li { line-height: 50px; }
  .project-navswiper ul li a { font-size: 18px; }
  .project-navswiper.nav-inblock ul li { margin-right: 100px; }
  .project-container { padding-bottom: 320px; }
  .project-mask-title .name { font-size: 28px; }
  .project-mask-title .mask { font-size: 16px; }
  .project-modules li { margin-bottom: 60px; }
  .project-modules li .word .title { font-size: 20px; }
  .project-modules li .word .info { font-size: 15px; }
  /* 案例 e */
  /* 案例详情 s */
  .project-star .title { font-size: 52px; }
  .project-star .mask { font-size: 24px; }
  .project-icons .icon { height: 100px; }
  .branch-content { padding-top: 160px; padding-left: 350px; }
  .project-relevant { padding-top: 110px; padding-bottom: 240px; }
  .project-abtitle { font-size: 24px; }
  .relevant-container { padding-top: 80px; padding-bottom: 80px; }
  .relevant-swiper ul li .descword .title { font-size: 34px; }
  /* 案例详情 e */
  /* 服务内容 s */
  .market-container { padding-top: 220px; padding-bottom: 150px; }
  .in-server-title { font-size: 48px; }
  .brand-case ul li .title .num { font-size: 110px; }
  .brand-case ul li .title .plus { font-size: 80px; margin-top: -20px; }
  .xiang-mask { width: 36px; height: 36px; font-size: 22px; line-height: 36px; margin-top: 14px; }
  .planning-sub { font-size: 30px; }
  .brand-desc { font-size: 16px; }
  .technical-wover { padding-left: 90px; }
  .technical-wrapper .brand-case { padding-top: 60px; }
  .customer-wrapper { padding-top: 140px; }
  .in-customer-title { font-size: 54px; }
  .customer-textcon { padding-bottom: 95px; }
  .customer-swiper ul li { margin-bottom: 90px; }
  .customer-swiper ul li a { padding-left: 55px; padding-right: 55px; }
  .customer-draglimit { padding-bottom: 90px; }
  /* 服务内容 e */
  /* 郭富安发展历程 s */
  .inside-concern { padding-top: 110px; }
  .history-container { padding-top: 140px; padding-bottom: 140px; }
  .process-concept { line-height: 62px; font-size: 46px; height: 186px; }
  .history-wrapper { padding-top: 120px; }
  .history-switch-next { -o-background-size: auto; background-size: auto; }
  .history-switch-prev { -o-background-size: auto; background-size: auto; }
  .accordion .aclose { top: 30px; right: 30px; }
  .accordion .aclose:after { font-size: 16px; }
  /*.accordion-cover .doorimg::before { padding-bottom: 800px; }*/
  .accordion-cover .picture-video::before { padding-bottom: 800px; }
  .accordion-wover .close-title { font-size: 34px; }
  .accordion-desc { padding-bottom: 100px; }
  .accordion-desc .open-title { font-size: 52px; }
  .accordion-desc .open-textcon { padding-top: 180px; }
  .accordion-word .item { padding-bottom: 45px; }
  .accordion-word .item .title { font-size: 24px; }
  .accordion-word .item .desc { padding-top: 16px; }
  .panorama-wover { padding-right: 120px; }
  .real-scene iframe { height: 680px; }
  .panorama-word { padding-top: 170px; }
  .panorama-word .panorama-hd { max-width: 390px; }
  .panorama-word .panorama-bd { padding-top: 25px; }
  .panorama-title { font-size: 46px; }
  .panorama-ttcon { padding-top: 130px; }
  .inside-newscon { padding-top: 120px; padding-bottom: 210px; }
  /* 郭富安发展历程 e */
  /* 郭富安简介 s */
  .synopsis-panel { padding-top: 130px; }
  .synopsis-word { max-width: 640px; }
  .synopsis-title { font-size: 46px; }
  .synopsis-ttcon { padding-top: 45px; padding-bottom: 45px; }
  .introduction { padding-bottom: 130px; }
  .synopsis-ul .lv1 .hdtitle, .synopsis-ul .lv1 .bdtitle { font-size: 22px; }
  .synopsis-write .lv2 { padding-bottom: 60px; }
  .synopsis-write .title { font-size: 18px; }
  /* 郭富安简介 e */
  /* 郭富安荣誉 s */
  .honor-container { padding-top: 130px; padding-bottom: 110px; }
  .g-honor-title { font-size: 46px; }
  .milestone-swiper ul li .word { padding-top: 35px; }
  .milestone-swiper ul li .word .title { font-size: 54px; }
  .honor-internal { padding-bottom: 320px; }
  .internal-swiper ul li .word .info { font-size: 18px; }
  /* 郭富安荣誉 e */
  /* 联系 s */
  .big-inside-title { font-size: 52px; }
  .methods-section { padding-top: 120px; padding-bottom: 140px; }
  .contact-connect ul li .title { font-size: 30px; }
  .contact-connect ul li .text { font-size: 20px; line-height: 32px; height: 128px; }
  .contact-connect ul li .telcon { font-size: 22px; }
  .contact-consult { padding-top: 120px; padding-bottom: 110px; }
  .consult-tels .tel a { font-size: 24px; }
  .contact-joinin { padding-top: 170px; padding-bottom: 280px; }
  .joinin-lists li .title { font-size: 24px; }
  .big-arrow-button { font-size: 24px; }
  /* 联系 e */
  /* 新闻 s */
  .article-container { padding-top: 60px; padding-bottom: 180px; }
  .article-guide { font-size: 18px; line-height: 32px; height: 192px; }
  .article-return { line-height: 32px; height: 192px; }
  .news-return-button { font-size: 18px; }
  .article-relative { padding-top: 120px; padding-bottom: 160px; }
  /* 新闻 e */
  /* 新闻总页面 s */
  .newslist-container { padding-bottom: 220px; }
  .newslist-navswiper ul li { line-height: 50px; }
  .newslist-navswiper ul li a { font-size: 18px; }
  .newslist-navswiper.newslist-inblock ul li { margin-left: 60px; margin-right: 60px; }
  .newslist-wrapper { padding-top: 75px; }
  /* 新闻总页面 e */
  /* 搜索结果页 s */
  .insearch-page { padding-top: 130px; padding-bottom: 320px; }
  .search-conswrap { padding-top: 80px; padding-bottom: 120px; }
  .search-navswiper ul li { line-height: 50px; }
  .search-navswiper ul li a { font-size: 18px; }
  /* 搜索结果页 e */ }


@media(min-width:1800px){
     .contact-swiper.has .contact-connect ul li{ padding-left: 120px; padding-right: 0px; }
}

@charset "UTF-8";
/* 视频播放*/
.recruitmentfloat { display: none; z-index: 2000; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }

.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }

.tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; }

.recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }

.recclosebtn:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.recclosebtn:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media (min-width: 768px) { /* 视频播放*/
  .tianjiatvwrap { width: 660px; left: 50%; margin-left: -330px; margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .tianjiatvwrap .videobox { height: 400px; } }

@media (min-width: 1024px) { /* 视频播放*/
  .tianjiatvwrap { width: 700px; margin-left: -350px; }
  .tianjiatvwrap .videobox { height: 400px; } }

@media (min-width: 1440px) { /* 视频播放*/
  .tianjiatvwrap { width: 1000px; margin-left: -500px; }
  .tianjiatvwrap .videobox { height: 600px; } }


.swiper-parents{
    width:100%;
    position:relative;
    padding-left:20px;
    padding-right:20px;
}
.swiper-parents02{
    width:100%;
    position:relative;
}
.swiper-parents-prev{
    left:-30px;
}
.swiper-parents-next{
    right:-30px;
}

@media (min-width: 1024px) {
    .swiper-our-prev,.swiper-our-next{
        display:block;
    }
    .swiper-our-prev{
        left:-10px;
        
    }
    .swiper-our-next{
        right:-10px;
    }
    .swiper-our-next,.swiper-our-prev{
        margin-top:-28px;
    }
    .swiper-milestone-prev,.swiper-milestone-next{
        display:block;
    }
}
@media (min-width: 1260px){
    .swiper-our-next,.swiper-our-prev{
        margin-top:-40px;
    }
    
}
@media (min-width: 1400px) {
    .swiper-parents-prev{
        left:-60px;
    }
    .swiper-parents-next{
        right:-60px;
    }
    .swiper-our-prev{
        left:-15px;
    }
    .swiper-our-next{
        right:-15px;
    }
    .swiper-milestone-prev{
        left:-80px;
    }
    .swiper-milestone-next{
        right:-80px;
    }
    .swiper-internal-prev{
        left:-35px;
    }
     .swiper-internal-next{
        right:-35px;
    }
}

@media (min-width: 1600px){
    .swiper-our-next,.swiper-our-prev{
        margin-top:-40px;
    }
}



.brand-return{
    text-align:right;
    padding-bottom:20px;
}
.brand-home-button{
    display:inline-block;
    vertical-align:top;
    color:#454545;
    font-size:18px;
    font-weight:lighter;
    line-height:30px;
    position:relative;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
.brand-home-button:before{
    content:'';
    display:inline-block;
    vertical-align:middle;
    border:1px solid #454545;
    width:10px;
    height:10px;
    border-top:none;
    border-right:none;
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-top:-2px;
    margin-right:5px;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}

.brand-home-button:hover{
    color:#354b9c;
}
.brand-home-button:hover:before{
    border-color:#354b9c;
}


@media(min-width:1260px){
    .brand-return{
        padding-bottom:35px;
    }

    .brand-home-button{
        font-size:20px;
    }

    .brand-home-button:before{
        margin-right:15px;
        width:12px;
        height:12px;
        margin-top:-4px;
    }

}


.details-popup{
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 10px;
    margin-left:-131px;
    margin-top:-163px;
    width: 240px;
    height: 310px;
    background: #fff;
    border: solid 1px #d8d8d8;
    z-index: 11001;
    font-size: 12px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display:none;
}
.details-popup .head{
      font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000;
}
.details-popup .head .close{
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 16px;
}
.details-popup .main{
    padding: 15px 10px;
    min-height: 150px;
    _height: 150px;
}
.details-popup .main img{
    display:block;
    width:100%;
}
.details-popup .foot{
    font-size: 12px;
    text-align: left;
    line-height: 22px;
    color: #666;
}


@media(max-width:479px){
	#newBridge .nb-icon-wrap{
		width:18% !important;
	}
}