* { box-sizing: border-box; }

html,
body { padding: 0; margin: 0; height: 100%; }

body { color: #333333; background-color: #F7F4F8; font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif !important; font-size: 16px; font-weight: 500; }

body.profile,
body.changepsw,
body.download,
body.work,
body.addwork,
body.addwork2,
body.addwork3,
body.addwork4,
body.addwork5,
body.user { background-image: url("/static/images/z_login_03.png"); background-repeat: no-repeat; background-position: right 700px; }

.jumbotron { /* background-color: #000 !important; */ }

body.login .wrapper .bgs,
body.register .wrapper .bgs,
body.forget .wrapper .bgs,
body.profile .wrapper .bgs,
body.changepsw .wrapper .bgs,
body.download .wrapper .bgs,
body.work .wrapper .bgs,
body.addwork .wrapper .bgs,
body.addwork2 .wrapper .bgs,
body.addwork3 .wrapper .bgs,
body.addwork4 .wrapper .bgs,
body.addwork5 .wrapper .bgs,
body.workdetail .wrapper .bgs,
body.answer .wrapper .bgs,
body.remittance .wrapper .bgs,
body.user .wrapper .bgs { z-index: 0 !important; }

body.addwork2 { background-attachment: fixed; }

img { display: block; }

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

ul,
ol,
li { padding: 0; margin: 0; list-style: none; }

a { color: #fff; text-decoration: none; transition: all 0.3s ease-in-out; }

a:link { text-decoration: none; }

a:visited { color: #f8f8f8; }

a:hover { color: #b5861c; }

.btn-round { padding: 8px 36px; border-radius: 30px; }

.btn-lg.btn-round { font-size: 18px !important; padding: 10px 40px; }

.btn-primary { background-color: #b5861c; border-color: #b5861c; }

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover { background-color: #aa7c15 !important; border-color: #aa7c15 !important; }

.btn-cancel { background-color: #7a7a7a; border-color: #7a7a7a; }

.btn-cancel:hover { color: #ffffff; background-color: #606060; border-color: #606060; }
/*.modal { }
.modal .modal-content { width: 100%; font-size: 17px; background-color: #666; border-width: 2px; border-color: #b4861b; color: #ffffff; }*/
.modal-dialog .btn { font-size: 17px !important; }

.pagenav { text-align: center; }

.pagenav li.active a,
.pagenav li.active span { background-color: #7c6134 !important; }

.pagenav li a,
.pagenav li span { background-color: transparent !important; color: #fff; border-color: transparent !important; }

.pagenav li a:hover { color: #fff; background-color: #b2841b !important; }

.flex { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }

.flex-col { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }

.flex-x-center { -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }

.flex-y-center { -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }

.flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }

.flex-x-right { justify-content: flex-end; }

.flex-center { display: flex; justify-content: center; align-items: center; }

.flex-between { display: flex; justify-content: space-between; align-items: center; }

.flex-statr { display: flex; justify-content: flex-start; align-items: center; }

.flex-end { display: flex; justify-content: flex-end; align-items: center; }

.color-white { color: #fff; }

.color-black { color: #000; }

.color-primary { color: #b4861b; }

.bg-white { background-color: #fff; }

.bg-black { background-color: #000; }

.bg-transparent { background-color: transparent; }

.bg-primary { background-color: #b4861b; }

.fs-12 { font-size: 14px; }

.fs-13 { font-size: 13px; }

.fs-14 { font-size: 14px; }

.fs-15 { font-size: 15px; }

.fs-16 { font-size: 16px; }

.fs-17 { font-size: 17px; }

.fs-18 { font-size: 16px; }

.fs-19 { font-size: 19px; }

.fs-20 { font-size: 18px; }

.fs-21 { font-size: 21px; }

.p-t-0 { padding-top: 0px !important; }

.p-l-0 { padding-left: 0px !important; }

.p-l-5 { padding-left: 5px; }

.p-l-20 { padding-left: 20px !important; }

.p-l-30 { padding-left: 30px; }

.p-l-35 { padding-left: 35px; }

.p-l-40 { padding-left: 40px; }

.p-r-5 { padding-right: 5px; }

.p-r-10 { padding-right: 10px; }

.p-r-15 { padding-right: 15px; }

.p-r-20 { padding-right: 20px; }

.p-r-30 { padding-right: 30px; }

.p-r-40 { padding-right: 40px; }

.p-r-50 { padding-right: 50px !important; }

.padding-20 { padding: 20px; }

.padding-30 { padding: 30px; }

.m-t-0 { margin-top: 0 !important; }

.m-t-10 { margin-top: 10px; }

.m-t-20 { margin-top: 20px; }

.m-t-30 { margin-top: 30px; }

.m-t-40 { margin-top: 40px; }

.m-t-50 { margin-top: 50px; }

.m-t-60 { margin-top: 60px; }

.m-t-70 { margin-top: 70px; }

.m-t-80 { margin-top: 80px; }

.m-l-20 { margin-left: 20px; }

.m-b-0 { margin-bottom: 0px !important; }

.m-b-10 { margin-bottom: 10px; }

.m-b-15 { margin-bottom: 15px !important; }

.m-b-20 { margin-bottom: 20px; }

.m-b-30 { margin-bottom: 30px !important; }

.m-b-40 { margin-bottom: 40px !important; }

.m-b-50 { margin-bottom: 50px; }

.m-b-60 { margin-bottom: 60px; }

.m-r-10 { margin-top: 10px; }

.b-t { border-top: solid 1px #b3871c; }

.b-r { border-right: solid 1px #b3871c; }

.b-l { border-left: solid 1px #b3871c; }

.b-b { border-bottom: solid 1px #b3871c; }
/* 
.radio { display: flex !important;}
.radio label { font-size: 15px; padding: 10px 0px 0 35px; margin: 0; display: flex; align-items: center;}
.radio input[type=radio] { height: 0; margin: 0 0 0 -20px;}
.radio input[type=radio]::before {
  border: solid 1px #b5861a; content: ''; width: 15px; height: 15px; display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.radio input[type=radio]::after {
  background-color: #fefefe; content: ''; width: 11px; height: 11px; display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.radio input[type=radio]:checked::before {
  border: solid 1px #b5861a; content: ''; width: 16px; height: 16px; display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.radio input[type=radio]:checked::after {
  background-color: #ffbb1f; content: ''; width: 11px; height: 11px; display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%;
  transform: translate3d(-50%, -50%, 0);
}
*/

input[type="checkbox"]::after { width: 17px; height: 17px; background: #FFFFFF; border: 1px solid #D2A025; content: " "; color: #fff; display: inline-block; visibility: visible; box-sizing: border-box; background-color: #fff; margin-top: -2px; }

input[type="checkbox"]:checked::after { content: ""; cursor: pointer; background-color: #D2A025; }

/* 浮动背景 */
.wrapper .bgs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

.wrapper .bgs .bg { position: absolute; z-index: 1; }

.wrapper .bgs .bg-login-01 { background-image: url("/static/images/z_login_01.png"); width: 1031px; height: 353px; top: 0; right: 0; }

.wrapper .bgs .bg-login-02 { background-image: url("/static/images/z_login_02.png"); width: 176px; height: 464px; top: 250px; left: 0; }

.wrapper .bgs .bg-login-03 { background-image: url("/static/images/z_login_03.png"); width: 255px; height: 545px; top: 700px; right: 0; }
/* 登陆页面 */
.login-section { display: flex; align-items: center; }

.login-section .btn { width: 38%; margin: 0 auto; }
/* 忘记密码页面 */
.forget-section { padding: 100px 0 70px; display: flex; align-items: center; }

.forget-section .input-group-btn { padding-left: 10px; }

.forget-section .input-group-btn .btn-getcode { width: 100%; padding: 0 50px; }

.forget-section .btn { width: 38%; margin: 0 auto; }
/* 注册页面 */
.register-section { display: flex; align-items: center; }

.register-section .input-group-btn { padding-left: 10px; }

.register-section .input-group-btn .btn-getcode { width: 100%; padding: 0 50px; }

.register-section .btn { width: 38%; margin: 0 auto; }
/* 登陆后页面 */
.user-section { padding: 100px 0 70px; display: flex; align-items: center; }

.user-section .left-col { font-size: 16px; }

.user-section .left-col ul { margin-top: 40px; line-height: 2.5; }

.user-section .right-col { font-size: 16px; line-height: 2; }
/* 个人资料页面 */
.profile-section { padding: 100px 0 70px; display: flex; align-items: center; }

.profile-section .left-col { font-size: 16px; }

.profile-section .left-col ul { margin-top: 40px; line-height: 2.5; }

.profile-section .right-col { font-size: 16px; line-height: 2; }
/* 账户页面 */
.account-section { padding: 100px 0 70px; display: flex; align-items: center; }

.account-section .left-col { font-size: 16px; }

.account-section .left-col ul { margin-top: 40px; line-height: 2.5; }

.account-section .right-col { font-size: 16px; line-height: 2; }
/* 作品页面 */
.work-section { padding: 100px 0 70px; display: flex; align-items: center; }

.work-section .left-col { font-size: 16px; }

.work-section .left-col .fixed { position: fixed; }

.work-section .left-col ul { margin-top: 40px; line-height: 2.5; }

.work-section .right-col { font-size: 16px; line-height: 2; }

.work-section .right-col h4 { font-size: 21px; margin-bottom: 20px; }

.work-section .right-col .radio label { font-size: 16px; }
/* 作品详情 */
.work-section .right-col .closed { color: #b5861c; float: right; border: solid 1px #b5861c; width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; }

.work-section .right-col .closed:hover { background-color: rgba(255, 255, 255, 0.15); }

.work-section .right-col .tab-pane h2 { font-size: 23px; }

.work-section .right-col .tab-pane ul { font-size: 17px; }

.work-section .right-col .tab-pane ul li { }

.work-section .right-col .gallery { display: flex; flex-wrap: wrap; padding-top: 15px; }

.work-section .right-col .gallery > div { width: 47.5%; margin: 0 5% 5% 0; }

.work-section .right-col .gallery > div:nth-child(2n) { margin-right: 0; }

.work-section .right-col .nav-tabs { font-size: 16px; border-bottom: none !important; }

.work-section .right-col .nav-tabs > li a:hover { background-color: transparent !important; border-color: transparent; }

.work-section .right-col .nav-tabs > li.active > a,
.work-section .right-col .nav-tabs > li.active > a:focus,
.work-section .right-col .nav-tabs > li.active > a:hover { color: #ffffff !important; background-color: #b3871c !important; border-color: #b3871c !important; border-radius: 0; }

.work-section .right-col .tab-content { border: solid 1px #b3871c; padding: 40px 50px; }
/* 作品提交进度条 */
.work-progress { background-color: #4f3d12; display: flex; justify-content: space-between; margin-bottom: 60px; }

.work-progress li { padding: 14px 26px; }

.work-progress li.active { background-color: #b4861b; }
/* 作品列表 */
.work-list { font-size: 17px; }

.work-list thead { }

.work-list thead th { padding: 20px 0; background-color: #b4861b; color: #fff; text-align: center; }

.work-list tbody td { padding: 20px 0; text-align: center; border-right: 1px solid #D2A025; }

.work-list a { color: #b2841b; }

.work-list button { font-size: 16px; color: #fff; border: none; background-color: transparent; }

.work-list tr:hover td { background-color: rgba(255, 255, 255, 0.05); }

.getCode { white-space: nowrap; }
/* 入围复评寄送通知 */
.deliveryNotice-section { padding: 100px 0 70px; display: flex; align-items: center; }

.deliveryNotice-section .left-col { font-size: 16px; }

.deliveryNotice-section .left-col .fixed { position: fixed; }

.deliveryNotice-section .left-col ul { margin-top: 40px; line-height: 2.5; }

.deliveryNotice-section .deliveryNotice-box { width: 750px; margin-bottom: 150px; margin: auto; }

.deliveryNotice-section .deliveryNotice-box .deliveryNotice-title { font-size: 30px; color: #fff; text-align: center; letter-spacing: 10px; margin-bottom: 36px; margin-top: 80px; }

.deliveryNotice-section .deliveryNotice-box .deliveryNotice-text span { font-size: 16px; margin-bottom: 43px; padding-top: 14px; letter-spacing: 2px; }

.deliveryNotice-section .deliveryNotice-box .deliveryNotice-text p { font-size: 16px; margin-bottom: 0; text-indent: 3rem; line-height: 2; letter-spacing: 2px; }

.deliveryNotice-section .deliveryNotice-box .deliveryNotice-text div.chrd { margin-bottom: 50px; margin-top: 50px; font-size: 16px; letter-spacing: 3px; text-align: right; }

.deliveryNotice-section .deliveryNotice-box .deliveryNotice-text div.chrd-con { font-size: 16px; letter-spacing: 2px; margin-bottom: 10px; }

.deliveryNotice-section
.deliveryNotice-box
.deliveryNotice-text
div.email-time { font-size: 16px; letter-spacing: 3px; margin-bottom: 40px; margin-top: 30px; }

.deliveryNotice-section .deliveryNotice-box .deliveryNotice-text a { font-size: 16px; color: #b4861b; border-bottom: 1px solid #b4861b; padding-bottom: 5px; }

.deliveryNotice-from .deliveryNotice-from-title { font-size: 16px; margin-bottom: 30px; }

.deliveryNotice-from input[type="radio"] + label::before { content: ""; display: inline-block; vertical-align: middle; font-size: 16px; width: 24px; height: 22px; background-color: #fff; border: 2px solid #b4861b; }

.deliveryNotice-from input[type="radio"]:checked + label::before { background-color: #b4861b; }

.deliveryNotice-from input[type="radio"] { position: absolute; opacity: 0; /*完全透明*/ width: 24px; height: 22px; margin-left: 5px; top: 0; right: 65px; }

.inputDisabled { cursor: not - allowed; color: #a29e9e !important; border-color: #a29e9e !important; background: #a29e9e !important; }

.deliveryNotice-from .con { margin-bottom: 20px; font-size: 16px; }

.deliveryNotice-from input[type="text"],
input[type="number"],
textarea { border: 2px solid #b4861b; height: 36px; outline: none; color: #333; }

.deliveryNotice-from textarea { height: 68px; outline: none; resize: none; }

.deliveryNotice-from input[type="number"] { width: 70px; }

.deliveryNotice-from .col-sm-12 > input[type="text"] { width: 614px; }

.deliveryNotice-bot .row span { display: inline-block; min-width: 85px; }

.deliveryNotice-bot .row .float span { display: block; float: left; margin-right: 5px; }

.deliveryNotice-bot .row .float textarea { display: block; float: left; width: 614px; height: 68px; outline: none; resize: none; }

.deliveryNotice-bot .row .float .layui-input-block { display: block; float: left; width: 223px; height: 36px; outline: none; resize: none; }

.deliveryNotice-bot .row .float .layui-input-block select { width: 223px; height: 36px; outline: none; resize: none; border: 2px solid #b4861b; height: 36px; outline: none; color: #333; }

.deliveryNotice-from.deliveryNotice-not input[type="text"],
textarea { display: block; }

.deliveryNotice-from.deliveryNotice-not .col-sm-12 input[type="text"],
textarea { width: 697px; }

.deliveryNotice-from.deliveryNotice-not .col-sm-6 input[type="text"] { width: 306px; }

.deliveryNotice-from.deliveryNotice-not .col-sm-12 select { border: 2px solid #b4861b; height: 36px; outline: none; color: #333; }

.deliveryNotice-tips div { margin-top: 20px; margin-bottom: 40px; font-size: 16px; }

.deliveryNotice-tips p { font-size: 14px; }

.deliveryNotice-section .button { width: 200px; height: 41px; border-radius: 20px; background-color: #b4861b; color: #fff; margin: auto; text-align: center; line-height: 41px; font-size: 20px; cursor: pointer; margin-top: 80px; }

.deliverynotice .wrapper .bgs { z-index: 0 !important; }
/*layui select*/
.deliveryNotice-section .layui-form-select dl dd { color: #333; }

.deliveryNotice-section .layui-form-select dl dd:hover { color: #fff; background-color: rgba(178, 132, 27, 1); }

.deliveryNotice-section .layui-input-block { margin: 0; }

.deliveryNotice-section .layui-form-select dl dd.layui-this { background-color: rgba(178, 132, 27, 1); color: #fff; }

.deliveryNotice-section .layui-input:hover,
.deliveryNotice-section .layui-textarea:hover { border: 2px solid #b4861b !important; }

.deliveryNotice-section .layui-input:active,
.deliveryNotice-section .layui-textarea:active { border: 2px solid #b4861b !important; }

.deliveryNotice-section .layui-input:focus,
.deliveryNotice-section .layui-textarea:focus { border: 2px solid #b4861b !important; }

.deliveryNotice-section select:hover,
.deliveryNotice-section select:hover { border: 2px solid #b4861b !important; }

.deliveryNotice-section select:active,
.deliveryNotice-section select:active { border: 2px solid #b4861b !important; }
/*
.uploader, .uploadered {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width:100%; height:0; padding-bottom:120%; position:relative; overflow:hidden; z-index: 999;
}
.uploader .dz-image,
.uploader .dz-details,
.uploader .dz-error-mark,
.uploader .dz-success-mark,
.uploader .dz-error-message,
.uploader .dz-error { visibility: hidden; display: none;}
.uploader .dz-preview { border: solid 1px #434343; background-color:#180f1e; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;}
.uploader .dz-details { visibility: hidden; display: none;}
.uploader .dz-success-mark { visibility: hidden; display: none;}
.uploader .dz-error-mark { visibility: hidden; display: none;}
.uploader .dz-image { width: 100%; position: absolute; top:50%; left:50%; transform: translate3d(-50%, -50%, 0);}
.uploader .dz-image img { width: 100%;}
.uploader .dz-remove, .uploadered .dz-remove { background:url('/static/images/closed.png') no-repeat 0 0; width:24px; height:24px; overflow:hidden; text-indent:-999em; color:#a7a7a7; background-color:#434343; position: absolute; top: 0; right: 0;}
.uploader .dz-remove:hover, .uploadered .dz-remove:hover { background-color:#7b7b7b;}
.uploader-icon { background:#b4861b; color:#fff; width:50px; height:50px; border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:32px; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0);}
*/
/* 幻灯片 */
.swiper-pagination-bullets { bottom: 25px !important; }

.swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 3px; }

.swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination.swiper-pagination-light .swiper-pagination-bullet,
.swiper-pagination.swiper-pagination-light .swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination.swiper-pagination-dark .swiper-pagination-bullet,
.swiper-pagination.swiper-pagination-dark .swiper-pagination-bullet-active { background: #2c2c2c; }

.swiper-navigation { font-family: "Courier New", Courier, monospace; transition: all 0.3s ease-out; width: 47px; height: 53px; line-height: 53px; background-image: none; font-size: 18px; text-align: center; opacity: 0.5; }

.swiper-navigation:hover { opacity: 1; }

.swiper-navigation.swiper-button-next { right: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.swiper-navigation.swiper-button-next:before { content: ">"; }

.swiper-navigation.swiper-button-prev { left: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.swiper-navigation.swiper-button-prev:before { content: "<"; }

.swiper-navigation.swiper-dark-solid { background-color: #121212; color: #ffffff; }

.swiper-navigation.swiper-white-solid { background-color: #ffffff; color: #121212; }

.swiper-navigation.swiper-rounded { width: 49px; height: 49px; line-height: 49px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; }

.swiper-navigation.swiper-rounded.swiper-button-next { right: 10px; }

.swiper-navigation.swiper-rounded.swiper-button-prev { left: 10px; }

.swiper-navigation.auto-reveal { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.swiper-navigation.auto-reveal.swiper-button-next { -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); }

.swiper-navigation.auto-reveal.swiper-button-prev { -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); transform: translateX(-200%); }

@media only screen and (min-width: 1200px) {
    .swiper-navigation.swiper-rounded.swiper-button-next { right: 25px; }

    .swiper-navigation.swiper-rounded.swiper-button-prev { left: 25px; }
}

.full-height { height: 100% !important; }

.jumbotron { position: relative; overflow: hidden; display: block; padding: 0; margin-bottom: 0; }

.jumbotron .inner { position: relative; z-index: 2; }

.slider-wrapper { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); /* position: absolute; right: 0; top: 0; bottom: 0; left: 0; overflow: hidden; */ }

.content-layer { position: relative; z-index: 10000; height: 100%; width: 100%; overflow: hidden; }
/* section > .container {
  padding: 35px 0;
} */
.login-section > .container { margin: 0; padding: 0; width: 100%; }

body.login
section > .container h1 { color: rgba(255, 255, 255, 1); background-color: rgba(178, 132, 27, 1); display: inline-block; padding: 10px 20px 15px; margin: 50px 0; border-radius: 80px; font-size: 32px; line-height: 1; letter-spacing: 5px; font-weight: 530; }

section > .container h2 { font-size: 32px; line-height: 50px; letter-spacing: 1px; font-weight: 550; }

section > .container .content p { font-size: 16px; line-height: 40px; margin: 0 0 35px; letter-spacing: 1px; }

section > .container .content + .gallery { margin: 80px 0; }

body.detail,
body.news,
body.activity { background-color: #fff; color: #000; }

body footer { background-color: #18101f; }

body.detail .container { position: relative; z-index: 99; }

.index-swipers { width: 70%; /* width: 1448px; */ /* height: 720px; */ margin: 0 auto; padding: 0; }

.about-swipers { padding-top: 0; width: 100%; height: 700px; position: relative; z-index: 0; }

.news-swipers { padding-top: 0; width: 100%; height: 935px; position: relative; z-index: 0; }

.activity-swipers { padding-top: 0; width: 100%; height: 930px; position: relative; z-index: 0; }

.contact-swipers { padding-top: 0; width: 100%; height: 830px; position: relative; z-index: 0; }

.about-section { padding: 150px 0 0; position: relative; z-index: 2; }

.about-section-2 { color: #000; background-color: #fff; position: relative; padding-top: 560px; }

.about-section-2 .bg { position: absolute; background-image: url("../images/section_about_bg.jpg"); width: 100%; height: 670px; z-index: 899; top: -2px; z-index: 0; }

@media (min-width: 1200px) {
    body.index .indexAmin { width: 1100px; }

    .about-section .container { width: 820px; }

    .about-section .wrapper-inner { width: 820px; }

    body.about .section-sub { width: 820px; margin: 0 auto; }

    body.about .section-content { width: 820px; margin: 0 auto; }
    /* body.news .container, */
    body.contact .container { width: 820px; }
}

@media (min-width: 1440px) {
    body.index .indexAmin { width: 1100px; }

    .about-section .container { width: 980px; }

    .about-section .wrapper-inner { width: 980px; }

    body.about .section-sub { width: 980px; margin: 0 auto; }

    body.about .section-content { width: 980px; margin: 0 auto; }
    /* body.news .container, */
    body.contact .container { width: 980px; }
}

@media (min-width: 1670px) {
    body.index .indexAmin { width: 1100px; }

    .about-section .container { width: 1170px; }

    .about-section .wrapper-inner { width: 1170px; }

    body.about .section-sub { width: 1170px; margin: 0 auto; }

    body.about .section-content { width: 1170px; margin: 0 auto; }
    /* body.news .container, */
    body.contact .container { width: 1170px; }
}

.section-title { font-size: 32px; line-height: 1; letter-spacing: 5px; font-weight: 530; display: flex; justify-content: center; }

.section-title span { color: rgba(255, 255, 255, 1); background-color: rgba(178, 132, 27, 1); display: block; padding: 10px 20px 15px; border-radius: 80px; }

.section-content { font-size: 1.55rem; line-height: 1.65; }

.section-content h2 { font-size: 32px; line-height: 50px; letter-spacing: 2px; font-weight: 550; }

.section-content p { font-size: 16px; line-height: 40px; margin: 0 0 35px; letter-spacing: 1px; }

.section-sub { padding: 30px 0; }

.section-subtitle { font-size: 20px; letter-spacing: 5px; font-weight: 500; margin: 0; }

.section-subtitle.flex-center { margin: 42px 0; text-align: center; }

.section-subtitle span { position: relative; }

.section-subtitle span::after { content: ""; display: block; height: 3px; border-radius: 50%; background-color: rgba(252, 247, 2, 1); position: absolute; z-index: 2; bottom: -14px; left: 3.5%; right: 3.5%; filter: blur(0.6px); }

.section-subtitle span::before { content: ""; display: block; width: 100%; height: 3px; border-radius: 50%; background-color: rgba(252, 247, 2, 1); position: absolute; z-index: 1; bottom: -14px; left: 0; filter: blur(3px); }

.section-subcontent { padding: 22px 0; }

.section-subcontent h3 { font-size: 20px; font-weight: 450; line-height: 50px; letter-spacing: 1.6px; white-space: nowrap; margin: 0; }

.section-subcontent p { font-size: 16px; font-weight: 280; line-height: 50px; letter-spacing: 2.5px; margin: 0 0 50px; text-align: justify; }

.section-subcontent small { font-size: 1.3rem; letter-spacing: 2.5px; }

.gallery { display: flex; justify-content: center; margin-bottom: 70px; position: relative; z-index: 900; }

.gallery ul { display: flex; justify-content: space-between; }

.gallery li { display: flex; justify-content: center; flex-grow: 1; padding: 0 15px; }

.gallery li:first-child { padding-left: 0; }

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

.gallery li img { max-width: 100%; }

p.lh40 { font-size: 16px; line-height: 40px !important; margin: 5px 0 40px; }

.wrapper-inner { width: 1200px; margin: 0 auto; position: relative; z-index: 900; }

.news-section { background-color: #fff; position: relative; overflow: hidden; }

.news-section .bg { position: absolute; background-image: url("../images/section_news_bg.png"); width: 100%; height: 272px; z-index: 899; top: -200px; z-index: 0; }
/* 新闻列表 */
.newslist { display: flex; justify-content: center; flex-direction: column; padding: 100px 0 0; position: relative; z-index: 99; }

.newslist a { color: #180f1e; }

.newslist ul { }

.newslist ul li { display: flex; margin-bottom: 125px; }

.newslist ul li:last-child { margin-bottom: 0; }

.newslist ul li .thumb { width: 50%; }

.newslist ul li .thumb a { display: block; }

.newslist ul li .thumb img { transition: all 0.35s ease-in-out; width: 100%; box-shadow: -15px 15px 30px rgba(0, 0, 0, 0.15); }

.newslist ul li .info { width: 50%; padding: 0 40px; }

.newslist ul li .info h3 { font-size: 21px; margin: 0 0 50px; }

.newslist ul li .info .metas { color: #5a5a5a; margin-bottom: 30px; }

.newslist ul li .desc { line-height: 1.65; margin-bottom: 80px; text-align: justify; }

.newslist ul li a.more { position: relative; padding-right: 35px; }

.newslist ul li a.more::after { position: absolute; right: 4px; top: -1px; color: #fff; content: ">"; }

.newslist ul li a.more::before { position: absolute; right: 0; top: 0; background-color: #000; content: ""; display: block; width: 22px; height: 22px; border-radius: 50%; }

.newslist ul li:hover a { color: rgba(178, 132, 27, 1); }

.newslist ul li:hover a.more { padding-right: 40px; }

.newslist ul li:hover a.more::before { background-color: rgba(178, 132, 27, 1); }

.newslist ul li:hover .thumb { background-size: 110%; }

.activity-section { background-color: #fff; position: relative; padding-top: 100px; }

.activity-section .bg { position: absolute; background-image: url("../images/section_news_bg.png"); width: 100%; height: 272px; z-index: 899; top: -200px; z-index: 1; }

.activity-section h2 { margin: 60px 0; }

.contact-section { padding-top: 50px; position: relative; z-index: 2; }

.contact-section h2 { margin: 150px 0; }

.contact-section h3 { font-size: 24px; padding-left: 35px; margin: 70px 0; position: relative; }

.contact-section h3::before { background-color: #b2841b; border-radius: 50%; content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; }

.contact-section h4 { font-size: 23px; background-color: #b2841b; border-radius: 35px; padding: 12px 35px; }

.contact-section h4 + p { font-size: 16px; padding: 0 35px 45px; }

.contact-section .content h1 { font-size: 24px; margin-bottom: 40px; }

.contact-section .content h1 + p { font-size: 20px; line-height: 2.5; }
/*  */
.wrapper { width: 100%; min-height: 100%; padding-top: 80px; overflow: hidden; }

.wrapper .form-group { margin-bottom: 20px; }

.wrapper .form-control { font-size: 15px; border-width: 2px; border-radius: 0; border-color: #b4851d; }

.wrapper input.form-control { height: 34px; }

.wrapper input.form-control[disabled],
.wrapper input.form-control[readonly] { cursor: not-allowed; background-color: #333; color: #ffffff; }

.wrapper label { margin-bottom: 8px; }

.wrapper .btn-block { border-radius: 50px; padding: 8px; }

.wrapper a.line { border-bottom: dotted 1px #ffffff; }

.wrapper .btn-getcode { height: 34px; color: #ffffff; border-radius: 0; background-color: #7c6134; border-color: #7c6134; }

.wrapper .btn-getcode:active { color: #ffffff; background-color: #5e4822; border-color: #5e4822; }
/* 标志 */
.logo { position: absolute; left: 35px; top: 110px; z-index: 998; width: 130px; padding: 0; margin: 0; text-indent: -999em; }

.logo a { position: relative; display: block; width: 130px; height: 105px; }
.logo a::after { background: url("../images/logo.png") no-repeat center center; background-size: contain; display: block; content: ""; width: 100%; height: 0; padding-bottom: 80%; background-size: 70px; }
.logo a img{display:block;}
/* 主导航 */
nav.top-menu { background-color: #FDFDFD; width: 100%; height: 80px; position: fixed; top: 0; left: 0; right: 0; z-index: 999; padding: 0 168px; }

nav.top-menu { font-size: 16px; letter-spacing: 4.5; transform-origin: center 0; }

nav.top-menu ul { display: flex; justify-content: space-between; }

nav.top-menu ul li { }

nav.top-menu ul li a { white-space: nowrap; color: #333333; display: block; padding: 0 26px; line-height: 100px; height: 100px; font-weight: 500; font-size: 18px; }

nav.top-menu ul li a:hover,
nav.top-menu ul li a.active { /* background-color: rgba(49, 49, 49, 0.55); */ }

nav.top-menu .logo { /* display: none; */ position: initial; width: 90px; height: 72px; /* transform-origin: 0 0;
  opacity: 0;
  transition: all 0.25s ease-in-out; */ }

nav.top-menu .logo.show { opacity: 1; display: block; }

nav.top-menu .logo a { width: 90px; height: 72px; }

nav.top-menu .top-menu-right li a { font-size: 16px; color: #333333; padding: 0 10px; }
/* 左边栏 */
.left-menu { position: fixed; top: 0; left: 0; z-index: 998; }

.left-menu aside { white-space: nowrap; position: absolute; z-index: 996; transform: translateX(80px) translateY(420px); transform-origin: left 0; }

.left-menu aside a { color: #aaaaaa; }

.left-menu aside ul li.active a,
.left-menu aside a:hover { color: rgba(255, 177, 0, 1); }

.left-menu aside ul { padding-left: 30px; font-size: 21px; font-weight: 550; }

.left-menu aside ul li { margin-bottom: 22px; }

.left-menu aside ul li:last-child { margin-bottom: 0; }

.left-menu aside ul li ul { font-size: 16px; font-weight: 380; display: none; }

.left-menu aside ul li ul li { margin: 6px 0; }

.left-menu aside::before { background-color: #aaaaaa; content: ""; display: block; width: 3px; position: absolute; left: 0px; top: 10px; bottom: 10px; border-radius: 50%; }

.left-menu aside::after { background-color: rgba(255, 252, 0, 1); content: ""; display: block; width: 8px; height: 8px; position: absolute; left: -2px; top: 10px; border-radius: 50%; box-shadow: 0px 0px 7px 5px rgba(255, 202, 55, 1); }
/* 右侧浮动栏 */
/* .right-menu {} */
nav.right-menu { /* font-size: 16px;
  position: fixed;
  right: 40px;
  top: 120px;
  z-index: 997;
  background-color: rgba(178, 132, 27, 1);
  border-radius: 35px; */ position: fixed; right: 0; top: 50%; z-index: 997; width: 70px; background: rgba(255, 255, 255, 0.8); border-radius: 15px 0px 0px 15px; transform: translateY(-60%) scale(0.8); transform-origin: right; }

nav.right-menu a { font-size: 21px; transition: all 0.25s ease-in-out; display: block; height: 76px; border-radius: 30px; position: relative; }

nav.right-menu a:hover { background-color: #fff; }

nav.right-menu a:hover .nav-menu { background-color: rgba(178, 132, 27, 1); }

nav.right-menu a:hover .nav-menu-01 { transform: translate3d(-50%, -50%, 0) rotate(180deg); }

nav.right-menu a:hover .nav-menu-02 { transform: translate3d(-50%, -50%, 0) rotate(90deg); }

nav.right-menu .nav-menu { transition: all 0.25s ease-in-out; display: block; background-color: #fff; height: 5px; width: 26px; transform-origin: center center; position: absolute; left: 50%; top: 50%; }

nav.right-menu .nav-menu-01 { transform: translate3d(-50%, 4px, 0); }

nav.right-menu .nav-menu-02 { transform: translate3d(-50%, -9px, 0); }

nav.right-menu-open { }

nav.right-menu-open a .nav-menu-01 { transform: translate3d(-50%, -50%, 0) rotate(135deg); }

nav.right-menu-open a .nav-menu-02 { transform: translate3d(-50%, -50%, 0) rotate(45deg); }

nav.right-menu-open > a:hover { background-color: transparent; }

nav.right-menu-open a:hover .nav-menu { background-color: rgba(255, 255, 255, 1); }

nav.right-menu-open a:hover .nav-menu-01 { transform: translate3d(-50%, -50%, 0) rotate(135deg); }

nav.right-menu-open a:hover .nav-menu-02 { transform: translate3d(-50%, -50%, 0) rotate(45deg); }

nav.right-menu ul { font-size: 16px; }

nav.right-menu ul li:last-child .menu-item { border-bottom: none; }

nav.right-menu ul li ul { height: 76px; border-bottom: 1px solid #EDEBE9; padding: 7px; }

nav.right-menu ul li ul li { height: 100%; }

nav.right-menu ul li ul li a { font-size: 16px; width: auto; width: 30px; height: 30px; border: 2px solid #D2A025; background-color: transparent !important; }

nav.right-menu ul li ul li a:hover,
.right-menu ul li ul li a.active { color: rgba(178, 132, 27, 1); background-color: rgba(255, 255, 255, 1); }

nav.right-menu ul a { color: rgb(181, 134, 27); display: flex; justify-content: center; align-items: center; height: auto; padding: 10px 0; border-radius: 0; }

nav.right-menu ul a:hover { background-color: rgba(255, 255, 255, 0.5); }

nav.right-menu ul .menu-item { color: rgb(181, 134, 27); display: flex; justify-content: center; align-items: center; height: 76px; padding: 7px; border-radius: 0; position: relative; border-bottom: 1px solid #EDEBE9; }

nav.right-menu ul .menu-item:hover { background-color: rgba(255, 255, 255, 0.5); }

nav.right-menu .tip { font-size: 16px; position: absolute; right: 100%; top: 20px; white-space: nowrap; padding: 0 10px 0 0; }

nav.right-menu .tip2 { position: absolute; right: 100%; top: 20px; white-space: nowrap; padding: 0 10px 0 0; display: none; }

nav.right-menu .tip2 .fa { font-size: 32px; }

nav.right-menu .tip > div { background-color: #d3c494; padding: 10px 15px; display: none; position: relative; }

nav.right-menu .tip2 > .icon { cursor: pointer; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; margin-bottom: 3px; border-radius: 45px; }

nav.right-menu :hover > .tip > div,
nav.right-menu :hover > .tip2 { display: block; }

nav.right-menu .code { display: none; position: absolute; right: 100%; top: 0; padding-top: 30px; padding-right: 15px; width: 220px; }

nav.right-menu :hover > .tip2 > .icon:hover { background-color: #fff; color: rgba(178, 132, 27, 1); }

nav.right-menu :hover > .tip2 > .icon.wechat:hover .code { display: block; }
/* 页脚 */
ul.footer-link { display: flex; }

ul.footer-link a { font-size: 14px; font-weight: 400; display: block; padding: 20px 5px; }

ul.footer-link li { margin-right: 15px; }
/* 页脚 */
footer { color: rgba(255, 255, 255, 1); position: relative; }

footer .bg { position: absolute; }

.index footer { /* padding-top: 800px; */ }

.index footer .bg { background-image: url("../images/footer_index_bg.jpg"); width: 100%; height: 1180px; top: 200px; }

.about footer { padding-top: 740px; }

.about footer .bg { background-image: url("../images/footer_about_bg.jpg"); width: 100%; height: 1253px; z-index: 899; top: -160px; }

body.news footer,
body.detail footer { padding-top: 420px; }

body.news footer .bg,
body.detail footer .bg { background-image: url("../images/footer_news_bg.jpg"); width: 100%; height: 651px; z-index: 899; top: -2px; }

.expert footer { padding-top: 340px; }

.expert footer .bg { background-image: url("../images/footer_expert_bg.jpg"); width: 100%; height: 660px; z-index: 899; top: -2px; }

.portfolio footer { padding-top: 340px; }

.portfolio footer .bg { background-image: url("../images/footer_expert_bg.jpg"); width: 100%; height: 660px; z-index: 899; top: -2px; }

.activity footer { padding-top: 420px; }

.activity footer .bg { background-image: url("../images/footer_news_bg.jpg"); width: 100%; height: 651px; z-index: 899; top: -2px; }

.contact footer { padding-top: 500px; }

.contact footer .bg { background-image: url("../images/footer_contact_bg.jpg"); width: 100%; height: 793px; top: -2px; }

.partner { padding: 32px 0; }

.partner h3 { font-size: 16px; font-weight: 400; }

.partner ul { display: flex; justify-content: space-between; padding: 105px 20px; }

.partner ul li { flex-grow: 1; text-align: center; }

.partner ul li a { display: flex; justify-content: center; }

ul.social { display: flex; justify-content: center; padding: 0px 0; }

ul.social li { font-size: 42px; margin: 20px 5px; position: relative; width: 60px; height: 60px; border-radius: 50px; display: flex; justify-content: center; align-items: center; }

ul.social li .code { position: absolute; bottom: 100%; left: 50%; width: 200px; padding-bottom: 15px; transform: translate3d(-50%, 0, 0); display: none; }
/* ul.social li:hover {
  background-color: #fff;
} */
ul.social li:hover a { color: rgba(178, 132, 27, 1) !important; }

ul.social li:hover .code { display: block; }

.cpy { font-size: 14px; margin: 45px 0; text-align: center; letter-spacing: 0.85px; }
/* 浮动背景 */
.wrapper .bgs { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }

.wrapper .bgs .bg { position: absolute; z-index: 1; }

.wrapper .bgs .bg.bg-index-01 { background-image: url("/static/images/z_index_01.png"); width: 1766px; width: 100%; height: 565px; top: 475px; left: 0; }

.wrapper .bgs .bg.bg-index-02 { background-image: url("/static/images/z_index_02.png"); width: 100%; height: 923px; top: 120px; left: 0; }

.wrapper .bgs .bg.bg-index-03 { background-image: url("/static/images/z_index_03.png"); width: 79px; height: 302px; top: 1300px; left: 0; }

.wrapper .bgs .bg.bg-index-04 { background-image: url("/static/images/z_index_04.png"); width: 129px; height: 434px; top: 1805px; right: 0; }

.wrapper .bgs .bg.bg-index-05 { background-image: url("/static/images/z_index_05.png"); width: 347px; height: 434px; top: 3370px; left: 0; }

.wrapper .bgs .bg-about-01 { background-image: url("/static/images/z_about_01.png"); width: 661px; height: 259px; top: 0; left: 0; }

.wrapper .bgs .bg-about-02 { background-image: url("/static/images/z_about_02.png"); width: 649px; height: 378px; top: 0; right: 0; }

.wrapper .bgs .bg-about-03 { background-image: url("/static/images/z_about_03.png"); width: 130px; height: 527px; top: 1200px; left: 0; }

.wrapper .bgs .bg-about-04 { background-image: url("/static/images/z_about_04.png"); width: 743px; height: 1058px; top: 1650px; right: 0; }

.wrapper .bgs .bg-about-05 { background-image: url("/static/images/z_about_05.png"); width: 103px; height: 340px; top: 2910px; left: 0; }

.wrapper .bgs .bg-about-06 { background-image: url("/static/images/z_about_06.png"); width: 99px; height: 665px; top: 4700px; left: 0; }

.wrapper .bgs .bg-about-07 { background-image: url("/static/images/z_about_07.png"); width: 191px; height: 423px; top: 5600px; right: 0; }

.wrapper .bgs .bg-about-08 { background-image: url("/static/images/z_about_08.png"); width: 102px; height: 393px; top: 7800px; right: 0; }

.wrapper .bgs .bg-about-09 { background-image: url("/static/images/z_about_09.png"); width: 101px; height: 438px; top: 9800px; right: 0; }

.wrapper .bgs .bg-about-10 { background-image: url("/static/images/z_about_10.png"); width: 149px; height: 688px; top: 10600px; left: 0; }

.wrapper .bgs .bg-about-11 { background-image: url("/static/images/z_about_11.png"); width: 101px; height: 583px; top: 12600px; right: 0; }

.wrapper .bgs .bg-about-12 { background-image: url("/static/images/z_about_12.png"); width: 141px; height: 656px; top: 14200px; left: 0; }

.wrapper .bgs .bg-about-13 { background-image: url("/static/images/z_about_13.png"); width: 614px; height: 955px; top: 15200px; right: 0; }

.wrapper .bgs .bg-about-14 { background-image: url("/static/images/z_about_14.png"); width: 398px; height: 328px; top: 17450px; left: 50%; margin-left: -300px; }

.wrapper .bgs .bg-news-01 { background-image: url("/static/images/z_news_01.png"); width: 1321px; height: 455px; top: 0; right: 0; }

.wrapper .bgs .bg-news-02 { background-image: url("/static/images/z_news_02.png"); width: 107px; height: 339px; top: 1350px; right: 0; }

.wrapper .bgs .bg-news-03 { background-image: url("/static/images/z_news_03.png"); width: 282px; height: 826px; top: 190%; left: 0; }

.wrapper .bgs .bg-news-04 { background-image: url("/static/images/z_news_04.png"); width: 236px; height: 656px; top: 4100px; right: 0; }

.wrapper .bgs .bg-expert-01 { background-image: url("/static/images/z_expert_01.png"); width: 437px; height: 329px; top: 0; left: 0; }

.wrapper .bgs .bg-expert-02 { background-image: url("/static/images/z_expert_02.png"); width: 931px; height: 225px; top: 0; right: 0; }

.wrapper .bgs .bg-expert-03 { background-image: url("/static/images/z_expert_03.png"); width: 142px; height: 470px; top: 1100px; right: 0; }

.wrapper .bgs .bg-expert-04 { background-image: url("/static/images/z_expert_04.png"); width: 114px; height: 322px; top: 2300px; left: 0; }

.wrapper .bgs .bg-expert-05 { background-image: url("/static/images/z_expert_05.png"); width: 114px; height: 364px; top: 2900px; right: 0; }

.wrapper .bgs .bg-expert-06 { background-image: url("/static/images/z_expert_06.png"); width: 188px; height: 306px; top: 3800px; left: 0; }

.wrapper .bgs .bg-portfolio-01 { background-image: url("/static/images/z_portfolio_01.png"); width: 84px; height: 428px; top: 1080; right: 0; }

.wrapper .bgs .bg-activity-01 { background-image: url("/static/images/z_activity_01.png"); width: 100%; height: 388px; top: 0; left: 0; }

.wrapper .bgs .bg-activity-02 { background-image: url("/static/images/z_activity_02.png"); width: 54px; height: 232px; top: 1350px; right: 0; }

.wrapper .bgs .bg-activity-03 { background-image: url("/static/images/z_activity_03.png"); width: 117px; height: 292px; top: 2000px; left: 0; }

.wrapper .bgs .bg-activity-04 { background-image: url("/static/images/z_news_04.png"); width: 236px; height: 656px; top: 2800px; right: 0; }

.wrapper .bgs .bg-contact-01 { background-image: url("/static/images/z_contact_01.png"); width: 294px; height: 499px; top: 1000px; right: 0; }

.wrapper .bgs .bg-contact-02 { background-image: url("/static/images/z_contact_02.png"); width: 292px; height: 941px; top: 2150px; left: 0; }

.wrapper .bgs .bg-contact-03 { background-image: url("/static/images/z_contact_03.png"); width: 334px; height: 843px; top: 3200px; right: 0; }

.wrapper .bgs .bg-contact-04 { background-image: url("/static/images/z_contact_04.png"); width: 278px; height: 483px; top: 4700px; left: 0; }
/* 首页头部 */
.indexAmin { color: #fff; width: 1280px; height: 100%; margin: 0 auto; padding-bottom: 1%; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; position: relative; z-index: 2; }

.indexAmin h1 { font-size: 71px; line-height: 1; margin: 10px 0 50px 0; }

.indexAmin h2 { font-size: 120px; line-height: 1; margin: 0; }

.indexAmin h3 { font-size: 60px; line-height: 1; margin: 0 0 35px; }

.indexAmin h4 { font-size: 30px; line-height: 1; margin: 8px 0; }

.indexAmin a { color: #fff; font-size: 18px; line-height: 1; margin: 50px 0 0; }

.indexAmin a span { background-color: #180f1e; display: block; padding: 14px 25px; border-radius: 35px; }

.indexAmin a:hover { color: #180f1e; }

.indexAmin a:hover span { background-color: #fff; }
/* 参赛类别 */
.about_portfolio_types { color: #180f1e; width: 920px; margin: 0 auto; }

.about_portfolio_types li { display: flex; align-items: center; margin-bottom: 58px; position: relative; }

.about_portfolio_types li:nth-child(2n) { flex-direction: row-reverse; text-align: right; }

.about_portfolio_types li h3 { font-size: 16px; line-height: 1.5; color: #b2841b; }

.about_portfolio_types li .thumb_wrapper { background-color: #fff; border-radius: 50%; width: 156px; height: 156px; flex-shrink: 0; padding: 25px; position: absolute; top: 50%; transform: translate3d(0px, -50%, 0px); }

.about_portfolio_types li:nth-child(2n) .thumb_wrapper { right: 0; }

.about_portfolio_types li .thumb_wrapper .thumb { background: -moz-linear-gradient(top, #af7300 0%, #fee674 100%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #af7300), color-stop(100%, #fee674) ); background: -webkit-linear-gradient(top, #af7300 0%, #fee674 100%); background: -o-linear-gradient(top, #af7300 0%, #fee674 100%); background: -ms-linear-gradient(top, #af7300 0%, #fee674 100%); background: linear-gradient(to bottom, #af7300 0%, #fee674 100%); border-radius: 50%; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.about_portfolio_types li .info { font-size: 16px; background-color: #fff; border-radius: 100px; padding: 20px 176px; margin: 20px 0; }
/* 日程安排 */
.about_schedule { color: #b2841b; }

.about_schedule li { width: 65%; left: 35%; font-size: 16px; display: flex; align-items: center; position: relative; }

.about_schedule li h3 { font-size: 16px; line-height: 1.85; color: #b2841b; }

.about_schedule li .thumb_wrapper { background: -moz-linear-gradient(top, #af7300 0%, #fee674 100%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #af7300), color-stop(100%, #fee674) ); background: -webkit-linear-gradient(top, #af7300 0%, #fee674 100%); background: -o-linear-gradient(top, #af7300 0%, #fee674 100%); background: -ms-linear-gradient(top, #af7300 0%, #fee674 100%); background: linear-gradient(to bottom, #af7300 0%, #fee674 100%); border-radius: 50%; width: 160px; height: 160px; flex-shrink: 0; padding: 25px; position: absolute; top: 50%; left: 0; transform: translate3d(175px, -50%, 0); }

.about_schedule li .thumb { background: -moz-linear-gradient(top, #af7300 0%, #fee674 100%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #af7300), color-stop(100%, #fee674) ); background: -webkit-linear-gradient(top, #af7300 0%, #fee674 100%); background: -o-linear-gradient(top, #af7300 0%, #fee674 100%); background: -ms-linear-gradient(top, #af7300 0%, #fee674 100%); background: linear-gradient(to bottom, #af7300 0%, #fee674 100%); margin: 13px; font-size: 20px; color: #fff; border-radius: 50%; width: 86px; height: 86px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; }

.about_schedule li .info { margin: 22px; background-color: #fff; border-radius: 100px; display: flex; align-items: center; position: relative; z-index: 1; flex-grow: 1; }

.about_schedule li .icon { background: -moz-linear-gradient(left, #ffed00 0%, #c18100 100%); background: -webkit-gradient( linear, left top, right top, color-stop(0%, #7effed007c79), color-stop(100%, #c18100) ); background: -webkit-linear-gradient(left, #ffed00 0%, #c18100 100%); background: -o-linear-gradient(left, #ffed00 0%, #c18100 100%); background: -ms-linear-gradient(left, #ffed00 0%, #c18100 100%); background: linear-gradient(to right, #ffed00 0%, #c18100 100%); background-color: #efc633; width: 23px; height: 23px; border-radius: 50%; flex-shrink: 0; margin: 40px; position: relative; }

.about_schedule li .icon::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: -1; width: 2px; height: 220px; background-color: #fff; transform-origin: 0 0; transform: rotate(-45deg); }

.about_schedule li .arrow { background-color: #ffe26d; width: 76px; height: 76px; transform: translateX(25px); border: solid 6px #fff; flex-shrink: 0; border-left: none; }

.about_schedule li .arrow:before { content: ""; width: 0; height: 0; border: 38px solid transparent; border-left-color: transparent; border-right-color: #fff; position: absolute; top: 50%; margin-top: -38px; right: 100%; }

.about_schedule li .arrow:after { content: ""; width: 0; height: 0; border: 32px solid transparent; border-left-color: transparent; border-right-color: #ffe26d; position: absolute; top: 50%; margin-top: -32px; margin-right: -1px; right: 100%; }

.about_schedule li:nth-child(2n-1) { flex-direction: row-reverse; left: 0; }

.about_schedule li:nth-child(2n-1) .info { flex-direction: row-reverse; text-align: right; }

.about_schedule li:nth-child(2n-1) .icon::after { transform: rotate(45deg); }

.about_schedule li:nth-child(2n-1) .arrow { transform: translateX(-25px); border-right: none; }

.about_schedule li:nth-child(2n-1) .arrow:before { right: auto; left: 100%; border-left-color: #fff; border-right-color: transparent; }

.about_schedule li:nth-child(2n-1) .arrow:after { right: auto; left: 100%; margin-left: -1px; border-right-color: transparent; }

.about_schedule li:nth-child(2n-1) .thumb_wrapper { left: auto; right: 0; transform: translate3d(-175px, -50%, 0); }

.about_schedule li:last-child .icon::after { display: none; }

.about_schedule .about_schedule_0 .arrow { background-color: #ffe26d; }

.about_schedule .about_schedule_0 .arrow:after { border-left-color: #ffe26d; }

.about_schedule .about_schedule_1 .arrow { background-color: #ffb100; }

.about_schedule .about_schedule_1 .arrow:after { border-right-color: #ffb100; }

.about_schedule .about_schedule_2 .arrow { background-color: #d28223; }

.about_schedule .about_schedule_2 .arrow:after { border-left-color: #d28223; }

.about_schedule .about_schedule_3 .arrow { background-color: #864a09; }

.about_schedule .about_schedule_3 .arrow:after { border-right-color: #864a09; }

.about_schedule .about_schedule_4 .arrow { background-color: #341b00; }

.about_schedule .about_schedule_4 .arrow:after { border-left-color: #341b00; }

.about_schedule .about_schedule_5 .arrow { background-color: #160b00; }

.about_schedule .about_schedule_5 .arrow:after { border-right-color: #160b00; }

div.wrapper.demo1 { position: relative; width: 75rem; z-index: 998; margin: 60px auto 0; }

div.wrapper > h3 { display: inline-block; padding: 0 1rem; margin-bottom: 2rem; border-radius: 1.4rem; background-color: #fff; font-size: 1.4rem; font-weight: 400; color: #222; }

div.wrapper > ul.container { position: relative; height: 25rem; margin: 0 auto; transform: translate3d(0, 0, 0); }

div.wrapper ul.container > li.cards_list { border-radius: 0.3125rem; background-color: #f4f4f4; overflow: hidden; }

ul.container > li.cards_list > div.img > img { display: block; width: 20rem; }

ul.container > li.cards_list > div.main_con { padding: 0 1rem; box-sizing: border-box; }

ul.container > li.cards_list > div.main_con h4.name { padding-top: 1rem; font-size: 1.2rem; font-weight: 600; color: #424242; }

ul.container > li.cards_list > div.main_con p.content { padding-top: 1rem; height: 4.5rem; font-size: 0.9rem; color: #777; text-align: justify; line-height: 1.5rem; }

ul.container > li.cards_list > div.main_con p.label { font-size: 0.9rem; color: #555; padding-top: 1rem; padding-bottom: 2rem; }

div.wrapper.horizontal > ul.container { width: 75rem; }

div.wrapper.vertical > ul.container { width: 40rem; }

div.wrapper.horizontal ul.container > li.cards_list { width: 20rem; }

div.wrapper.vertical ul.container > li.cards_list { display: flex; }

i.btn-direct { position: absolute; top: 50%; transform: translateY(-50%); width: 3.6rem; height: 3.6rem; border-radius: 50%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; cursor: pointer; z-index: 100; transition: opacity ease 300ms; }

div.wrapper:hover i.btn-direct { opacity: 0.6; }

i.btn-direct:hover { opacity: 0.9 !important; }

i.btn-direct.btn-left { left: 3rem; }

i.btn-direct.btn-right { right: 3rem; }

i.btn-direct > span { position: absolute; top: 50%; left: 50%; width: 1.2rem; height: 1.2rem; border-top: 0.125rem solid #fff; border-left: 0.125rem solid #fff; }

div.wrapper.horizontal i.btn-direct > span.shift-left { transform: translate(-30%, -50%) rotate(-45deg); }

div.wrapper.horizontal i.btn-direct > span.shift-right { transform: translate(-70%, -50%) rotate(135deg); }

div.wrapper.vertical i.btn-direct > span.shift-left { transform: translate(-50%, -30%) rotate(45deg); }

div.wrapper.vertical i.btn-direct > span.shift-right { transform: translate(-50%, -70%) rotate(-135deg); }

.login-user-title { font-size: 16px; color: #333333; padding: 0 10px; margin-right: 10px; }

.login-user .login-back { display: block; width: 100px; height: 30px; border: 1px solid #D2A025; border-radius: 15px; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #D2A025 !important; text-align: center; line-height: 27px; }

footer .container { width: 100% !important; margin: 0 auto; position: relative; z-index: 900; }

.logo_block .index-3-box-border { opacity: 0; }

.logo_block { background: #18101f; }

.index-3-box-border { opacity: 0; }

.logo_block .container { width: 100% !important; margin: 0 auto; position: relative; z-index: 900; }

.logo_block .partner img { width: 100%; }

.salon-container { overflow: hidden; position: relative; z-index: 3; padding-bottom: 40px; }

.salon-container .swiper-pagination { bottom: 0 !important; }

.salon-container .swiper-pagination-bullet-active { background-color: #000 !important; }

.salon { position: relative; z-index: 997; }

.salon .item { position: relative; width: 100%; height: 100%; cursor: pointer; display: block; }

.salon .thumb { background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 100%; overflow: hidden; }

.salon .thumb img { width: 100%; visibility: hidden; }

.salon .layer { color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }

.salon .layer::before { background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.65)); content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 30%; transform: translate3d(0, 100%, 0); transition: all 0.15s ease-in-out; }

.salon .layer:hover::before { transform: translate3d(0, 0, 0); }

.salon .layer .title { text-align: left; position: absolute; bottom: 15px; left: 15px; right: 150px; }

.salon .layer .opt { position: absolute; bottom: 15px; right: 15px; display: flex; }

.salon .layer .opt ul { display: flex; }

.salon .layer .opt ul li { margin-left: 20px; }

.salon .layer h1 { background-color: transparent; font-size: 16px; font-weight: normal; line-height: 1.15; letter-spacing: 0px; text-align: left; padding: 0; margin: 0; }

.salon-1 { display: flex; }

.salon-1 .col-1 { width: 50.5%; }

.salon-1 .col-1 .title { }

.salon-1 .col-2 { width: 24.75%; display: flex; flex-direction: column; justify-content: space-between; }

.salon-1 .col-2 .item { flex-grow: 1; }

.salon-1 .col-3 { width: 24.75%; display: flex; flex-direction: column; justify-content: space-between; }

.salon-1 .col-3 .item { flex-grow: 1; }

.salon-2 { display: flex; }

.salon-2 .col-1 { width: 50%; display: flex; }

.salon-2 .col-2 { width: 50%; display: flex; }

.salon-2 .layer .title { }

.pagination { display: flex !important; justify-content: center; padding: 50px 0; }

.pagination a, .pagination span { display: block; padding: 5px 13px; border-radius: 4px; border: solid 1px #ccc; margin: 4px; color: #808080; }

.pagination .page_current { background-color: rgba(178, 132, 27, 1); color: #fff; border-color: rgba(178, 132, 27, 1); }

.pagination .pagetext { color: rgba(178, 132, 27, 1); }

.pagination .pagetext strong { color: #808080; font-weight: normal; }

.uploadimage { background-color: #868489; width: 100%; height: 150px; position: relative; margin: 0; background-size: contain; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 1; width: 100%; }

.uploadimage .uploader::after { content: "+"; background-color: transparent; border: 1px solid #ffffff; color: #ffffff; font-size: 31px; line-height: 1; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); z-index: -1; }

.uploadimage.upload-state-done .uploader::after { display: none; }

.uploadimage.upload-state-done::after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

.uploadimage.upload-state-done .del { background: rgba(0, 0, 0, .5); cursor: pointer; color: #ffffff; font-size: 31px; line-height: 1; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); z-index: 9; }

.uploadimage.upload-state-done .del::after { content: "x"; }

.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }

.uploadimage .webuploader-pick { display: inline-block; height: 150px; width: 100%; padding: 0 18px; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; }

.uploadimage .upimage-progress { position: absolute; bottom: 0; width: 100%; text-align: center; color: #fff; }

.uploadvideo .uploader { background-color: #D2A025; width: 80px; color: #fff; text-align: center; border-radius: 4px; display: inline-block; position: relative; }

.uploadvideo .uploader.en { width: 125px; }

.uploadvideo video { display: none; }

.uploadvideo .del { background-color: #d43f3a; width: 80px; color: #fff; text-align: center; border-radius: 4px; cursor: pointer; display: none; }

.uploadvideo .del.en { width: 125px; }

.uploadvideo.upload-state-done video { display: block; }

.uploadvideo.upload-state-done .del { display: inline-block; }

.uploadvideo { width: 70%; }

.uploadvideo .progress { display: none; }

.uploadvideo .progress .progress-bar { background-color: #D2A025; }

.addAuthor { cursor: pointer; border: none; border-radius: 50%; width: 30px; height: 30px; font-size: 20px; color: #D2A025; background: #ffffff; border: 1px solid #D2A025; display: flex; justify-content: center; align-items: center; }

.addAuthor:hover { text-decoration: none; }

.author { margin: 10px 0; position: relative; }

.author .delete { position: absolute; right: 230px; bottom: 13px; white-space: nowrap; transform: translate3d(20px, -50%, 0); border: solid 1px #b2841b; padding: 0.2rem 1rem; cursor: pointer; }

.author .delete:hover { background-color: #b2841b; }

.author:nth-child(0).delete { display: none; }

.common-swipers { /* height: 500px !important; */ width: 100%; }

.common-swipers .swiper-container { height: 100% !important; width: 100%; }

.common-swipers .swiper-container img { width: 100%; /* height: 500px !important; */ }

.schedule-left { transform: scale(0.8); }

.title { font-size: 28px !important; }

.pa_block { position: relative; width: 100%; padding-top: 20px; border-top: 1px solid #7271715e; }

.pa_block:after { content: ""; display: block; clear: both; }

.pa_block a { float: left; width: 46%; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; }

a.pa_next { float: right; text-align: right; }

h2.text-center.m-b-30 { padding-top: 60px; }

.coc img { display: block; margin: auto; margin-bottom: 40px; }

.fixeds a { color: #666; }

.swiper-slide { width: 100%; }

.pa_year select { background: url(); border: 0; }

.work_body .right-col .tab-pane ul li { padding: 10px 20px; width: 50%; float: left; box-sizing: border-box; border-right: 1px solid #D2A025; }

.t_table:after { content: ""; display: block; clear: both; }

.work_body .right-col .tab-pane ul li.t_t3 { width: 33.33%; }

.work_body .right-col .tab-pane ul li.t_t1 { width: 100%; }

.work_body .right-col .tab-content { border-right: 0; border-bottom: 0; }

.ba_video { position: relative; width: 100%; overflow: hidden; }

.ba_video { width: 100%; height: 891px; }

.ba_video .indexAmin { position: absolute; bottom: 0; }

b.privacy { color: #D2A025; }


.ba_video video { width: 100%; }


.he_ul { position: absolute; top: 80px; background: #fff; padding: 10px 0; display: none; margin-left: 11px; }

nav.top-menu ul li .he_ul a { line-height: 40px; height: 40px; }

nav.top-menu ul li .he_ul a:hover { background: #D2A025; color: #fff; }

nav.top-menu ul li a:hover, nav.top-menu ul > li:hover .he_ul { display: block; }

.ab-b { position: relative; }

.header-content { width: 100%; margin: 0 auto; box-sizing: border-box; padding-top: 200px; z-index: 1; position: absolute; top: 0; text-align: center; }

.addwork_body .form-group.flex-group-box.flex-between.add_parent { display: block; }

.addwork_body .form-group.flex-group-box.flex-between.add_parent .form-group-item.flex-between { width: 100%; margin-bottom: 20px; padding-top: 0; height: auto; }

.addwork_body .form-group.flex-group-box.flex-between.add_parent .item-main-left-title { width: 100%; }

.addwork_body .form-group.flex-group-box.flex-between.add_parent .item-main-left { width: 100%; padding-top: 15px; }

.addwork_body .form-group.flex-group-box.flex-between.add_parent .item-main-left-text { font-size: 16px; }

.header-content .ab-title { font-size: 48px; font-weight: 400; letter-spacing: .18em; color: #fff; margin-bottom: 5px; }

.header-content .ab-btn { display: block; width: 200px; height: 52px; box-sizing: border-box; border: 1px solid #fff; margin: 0 auto; text-align: center; line-height: 52px; font-size: 20px; font-weight: 400; letter-spacing: .18em; margin-top: 23px; background-color: #D2A025; border-radius: 8px; font-weight: 500; color: #ffffff; line-height: 50px; letter-spacing: 4px; }

.us_ul { position: absolute; display: none; width: 100%; }

.us_block { width: 100%; height: 100%; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #333333; position: relative; }

a.us_a { display: flex; justify-content: space-between; align-items: center; }

.us_a:hover { }

.us_block:hover .us_ul { display: block; }

a.us_li { display: block; border: 1px solid #ccc; width: 100%; padding: 0 28px 0 42px; box-sizing: content-box; margin-left: -43px; background: #E9E9E9; color: #333333; }

.row.section-side { z-index: 90; position: relative; }

a.us_li:hover { background: #E9E9E9; }

section.login-section { font-size: 18px; }