@charset "UTF-8";
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; 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; background-repeat: no-repeat; }

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

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; }

ul, li { list-style: none; }

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

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

*, :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: #333; outline: none; cursor: pointer; }

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

a, input[type="button"], button, label, input[type="submit"] { 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; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { outline: none; }

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

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

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

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

/* layout start*/


@charset "UTF-8";
/*动画*/
@-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; }

::-webkit-scrollbar-track-piece { background-color: #bbb; }

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

::-webkit-scrollbar-thumb { background-color: #535353; background-clip: padding-box; -webkit-border-radius: 10px; border-radius: 10px; }

::-webkit-scrollbar-thumb:hover { background-color: #bbb; }

/* header s */
body { padding-top: 56px; }

header { position: fixed; width: 100%; top: 0; left: 0; background-color: #FFFFFF; z-index: 299; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); padding-left: 15px; padding-right: 15px; }

.headerweb { width: 100%; }

.header-left { float: left; }

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

.logo { padding: 6px 0; }

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

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

.center-logo { display: none; }

/*===========================*/
.mobnav-btn { display: inline-block; vertical-align: middle; width: 26px; height: 36px; position: relative; }

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

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

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

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

.mobnav-btn.open span:first-child { top: 17px; -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: 17px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/*===========================*/
.index-lang, .index-search { display: inline-block; vertical-align: middle; }

.index-icon { display: block; width: 36px; height: 36px; background-repeat: no-repeat; -o-background-size: auto; background-size: auto; background-position: center center; }

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

.index-search .search-icon { background-image: url(../images/index-search.png); }

.index-search .search-box { position: absolute; top: 100%; left: 0; 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); padding: 20px 15px; overflow: hidden; display: none; }

.index-search .search-box input { display: block; float: left; line-height: 40px; height: 40px; }

.index-search .search-box .sinput { width: 80%; border: 1px solid #dab866; color: #333; font-size: 14px; text-indent: 10px; font-family: Arial, Helvetica, sans-serif; }

.index-search .search-box .sbtn { width: 20%; color: #fff; font-size: 14px; background-color: #dab866; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.index-login { position: fixed; bottom: 0; width: 100%; left: 0; z-index: 330; background-color: #fff; text-align: center; line-height: 28px; padding: 20px 0; -webkit-transition: opacity 0.3s , -webkit-transform 0.3s; transition: opacity 0.3s , -webkit-transform 0.3s; -o-transition: opacity 0.3s , -o-transform 0.3s; -moz-transition: transform 0.3s , opacity 0.3s , -moz-transform 0.3s; transition: transform 0.3s , opacity 0.3s; transition: transform 0.3s , opacity 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%); opacity: 0; }

.index-login .login-chunk { font-size: 0; }

.index-login .login-icon, .index-login .login-txt, .index-login .username, .index-login .loginout { display: inline-block; vertical-align: middle; }

.index-login .login-icon { background-image: url(../images/index-user.png); }

.index-login .login-txt { color: #808080; font-size: 14px; }

.index-login .username, .index-login .loginout { color: #333333; font-size: 14px; }

.index-login .username { padding-left: 10px; padding-right: 10px; max-width: 120px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height: 36px; }

.index-login .loginout { padding-left: 10px; position: relative; line-height: 36px; }

.index-login .loginout:before { content: ''; position: absolute; top: 50%; left: 0; height: 16px; width: 1px; background-color: #666; margin-top: -7px; }

.index-lang .lang-icon { line-height: 28px; border: 1px solid #dfdfdf; color: #2e2e2e; display: block; background-repeat: no-repeat; -o-background-size: auto; background-size: auto; background-position: center center; font-size: 14px; padding: 0 10px; }

.index-login .login-desc { display: inline-block; vertical-align: middle; font-size: 14px; color: #666; }

header.open .index-login { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

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: #282828; font-size: 15px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; text-transform: uppercase; }

nav .lvnav .lv1 h4 .num, nav .lvnav .lv1 h4 .nvm { display: inline-block; vertical-align: middle; }

nav .lvnav .lv1 h4 .num { color: #006db8; font-family: "Montserrat"; opacity: 0.2; padding-right: 10px; font-size: 22px; }

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 #6d6e8b; 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; }

.hsubnav { width: 100%; padding: 0 25px 10px; display: none; }

.hsubnav .lv2 { width: 100%; line-height: 28px; padding: 3px 0; }

.hsubnav .lv2 a { display: block; width: 100%; color: #333333; font-size: 14px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; text-transform: uppercase; }

@media (min-width: 1024px) { body { padding-top: 0px; }
  header { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding-left: 40px; padding-right: 40px; }
  .headerweb { position: relative; }
  .header-left { float: none; width: 100%; padding-right: 188px; padding-left: 60px; -webkit-transition: padding-left 0.3s; -o-transition: padding-left 0.3s; -moz-transition: padding-left 0.3s; transition: padding-left 0.3s; }
  .header-left:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
  .header-right { float: none; line-height: normal; position: absolute; top: 0; right: 0px; }
  .logo { float: left; padding: 9px 0; }
  .logo a img { height: 56px; }
  /*===========================*/
  .mobnav-btn { display: none; }
  /*===========================*/
  nav { position: static; background-color: transparent; padding-top: 0px; padding-bottom: 0px; display: block; overflow: inherit; float: left; padding-left: 40px; }
  nav .lvnav { width: 100%; }
  nav .lvnav .lv1 { width: auto; float: left; padding: 0 20px; line-height: 74px; border-bottom: none; position: relative; }
  nav .lvnav .lv1 h4 { padding: 0; }
  nav .lvnav .lv1 h4 a { color: #fff; position: relative; }
  nav .lvnav .lv1 h4 a:after { content: ''; position: absolute; bottom: 0; left: 51%; right: 51%; background-color: #dab866; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height: 3px; }
  nav .lvnav .lv1 h4 .icon { display: none !important; }
  nav .lvnav .lv1.cur h4 a, nav .lvnav .lv1:hover h4 a { color: #dab866 !important; }
  .index-login { position: static; background-color: transparent; width: auto; padding-top: 0; padding-bottom: 0; padding-left: 25px; padding-right: 15px; -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%); opacity: 1; display: inline-block; vertical-align: middle; }
  .index-login .login-icon { background-image: url(../images/index-user02.png); }
  .index-login .login-txt { color: #fff; display: none; }
  .index-login .username, .index-login .loginout { color: #fff; }
  .index-login .username { cursor: default; }
  .index-login .loginout:hover { color: #dab866 !important; }
  .index-login .loginout:before { background-color: #fff; }
  .index-login .login-desc { display: none; }
  .index-search { margin-right: 0px; margin-left: 0px; }
  .index-search .search-icon { background-image: url(../images/index-search02.png); }
  .index-search .search-box { left: auto; width: 300px; right: 0; padding: 15px 15px; }
  .index-search .search-box .sinput { text-indent: 15px; }
  .index-search .search-box .sbtn:hover { background-color: #cba240; }
  .index-lang .lang-icon { color: #fffffa; padding: 0 20px; line-height: 34px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .index-lang .lang-icon:hover { border-color: #dab866; color: #dab866 !important; }
  .index-lang, .index-login, .index-search { padding-top: 19px; padding-bottom: 19px; }
  .hsubnav { width: 144px; position: absolute; background-color: #fff; padding: 5px 5px 10px; text-align: center; left: 50%; top: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
  .hsubnav .lv2 a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .hsubnav .lv2 a:hover { color: #dab866 !important; }
  header.scroll { 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.scroll .header-left { padding-left: 0; }
  header.scroll .aside-logo { display: none; }
  header.scroll .center-logo { position: absolute; display: block; top: 0; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); }
  header.scroll nav { padding-left: 0; margin-left: -20px; }
  header.scroll nav .lvnav .lv1 { line-height: 74px; }
  header.scroll nav .lvnav .lv1 a { padding-top: 0; padding-bottom: 0; color: #282828; }
  header.scroll nav .lvnav .lv1:hover h4 a:after { left: 0; right: 0; }
  header.scroll .index-lang .lang-icon { color: #2e2e2e; }
  header.scroll .index-login .login-icon { background-image: url(../images/index-user.png); }
  header.scroll .index-search .search-icon { background-image: url(../images/index-search.png); }
  header.scroll .index-lang, header.scroll .index-login, header.scroll .index-search { padding-top: 19px; padding-bottom: 19px; }
  header.scroll .index-login { padding-right: 20px; position: relative; -webkit-transition: padding-right 0.3s; -o-transition: padding-right 0.3s; -moz-transition: padding-right 0.3s; transition: padding-right 0.3s; }
  header.scroll .index-login:after { content: ''; position: absolute; width: 1px; height: 16px; background-color: #e0e0e0; right: 10px; top: 50%; margin-top: -8px; }
  header.scroll .index-login .username, header.scroll .index-login .loginout { color: #282828; }
  header.scroll .index-login .loginout:before { background-color: #e0e0e0; }
  .inside-header header { 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); }
  .inside-header .header-left { padding-left: 0; }
  .inside-header .aside-logo { display: none; }
  .inside-header .center-logo { position: absolute; display: block; top: 0; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); }
  .inside-header nav { padding-left: 0; margin-left: -20px; }
  .inside-header nav .lvnav .lv1 { line-height: 74px; }
  .inside-header nav .lvnav .lv1 a { padding-top: 0; padding-bottom: 0; color: #282828; }
  .inside-header nav .lvnav .lv1:hover h4 a:after { left: 0; right: 0; }
  .inside-header .index-lang .lang-icon { color: #2e2e2e; }
  .inside-header .index-login .login-icon { background-image: url(../images/index-user.png); }
  .inside-header .index-search .search-icon { background-image: url(../images/index-search.png); }
  .inside-header .index-lang, .inside-header .index-login, .inside-header .index-search { padding-top: 19px; padding-bottom: 19px; }
  .inside-header .index-login { padding-right: 20px; position: relative; }
  .inside-header .index-login:after { content: ''; position: absolute; width: 1px; height: 18px; background-color: #e0e0e0; right: 10px; top: 50%; margin-top: -9px; }
  .inside-header .index-login .username, .inside-header .index-login .loginout { color: #282828; }
  .inside-header .index-login .loginout:before { background-color: #e0e0e0; } }

@media (min-width: 1260px) { .header-left { padding-left: 90px; }
  .logo { padding: 9px 0; }
  .logo a img { height: 82px; }
  nav { padding-left: 50px; }
  nav .lvnav { width: 100%; }
  nav .lvnav .lv1 { padding: 0 30px; line-height: 100px; }
  nav .lvnav .lv1 h4 a { font-size: 16px; }
  .index-lang, .index-login, .index-search { padding-top: 32px; padding-bottom: 32px; }
  .hsubnav { padding: 10px 5px 10px; }
  header.scroll nav { margin-left: -30px; }
  header.scroll nav .lvnav .lv1 { line-height: 100px; }
  header.scroll .index-lang, header.scroll .index-login, header.scroll .index-search { padding-top: 32px; padding-bottom: 32px; }
  .inside-header nav { margin-left: -20px; }
  .inside-header nav .lvnav .lv1 { line-height: 100px; }
  .inside-header .index-lang, .inside-header .index-login, .inside-header .index-search { padding-top: 32px; padding-bottom: 32px; } }

/* header e */

footer { width: 100%; background-color: #1b1c21; position: relative; }

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

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

.footernav { width: 100%; }

.ftlvnav { width: 100%; }

.ftlvnav .lv1 { width: 100%; line-height: 24px; border-bottom: 1px solid #999; }

.ftlvnav .lv1 h4 { width: 100%; position: relative; padding: 10px 0; line-height: 30px; }

.ftlvnav .lv1 h4 a { display: block; width: 100%; color: #fff; font-size: 15px; }

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

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

.ftlvnav .lv1.cur 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; }

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

.ftsub .lv2 { padding-bottom: 3px; padding-top: 3px; }

.ftsub .lv2 a { display: block; width: 100%; font-size: 14px; color: #989898; }

.footer-right { padding-top: 25px; }

.friendnav .lv1 { width: 100%; }

.friendnav .lv1 h4 { width: 100%; position: relative; padding: 10px 0; line-height: 30px; }

.friendnav .lv1 h4 a { display: block; width: 100%; color: #fff; font-size: 15px; }

.frsub { width: 100%; padding: 0px 0px 20px; }

.frsub .lv2 { padding-bottom: 3px; padding-top: 3px; display: inline-block; vertical-align: top; margin-right: 25px; margin-bottom: 10px; }

.frsub .lv2 a { display: block; width: 100%; position:relative; }

.frsub .lv2 a .img{ 
    position: absolute;
    width: 136px;
    height: 136px;
    padding: 10px;
    background-color: #fff;
    bottom: 60px;
    left: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden; 
    box-shadow:0 0 2px rgba(0,0,0,0.1);
}

.frsub .lv2 a .img img{ display:block;width:100%; max-height:100%; }

.frsub .lv2 a .img:after{
    content: '';
    border: 8px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: -16px;
    left: 15px;
}

.frsub .lv2 a:hover .img{ opacity: 1; visibility: visible;  }

.frsub .lv2 .icon { display: block; width: 48px; position: relative; overflow: hidden; }

.frsub .lv2 .icon:before { content: ''; display: block; width: 100%; padding-bottom: 104.16667%; }

.frsub .lv2 .icon 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%); max-height: 100%; }

.frsub .lv2:last-child { margin-right: 0; }

.footer-focus h4 { width: 100%; position: relative; padding: 10px 0; line-height: 30px; }

.footer-focus h4 a { display: block; width: 100%; color: #fff; font-size: 15px; }

.focus-module .bdsharebuttonbox { font-size: 0; }

.focus-module .bdsharebuttonbox a { display: inline-block; vertical-align: top; width: 38px; height: 38px; line-height: 38px; margin: 0; background-position: 0 0; -o-background-size: contain; background-size: contain; background-repeat: no-repeat; float: none; position: relative; margin-right: 20px; }

.focus-module .bdsharebuttonbox a:hover .img { opacity: 1; visibility: visible; }

.focus-module .bdsharebuttonbox a .img { position: absolute; width: 136px; height: 136px; padding: 10px; background-color: #fff; bottom: 50px; left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; }

.focus-module .bdsharebuttonbox a .img img { display: block; width: 100%; }

.focus-module .bdsharebuttonbox a .img:after { content: ''; border: 8px solid transparent; border-top-color: #fff; position: absolute; bottom: -16px; left: 5px; }

.focus-module .bdsharebuttonbox .bds_weixin { background-image: url(../images/weixin.png); }

.focus-module .bdsharebuttonbox .bds_tsina { background-image: url(../images/weibox.png); }

.footer-foot { padding: 14px 0; border-top: 1px solid #323232; text-align: center; }

.copyright { color: #a9a69f; font-size: 14px; line-height: 26px; padding: 7px 0; }

.copyright a { color: #a9a69f; }

.footer-links { display: inline-block; vertical-align: middle; padding: 7px 0; }

.footer-links li { display: inline-block; vertical-align: top; color: #a9a69f; font-size: 14px; line-height: 26px; padding-right: 5px; }

.footer-links li a { color: #a9a69f; }

.gsview { display: inline-block; vertical-align: middle; }

.gsview-show { display: block; width: 29px; overflow: hidden; position: relative; }

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

@media (min-width: 1024px) { .footer-header { padding-top: 40px; }
  .ffcommonweb { padding-left: 40px; padding-right: 40px; }
  .footer-container { display: block; width: 100%; position: relative; }
  .footer-left { padding-right: 240px; }
  .ftlvnav .lv1 { border-bottom: none; float: left; width: 16.66667%; padding-right: 20px; }
  .ftlvnav .lv1 h4 { padding: 0 0 10px; }
  .ftlvnav .lv1 h4 .icon { display: none !important; }
  .ftsub { padding: 0; display: block; }
  .ftsub .lv2 { padding-bottom: 5px; padding-top: 0px; }
  .ftsub .lv2 a { display: inline-block; vertical-align: top; width: auto; }
  .ftsub .lv2 a:hover { color: #dab866; }
  .footer-right { padding-top: 0px; position: absolute; top: 0; right: 0; width: 240px; }
  .friendnav .lv1 { width: 100%; }
  .friendnav .lv1 h4 { padding: 0 0 10px; }
  .frsub { width: 100%; padding: 0px 0px 20px; }
  .frsub .lv2 { padding-bottom: 0px; padding-top: 0px; margin-right: 40px; }
  .footer-focus h4 { padding: 0 0 10px; }
  .footer-foot { text-align: left; }
  .copyright { float: left; }
  .copyright a:hover { color: #dab866; }
  .copyleft { float: right; }
  .footer-links li { padding-right: 15px; }
  .footer-links li a:hover { color: #dab866; } }

@media (min-width: 1260px) { .ffcommonweb { width: 100%; margin: 0 auto; max-width: 1410px; }
  .ftlvnav .lv1 { padding-right: 20px; }
  .ftlvnav .lv1 h4 { padding: 0 0 20px; }
  .ftlvnav .lv1 h4 a { font-size: 16px; }
  .ftsub .lv2 { padding-bottom: 8px; }
  .friendnav .lv1 h4 { padding: 0 0 20px; }
  .friendnav .lv1 h4 a { font-size: 16px; }
  .footer-focus h4 { padding: 0 0 20px; }
  .footer-focus h4 a { font-size: 16px; } }

@charset "UTF-8";
/* 发展历程 s */
.history-container { width: 100%; position: relative; }

.history-cover { display: none; }

.history-yearbg { background-repeat: no-repeat; background-position: 0 0; -o-background-size: cover; background-size: cover; background-color: #f7f6f2; }

.history-wover { padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; background-repeat: no-repeat; background-position: right bottom; -o-background-size: contain; background-size: contain; background-color: #f7f6f2; }

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

.history-header { width: 260px; padding-bottom: 20px; }

.history-titlte { line-height: 34px; }

.history-titlte .en { color: #212121; font-size: 24px; font-weight: bold; }

.history-titlte .cn { color: #dab866; font-size: 20px; font-weight: bold; display: inline-block; vertical-align: top; }

.history-mixwraper { padding: 15px 15px 5px; margin-left: -15px; margin-right: -15px; background-color: #f7ebce; }

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

.history-minswiper ul { padding-bottom: 10px; }

.history-minswiper ul li { width: 115px; height: auto; line-height: 34px; text-align: center; }

.history-minswiper ul li a { display: block; width: 100%; color: #6d634b; font-size: 16px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.history-minswiper ul li.cur { -webkit-box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.1); }

.history-minswiper ul li.cur a { background-color: #dab866; color: #fff; font-size: 18px; }

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

.history-content { padding-top: 30px; }

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

.history-maxswiper ul li { height: auto; }

.history-article { width: 100%; position: relative; }

.history-article .year-title { color: #dab866; line-height: 1.1; font-size: 28px; font-weight: bold; }

.history-article .history-desc { padding-top: 10px; }

.history-article .history-word { color: #666666; font-size: 14px; line-height: 26px; }

@-webkit-keyframes Leftbgforword { 0% { background-position: -500px 0; }
  100% { background-position: -500px 0; } }

@-moz-keyframes Leftbgforword { 0% { background-position: -500px 0; }
  100% { background-position: -500px 0; } }

@-o-keyframes Leftbgforword { 0% { background-position: -500px 0; }
  100% { background-position: -500px 0; } }

@keyframes Leftbgforword { 0% { background-position: -500px 0; }
  100% { background-position: -500px 0; } }

@-webkit-keyframes rightbgforword { 0% { background-position: 1920px bottom; }
  100% { background-position: right bottom; } }

@-moz-keyframes rightbgforword { 0% { background-position: 1920px bottom; }
  100% { background-position: right bottom; } }

@-o-keyframes rightbgforword { 0% { background-position: 1920px bottom; }
  100% { background-position: right bottom; } }

@keyframes rightbgforword { 0% { background-position: 1920px bottom; }
  100% { background-position: right bottom; } }

@media (min-width: 1024px) { .history-container { padding-left: 300px; }
  .history-cover { display: block; position: absolute; width: 300px; height: 100%; top: 0; left: 0; }
  .history-yearbg { display: block; width: 100%; height: 100%; position: relative; }
  .history-wover { padding-top: 80px; padding-bottom: 50px; padding-left: 50px; }
  .history-wrapper { min-height: 700px; padding-right: 25.73529%; }
  .history-header { width: 390px; padding-bottom: 0px; }
  .history-titlte { line-height: 44px; }
  .history-titlte .en { font-size: 36px; }
  .history-titlte .cn { font-size: 28px; font-weight: normal; }
  .history-mixwraper { width: 115px; padding: 44px 0; margin-left: 0px; margin-right: 0px; position: absolute; top: 0; background-color: transparent; left: -165px; }
  .history-minswiper { height: 611px; }
  .history-minswiper ul { padding-bottom: 0px; }
  .history-minswiper ul li { width: 100%; height: 34px; }
  .history-minswiper ul li a { font-size: 16px; }
  .history-switch-prev, .history-switch-next { display: none; width: 100%; height: 44px; position: absolute; line-height: 44px; text-align: center; cursor: pointer; }
  .history-switch-prev:after, .history-switch-next:after { content: ''; display: inline-block; width: 12px; height: 12px; border: 1px solid #999; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-top: none; border-right: none; }
  .history-switch-prev.swiper-button-disabled, .history-switch-next.swiper-button-disabled { cursor: default; }
  .history-switch-prev:hover:after, .history-switch-next:hover:after { border-color: #dab866; }
  .history-switch-prev { top: 0; left: 0; }
  .history-switch-prev:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-bottom: -5px; }
  .history-switch-next { bottom: 0; left: 0; }
  .history-switch-next:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: 2px; }
  .history-content { padding-top: 44px; }
  .history-article .year-title { font-size: 34px; font-weight: normal; }
  .history-article .history-desc { padding-top: 15px; } }

@media (min-width: 1260px) { .history-container { padding-left: 380px; }
  .history-cover { width: 380px; }
  .history-wover { padding-top: 100px; padding-bottom: 60px; padding-left: 80px; }
  .history-wrapper { min-height: 780px; padding-right: 33.08824%; }
  .history-titlte .en { font-size: 42px; }
  .history-titlte .cn { font-size: 34px; }
  .history-mixwraper { padding: 54px 0; left: -195px; }
  .history-minswiper { height: 671px; }
  .history-minswiper ul li a { font-size: 18px; }
  .history-minswiper ul li.cur a { font-size: 22px; }
  .history-switch-prev, .history-switch-next { height: 54px; line-height: 54px; }
  .history-article .year-title { font-size: 46px; }
  .history-article .history-desc { padding-top: 20px; }
  .history-article .history-word { font-size: 16px; line-height: 30px; } }

@media (min-width: 1440px) { .history-container { padding-left: 460px; }
  .history-cover { width: 460px; }
  .history-wover { padding-top: 120px; padding-left: 100px; }
  .history-wrapper { min-height: 830px; padding-right: 40.44118%; }
  .history-titlte { line-height: 50px; }
  .history-titlte .en { font-size: 48px; }
  .history-titlte .cn { font-size: 36px; }
  .history-mixwraper { padding: 58px 0; left: -215px; }
  .history-minswiper { height: 671px; }
  .history-minswiper ul li a { font-size: 20px; }
  .history-minswiper ul li.cur a { font-size: 26px; }
  .history-switch-prev, .history-switch-next { height: 58px; line-height: 58px; }
  .history-article .year-title { font-size: 60px; } }

/* 发展历程 e */

@charset "UTF-8";
/* banner s*/
.indexbanner { width: 100%; overflow: hidden; position: relative; }

.indexbanner ul { width: 100%; }

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

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

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

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

.index-pagination span { display: inline-block; margin: 0 4px; vertical-align: bottom; width: 20px; height: 2px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.index-pagination span.swiper-pagination-bullet-active { background-color: white; height: 4px; }

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

@media (min-width: 1024px) { .index-pagination { bottom: 5%; }
  .index-pagination span { margin: 0 6px; width: 30px; }
  .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%); cursor: pointer; position: absolute; z-index: 199; cursor: pointer; width: 70px; height: 100px; }
  .swiper-switch-prev:after, .swiper-switch-next:after { content: ''; width: 40px; height: 40px; position: absolute; border: 2px solid #fff; top: 50%; left: 50%; border-right: none; border-bottom: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .swiper-switch-prev:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -20px; margin-left: -8px; }
  .swiper-switch-next:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-top: -20px; margin-left: -30px; }
  .index-banner-prev { left: 40px; }
  .index-banner-next { right: 40px; }
  .index-banner-next:after, .index-banner-prev:after { width: 44px; height: 44px; margin-top: -22px; }
  .index-banner-next:after { margin-left: -35px; }
  .index-banner-next:hover:after, .index-banner-prev:hover:after { border-color: #dab866; } }

/* banner e*/
/* 首页 s */
.idxcommonweb { padding-left: 15px; padding-right: 15px; }

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

.g-index-title { color: #282828; line-height: 1.3; font-size: 20px; text-align: center; }

.sprisum-container { padding-top: 25px; }

.sprisum-series { margin-left: -5px; margin-right: -5px; }

.sprisum-series li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }

.sprisum-series li a { display: block; width: 100%; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.sprisum-series li .cover { width: 100%; position: relative; }

.sprisum-series li .img { display: block; width: 100%; overflow: hidden; position: relative; }

.sprisum-series li .img::before { content: ''; display: block; width: 100%; padding-bottom: 70.91837%; }

.sprisum-series li .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%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.sprisum-series li .txt { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #ffffff; line-height: 1.58333; font-size: 16px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.sprisum-series li .hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f7f6f2; font-size: 0; white-space: nowrap; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; opacity: 0; visibility: hidden; }

.sprisum-series li .hover .title { color: #333333; font-size: 16px; line-height: 1.2; padding-left: 5px; padding-right: 5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; text-align: center; display: inline-block; vertical-align: middle; width: 100%; }

.sprisum-series li .hover::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

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

.index-lou_02:after { content: ''; position: absolute; bottom: 0px; top: 50px; width: 100%; left: 0; right: 0; background-color: #292a2a; }

.sweetlove-container { width: 100%; position: relative; padding-left: 15px; padding-right: 15px; z-index: 22; }

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

.sweetlove-swiper ul li { width: 100%; height: auto; padding-top: 50px; }

.sweetlove-swiper ul li .link { display: block; width: 100%; }

.sweetlove-swiper ul li .imgbox { display: block; width: 100%; position: relative; }

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

.sweetlove-swiper ul li .imgfront { width: 52.57143%; top: 13.19444%; left: 0; overflow: hidden; position: absolute; z-index: 22; }

.sweetlove-swiper ul li .imgfront::before { content: ''; display: block; width: 100%; padding-bottom: 146.73913%; }

.sweetlove-swiper ul li .imgfront img { display: block; width: 100%; top: 0; left: 0; position: absolute; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.sweetlove-swiper ul li .imgblack { width: 77.14286%; top: -50px; right: 0; overflow: hidden; position: absolute; z-index: 11; }

.sweetlove-swiper ul li .imgblack::before { content: ''; display: block; width: 100%; padding-bottom: 99.27273%; }

.sweetlove-swiper ul li .imgblack img { display: block; width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.sweetlove-swiper ul li .wcover { padding-top: 20px; padding-bottom: 60px; }

.sweetlove-swiper ul li .word .sup { color: #c0c0c0; font-size: 16px; line-height: 1.66667; text-align: center; margin-bottom: 5px; }

.sweetlove-swiper ul li .word .title { color: #ffffff; }

.sweetlove-swiper ul li .word .desc { padding-top: 10px; padding-bottom: 10px; }

.link-wrap{ position:absolute;top:0;left:0;width:100%;height:100%; }

.sweetlove-swiper ul li .word .info { color: #acaaa9; font-size: 14px; line-height: 24px; text-align: center; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.sweetlove-swiper ul li .word .bts { text-align: center; }

.index-more-button { display: inline-block; vertical-align: top; color: #ffffff; font-size: 14px; -webkit-transition: color 0.3s , border-left-color 0.6s, border-top-color 0.6s 0.2s, border-right-color 0.6s 0.3s; -o-transition: color 0.3s , border-left-color 0.6s, border-top-color 0.6s 0.2s, border-right-color 0.6s 0.3s; -moz-transition: color 0.3s , border-left-color 0.6s, border-top-color 0.6s 0.2s, border-right-color 0.6s 0.3s; transition: color 0.3s , border-left-color 0.6s, border-top-color 0.6s 0.2s, border-right-color 0.6s 0.3s; font-style: italic; line-height: 32px; padding: 2px 0; position: relative; width: 100px; text-align: center; border: 2px solid transparent; border-bottom: none; }

.index-more-button:after { content: ''; position: absolute; width: 100%; height: 2px; background-color: #dab866; bottom: 0; left: 50%; margin-left: -50px; }

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

.line-pagination span { display: inline-block; margin: 0 4px; vertical-align: bottom; width: 20px; height: 2px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.line-pagination span.swiper-pagination-bullet-active { background-color: white; height: 4px; }

.swiper-module-prev, .swiper-module-next { display: none; }

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

.original-viewmore { text-align: center; padding-top: 10px; }

.original-viewmore .more { color: #111111; }

.original-container { padding-top: 30px; }

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

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

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

.original-swiper ul li a { display: block; width: 100%; overflow: hidden; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

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

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

.original-swiper ul li .image 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%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

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

.original-swiper ul li .word .title { width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.5; color: #333333; font-size: 16px; margin-bottom: 3px; }

.original-swiper ul li .word .price { width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 20px; color: #333333; font-size: 14px; }

.original-pagination { position: static; line-height: 4px; height: 4px; font-size: 0; padding-top: 30px; display: none; }

.original-pagination span { background-color: #333; }

.original-pagination span.swiper-pagination-bullet-active { background-color: #dab866; }

.index-lou_45 { padding-top: 30px; padding-bottom: 30px; }

.index-lou_04 { width: 100%; background-color: #f9f8f7; }

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

.index-lou-panel .image { display: block; width: 100%; overflow: hidden; position: relative; }

.index-lou-panel .image::before { content: ''; display: block; width: 100%; padding-bottom: 39.4012%; }

.index-lou-panel .image img { position: absolute; display: block; width: 100%; top: 0; left: 0; }

.index-lou-panel .word { padding-top: 15px; }

.index-lou-panel .word .title { text-align: left; }

.index-lou-panel .word .desc { padding-top: 10px; padding-bottom: 30px; }

.index-lou-panel .word .info { color: #333; font-size: 14px; line-height: 24px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.index-lou-monney .image::before { content: ''; display: block; width: 100%; padding-bottom: 33.29341%; }

.video-play-button { display: inline-block; vertical-align: top; position: relative; padding-left: 18px; padding-right: 60px; line-height: 40px; color: #333; border: 1px solid #666; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-style: italic; font-size: 14px; }

.video-play-button:after, .video-play-button:before { content: ''; position: absolute; top: 50%; margin-top: -7px; right: 15px; width: 6px; height: 14px; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: center center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.video-play-button:after { background-image: url(../images/arrow-icon01s.png); opacity: 1; visibility: visible; }

.video-play-button:before { background-image: url(../images/arrow-icon02.png); opacity: 0; visibility: hidden; }

.index-lou-monney .index-more-button { color: #333; }

.index-lou_05 .index-lou-panel .word .info { color: #dbd9d7; }

.index-lou_06 { width: 100%; background-color: #f9f8f7; padding-top: 40px; padding-bottom: 140px; }

.story-contaner { padding-top: 30px; }

.story-wrapper { width: 100%; position: relative; overflow: hidden; }

.lou-story-ul { width: 100%; position: relative; overflow: hidden; }

.lou-story-ul li { margin-bottom: 30px; }

.lou-story-ul li a { display: block; width: 100%; }

.lou-story-ul li .image { display: block; width: 100%; overflow: hidden; position: relative; }

.lou-story-ul li .image::before { content: ''; display: block; width: 100%; padding-bottom: 59.27419%; }

.lou-story-ul li .image img { position: absolute; display: block; height: 100%; top: 0; left: 50%;  -webkit-transform: translateX(-50%) scale(1); -moz-transform:translateX(-50%) scale(1); -ms-transform:translateX(-50%) scale(1);  -o-transform:translateX(-50%) scale(1); transform:translateX(-50%) scale(1); -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.lou-story-ul li .word { padding: 15px 10px 0; text-align: center; }

.lou-story-ul li .word .title { color: #333333; font-size: 16px; line-height: 24px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.lou-story-ul li:nth-child(5n) .image::before { padding-bottom: 149.19355%; }

.story-button { text-align: center; }

.story-button .more { color: #dab866; }

/* 首页 e */
.inside-page { width: 100%; padding-top: 0; }

/* 注册协议 s */
.loginReg-container { width: 100%; padding-top: 30px; padding-bottom: 30px; }

.loginReg-article { font-size: 14px; line-height: 20px; color: #3d3d3d; }

.loginReg-article h4 { font-size: 18px; line-height: 1.6; }

/* 注册协议 e */
/* 内页banner s */
.inside-banner { width: 100%; overflow: hidden; position: relative; height: 175px; }

.inside-banner .image { width: 100%; position: absolute; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; background-size: cover; }

.inside-banner .word { width: 100%; position: relative; height: 100%; padding-left: 15px; padding-right: 15px; text-align: right; font-size: 0; }

.inside-banner .word::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.inpage-font { display: inline-block; vertical-align: middle; color: #fff; width: auto; text-align: center; }

.inpage-font .title { color: #dedede; line-height: 1.2; font-size: 24px; letter-spacing: 2px; }

.inpage-font .info { color: #c4c4c4; line-height: 1.2; font-size: 16px; padding-top: 10px; font-weight: lighter; letter-spacing: 2px; }

@media (min-width: 768px) { /* 内页banner s */
  .inside-banner { height: 200px; }
  .inside-banner .word { padding-left: 20px; padding-right: 20px; }
  .inpage-font .title { font-size: 34px; letter-spacing: 4px; }
  .inpage-font .info { font-size: 22px; padding-top: 14px; letter-spacing: 4px; } }

@media (min-width: 1024px) { /* 内页banner s */
  .inside-banner { height: 252px; }
  .inside-banner .word { padding-left: 40px; padding-right: 40px; }
  .inpage-font .title { font-size: 40px; letter-spacing: 6px; }
  .inpage-font .info { font-size: 26px; padding-top: 18px; letter-spacing: 6px; } }

@media (min-width: 1260px) { /* 内页banner s */
  .inside-banner .word { padding-left: 0px; padding-right: 0px; max-width: 1200px; margin: 0 auto; }
  .inpage-font .title { font-size: 46px; letter-spacing: 8px; }
  .inpage-font .info { font-size: 32px; letter-spacing: 8px; } }

/* 内页banner e */
/* 最美囍饰系列 s */
.beautiful-container { width: 100%; overflow: hidden; padding-top: 30px; padding-bottom: 140px; }

.inside-title { text-align: center; color: #212121; line-height: 1.38889; font-size: 22px; }

.beaut-fontcons { padding-top: 14px; }

.inside-desc { color: #929292; font-size: 14px; line-height: 1.875; text-align: center; }

.beautiful-wrapper { padding-top: 30px; }

.poster-container { width: 100%; }

.poster-wover { padding-top: 10px; }

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

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

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

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

.poster-swiper ul li a img { display: block; position: absolute; 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%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.poster-pagination { position: absolute; bottom: 18px; left: 0; width: 100%; line-height: normal; font-size: 0; text-align: center; }

.poster-pagination span { display: inline-block; vertical-align: top; width: 10px; height: 10px; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 4px; cursor: pointer; }

.poster-pagination span.swiper-pagination-bullet-active { background-color: #dab866; }

.poster-recommend { width: 100%; }

.poster-serias { margin-left: -5px; margin-right: -5px; }

.poster-serias li { margin-bottom: 10px; padding-right: 5px; padding-left: 5px; position: relative; }

.poster-serias li a { display: block; width: 100%; overflow: hidden; position: relative; }

.poster-serias li .image { width: 100%; overflow: hidden; position: relative; background-color: #f7f6f2; }

.poster-serias li .image::before { content: ''; display: block; width: 100%; padding-bottom: 108.66667%; }

.poster-serias li .image img { display: block; position: absolute; 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%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.poster-serias li .word { position: absolute; bottom: 0; width: 100%; text-align: center; padding: 0 5px 15px; }

.poster-serias li .word .title { width: 100%; color: #333333; font-size: 14px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.recommend-container { width: 100%; }

.recommend-wrapper { padding-bottom: 30px; }

.recommend-module { margin-left: -5px; margin-right: -5px; }

.recommend-module li { margin-bottom: 10px; padding-right: 5px; padding-left: 5px; position: relative; }

.recommend-module li a { display: block; width: 100%; overflow: hidden; position: relative; }

.recommend-module li .image { width: 100%; overflow: hidden; position: relative; background-color: #f7f6f2; }

.recommend-module li .image::before { content: ''; display: block; width: 100%; padding-bottom: 108.66667%; }

.recommend-module li .image img { display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.recommend-module li .word { position: absolute; bottom: 0; width: 100%; text-align: center; padding: 0 5px 15px; }

.recommend-module li .word .title { width: 100%; color: #333333; font-size: 14px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.pagination { text-align: center; }

.pagination img { max-width: 100%; }

.data-origin { display: none; }

/* 最美囍饰系列 e */
/* 产品详情弹窗 s */
.product-mamodule { width: 100%; position: relative; }

.product-container { width: 100%; background-color: #3c3b3a; }

.product-cover { background-color: #f7f6f2; }

.product-wover { padding: 15px 15px 40px; }

.propost-maximg { width: 100%; position: relative; overflow: hidden; }

.propost-maximg ul li { width: 100%; height: auto; position: relative; }

.propost-maximg ul li a { display: block; width: 100%; cursor: default; position: relative; overflow: hidden; }

.propost-maximg ul li a:before { content: ''; display: block; width: 100%; padding-bottom: 108.44156%; }

.propost-maximg ul li a img { position: absolute; 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%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.float_layer { position: absolute; width: 200px; height: 200px; background-color: #f7f6f2; display: none; border: 1px solid #dab866; overflow: hidden; cursor: move; z-index: 22; -webkit-border-radius: 50%; border-radius: 50%; }

.float_layer span { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }

.float_layer span img { position: absolute; max-width: initial; width: initial; height: initial; max-height: initial; }

.product-description { width: 100%; }

.product-description .desc-wrap { padding: 20px 0 30px; }

.product-desc-title { color: #ffffff; font-size: 18px; line-height: 1.5; padding: 10px 0; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; border-bottom: 1px solid #6b6a69; }

.product-desc { color: #d9d9d9; line-height: 26px; font-size: 14px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 13; max-height: 338px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.propost-swiper-button { font-size: 0; }

.propost-swiper-button .propost-swiper-prev { margin-right: 20px; }

.propost-swiper-prev, .propost-swiper-next { display: inline-block; vertical-align: top; width: 40px; height: 40px; border: 1px solid #6b6a69; position: relative; text-align: center; line-height: 38px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; cursor: pointer; }

.propost-swiper-prev:after, .propost-swiper-next:after { content: ''; display: inline-block; vertical-align: middle; border: 1px solid #6b6a69; width: 12px; height: 12px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-top: none; border-right: none; }

.propost-swiper-prev:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-left: 5px; }

.propost-swiper-next:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -5px; }

.propost-pagination { position: absolute; bottom: 18px; left: 0; width: 100%; line-height: normal; font-size: 0; text-align: center; z-index: 24; }

.propost-pagination span { display: inline-block; vertical-align: top; width: 10px; height: 10px; background-color: #d1d1d1; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 4px; cursor: pointer; }

.propost-pagination span.swiper-pagination-bullet-active { background-color: #dab866; }

@media (min-width: 768px) { .product-modal .quoted-dialog { max-width: 95%; }
  .product-modal .openweb-close { right: 0; top: -40px; }
  .product-container:after { content: ''; display: block; width: 100%; clear: both; visibility: hidden; height: 0; }
  .product-cover { float: left; width: 380px; }
  .product-wover { padding: 20px 25px 0px; overflow: hidden; }
  .product-desc-title { padding: 12px 0; }
  .product-desc { -webkit-line-clamp: 9; height: 234px; max-height: 234px; }
  .propost-pagination { bottom: 5%; } }

@media (min-width: 1024px) { .product-cover { width: 520px; }
  .product-wover { padding: 45px 35px 0px; }
  .product-description .desc-wrap { padding: 30px 0 30px; }
  .product-desc-title { font-size: 24px; padding: 20px 0; }
  .product-desc { -webkit-line-clamp: 12; height: 312px; max-height: 312px; }
  .propost-swiper-prev:hover, .propost-swiper-next:hover { border-color: #fff; }
  .propost-swiper-prev:hover:after, .propost-swiper-next:hover:after { border-color: #fff; } }

@media (min-width: 1260px) { .product-modal .quoted-dialog { max-width: 1100px; }
  .product-modal .openweb-close { top: 10px; right: 10px; background-image: url(../images/modalclose2.png); }
  .product-cover { width: 610px; }
  .product-wover { padding: 90px 70px 0px 45px; }
  .product-desc { line-height: 30px; -webkit-line-clamp: 11; height: 330px; max-height: 330px; } }

@media (min-width: 1440px) { .product-modal .quoted-dialog { max-width: 1360px; }
  .product-cover { width: 720px; }
  .product-wover { padding: 110px 140px 0px 55px; }
  .product-desc-title { font-size: 28px; padding: 25px 0; }
  .product-desc { font-size: 15px; -webkit-line-clamp: 13; height: 390px; max-height: 390px; } }

/* 产品详情弹窗 e */
/* 产品 s */
.product-page { padding-top: 30px; padding-bottom: 140px; }

.product-webcon { width: 100%; position: relative; }

.product-hd { padding-bottom: 15px; border-bottom: 1px solid #e2e2e2; }

.product-web-title { color: #212121; font-size: 20px; line-height: 1.4; font-weight: bold; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.product-menuview { padding-top: 15px; padding-bottom: 15px; }

.open-title { width: 100%; padding-left: 15px; padding-right: 45px; font-size: 16px; font-weight: bold; line-height: 40px; }

.product-menu { width: 100%; font-size: 0; }

.product-menu li { width: 50%; display: inline-block; vertical-align: top; line-height: 36px; padding: 3px 0; }

.product-menu li a { display: block; width: 100%; position: relative; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; color: #111111; font-size: 16px; padding-left: 15px; padding-right: 45px; }

.product-menu li a::after { content: ""; position: absolute; width: 8px; height: 8px; border: 1px solid #fff; border-top: none; border-right: none; right: 20px; top: 50%; margin-top: -4px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.product-menu li.cur a { color: #fff; background-color: #dab866; }

.product-converge { width: 100%; }

.product-operation { padding-top: 20px; padding-bottom: 30px; }

.select-level-parent { width: 100%; }

.select-level-parent .lv1 { width: 100%; padding-top: 15px; padding-bottom: 12px; border-bottom: 1px solid #eae7dd; line-height: 28px; }

.select-level-parent .lv1 h4 { float: left; font-size: 16px; color: #dab866; }

.select-level-parent .lv1:last-child { border-bottom: none; }

.select-level-child { overflow: hidden; padding-left: 5px; }

.select-level-child .lv2 { float: left; padding-right: 15px; padding-bottom: 2px; }

.select-level-child .lv2 a { display: block; width: 100%; color: #4c4c4c; font-size: 14px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }

.select-level-child .lv2.cur a { color: #dab866; }

.product-select { width: 100%; }

.product-selcont { padding-bottom: 20px; }

/* 产品 e */
/* 新闻资讯 s */
.news-container { width: 100%; padding-top: 30px; padding-bottom: 140px; }

.notice-container { width: 100%; }

.news-notice { padding-top: 20px; padding-bottom: 25px; }

.notice-header { line-height: 40px; background-color: #fbfbfb; border-top: 3px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; padding-left: 5px; padding-right: 15px; color: #696969; }

.notice-header .hdcon { width: 100%; position: relative; padding-right: 40px; }

.notice-header .time { position: absolute; top: 0; right: 0; width: 75px; }

.notice-module { width: 100%; }

.notice-module li { border-bottom: 1px solid #e3e3e3; line-height: 30px; padding: 8px 15px 8px 5px; }

.notice-module li .cons { width: 100%; position: relative; padding-right: 70px; }

.notice-module li .time { position: absolute; top: 0; right: 0; width: 75px; color: #696969; font-size: 14px; }

.notice-module li .desc { display: inline-block; vertical-align: top; max-width: 95%; width: auto; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #4c4c4c; font-size: 14px; }

/* 新闻详情 上一条  下一条  ssssss*/
.as-tabmodule { width: 100%; position: relative; }

.as-tabmodule .prevnext { line-height: 30px; padding-bottom: 20px; }

.as-tabmodule .prevnext a { display: inline-block; vertical-align: top; max-width: 100%; position: relative; color: #666666; font-size: 14px; }

.as-tabmodule .prevnext a .for { position: absolute; left: 0; top: 0; width: 56px; }

.as-tabmodule .prevnext a .txt { display: block; width: 100%; padding-left: 56px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.as-tabmodule .shome { display: inline-block; vertical-align: top; color: #ffffff; font-size: 14px; background-color: #dab866; line-height: 36px; padding: 0 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 768px) { .as-tabmodule .prevnext { padding-bottom: 0px; padding-right: 120px; }
  .as-tabmodule .shome { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: 48px; } }

@media (min-width: 1024px) { .as-tabmodule .prevnext { padding-right: 200px; }
  .as-tabmodule .prevnext a:hover .txt { color: #dab866; }
  .as-tabmodule .shome { font-size: 16px; }
  .as-tabmodule .shome:hover { background-color: #cba240; } }

/* 新闻详情 上一条  下一条  eeeee*/
.news-article { width: 100%; position: relative; }

.article-header { position: relative; }

.article-mask .time { color: #696969; font-size: 16px; line-height: 1.27273; }

.article-title { color: #333333; line-height: 1.5; font-size: 20px; }

.article-share { display: none; }

.article-share .title { color: #333; font-size: 14px; display: inline-block; vertical-align: middle; padding-right: 5px; }

.article-share .bdsharebuttonbox { font-size: 0; display: inline-block; vertical-align: middle; }

.article-share .bdsharebuttonbox a { display: inline-block; vertical-align: top; width: 32px; height: 32px; line-height: 30px; margin: 0; background-position: 0 0; -o-background-size: 100% auto; background-size: 100% auto; background-repeat: no-repeat; float: none; position: relative; border: 1px solid #f0f0f0; -webkit-border-radius: 50%; border-radius: 50%; margin-left: 4px; }

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

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

.article-share .bdsharebuttonbox .bds_sqq { background-image: url(../images/sqq.png); }

.article-content { padding-top: 22px; padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; }

.article-description { font-size: 14px; color: #757575; line-height: 1.8; }

.article-description img { max-width: 100%; height:auto !important; }

.article-description video { display: block; width: 100%; }

.article-footer { padding-top: 30px; }

/* 新闻资讯 e */
/* 联系我们 s */
.contact-container { width: 100%; padding-top: 30px; padding-bottom: 140px; }

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

.c-mothods-cover { width: 100%; position: relative; overflow: hidden; }

.c-mothods-cover::before { content: ''; display: block; width: 100%; padding-bottom: 48%; }

.c-mothods-cover img { position: absolute; width: 100%; top: 0; left: 0; }

.single-mothods { padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; background-color: #f7f6f2; }

.contact-title-h2 { font-size: 30px; font-weight: bold; color: #dab866; line-height: 1.26923; margin-bottom: 10px; }

.contact-title-h4 { font-size: 20px; color: #212121; line-height: 1.33333; font-weight: bold; }

.contact-module { padding-top: 20px; padding-bottom: 30px; }

.contact-module .title { color: #333333; line-height: 1.54545; font-size: 16px; }

.contact-module .desc { padding-top: 5px; }

.contact-module .desc li { width: 100%; margin-bottom: 4px; color: #757575; font-size: 14px; line-height: 1.625; }

.contact-module .desc li a { color: #757575; }

.contact-module .desc li .name { float: left; }

.contact-module .desc li .txt { display: block; overflow: hidden; }

.contact-will-focus .htitle { color: #333333; font-size: 16px; line-height: 1.55556; }

.contact-will-focus .covers { margin-left: -4px; margin-right: -4px; padding-top: 15px; }

.contact-will-focus .covers:after { content: ''; display: block; width: 100%; clear: both; visibility: hidden; height: 0; }

.contact-will-focus .covers li { float: left; width: 33.333%; padding-left: 4px; padding-right: 4px; }

.contact-will-focus .covers li .image { width: 100%; position: relative; overflow: hidden; }

.contact-will-focus .covers li .image::before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.contact-will-focus .covers li .image img { position: absolute; width: 100%; top: 0; left: 0; }

.contact-will-focus .covers li .word { width: 100%; text-align: center; padding: 5px 5px 0; }

.contact-will-focus .covers li .word .title { width: 100%; white-space: nowrap; color: #666666; font-size: 15px; line-height: 28px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.business-mothods { padding: 10px; background-color: #9a9a9a; }

.business-wrapper { background-color: #fff; padding: 15px 10px; }

.business-title-h2 { color: #dab866; line-height: 1.2; font-size: 22px; font-weight: bold; margin-bottom: 5px; }

.business-title-h4 { color: #212121; line-height: 1.38462; font-size: 18px; font-weight: bold; }

.business-hotline { padding: 12px 0; }

.business-hotline .lines li { margin-bottom: 3px; color: #787878; font-size: 14px; line-height: 1.625; }

.business-hotline .lines li a { color: #787878; }

.business-hotline .lines li .name { float: left; }

.business-hotline .lines li .txt { display: block; overflow: hidden; }

.business-will-focus .covers { margin-left: -5px; margin-right: -5px; }

.business-will-focus .covers:after { content: ''; display: block; width: 100%; clear: both; visibility: hidden; height: 0; }

.business-will-focus .covers li { float: left; width: 50%; padding-left: 5px; padding-right: 5px; }

.business-will-focus .covers li .image { width: 100%; position: relative; overflow: hidden; }

.business-will-focus .covers li .image::before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.business-will-focus .covers li .image img { position: absolute; width: 100%; top: 0; left: 0; }

.business-will-focus .covers li .word { width: 100%; text-align: center; }

.business-will-focus .covers li .word .title { width: 100%; white-space: nowrap; color: #666666; font-size: 15px; line-height: 28px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

/* 联系我们 e */
/* 人才招聘 s */
.in-recruitment { width: 100%; overflow: hidden; }

.recruit-header { width: 100%; position: relative; padding-top: 30px; padding-bottom: 20px; }

.recruit-search { padding-top: 20px; padding-bottom: 23px; position: relative; text-align: right; border-top: 1px solid #dcdcdc; }

.recruit-search:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: url(../images/dotline.png) repeat-x scroll 0 0; -o-background-size: auto 100%; background-size: auto 100%; }

.recruit-form { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; position: relative; padding-right: 90px; }

.recruit-form:after { content: ''; position: absolute; width: 85px; height: 8px; background: url(../images/btnbg.png) no-repeat scroll 0 0; -o-background-size: contain; background-size: contain; right: 0; top: 100%; }

.recruit-form .keyword { display: block; width: 200px; border: 1px solid #dcdcdc; height: 34px; line-height: 32px; color: #929292; font-size: 13px; padding-left: 12px; padding-right: 12px; }

.recruit-form .sbtn { position: absolute; top: 0; right: 0; height: 34px; line-height: 34px; width: 85px; background-color: #dab866; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #fff; font-size: 14px; }

.recruit-content { width: 100%; }

.recruit-container { padding-bottom: 25px; }

.recruitment-ul { width: 100%; }

.recruitment-ul li { width: 100%; margin-bottom: 10px; position: relative; }

.recruitment-ul li .hd { width: 100%; position: relative; line-height: 30px; border: 1px solid #e5e5e5; padding: 15px; }

.recruitment-ul li .cols { width: 100%; position: relative; padding-right: 40px; }

.recruitment-ul li .cell { width: 100%; line-height: 24px; font-size: 0; }

.recruitment-ul li .cell span { display: inline-block; vertical-align: top; width: 50%; color: #929292; font-size: 13px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.recruitment-ul li .cell .name { display: block; width: 100%; color: #323232; font-size: 16px; font-weight: bold; margin-bottom: 5px; }

.recruitment-ul li .cell .date { display: block; width: 100%; position: relative; padding-left: 30px; margin-top: 5px; }

.recruitment-ul li .cell .date::before { content: ''; position: absolute; width: 21px; height: 16px; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: 0 0; background-image: url(../images/keyboardw.png); left: 0; top: 50%; margin-top: -8px; }

.recruitment-ul li .close { position: absolute; width: 40px; height: 40px; top: 50%; right: 0; margin-top: -20px; -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; }

.recruitment-ul li .close:after, .recruitment-ul li .close::before { content: ''; position: absolute; background-color: #bfbfbf; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.recruitment-ul li .close:after { width: 1px; height: 25px; top: 8px; left: 20px; }

.recruitment-ul li .close::before { height: 1px; width: 25px; left: 8px; top: 20px; }

.recruitment-ul li .bd { width: 100%; padding: 20px 15px; display: none; }

.recruitment-ul li .bd-cons { color: #757575; font-size: 14px; line-height: 24px; }

.recruitment-ul li .bd-cons h4, .recruitment-ul li .bd-cons .title { color: #363636; font-size: 16px; font-weight: bold; line-height: 1.5; margin-bottom: 5px; }

.recruitment-ul li .bd-foot { padding-top: 24px; }

.recruitment-ul li .bd-foot .send { display: block; width: 100%; color: #fff; background-color: #dab866; line-height: 28px; font-size: 14px; padding: 5px 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-align: center; }

.recruitment-ul li .bd-foot .tel { position: relative; color: #dab866; font-size: 16px; line-height: 28px; padding: 5px 0 5px 24px; display: inline-block; vertical-align: middle; margin-right: 15px; }

.recruitment-ul li .bd-foot .tel::before { content: ''; position: absolute; width: 20px; height: 28px; background: url(../images/zpiphone.png) no-repeat scroll center center; -o-background-size: contain; background-size: contain; left: 0; top: 50%; margin-top: -14px; }

.recruitment-ul li .bd-foot .weixin { position: relative; display: inline-block; vertical-align: middle; }

.recruitment-ul li .bd-foot .weixin .icon { display: block; width: 33px; height: 33px; background: url(../images/zpweixin.png) no-repeat scroll center center; }

.recruitment-ul li .bd-foot .weixin:hover .img { opacity: 1; visibility: visible; }

.recruitment-ul li .bd-foot .weixin .img { position: absolute; width: 150px; height: 150px; padding: 5px; background-color: #fff; bottom: 44px; left: 50%; margin-left: -75px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); }

.recruitment-ul li .bd-foot .weixin .img img { display: block; width: 100%; }

.recruitment-ul li .bd-foot .weixin .img::after { content: ''; border: 8px solid transparent; border-top-color: #fff; position: absolute; bottom: -16px; left: 50%; margin-left: -8px; }

.recruitment-ul li .bd-foot .weixin .img::before { content: ''; border: 10px solid transparent; border-top-color: rgba(0, 0, 0, 0.1); position: absolute; bottom: -20px; left: 50%; margin-left: -10px; }

.recruitment-ul li .bd-foot .relink { text-align: center; padding-top: 10px; }

.recruitment-ul li.cur .hd { background-color: #dab866; border-color: #dab866; }

.recruitment-ul li.cur .cell span { color: #fff; }

.recruitment-ul li.cur .cell .name { color: #fff; }

.recruitment-ul li.cur .cell .date { color: #fff; }

.recruitment-ul li.cur .cell .date::before { background-image: url(../images/keyboardb.png); }

.recruitment-ul li.cur .close { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.recruitment-ul li.cur .close:after, .recruitment-ul li.cur .close::before { background-color: #fff; }

/* 人才招聘 e */
/* 粤豪概况 s */
.about-container { padding-top: 30px; padding-bottom: 140px; }

.survey-container { padding-top: 35px; }

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

.survey-vcover { width: 100%; max-width: 480px; margin: 0 auto; }

.survey-vcover .survey-book{ display:none; }
.survey-wcover .survey-book{ margin-top:95px; }

.survey-wcover { padding-top: 30px; }

.survey-book { width: 100%; position: relative; background-color: #f5f5f5; padding: 40px 20px 40px; -webkit-box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1); margin-bottom: 30px; }

.survey-book:after { content: ''; display: block; clear: both; width: 100%; height: 0; visibility: hidden; }

.survey-book .book { width: 210px; margin-left: auto; margin-right: auto; margin-top: -92px; border: 1px solid #dcdcdc; }

.survey-book .book a { display: block; width: 100%; overflow: hidden; position: relative; background-color: #fff; }

.survey-book .book a::before { content: ''; display: block; width: 100%; padding-bottom: 133.33333%; }

.survey-book .book a img { display: block; width: 100%; position: absolute; top: 0; left: 0; }

.survey-book .write { width: 100%; padding-top: 20px; }

.survey-book .write .title { line-height: 1.30769; color: #333333; font-size: 18px; font-weight: bold; text-align: center; }

.survey-book .write .desc { padding-top: 7px; padding-bottom: 20px; }

.survey-book .write .info { display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 28px; max-height: 56px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; color: #787878; text-align: center; }

.survey-book .write .bts { text-align: center; }

.online-button { display: inline-block; vertical-align: top; background-color: #dab866; color: #fff; font-size: 14px; line-height: 28px; padding: 6px 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.survey-image { display: block; width: 100%; overflow: hidden; position: relative; background-color: #fff; }

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

.survey-image img { display: block; height: 100%; position: absolute; top: 0; left: 0; }

.survey-describe { color: #757575; font-size: 14px; line-height: 30px; }

/* 粤豪概况 e */
/* 社会布局 s */
.societybg { background-color: #f8f8f8; }

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

.society-layout { padding-top: 20px; padding-bottom: 30px; }

.society-panel { width: 100%; position: relative; }

.society-panel .society-wover { padding-top: 20px; }

.society-panel .society-image { display: block; width: 100%; overflow: hidden; position: relative; background-color: #fff; }

.society-panel .society-image::before { content: ''; display: block; width: 100%; padding-bottom: 76.66667%; }

.society-panel .society-image img { display: block; width: 100%; position: absolute; top: 0; left: 0; }

.society-panel .society-word { width: 100%; color: #757575; font-size: 14px; line-height: 28px; }

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

.society-list { margin-left: -2px; margin-right: -2px; }

.society-list li { padding-left: 2px; padding-right: 2px; margin-bottom: 5px; }

.society-list li a { display: block; width: 100%; overflow: hidden; position: relative; background-color: #fff; padding: 10px 5px; }

.society-list li .cover { width: 140px; margin: 0 auto; overflow: hidden; position: relative; z-index: 2; }

.society-list li .cover::before { content: ''; display: block; width: 100%; padding-bottom: 78.16092%; }

.society-list li .cover 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%); max-height: 100%; }

.society-list li .wover { position: absolute; white-space:nowrap; top: -100%; left: 0; width: 100%; z-index: 3; height: 100%; overflow: hidden; font-size: 0; background-color: #dab866; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; }

.society-list li .wover::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.society-list li .word { display: inline-block; vertical-align: middle; width: 100%; }

.society-list li .word .code { width: 110px; height: 110px; overflow: hidden; background-color: #fff; margin: 0 auto; }

.society-list li .word .code img { display: block; width: 100%; }

.society-list li .word .title { color: #ffffff; font-size: 16px; line-height: 22px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.society-list li .word .info { color: #ffffff; font-size: 12px; line-height: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.brank-modal .quoted-dialog { max-width: 320px !important; margin-left: auto; margin-right: auto; }

.brank-container .wover { left: 0; width: 100%; z-index: 3; height: 100%; overflow: hidden; font-size: 0; background-color: #dab866; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; padding: 30px 15px; }

.brank-container .wover::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.brank-container .word { display: inline-block; vertical-align: middle; width: 100%; }

.brank-container .word .code { width: 138px; height: 138px; overflow: hidden; background-color: #fff; margin: 0 auto; }

.brank-container .word .code img { display: block; width: 100%; }

.brank-container .word .title { color: #ffffff; font-size: 16px; line-height: 22px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-top: 12px; }

.brank-container .word .info { color: #ffffff; font-size: 12px; line-height: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

/* 社会布局 e */
/* 企业文化  s */
.culture-container { width: 100%; overflow: hidden; }

.culture-layout { padding-top: 20px; padding-bottom: 20px; }

.culture-word { color: #696969; font-size: 14px; line-height: 28px; }

.culture-module { width: 100%; overflow: hidden; }

.culture-wrapper { width: 100%; padding-bottom: 10px; }

.culture-list { margin-left: -15px; margin-right: -15px; }

.culture-list li { padding-left: 15px; padding-right: 15px; margin-bottom: 20px; }

.culture-list li a { display: block; width: 100%; border: 1px solid #b6b6b6; }

.culture-list li .image { display: block; margin-top: -1px; margin-left: -1px; margin-right: -1px; overflow: hidden; position: relative; }

.culture-list li .image::before { content: ''; display: block; width: 100%; padding-bottom: 63.15789%; }

.culture-list li .image 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%); -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; height: 100%; }

.culture-list li .word { padding: 8px 10px 22px; }

.culture-list li .word .info { display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #696969; font-size: 14px; line-height: 26px; max-height: 78px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.thumb-container { width: 100%; position: relative; }

.thumb-wrapper { width: 100%; padding: 10px; background-color: #fff; position: relative; }

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

.thumb-swiper ul li { width: 100%; height: auto; overflow: hidden; }

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

.thumb-swiper ul li 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%; }

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

.thumb-pagination { position: absolute; bottom: 18px; left: 0; width: 100%; line-height: normal; font-size: 0; text-align: center; z-index: 24; }

.thumb-pagination span { display: inline-block; vertical-align: top; width: 8px; height: 8px; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 4px; cursor: pointer; }

.thumb-pagination span.swiper-pagination-bullet-active { background-color: #dab866; }

/* 企业文化  e */

.quoted-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; display: none; }

.quoted-modal.fade .quoted-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -moz-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }

.quoted-modal.in .quoted-dialog { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.quoted-dialog { position: relative; margin: 80px 15px 40px; }

.quoted-modal-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; display: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.quoted-modal-bg.fade { opacity: 0; filter: alpha(opacity=0); }

.quoted-modal-bg.in { opacity: 0.5; filter: alpha(opacity=50); }

.modal-scrollbar { width: 100px; height: 100px; background-color: #dab866; overflow: scroll; position: absolute; top: -1000px; left: -1000px; }

.modal-open { overflow: hidden; }

@media (min-width: 768px) { .quoted-dialog { max-width: 605px; margin-left: auto; margin-right: auto; } }

@media (min-width: 1024px) { .quoted-dialog { margin-top: 110px; } }

@charset "UTF-8";
@media (min-width: 768px) { /* 首页 s */
  .sweetlove-swiper ul li .link { padding-bottom: 50px; }
  .sweetlove-swiper ul li .link:after { content: ''; display: block; width: 100%; clear: both; height: 0; visibility: hidden; }
  .sweetlove-swiper ul li .imgbox { float: right; width: 320px; }
  .sweetlove-swiper ul li .wcover { overflow: hidden; padding-right: 40px; padding-top: 80px; padding-bottom: 0px; }
  .original-pagination { display: block; }
  .index-lou-panel { font-size: 0; }
  .index-lou-panel .word { padding-top: 20px; display: inline-block; vertical-align: middle; width: 100%; padding-right: 42%; }
  .index-lou-panel .word .title { color: #ffffff; }
  .index-lou-panel .word .info { color: #acaaa9; }
  .index-lou-panel .loupos { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 22; padding-left: 40px; padding-right: 40px; }
  .index-lou-panel .loupos::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
  .video-play-button { border: 1px solid #ffffff; color: #ffffff; }
  .video-play-button:after { background-image: url(../images/arrow-icon01.png); }
  .index-lou-monney .index-more-button { color: #fff; }
  .lou-story-ul { width: auto; margin-left: -10px; margin-right: -10px; }
  .lou-story-ul li { width: 50%; float: left; padding-left: 10px; padding-right: 10px; }
  /* 首页 e */
  /* 最美囍饰系列 s */
  .poster-container:after { content: ''; display: block; width: 100%; clear: both; visibility: hidden; height: 0; }
  .poster-cover { float: left; width: 341px; }
  .poster-wover { padding-top: 0px; overflow: hidden; padding-left: 10px; }
  .poster-serias li .image::before { padding-bottom: 199px; }
  /* 最美囍饰系列 e */
  /* 联系我们 s */
  .contact-will-focus .covers { margin-left: 0px; margin-right: 0px; }
  .contact-will-focus .covers li { width: 120px; padding-left: 0px; padding-right: 0px; margin-right: 20px; }
  .contact-will-focus .covers li:last-child { margin-right: 0; }
  .business-will-focus .covers { margin-left: -5px; margin-right: -5px; }
  .business-will-focus .covers li { width: 25%; padding:0px 5px;}
  .business-will-focus .covers li:last-child { margin-right: 0; }
  /* 联系我们 e */
  /* 企业文化 s */
  .culture-list li .word .info { height: 78px; }
  /* 企业文化 e */ }

.innews-container { padding-top: 15px; padding-bottom: 25px; }

.innews-ul { width: 100%; }

.innews-ul li { padding: 20px 0; border-bottom: 1px solid #dedede; }

.innews-ul li a { display: block; width: 100%; overflow: hidden; position: relative; }

.innews-ul li .image { width: 100%; overflow: hidden; position: relative; }

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

.innews-ul li .image 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%); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

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

.innews-ul li .word .title { width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color: #333333; font-size: 16px; font-weight: bold; line-height: 30px; }

.innews-ul li .word .time { color: #dab866; margin-top: 2px; line-height: 22px; font-weight: bold; font-size: 16px; }

.innews-ul li .word .desc { padding-top: 10px; padding-bottom: 15px; }

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

.innews-ul li .word .viewmore { display: inline-block; vertical-align: top; color: #888888; font-size: 14px; line-height: 24px; padding: 5px 20px; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1024px) { .innews-container { padding-top: 30px; padding-bottom: 65px; }
  .innews-ul li { padding: 30px 0; }
  .innews-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); }
  .innews-ul li a:hover .word .viewmore { background-color: #dab866; color: #fff; border-color: #dab866; }
  .innews-ul li .image { width: 375px; float: left; }
  .innews-ul li .word { padding-top: 0px; overflow: hidden; padding-left: 45px; }
  .innews-ul li .word .title { font-size: 20px; line-height: 40px; font-weight: normal; }
  .innews-ul li .word .time { margin-top: 5px; font-size: 20px; font-weight: normal; }
  .innews-ul li .word .desc { padding-top: 20px; padding-bottom: 25px; }
  .innews-ul li .word .info { font-size: 16px; line-height: 28px; -webkit-line-clamp: 2; max-height: 56px; height: 56px; }
  .innews-ul li .word .viewmore { font-size: 16px; padding: 8px 30px; } }

@charset "UTF-8";
@media (min-width: 1024px) { /* 首页 s */
  .idxcommonweb { padding-left: 40px; padding-right: 40px; }
  .index-lou_01 { padding-top: 80px; padding-bottom: 70px; }
  .g-index-title { font-size: 28px; }
  .sprisum-container { padding-top: 50px; }
  .sprisum-series { margin-left: -10px; margin-right: -10px; }
  .sprisum-series li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
  .sprisum-series li a:hover { -webkit-box-shadow: 10px 10px 10px 0px rgba(233, 233, 233, 0.6); box-shadow: 10px 10px 10px 0px rgba(233, 233, 233, 0.6); }
  .sprisum-series li a:hover .img 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); }
  .sprisum-series li a:hover .hover { opacity: 0; visibility: hidden; }
  .sprisum-series li .txt { padding-top: 15px; padding-bottom: 15px; }
  .sprisum-series li .hover { opacity: 1; visibility: visible; z-index: 22; }
  .sprisum-series li .hover .title { font-size: 20px; }
  .index-lou_02:after { top: 65px; }
  .sweetlove-container { padding-left: 80px; padding-right: 80px; }
  .sweetlove-swiper ul li { padding-top: 65px; }
  .sweetlove-swiper ul li .link { padding-bottom: 100px; }
  .sweetlove-swiper ul li .imgbox { width: 460px; }
  .sweetlove-swiper ul li .imgblack { top: -65px; }
  .sweetlove-swiper ul li .word .sup { font-size: 20px; }
  .sweetlove-swiper ul li .word .desc { padding-top: 30px; padding-bottom: 25px; }
  .sweetlove-swiper ul li .word .info { font-size: 18px; line-height: 30px; height: 60px; }
  .index-more-button { font-size: 16px; width: 140px; padding: 6px 0; }
  .index-more-button:after { margin-left: -68px; }
  .index-more-button:hover { color: #dab866; border-color: #dab866; }
  .line-pagination { bottom: 45px; }
  .line-pagination span { margin: 0 6px; width: 30px; }
  .swiper-module-prev, .swiper-module-next { display: block; position: absolute; width: 50px; height: 64px; cursor: pointer; position: absolute; z-index: 199; text-align: center; line-height: 64px; }
  .swiper-module-prev:after, .swiper-module-next:after { content: ''; width: 35px; height: 35px; border: 2px solid #fff; border-right: none; border-bottom: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: inline-block; vertical-align: middle; }
  .swiper-module-prev:hover::after, .swiper-module-next:hover::after { border-color: #dab866; }
  .swiper-module-prev.swiper-button-disabled, .swiper-module-next.swiper-button-disabled { cursor: default; }
  .swiper-module-prev:after { border-color: #7f7f7f; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .swiper-module-next:after { border-color: #7f7f7f; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  .sweetlove-next { right: 20px; top: 51.13636%; }
  .sweetlove-prev { left: 20px; top: 51.13636%; }
  .index-lou_03 { padding-top: 80px; padding-bottom: 50px; }
  .original-viewmore { text-align: center; }
  .original-viewmore .more:hover { color: #dab866; }
  .original-container { padding-top: 20px; }
  .original-swiper ul { padding-top: 30px; padding-left: 10px; padding-right: 10px; }
  .original-swiper ul li a:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
  .original-swiper ul li .word { padding-bottom: 30px; }
  .original-swiper ul li .word .title { font-size: 18px; }
  .original-pagination { display: none; }
  .original-next { right: 0; top: 31.93277%; display: none; }
  .original-prev { left: 0; top: 31.93277%; display: none; }
  .index-lou_45 { padding-top: 60px; padding-bottom: 60px; }
  .index-lou-panel .word .desc { padding-top: 20px; padding-bottom: 45px; }
  .index-lou-panel .word .info { font-size: 16px; line-height: 28px; height: 56px; }
  .video-play-button { padding-right: 80px; line-height: 46px; }
  .video-play-button:after, .video-play-button:before { right: 20px; width: 9px; }
  .video-play-button:after { background-image: url(../images/arrow-icon01.png); }
  .video-play-button:hover { border-color: #dab866; color: #dab866; }
  .video-play-button:hover:after { opacity: 0; visibility: hidden; }
  .video-play-button:hover:before { opacity: 1; visibility: visible; }
  .index-lou-monney .index-more-button:hover { color: #dab866; }
  .index-lou_06 { padding-top: 80px; padding-bottom: 60px; }
  .story-contaner { padding-top: 50px; }
  .lou-story-ul { width: 100%; margin-left: 0; margin-right: 0; position: relative; }
  .lou-story-ul li { margin-bottom: 0px; padding-left: 0; padding-right: 0; position: absolute; float: none; width: 29.7006%; }
  .lou-story-ul li a:hover .image img { -webkit-transform: translateX(-50%) scale(1.1); -moz-transform:translateX(-50%) scale(1.1); -ms-transform:translateX(-50%) scale(1.1); -o-transform:translateX(-50%) scale(1.1); transform:translateX(-50%) scale(1.1); }
  .lou-story-ul li .word { padding: 10px 20px 0; }
  .lou-story-ul li:nth-child(5n-4) { top: 0; left: 0; }
  .lou-story-ul li:nth-child(5n-3) { left: 0; bottom: 0; }
  .lou-story-ul li:nth-child(5n-2) { top: 0; right: 0; }
  .lou-story-ul li:nth-child(5n-1) { right: 0; bottom: 0; }
  .lou-story-ul li:nth-child(5n) { position: static; margin: 0 auto; }
  .story-button { padding-top: 50px; }
  .story-button .more:hover { color: #cba240; }
  /* 首页 e */
  .inside-page { padding-top: 74px; }
  /* 注册协议 s */
  .loginReg-container { padding-top: 60px; padding-bottom: 60px; padding-left: 80px; padding-right: 80px; }
  /* 注册协议 e */
  /* 最美囍饰系列 s */
  .beautiful-container { padding-top: 60px; padding-bottom: 70px; }
  .inside-title { font-size: 30px; }
  .beaut-fontcons { max-width: 740px; margin: 0 auto; }
  .inside-desc { font-size: 16px; }
  .beautiful-wrapper { padding-top: 45px; }
  .poster-cover { width: 438px; }
  .poster-wover { padding-left: 20px; }
  .poster-swiper ul li a { cursor: default; }
  .poster-swiper ul li a:hover img { -webkit-transform:translateX(-50%) scale(1.1); -moz-transform: translateX(-50%) scale(1.1); -ms-transform:translateX(-50%) scale(1.1); -o-transform:translateX(-50%) scale(1.1); transform:translateX(-50%) scale(1.1); }
  .poster-serias { margin-left: -10px; margin-right: -10px; }
  .poster-serias li { margin-bottom: 20px; padding-right: 10px; padding-left: 10px; }
  .poster-serias li a:hover .image img { -webkit-transform: translateX(-50%) scale(1.1); -moz-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); }
  .poster-serias li .image::before { padding-bottom: 252px; }
  .poster-serias li .word { padding: 0 5px 25px; }
  .recommend-wrapper { padding-bottom: 40px; }
  .recommend-module { margin-left: -10px; margin-right: -10px; }
  .recommend-module li { margin-bottom: 30px; padding-right: 10px; padding-left: 10px; }
  .recommend-module li a:hover .image img { -webkit-transform: translateX(-50%) scale(1.1); -moz-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); }
  .recommend-module li .word { padding: 0 5px 25px; }
  /* 最美囍饰系列 e */
  /* 产品 s */
  .product-page { padding-top: 60px; padding-bottom: 60px; }
  .product-webcon { padding-left: 260px; }
  .product-panel { width: 225px; position: absolute; top: 0; left: 0; }
  .product-hd { padding-bottom: 20px; }
  .product-web-title { font-size: 24px; font-weight: normal; }
  .product-menuview { padding-top: 25px; padding-bottom: 25px; }
  .open-title { padding-left: 30px; font-size: 18px; font-weight: normal; line-height: 48px; }
  .product-menu li { line-height: 42px; padding: 6px 0; width: 100%; }
  .product-menu li a { font-size: 18px; }
  .product-menu li a::after { right: 30px; }
  .product-menu li a:hover { color: #fff; background-color: #dab866; }
  .select-level-parent { padding-left: 15px; padding-right: 15px; }
  .select-level-parent .lv1 { padding-top: 20px; padding-bottom: 16px; }
  .select-level-child { padding-left: 15px; }
  .select-level-child .lv2 { padding-bottom: 6px; }
  .select-level-child .lv2 a:hover { color: #dab866; }
  /* 产品 e */
  /* 新闻资讯 s */
  .news-container { padding-top: 60px; padding-bottom: 60px; }
  .news-notice { padding-top: 40px; padding-bottom: 60px; }
  .notice-header { line-height: 50px; padding-left: 40px; padding-right: 40px; font-size: 16px; }
  .notice-header .hdcon { padding-right: 100px; }
  .notice-header .time { width: 100px; }
  .notice-module li { padding: 15px 40px 15px 40px; }
  .notice-module li .cons { padding-right: 100px; }
  .notice-module li .time { width: 100px; }
  .notice-module li .desc { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .notice-module li .desc:hover { color: #dab866; }
  .article-header { padding-right: 160px; }
  .article-mask .time { font-size: 18px; padding-bottom: 5px; }
  .article-title { font-size: 24px; }
  .article-share { display: block; position: absolute; bottom: 0; right: 0; padding: 8px 0; z-index: 20; }
  .article-share .bdsharebuttonbox a:hover { background-position: 0 -30px; }
  .article-content { padding-bottom: 55px; }
  .article-description { padding-right: 130px; }
  .article-footer { padding-top: 40px; }
  /* 新闻资讯 e */
  /* 联系我们 s */
  .contact-container { padding-top: 60px; padding-bottom: 80px; }
  .c-mothods-panel { width: 100%; position: relative; z-index: 22; padding-top: 20px; padding-right: 535px; }
  .single-mothods { position: absolute; bottom: 0; right: 15px; width: 500px; background-color: #f7f6f2; padding: 110px 50px 50px; margin-bottom: 0; }
  .contact-title-h2 { font-size: 42px; }
  .contact-title-h4 { font-size: 30px; font-weight: normal; }
  .contact-module { padding-top: 30px; padding-bottom: 40px; }
  .contact-module .title { font-size: 20px; }
  .contact-module .desc { padding-top: 9px; }
  .contact-module .desc li { font-size: 16px; }
  .contact-will-focus .htitle { font-size: 18px; }
  .contact-will-focus .covers { padding-top: 20px; }
  .contact-will-focus .covers li .word { padding: 10px 5px 0; }
  .business-mothods { width: 100%; background-color: #9a9a9a; padding: 15px; }
  .business-wrapper { background-color: #fff; padding: 35px 25px 20px; }
  .business-title-h2 { font-size: 26px; margin-bottom: 7px; }
  .business-title-h4 { font-size: 22px; font-weight: normal; }
  .business-hotline { padding: 24px 0; }
  .business-hotline .lines li { font-size: 16px; }
  /* 联系我们 e */
  /* 人才招聘 s */
  .recruit-header { padding-top: 60px; }
  .recruit-search { padding-top: 30px; padding-bottom: 37px; }
  .recruit-search:after { height: 7px; }
  .recruit-form { padding-right: 125px; }
  .recruit-form:after { width: 118px; }
  .recruit-form .sbtn { width: 118px; }
  .recruit-form .sbtn:hover { background-color: #cba240; }
  .recruit-container { padding-bottom: 50px; }
  .recruitment-ul li { margin-bottom: 12px; }
  .recruitment-ul li .hd { padding: 24px 30px; cursor: pointer; }
  .recruitment-ul li .cell { overflow: hidden; }
  .recruitment-ul li .cell .name, .recruitment-ul li .cell .count, .recruitment-ul li .cell .addr, .recruitment-ul li .cell .date { display: inline-block; vertical-align: middle; padding-right: 10px; line-height: 30px; }
  .recruitment-ul li .cell .name { width: 19.29825%; margin-bottom: 0px; }
  .recruitment-ul li .cell .count { width: 18.42105%; }
  .recruitment-ul li .cell .addr { width: 41.22807%; }
  .recruitment-ul li .cell .date { width: 21.05263%; margin-top: 0px; }
  .recruitment-ul li .bd { padding: 30px 30px; }
  .recruitment-ul li .bd-foot .send { display: inline-block; vertical-align: middle; width: auto; padding: 5px 15px; }
  .recruitment-ul li .bd-foot .send:hover { background-color: #cba240; }
  .recruitment-ul li .bd-foot .relink { padding-top: 0px; display: inline-block; vertical-align: middle; padding-left: 30px; }
  /* 人才招聘 e */
  /* 粤豪概况 s */
  .about-container { padding-top: 60px; padding-bottom: 60px; }
  .survey-container { padding-top: 30px; }
  .survey-wrapper { padding-right: 400px; min-height: 640px; }
  .survey-vcover { width: 400px; max-width: 100%; position: absolute; top: 0; right: 0; height: 100%; font-size: 0; padding-bottom: 320px; padding-top: 65px; }
  .survey-wcover { padding-top: 0px; padding-right: 40px; }
  .survey-vcover .survey-book{ display:inline-block; }
  .survey-wcover .survey-book{ display:none; }
  .survey-book { display: inline-block; vertical-align: top; }
  .survey-book .book { width: 180px; float: right; }
  .survey-book .write { width: auto; overflow: hidden; padding-top: 0px; padding-right: 20px; }
  .survey-book .write .title { font-size: 22px; font-weight: normal; }
  .survey-book .write .info { height: 56px; text-align: left; }
  .online-button:hover { background-color: #cba240; }
  .survey-image { position: absolute; bottom: 9px; right: 0; }
  /* 粤豪概况 e */
  /* 社会布局 s */
  .society-layout { padding-top: 40px; padding-bottom: 40px; }
  .society-panel { overflow: hidden; }
  .society-panel .society-cover { float: left; width: 500px; }
  .society-panel .society-wover { overflow: hidden; padding-left: 30px; margin-right: 0px; width:auto; }
  .society-panel .society-word { height: 364px; overflow-x: hidden; overflow-y: auto; padding-right: 10px; width: auto; }
  .society-list { margin-left: -10px; margin-right: -10px; }
  .society-list li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
  .society-list li a { padding: 60px 5px; }
  .society-list li a:hover .wover { top: 0%; }
  .society-list li .cover { width: 174px; }
  .society-list li .word .code { width: 138px; height: 138px; }
  .society-list li .word .title { margin-top: 12px; font-size: 18px; line-height: 28px; }
  .society-list li .word .info { font-size: 14px; line-height: 22px; }
  /* 社会布局 e */
  /* 企业文化  s */
  .culture-layout { padding-top: 45px; padding-bottom: 40px; }
  .culture-list li { margin-bottom: 50px; }
  .culture-list 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); }
  .culture-list li .word { padding: 16px 20px 30px; }
  .thumb-popup .quoted-dialog { max-width: 820px; }
  .thumb-wrapper { padding: 20px; }
  .thumb-switch-prev, .thumb-switch-next { display: block; position: absolute; width: 80px; height: 80px; cursor: pointer; position: absolute; z-index: 199; text-align: center; line-height: 80px; top: 50%; margin-top: -40px; }
  .thumb-switch-prev:after, .thumb-switch-next:after { content: ''; width: 42px; height: 42px; border: 2px solid #fff; border-right: none; border-bottom: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: inline-block; vertical-align: middle; }
  .thumb-switch-prev:hover::after, .thumb-switch-next:hover::after { border-color: #dab866; }
  .thumb-switch-prev.swiper-button-disabled, .thumb-switch-next.swiper-button-disabled { cursor: default; }
  .thumb-switch-prev { left: 40px; }
  .thumb-switch-prev:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .thumb-switch-next { right: 40px; }
  .thumb-switch-next:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  .thumb-pagination { bottom: 4%; }
  .thumb-pagination span { width: 10px; height: 10px; }
  /* 企业文化  e */ }

@charset "UTF-8";
@media (min-width: 1260px) { /* 首页 s */
  .idxcommonweb { width: 100%; max-width: 1750px; margin: 0 auto; }
  .index-lou_01 { padding-top: 100px; padding-bottom: 90px; }
  .g-index-title { font-size: 36px; font-weight: lighter; }
  .sprisum-container { padding-top: 65px; }
  .sprisum-series { margin-left: -15px; margin-right: -15px; }
  .sprisum-series li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }
  .sprisum-series li .txt { font-size: 20px; padding-top: 20px; padding-bottom: 20px; }
  .sprisum-series li .hover .title { font-size: 28px; }
  .index-lou_02:after { top: 80px; }
  .sweetlove-container { width: 100%; margin: 0 auto; max-width: 1750px; padding-left: 130px; padding-right: 130px; }
  .sweetlove-swiper ul li { padding-top: 80px; }
  .sweetlove-swiper ul li .link { padding-bottom: 140px; }
  .sweetlove-swiper ul li .imgbox { width: 50%; }
  .sweetlove-swiper ul li .imgblack { top: -80px; }
  .sweetlove-swiper ul li .wcover { padding-right: 90px; padding-top: 12.85714%; }
  .sweetlove-swiper ul li .word .sup { font-size: 24px; }
  .sweetlove-swiper ul li .word .desc { padding-top: 40px; padding-bottom: 36px; }
  .sweetlove-swiper ul li .word .info { font-size: 20px; line-height: 32px; height: 64px; }
  .sweetlove-pagination { bottom: 55px; }
  .sweetlove-next { right: 40px; }
  .sweetlove-prev { left: 40px; }
  .index-lou_03 { padding-top: 120px; padding-bottom: 90px; }
  .original-viewmore { padding-top: 30px; }
  .original-container { padding-top: 48px; }
  .original-swiper ul { padding-top: 40px; }
  .original-swiper ul li { width: 380px; }
  .original-swiper ul li .word { padding-top: 20px; }
  .index-lou_45 { padding-top: 100px; padding-bottom: 100px; }
  .index-lou-panel .word { max-width: 1330px; margin: 0 auto; }
  .index-lou-panel .word .desc { padding-bottom: 70px; }
  .index-lou-panel .word .info { font-size: 18px; line-height: 32px; height: 64px; text-align: left; }
  .index-lou-panel .word .bts { text-align: left; }
  .index-lou-panel .loupos { text-align: center; }
  .video-play-button { font-size: 16px; line-height: 50px; }
  .index-lou_06 { padding-top: 100px; padding-bottom: 80px; }
  .story-contaner { padding-top: 70px; }
  .lou-story-ul li .word { padding: 18px 40px 0; }
  .story-button { padding-top: 65px; }
  /* 首页 e */
  .inside-page { padding-top: 100px; }
  /* 注册协议 s */
  .loginReg-container { padding-left: 130px; padding-right: 130px; }
  /* 注册协议 e */
  /* 最美囍饰系列 s */
  .beautiful-container { padding-top: 72px; padding-bottom: 92px; }
  .inside-title { font-size: 36px; }
  .beautiful-wrapper { padding-top: 55px; }
  .poster-cover { width: 560px; }
  .poster-serias li .image::before { padding-bottom: 108.66667%; }
  .poster-serias li .word { padding: 0 5px 32px; }
  .poster-serias li .word .title { font-size: 16px; }
  .recommend-wrapper { padding-bottom: 50px; }
  .recommend-module li .word { padding: 0 5px 32px; }
  .recommend-module li .word .title { font-size: 16px; }
  /* 最美囍饰系列 e */
  /* 产品 s */
  .product-page { padding-top: 80px; padding-bottom: 75px; }
  .product-hd { padding-bottom: 35px; }
  .product-web-title { font-size: 30px; }
  .product-menu li { line-height: 48px; }
  .product-menu li a { padding-left: 30px; }
  .product-operation { padding-top: 40px; padding-bottom: 45px; }
  .select-level-parent { padding-left: 30px; padding-right: 30px; }
  .select-level-parent .lv1 { line-height: 30px; }
  .select-level-parent .lv1 h4 { font-size: 18px; }
  .select-level-child .lv2 { padding-right: 20px; }
  .select-level-child .lv2 a { font-size: 16px; }
  .product-selcont { padding-bottom: 50px; }
  /* 产品 e */
  /* 新闻资讯 s */
  .news-container { padding-top: 72px; padding-bottom: 80px; }
  .news-notice { padding-top: 55px; padding-bottom: 90px; }
  .notice-module li .time { font-size: 17px; }
  .notice-module li .desc { font-size: 16px; }
  .article-mask .time { font-size: 20px; }
  .article-title { font-size: 30px; }
  .article-description { font-size: 16px; }
  /* 新闻资讯 e */
  /* 联系我们 s */
  .contact-container { padding-top: 72px; padding-bottom: 95px; }
  .c-mothods-panel { padding-right: 640px; }
  .single-mothods { width: 606px; padding: 130px 50px 50px; }
  .contact-title-h2 { font-size: 52px; margin-bottom: 15px; }
  .contact-title-h4 { font-size: 36px; }
  .contact-module { padding-top: 42px; padding-bottom: 78px; }
  .contact-module .title { font-size: 22px; }
  .contact-will-focus .covers { padding-top: 25px; }
  .contact-will-focus .covers li { margin-right: 35px; }
  .business-wrapper { padding: 50px 35px 25px; }
  .business-title-h2 { font-size: 30px; }
  .business-title-h4 { font-size: 26px; }
  .business-will-focus .covers li {padding:0px 5px;}
  /* 联系我们 e */
  /* 人才招聘 s */
  .recruit-container { padding-bottom: 70px; }
  .recruitment-ul li .cell span { font-size: 15px; }
  .recruitment-ul li .cell .name { font-size: 18px; font-weight: normal; }
  .recruitment-ul li .close:after { height: 36px; top: 2px; }
  .recruitment-ul li .close::before { width: 36px; left: 2px; }
  .recruitment-ul li .bd-cons h4, .recruitment-ul li .bd-cons .title { font-size: 18px; font-weight: normal; margin-bottom: 15px; }
  .recruitment-ul li .bd-foot .send { font-size: 16px; padding: 10px 30px; }
  .recruitment-ul li .bd-foot .tel { font-size: 20px; padding: 10px 0 10px 40px; }
  .recruitment-ul li .bd-foot .tel::before { width: 26px; }
  /* 人才招聘 e */
  /* 粤豪概况 s */
  .about-container { padding-top: 72px; padding-bottom: 75px; }
  .survey-container { padding-top: 40px; }
  .survey-wrapper { padding-right: 480px; min-height: 888px; }
  .survey-vcover { width: 480px; padding-bottom: 400px; padding-top: 65px; }
  .survey-wcover { padding-right: 50px; }
  .survey-book { padding: 40px 40px 82px; -webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1); }
  .survey-book .book { width: 210px; }
  .survey-book .write { padding-right: 25px; }
  .survey-book .write .title { font-size: 26px; }
  .survey-book .write .desc { padding-top: 14px; padding-bottom: 44px; }
  .survey-book .write .info { line-height: 30px; max-height: 60px; height: 60px; font-size: 16px; }
  .online-button { font-size: 16px; }
  .survey-image { bottom: 10px; }
  .survey-describe { font-size: 16px; line-height: 36px; }
  /* 粤豪概况 e */
  /* 社会布局 s */
  .society-layout { padding-top: 55px; }
  .society-panel .society-cover { width: 600px; }
  .society-panel .society-wover { padding-top: 30px; padding-left: 40px; }
  .society-panel .society-word { font-size: 16px; line-height: 30px; height: 420px; }
  .society-list { margin-left: -15px; margin-right: -15px; }
  .society-list li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }
  /* 社会布局 e */
  /* 企业文化  s */
  .culture-word { font-size: 16px; line-height: 30px; }
  .culture-list li .word { padding: 16px 30px 30px; }
  .culture-list li .word .info { font-size: 16px; line-height: 30px; height: 90px; max-height: 90px; }
  .thumb-popup .quoted-dialog { max-width: 1000px; }
  .thumb-wrapper { padding: 30px; }
  /* 企业文化  e */ }

@media (min-width: 1600px) { .quoted-dialog { margin-top: 160px; }
  .product-modal .quoted-dialog { margin-top: 110px; }
  /* 首页 s */
  .index-lou_01 { padding-top: 110px; padding-bottom: 110px; }
  .g-index-title { font-size: 48px; }
  .sprisum-container { padding-top: 85px; }
  .sprisum-series li .txt { font-size: 24px; }
  .sprisum-series li .hover .title { font-size: 32px; }
  .sweetlove-container { padding-left: 175px; padding-right: 175px; }
  .sweetlove-swiper ul li .link { padding-bottom: 160px; }
  .sweetlove-swiper ul li .wcover { padding-right: 110px; }
  .sweetlove-swiper ul li .word .info { font-size: 22px; line-height: 36px; height: 72px; }
  .index-more-button { font-size: 18px; }
  .original-swiper ul li .word { padding-top: 36px; }
  .original-swiper ul li .word .title { font-size: 20px; }
  .index-lou_45 { padding-top: 130px; padding-bottom: 130px; }
  .index-lou-panel .word .desc { padding-bottom: 82px; }
  .index-lou-panel .word .info { font-size: 20px; line-height: 36px; height: 72px; }
  .video-play-button { font-size: 18px; }
  .index-lou_06 { padding-top: 120px; }
  .lou-story-ul li .word { padding: 25px 65px 0; }
  .lou-story-ul li .word .title { font-size: 18px; }
  .story-button { padding-top: 72px; }
  /* 首页 e */ }

.more-btn { display: block; background-color: #dab866; background-position: center center; background-repeat: no-repeat; -o-background-size: 24px; background-size: 24px; line-height: 36px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; text-align: center; color: #fff; }

.pagination { display: none; }

@media (min-width: 1024px) { .more-btn { display: none !important; }
  .pagination { display: block; text-align: center; }
  .laypage_main { display: inline-block; vertical-align: top; }
  .pagination .laypage_main .laypage_curr { background-color: #dab866; }
  .pagination .laypage_main a, .pagination .laypage_main input, .pagination .laypage_main span { width: 36px; height: 36px; background-color: #fff !important; line-height: 36px; text-align: center; font-size: 15px; border: 1px solid #d8d8d8; }
  .pagination .laypageskin_molv .laypage_curr { background-color: #dab866 !important; border-color: #dab866; }
  .laypageskin_molv .laypage_prev, .laypageskin_molv .laypage_next { position: relative; text-align: center; }
  .laypageskin_molv .laypage_prev:after, .laypageskin_molv .laypage_next:after { content: ''; width: 8px; height: 8px;     margin-top: -3px; border: 2px solid #919191; border-top: none; border-right: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
  .laypageskin_molv .laypage_prev:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-left: 3px; }
  .laypageskin_molv .laypage_next:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 0px; } }

@charset "UTF-8";
/* 登录   s*/
.member-container { width: 100%; position: relative; }

.openweb-close { position: absolute; width: 40px; height: 40px; background: url(../images/modalclose.png) no-repeat scroll center center; top: -45px; right: 0; }

.member-login { width: 100%; max-width: 460px; margin: 0 auto; background-color: #fff; padding: 24px 15px 30px; }

.member-logo { width: 100%; font-size: 0; text-align: center; }

.member-logo .icon { display: inline-block; vertical-align: top; width: 78px; position: relative; overflow: hidden; }

.member-logo .icon::before { content: ''; display: block; width: 100%; padding-bottom: 105.12821%; }

.member-logo .icon img { display: block; width: 100%; position: absolute; top: 0; left: 0; }

.member-mask { padding-top: 18px; }

.member-mask .desc { padding-top: 6px; }

.member-mask .info { color: #929191; font-size: 12px; line-height: 18px; text-align: center; }

.member-mask-title { width: 100%; text-align: center; position: relative; line-height: 24px; font-size: 16px; color: #757575; }

.member-mask-title span { display: inline-block; vertical-align: top; padding-left: 32px; padding-right: 32px; background-color: #fff; position: relative; }

.member-mask-title span:after, .member-mask-title span:before { content: ''; position: absolute; height: 1px; background-color: #ededed; top: 50%; margin-top: -1px; width: 60px; }

.member-mask-title span:after { right: -60px; }

.member-mask-title span:before { left: -60px; }

.login-form { width: 100%; padding-top: 30px; padding-bottom: 35px; }

.login-ul li { margin-bottom: 12px; }

.member-item { width: 100%; position: relative; background-color: #fff; }

.member-item .tips { position: absolute; left: 0; color: #d5d5d5; font-size: 14px; line-height: 36px; padding-left: 12px; }

.member-item .item { width: 100%; }

.member-item .item .input { display: block; width: 100%; border: 1px solid #e0e0e0; outline: none; line-height: 34px; height: 36px; color: #666; font-size: 14px; padding-left: 88px; padding-right: 10px; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; -webkit-border-radius: 4px; border-radius: 4px; }

.member-item .item .input:focus { border-color: #dab866; }

.member-item .imgcode { position: absolute; right: 0px; top: 0; width: 92px; height: 100%; overflow: hidden; border: 1px solid #e0e0e0; -webkit-border-radius: 4px; border-radius: 4px; }

.member-item .imgcode img { display: block; width: 100%; height: 36px; }

.member-item .imgcode + .item { padding-right: 100px; }

.member-item .imgcode + .item .input { padding-left: 105px; }

.login-clickbtn { padding-top: 20px; }

.member-button { width: 100%; }

.member-button .btn { display: block; width: 100%; color: #ffffff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; line-height: 40px; height: 40px; font-size: 18px; background-color: #1b1b1b; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; cursor: pointer; }

.member-button .btn:hover { background-color: #2b2a2a; }

.login-message { text-align: center; color: #aaaaaa; line-height: 26px; font-size: 14px; }

.login-message a { display: inline-block; color: #dab866; }

.login-forget{
    padding-top: 20px;
    text-align: center;
}

.login-forget .info{ 
    color: #f00;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}
.login-forget .info a{
    color: #f00;
}

@media (min-width: 768px) { .openweb-close { top: -20px; right: -40px; }
  .member-login { padding: 24px 80px 52px; }
  .login-form { padding-top: 40px; padding-bottom: 45px; } }

/* 登录   e*/
/* 注册 s */
.member-register { width: 100%; background-color: #fff; padding: 24px 15px 50px; }

.register-form { padding-top: 30px; padding-bottom: 20px; }

.register-ul { margin-left: -15px; margin-right: -15px; }

.register-ul li { margin-bottom: 12px; padding-left: 15px; padding-right: 15px; }

.register-agress { width: 100%; position: relative; padding-top: 6px; padding-bottom: 24px; }

.register-agress label { display: block; width: 100%; }

.register-agress input[type="checkbox"] { opacity: 0; position: absolute; top: 0; left: -100%; }

.register-agress input[type="checkbox"]:checked + .yes_no .icon { background-image: url(../images/regyes.png); border: none; }

.register-agress .yes_no { font-size: 14px; line-height: 22px; position: relative; }

.register-agress .yes_no .icon { display: block; position: absolute; width: 12px; height: 12px; left: 0; top: 7px; border: 1px solid #dab866; overflow: hidden; -webkit-border-radius: 2px; border-radius: 2px; background-repeat: no-repeat; background-position: 0 0; -o-background-size: auto; background-size: auto; }

.register-agress .yes_no .nofollow { display: inline-block; padding-left: 20px; font-size: 12px; color: #dab866; width: auto; vertical-align: middle; }

.register-message { color: #aaaaaa; line-height: 26px; font-size: 14px; }

.register-message a { display: inline-block; color: #dab866; }

.register-ul .member-item .imgcode + .item { padding-right: 78px; }

.register-ul .member-item .imgcode { width: 70px; }

@media (min-width: 768px) { .member-register { padding: 24px 60px 40px; } }

/* 注册 e */
.imgdata{ display:none; }
.thumb-loading{ color:#fff;font-size:14px; position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1;}


@charset "UTF-8";
/* 视频播放*/
.l-recruitmentfloat { display: none; z-index: 2000; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }

.l-tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }

.l-tianjiatvwrap .l-videobox { height: 250px; position: relative; z-index: 1; }

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

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

.l-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) { /* 视频播放*/
  .l-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%); }
  .l-tianjiatvwrap .l-videobox { height: 400px; } }

@media (min-width: 1024px) { /* 视频播放*/
  .l-tianjiatvwrap { width: 700px; margin-left: -350px; }
  .l-tianjiatvwrap .l-videobox { height: 400px; } }

@media (min-width: 1440px) { /* 视频播放*/
  .l-tianjiatvwrap { width: 1000px; margin-left: -500px; }
  .l-tianjiatvwrap .l-videobox { height: 600px; } }

.searchcont401 { padding-top: 20px; padding-bottom: 40px; background-color: #ffffff; min-height: 60vh; }

.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }

.searchtitle401 span { color: #f7931c; }

.resultlist401 { font-size: 13px; padding: 3% 0; }

.resultlist401 ul { padding-bottom: 30px; }

.resultlist401 ul li img { display: block; width: 100%; margin-bottom: 2%; }

.resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }

.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }

.resultlist401 h4 em { color: #f7931c; font-style: normal; }

.resultlist401 h4 a { display: block; }

.resulttext401 { overflow: hidden; height: 72px; color: #999; }

.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; font-family: "Microsoft YaHei"; }

.searchinputcont401 dd input { margin-top: 10px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: 100%; height: 40px; line-height: 40px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #dab866; text-align: center; font-family: "Microsoft YaHei"; }

.searchinputcont401 dd input:hover { background-color: #d9b253; }

.keywords { color: #da251d; }

@media (min-width: 768px) { .searchtitle401 { font-size: 24px; }
  .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
  .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
  .resultlist401 ul li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; } }

@media (min-width: 992px) { .searchcont401 { padding-top: 40px; padding-bottom: 60px; }
  .searchinputcont401 { width: 45%; margin: 0 auto; }
  .resultlist401 ul { padding-bottom: 60px; }
  .searchinputcont401 dt { float: left; width: 78%; }
  .searchinputcont401 dd { float: left; width: 22%; }
  .searchinputcont401 dt input { font-size: 16px; }
  .searchinputcont401 dd input { margin-top: 0; }
  .searchinputcont401 dd input { font-size: 16px; font-weight: bold; } }

.loadingmore { display: block; width: 100%; font-size: 14px; background-color: #dab866; height: 40px; line-height: 40px; color: #ffffff; text-align: center; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.loadingmore:hover { background-color: #e2001a; }

@media (min-width: 1024px) { .loadingmore { height: 50px; line-height: 50px; font-size: 16px; } }

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

.common-back { right: 25px; }

@charset "UTF-8";
.aside-module { position: fixed; right: 10px; bottom: 10%; z-index: 220; padding-bottom: 69px; }

.aside-module .aside-block{ display:none; }

.aside-module li:first-child .libs { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

.aside-module li:last-child { -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.aside-module .aside-item { width: 68px; position: relative; margin-top: 1px; }

.aside-module .aside-item .libs { display: block; width: 100%; background-color: #dab866; padding-top: 10px; padding-bottom: 8px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; }

.aside-module .aside-item .libs .icon { display: block; width: 27px; height: 30px; margin: 0 auto; background-repeat: no-repeat; -o-background-size: auto; background-size: auto; background-position: center center; }

.aside-module .aside-item .libs .txt { display: block; width: 100%; text-align: center; font-style: normal; color: #ffffff; line-height: 20px; font-size: 13px; }

.aside-module .aside-item .aside-clude { position: absolute; top: 0; right: 70px; background-color: #fff; border: 1px solid #ece4d0; -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; opacity: 0; visibility: hidden; }

.aside-module .aside-item:hover .libs { background-color: #d9b253; }

.aside-module .aside-item:hover .aside-clude { opacity: 1; visibility: visible; }

.aside-module .goto { position: absolute; bottom: 0; right: 0; display: block; width: 68px; height: 68px; cursor: pointer; background-repeat: no-repeat; -o-background-size: auto; background-size: auto; background-position: center center; background-image: url(../images/goto.png); background-color: #292a2a; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; }

.aside-module .goto .gotobtn { display: block; width: 100%; height: 100%; }

.aside-module .goto:hover { background-color: #191a1a; }

.aside-module .shouhide { display: block; width: 68px; height: 40px; cursor: pointer; position: absolute; top: -42px; -webkit-border-radius: 4px; border-radius: 4px; right: 0; background-color: #292a2a; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; color: #fff; text-align: center; line-height: 40px; }

.aside-module .shouhide:after { content: '收起'; font-size: 14px; line-height: 28px; padding-right: 24px; background-repeat: no-repeat; -o-background-size: 18px auto; background-size: 18px auto; background-position: 100% center; background-image: url(../images/asideicon01.png); }

.aside-module .shouhide.on:after { content: '展开'; background-image: url(../images/asideicon02.png); }

.aside-userbox ul { white-space: nowrap; font-size: 0; }

.aside-userbox ul li { display: inline-block; width: 115px; padding: 7px 10px 0; vertical-align: top; border-right: 1px solid #ece4d0; }

.aside-userbox ul li .image { display: block; width: 100%; overflow: hidden; position: relative; }

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

.aside-userbox ul li .image img { position: absolute; display: block; height: 100%; top: 0; left: 0; }

.aside-userbox ul li .word { text-align: center; }

.aside-userbox ul li .word .title { color: #666666; font-size: 12px; line-height: 20px; }

.aside-userbox ul li:nth-child(2n) { border-right: none; }

.aside-showimg { width: 115px; display: block; padding: 10px; }

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

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

.aside-showimg .image img { position: absolute; display: block; height: 100%; top: 0; left: 0; }

.aside-hottellist { width: 140px; text-align: center; padding: 18px 10px 10px; }

.aside-hottellist ul li { width: 100%; margin-bottom: 5px; }

.aside-hottellist ul li .title { color: #dab866; font-size: 13px; line-height: 22px; }

.aside-hottellist ul li .tels { width: 100%; line-height: 22px; }

.aside-hottellist ul li .tels a { display: block; width: 100%; color: #787878; font-size: 16px; }

@media (min-width: 1024px) { .aside-module .shouhide { display: none !important; }
  .aside-module .aside-block { display: block !important; }
  .aside-userbox ul { white-space: nowrap; font-size: 0; }
  .aside-userbox ul li { display: inline-block; width: 140px; padding: 7px 15px 0; }
  .aside-showimg { width: 140px; }
  .aside-hottellist ul li { margin-bottom: 10px; } }
/* 开发者社区  开始sss ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/* 登录 s */
.form-contorls { width: 100%; position: relative; padding-bottom: 20px; }

.input-label { width: 100%; display: none; }

.input-label label { display: block; width: 100%; }

.input-show { width: 100%; position: relative; }

.input-show .required { padding: 9px; border: 1px solid #a9a9a9; width: 100%; height: 42px; display: block; font-size: 13px; color: #333333; text-indent: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 4px; border-radius: 4px; }

.input-show .required.showcountry { padding-left: 80px; }

.input-show .required:focus { border-color: #000; -webkit-box-shadow: none; box-shadow: none; outline: none !important; }

.flags { position: absolute; width: 0; height: 40px; border-right: 0; top: 1px; left: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; overflow: hidden; -webkit-transition: width 0.2s ease; -o-transition: width 0.2s ease; -moz-transition: width 0.2s ease; transition: width 0.2s ease; }

.flags.showflag { width: 70px; padding: 0px 10px; border-right: 1px solid #bec1c8; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }

.flags .areaCode { position: absolute; left: 8px; top: 10px; height: 20px; border: 0; padding: 0px; text-align: center; -webkit-transition: width 0.5s ease; -o-transition: width 0.5s ease; -moz-transition: width 0.5s ease; transition: width 0.5s ease; color: #000000; font-size: 13px; text-indent: 0; width: 40px; }

.flags .flags-drop { position: absolute; width: 15px; height: 20px; background-image: url(../webimages/rl-arrow.png); background-repeat: no-repeat; background-position: center center; top: 10px; right: 10px; }

.select-flags { position: absolute; top: 40px; left: 0; border: 1px solid #ddd; padding: 10px; height: 220px; -webkit-box-shadow: 0px 4px 19px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 19px 3px rgba(0, 0, 0, 0.3); z-index: 99; background: #fff; width: 100%; text-align: left; display: none; overflow: auto; padding-left: 0; padding-right: 0; }

.select-flags li { padding-left: 20px; position: relative; padding-top: 5px; padding-bottom: 5px; cursor: pointer; color: #555; }

.imageCodeMain { width: 100%; padding-right: 100px; }

.imageCodeMain .imageInput { width: 100%; }

.imageCodeMain .imageCode { width: 90px; height: 42px; overflow: hidden; position: absolute; top: 0; right: 0; }

.imageCodeMain .imageCode img { display: block; width: 100%; height: 100%; }

@media (min-width: 1024px) { .select-flags li:hover { background-color: #eee; }
  .input-show .required { background-color: transparent; }
  .input-show .required:hover { border-color: #000; }
  .flags .areaCode { background-color: transparent; } }

.rl-reponse-info { display: none; width: 100%; position: relative; padding-left: 26px; line-height: 20px; padding-top: 5px; font-size: 13px; color: #c8000a; }

.rl-reponse-show { display: block; }

.rl-reponse-show:before { content: ''; position: absolute; width: 15px; height: 15px; left: 5px; top: 8px; background: url(../images/yyerroricon.png) no-repeat scroll 0 0; }

.info-hide { display: none !important; }

.info-show { display: block !important; }

/* 登录 e */
/* 注册 s */
.rl-regmain { width: 100%; }

.rl-regblock { width: 100%; padding: 45px 10px; }

.reg-contorls { width: 100%; padding-bottom: 15px; position: relative; }

.reg-label { line-height: 30px; }

.reg-label-name { font-size: 14px; color: #4c4c4c; }

.reg-label-name .star { color: #c8000a; font-weight: bold; font-style: normal; }

.reg-imageCode { width: 100%; position: relative; padding-right: 130px; }

.reg-imageCode .regImageCode { position: absolute; right: 30px; top: 0; width: 90px; height: 42px; }

.reg-imageCode .regImageCode img { display: block; width: 100%; height: 100%; }

.reg-imageCode .refreshImageCode { position: absolute; width: 24px; height: 24px; background: url(../images/yyrefresh.png) no-repeat scroll center center; right: 0; top: 8px; }

.reg-mesCode { width: 100%; position: relative; padding-right: 100px; }

.reg-mesCode .regMesCode { width: 88px; height: 42px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #eeeeee; border: 1px solid #a9a9a9; position: absolute; top: 0; right: 0; text-align: center; line-height: 40px; color: #888888; font-size: 13px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.rl-reg-submit { width: 100%; }

.rl-reg-submit .rl-btn { display: block; width: 100%; color: #FFFFFF; background-color: #dab866; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 4px; border-radius: 4px; height: 40px; line-height: 40px; }

.rl-modal-open { overflow: hidden; }

@-webkit-keyframes refresh { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-moz-keyframes refresh { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }

@-o-keyframes refresh { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes refresh { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }

@media (min-width: 1024px) { .rl-regmain { padding-top: 2.08333%; padding-bottom: 2.60417%; }
  .rl-regmethods { max-width: 650px; margin: 0 auto; }
  .reg-contorls { padding-bottom: 25px; }
  .reg-label { line-height: 42px; width: 130px; position: absolute; top: 0; left: 0; }
  .reg-input { width: 100%; padding-left: 130px; padding-right: 60px; }
  .reg-imageCode .refreshImageCode { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  .reg-imageCode .refreshImageCode:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  .reg-imageCode .refreshImageCode.on { -webkit-animation: refresh 0.5s infinite; -moz-animation: refresh 0.5s infinite; -o-animation: refresh 0.5s infinite; animation: refresh 0.5s infinite; }
  .rl-reg-submit .rl-btn { cursor: pointer; }
  .rl-reg-submit .rl-btn:hover { background-color: #e3b851; } }

@media (min-width: 1260px) { .reg-label-name { font-size: 16px; } }

/* 注册 e */
/* 找回密码 s */
.steps-module { display: table; width: 100%; table-layout: fixed; font-size: 0px; line-height: 0px; }

.steps-module .step { display: table-cell; vertical-align: top; }

.steps-module .step .cons { width: 100%; overflow: hidden; }

.steps-module .step .round { width: 32px; height: 32px; -webkit-border-radius: 32px; border-radius: 32px; display: inline-block; font-size: 14px; line-height: 32px; text-align: center; background-color: #b9b9b9; color: #fff; float: left; }

.steps-module .step .bar { margin: 15px 10px 0px 40px; width: auto; height: 2px; vertical-align: middle; -webkit-border-radius: 4px; border-radius: 4px; background-color: #b9b9b9; }

.steps-module .step .label { display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 18px; color: #666666; padding-top: 6px; cursor: default; text-align: center; position: relative; width: 80px; margin-left: -20px; }

.steps-module .step:last-child { width: 32px; }

.steps-module .step:last-child .bar { display: none; }

.steps-module .finished .round { background-color: #dab866; color: #fff; }

.steps-module .finished .label { color: #dab866; }

.steps-three .step { width: 50%; }

.steps-padd { padding-left: 15px; padding-right: 15px; }

.seek-password { width: 100%; padding-top: 55px; }

.steps-checking { width: 100%; padding-top: 30px; padding-bottom: 20px; }

.rl-space { line-height: 0px; }

.checking-submit { padding-top: 10px; }

.input-show .rl-reponse-error { border-color: #c8000a !important; }

.input-show .rl-reponse-error + .flags { border-color: #c8000a !important; }

.seek-success { padding-top: 50px; padding-bottom: 40px; text-align: center; }

.seek-success .libs { display: inline-block; vertical-align: top; }

.seek-success .icon { display: inline-block; vertical-align: top; width: 46px; height: 46px; overflow: hidden; }

.seek-success .icon img { display: block; width: 100%; }

.seek-success .info { padding-top: 20px; color: #4d4d4d; font-size: 14px; line-height: 1.875; }

.seek-success .info a { color: #dab866; }

@media (min-width: 1024px) { .steps-padd { padding-left: 0px; padding-right: 0px; }
  .steps-checking { padding-top: 50px; padding-bottom: 30px; }
  .checking-submit { padding-top: 20px; }
  .checking-submit .rl-btn { max-width: 325px; }
  .seek-success { padding-top: 70px; padding-bottom: 60px; }
  .seek-success .info { padding-top: 20px; font-size: 16px; } }

@media (min-width: 1260px) { .steps-checking { padding-top: 75px; }
  .seek-success { padding-top: 90px; }
  .seek-success .info { padding-top: 30px; } }

/* 找回密码 s */
/* 开发者社区  结束eee ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/