.din {font-family: 'DINMittelschrift';}
html {font-size: calc(100vw / 1920);}
html, body {-webkit-text-size-adjust: none; overflow-x: hidden;}
html, body, input, select, input, textarea, button{font-family: 'SourceHanSansCN-Medium', 'PingFangSC Regular', 'Microsoft Yahei', 'HELVETI1ca Neue', 'Arial', 'Tohoma';}
body {font-size: 16px; line-height: 1.5;}
::-ms-clear, ::-ms-reveal{display: none;}
select::-ms-expand{ display: none; } 
input, button {border: 0; outline: none;}
dt {font-weight: normal;}
h1, h2, h3 {margin-top: 0;}
a:hover, a:active, a:link, a:visited {text-decoration: none;}
a:active, a:link, a:visited {color: #cca435;}
img {max-width: 100%;}
ul {list-style: none; padding: 0;}
.rel {position: relative;}
.abs {position: absolute;}
.fixed {position: fixed;}
.overhide {overflow: hidden;}
.trans-3 {transition: all .3s;}
.block {display: block;}
.iblock {display: inline-block;}
.mg0 {margin: 0 !important;}
.mt0 {margin-top: 0 !important;}
.ml0 {margin-left: 0 !important;} 
.mr0 {margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.pd0 {padding: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pl0 {padding-left: 0 !important;}
.pr0 {padding-right: 0 !important;}
.pb0 {padding-bottom: 0 !important;}

.weui-cell {padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell__bd {min-width: 1px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft {text-align:center; }
.weui-cell__ft p{padding-top:10px;}
.weui-flex {display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item {-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.start {-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.middle {-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.end {-webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end;}
.nobefore::before, .noafter::after {display: none !important;}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word;}
@media (min-width: 768px) {
  .container {width: 91%; padding: 0;}
}

/* header */
.header {position: fixed; top: 0; left: 0; right: 0; padding: 20px 0; z-index: 100;}
.header .logo {position: relative; z-index: 1; float: left; margin-right: 10px; width: 180px; height: 50px;}
.header .logo img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .3s;}
.header .logo .after, .header.on .logo .before {opacity: 0;}
.header .search {float: right; margin-top: 10px; margin-right: 35px; width: 23px; height: 23px;  background-repeat: no-repeat; background-position: center center; background-size: cover;color:#fff;}
.header .telbar {float: right; margin-top: 10px; color: #fff; font-size: 20px; line-height: 23px; transition: color .3s;}
.header .telbar i {display: inline-block; margin-right: 15px; width: 23px; height: 23px; background-image: url(../images/tel_white.png); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.header .telbar span {position: relative; top: -3px;}
.header .dropmenu {display: none;}
.header.on, .header.spec {background: #fff; border-bottom: 1px solid #dbdbdb;}
.header.on .logo .after, .header.spec .logo .after {opacity: 1;}
.header.on .menubar a, .header.spec .menubar a {color: #333;}
.header.on .telbar, .header.spec .telbar {color: #000;}
.header.on .search, .header.spec .search {background-image: url(../img/icon/search_black.png);color: #000;}
.header.on .telbar i, .header.spec .telbar i {background-image: url(../images/tel_black.png);}
.header.on .search{color: #333;}
@media (max-width: 991px) {
  .mask {position: fixed; z-index: 99; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; background: rgba(0, 0, 0, .5); opacity: 0; pointer-events: none; transition: all .3s;}
  .mask.on {opacity: 1;}
  .header .logo {width: 180px; height: 50px;}
  .header .menubar {position: fixed; top: 0; left: 0; right: 0; top: 70px; padding-left: 4.5%; padding-right: 4.5%; max-height: 60vh; overflow-y: auto; font-size: 16px; border-top: 1px solid #dbdbdb; background: #fff; color: #333; -webkit-overflow-scrolling: touch; transform: scale(1, 0); transform-origin: 50% 0; transition: all .3s;}
  .header .menubar li {position: relative;}
  .header .menubar a {position: relative; display: block; padding: 0 15px; color: #333; font-size: 16px; line-height: 48px;}
  .header .menubar li:first-child::before {display: none;}
  .header .menubar li::before {position: absolute; top: 0; left: 15px; right: 15px; display: block; content: ''; height: 1px; border-top: 1px solid #ccc; transform: scaleY(0.5);}
  .header .menubar li::after {position: absolute; top: 17px; right: 20px; display: block; content: ''; width: 10px; height: 10px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; transform: rotate(45deg); transition: all .3s;}
  .header .menubar li.down::after {transform: rotate(135deg);}
  .header .menubar.on {transform: scale(1);}
  .header .dropmenu a {color: #666 !important;}
}

@media (max-width: 1024px) and (min-width: 798px){
.container{    width: 95%;}
.header .logo{width:130px;height:36px;}	
.header .menubar a{    padding: 0 8px!important;}	
.header .search{    margin-right: 5px;}	
.header .telbar i{    margin-right: 5px;}
.header .search{margin-top: 5px;}
.header .telbar{  margin-top: 5px;}
}

@media (max-width: 639px) {
  .header .logo {width: 180px; height: 50px;}
  .header .menubar {top: 62px;}
}



@media (min-width: 992px) {
  .header .logo img {width: 150px;}
  .header .menubar {float: left;}
  .header .menubar li {position: relative; display: inline-block;}
  .header .menubar a {display: block; padding: 0 24px; font-size: 16px; line-height: 34px; color: #fff; white-space: nowrap; transition: all .3s;}
  .header .menubar li > a {padding-top: 10px; padding-bottom: 10px;}
  .header .dropmenu {position: absolute; top: 100%; left: 0; padding-top: 20px; padding-bottom: 20px; background: #fff; border: 1px solid #dbdbdb; border-radius: 5px; box-shadow: 10px 10px 27px rgba(0, 0, 0, .03);height:auto!important;}
  .header .dropmenu::before {position: absolute; display: block; content: ''; left: 28px; top: -4px; width: 7px; height: 7px; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; transform: rotate(-45deg);}
  .header .dropmenu a {color: #333;}
  .header .menubar i {position: relative; top: -6px; display: inline-block; margin-left: 10px; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); transition: all .3s;}
  .header.on .menubar i, .header.spec .menubar i {border-right-color: #333; border-bottom-color: #333;}
}
@media (min-width: 1200px) {
  .header .menubar a:hover {color: #cca435;}
  .header .menubar li > a:hover i {border-right-color: #cca435; border-bottom-color: #cca435;}
}
.menubtn {float: right; position: relative; z-index: 1; top: -5px; margin-left: 25px; width: 44px; height: 44px;}
.menubtn i {position: absolute; display: block; top: 50%; left: 50%; height: 3px; width: 24px; background: #fff; border-radius: 2px; transform: translate(-50%, -50%); transition: all .3s;}
.menubtn i:nth-child(1) {margin-top: -8px;}
.menubtn i:nth-child(3) {margin-top: 8px;}
.menubtn.on i:nth-child(2) {width: 0;}
.menubtn.on i:nth-child(1) {margin-top: 0; transform: translate(-50%, -50%) rotate(45deg);}
.menubtn.on i:nth-child(3) {margin-top: 0; transform: translate(-50%, -50%) rotate(-45deg);}
.header.on .menubtn i, .header.spec .menubtn i {background-color: #cca435;}
.more {position: relative; display: inline-block; width: 94px; height: 94px; line-height: 94px; text-align: center; background: transparent; transition: all .3s;background-color:#faf6ea}
.more::before, .more::after {position: absolute; display: block; content: ''; width: 94px; height: 94px; opacity: 1; }
.more::before {top: 0; left: 0; border: 1px solid #cca435; transition: all .6s;}

.more span {position: relative; font-size: 12px;  color: #cca435; transition: all .3s;}
@media (min-width: 1200px) {
  .more:hover {color: #fff; background: #cca435; box-shadow: 0 21px 32px rgba(0, 0, 0, .21);}
  .more:hover::before {opacity: 0; transform: scale(1.5);}
  .more:hover::after {top: 0; left: 0; opacity: 0; transform: scale(1.5);}
  .more:hover span {color: #fff;}
  .subnav .weui-cell:hover .weui-cell__bd {color: #cf263a;}
}

.subnav {padding-top: 80px !important; padding-bottom: 80px !important;}
.subnav .weui-cell {padding: 0; font-size: 26px; line-height: 48px;}
.subnav .weui-cell__bd {color: #333; transition: all .3s;}
.subnav .weui-cell__ft {position: relative; width: 48px; height: 48px;}
.subnav .weui-cell__ft::after {position: absolute; right: 5px; top: 16px; display: none; content: ''; width: 10px; height: 10px; border-right: 2px solid #cf263a; border-bottom: 2px solid #cf263a; transform: rotate(45deg);}
.subnav .weui-cell.on .weui-cell__bd {color: #cf263a;}
.subnav .weui-cell.on .weui-cell__ft::after {display: block;}

/* footer */
.footer-hd {background-color: #0b0e16; color: #fff;border-top: 4px solid #cca435;}
.footer-hd .f16 {margin-bottom: 15px;}
.footer-hd .f18 {margin-top: 16px;}
.footer-hd .f26, .footer-hd .f40 {line-height: 44px;}
.footer-hd .f40 {position: relative; left: -10px;color:#cca435;font-weight:bold;}

.footer-hd .f35{position: relative; left: -10px;color:#cca435;font-weight:bold;font-size:30px;}

.footer-hd .f26 span {padding-right: 50px;}
.footer-hd .weui-cell__ft {width: 223px;}
.footer-hd .weui-cell__ft:last-child {width: 330px;}
.footer-bd {padding-top: 30px; background: #0b0e16;}
.footer-bd dt {margin-bottom: 25px; color: #FFF; font-size: 16px;}

.footer-bd .weui-cell__bd dl {float: left; margin-right: 80px;}
.footer-bd .weui-cell__bd a {font-size: 14px; line-height: 32px; color: #999; font-family: 'SourceHanSansCN-Regular'; transition: all .3s;}
.footer-bd .weui-cell__bd a:hover {color: #fff;}
.footer-bd__search {width: 200px; text-align: left; font-size: 16px;} 
.footer-bd__search .formbox {margin-bottom: 40px; padding: 0 0 5px 0; border-bottom: 1px solid #fff;}
.footer-bd__search input {background: none; border: 0; color: #fff;}
.footer-bd__search button {color: #fff; background: none; border: 0; transition: all .3s;}
.footer-bd__search .txt1 {margin-bottom: 57px;}
.footer-bd__search .qrcode {width: 127px;}
.footer-ft {padding-top: 25px; padding-bottom: 25px; background: #0b0e16; font-size: 14px; line-height: 22px; border-top: 1px solid rgba(255, 255, 255, .21);color:#999999}

.weui-cell__ft li {
    text-align: left;
    cursor: pointer;
    position: relative;
    z-index: 10;
	float:left;
	margin: 0 5px;
}









@media (min-width: 1200px) {
  .footer-bd__search button:hover {opacity: .75;}
}
@media (max-width: 991px) {
  .footer-hd .weui-cell {display: block; padding-top: 30px; padding-bottom: 30px;}
  .footer-hd .weui-cell__ft {display: inline-block; margin-top: 20px; width: auto; text-align: left;}
  .footer-bd__search {width: 100%; font-size: 16px;}
  .footer-bd__search .formbox {margin-bottom: 20px; padding-bottom: 5px;}
  .footer-bd__search .qrcode {width: 127px;}
  .footer-bd__search .txt1 {margin-bottom: 100px;}
  .footer-bd dt {font-size: 16px;}
}
@media (max-width: 639px) {
  .footer-ft .weui-cell {display: block;}
  .footer-ft .weui-cell__ft {text-align: center;}
}

.el-pagination {margin-top: 40px; padding: 2px 5px; text-align: center; color: #333;}
.el-pagination button {margin: 5px; background: none; line-height: 34px; font-size: 12px; color:#333; transition: all .3s;}
.el-pagination button i {padding: 0 5px; font-style: normal; font-family: serif; font-weight: bold;}
.el-pager {margin-left: 30px; margin-right: 30px; user-select: none; display: inline-block; vertical-align: top; font-size: 0;}
.el-pager a {padding: 0 4px; background: #fff; vertical-align: top; display: inline-block; font-size: 12px; color: #333; min-width: 34px; height: 34px; line-height: 34px; cursor: pointer; box-sizing: border-box; text-align: center; margin: 5px; transition: all .3s;}
.el-pager a.active {background: #cf263a; color: #fff; border-radius: 50%;} 

.ui-select-wrap > span{position: relative; display: block; margin-bottom: 5px; padding-right: 20px; overflow: hidden; height: 44px; line-height: 44px; color: #999; cursor: pointer;}
.ui-select-wrap > span::after{position: absolute; content: ''; display: block; right: 2px; top: 15px; width: 8px; height: 8px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(45deg); transition: all .3s;}
.ui-select-wrap > span.on::after{top: 19px; transform: rotate(-135deg);}
.ui-select-option {position: absolute; z-index: 10; left: 0; right: 0; top: 100%; display: none; max-height: 264px; overflow-y: auto; background: #fff; -webkit-overflow-scrolling: touch; border-radius: 0 0 10px 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, .1);}
.ui-select-option span {display: block; padding: 0 15px; height: 44px; font-size: 14px; line-height: 44px; color: #333; overflow: hidden; transition: all .3s; cursor: pointer;}

.search-box{position: fixed; background: #fff; top: 0; left: 0; right: 0; z-index: 999; padding: 0 23%; display: flex; opacity: 0; justify-content: center; align-items: center; transform: translateY(-100%); cursor: pointer; transition: all .5s ease;}
.search-box .weui-cell {height: 114px;}
.search-box input {border-bottom: 1px solid #d7d7d7; padding: 5px 0; width: 400px; line-height: 36px; font-family: 'SourceHanSansCN-Regular';}
.search-box img {display: block; margin: 13px; width: 13px; height: 13px;}
.search-close {position: relative; margin-left: 8vw; width: 40px; height: 40px; transition: all .3s;}
.search-close::before, .search-close::after {position: absolute; top: 50%; left: 50%; display: block; content: ''; margin-top: -1px; margin-left: -8px; width: 16px; height: 2px; background-color: #333;}
.search-close::before {transform: rotate(45deg);}
.search-close::after {transform: rotate(-45deg);}
.search-close:hover {transform: rotate(180deg);}
.search-box.on {transform: translateY(0%); opacity: 1;}