@charset "utf-8";

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{height: 100%; font-size: 16px;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;}
body{overflow-y: scroll; overflow-x: hidden;}
/*body{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}*/
body{background: #fff; font-family: "Alibaba-PuHuiTi-Regular", "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "Hiragino Sans GB", "Heiti SC", sans-serif; font-size: 16px; line-height: 1.2; color: #333; position: relative; min-height: 100%;}
a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; font-family: "Alibaba-PuHuiTi-Regular", "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "Hiragino Sans GB", "Heiti SC", sans-serif;}
select::-ms-expand{display: none;}
input::-ms-clear{display: none;}
table{border-collapse:collapse;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
li{list-style: none;}
address, caption, cite, code, dfn, em, th, var {font-weight: normal;font-style: normal;}
img{margin: 0 auto;vertical-align: middle;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hidden{overflow: hidden;}
.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;}
.clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;}
.clearfix {*zoom: 1;}
.cell-box{font-size: 0;}
.cell-box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell-box .cell{width: 100%; display: inline-block; vertical-align: middle;}
.tcenter{text-align: center;}
.container{width: 1440px;max-width:90%;margin:0 auto;}
.pa100 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pa100.link {position: absolute !important;right: 0;bottom: 0;width: auto;height: auto;z-index: 8;text-indent: -9999px;overflow: hidden;white-space: nowrap;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;text-align: left !important;}
@media (max-width: 1366px){
    .container {width: 90%;}
}
/*scroll*/
/*::-webkit-scrollbar {width:6px;height:6px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f6f6f6;}
::-webkit-scrollbar-thumb {border-radius:10px;background-color: #212937;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #212937;}
::-webkit-scrollbar-thumb:vertical:active {background-color: #212937;}*/

@media screen and (max-width: 1700px){
    html{font-size: 15px;}
}
@media screen and (max-width: 1600px){
    html{font-size: 14px;}
}
@media screen and (max-width: 1440px){
    html{font-size: 13px;}
}
@media screen and (max-width: 1366px){
    html{font-size: 12px;}
}
@media screen and (max-width: 1024px){
    html{font-size: 10px;}
}

.header {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);z-index: 9;font-size: 0;padding: 0 3.125vw;display: flex;justify-content: center;align-items: center;transition: all .3s ease;}
.header .logo {position: relative;}
.header .logo img {display: block;height: 56px;transition: all .3s ease;}
.header .logo img.hide {position: absolute;top: 0;left: 0;opacity: 0;}
.header .ope {display: flex;align-items: center;padding-left: 5vw;}
.header li {display: inline-block;vertical-align: top;position: relative;}
.header li a.single {display: block;position: relative;font-size: 18px;color: #333;line-height: 90px;margin: 0 30px;transition: all .3s ease;}
.header li a.single:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 3px;background-image: linear-gradient(90deg, #c7000b, #c90f28);transform: scaleX(0);transition: all .3s ease;}
.header li .drop {position: absolute;top: 100%;left: 50%;margin-left: -130px;width: 260px;background-color: #fff;padding: 1.5vw 0;opacity: 0;visibility: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.header li .drop a {display: block;font-size: 16px;line-height: 3.75;color: #333;text-align: center;position: relative;}
.header li .drop a:before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background-image: linear-gradient(180deg, #c7000b, #c90f28);opacity: 0;}
.header .lang {margin: 0 20px;position: relative;}
.header .lang span {display: block;font-size: 14px;line-height: 24px;color: #333;cursor: pointer;transition: all .3s ease;}
.header .lang span:before,.header.hover .lang span:before, .header:hover .lang span:before {content: '';width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin: -2px 10px 0 0;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url("../images/icon-lan.png");transition: all .3s ease;}
.header .lang span:after,.header.hover .lang span:after, .header:hover .lang span:after {content: '';width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid #333;display: inline-block;vertical-align: middle;margin: -3px 0 0 5px;transition: all .3s ease;}
.header .lang .hide {position: absolute;width: 90px;top: 100%;left: 50%;margin-left: -45px;padding-top: 20px;opacity: 0;visibility: hidden;}
.header .lang .hide:before {content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #333;position: absolute;top: 10px;left: 0;right: 0;margin: 0 auto;}
.header .lang .hide a {display: block;font-size: 12px;line-height: 30px;color: #fff;margin-bottom: 1px;text-align: center;background-color: #333;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.header .lang:hover .hide {opacity: 1;visibility: visible;}
.header a.search,.header.hover a.search, .header:hover a.search {width: 18px;height: 18px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url("../images/icon-search.png");margin-left: 20px;}
.mainbody {margin-top: 90px;}
@media screen and (min-width: 1025px) {
    .header.hover li a.single, .header:hover li a.single{color: #333;}
    .header.hover li.active a.single, .header li.active a.single {color: #c7000b;}
    .header.hover li.active a.single:after,.header li.active a.single:after {transform: scaleX(1);}
    .header.hover .lang span, .header:hover .lang span{color: #333;}
    .header li .drop a:hover {color: #fff;background-color: #001c53;}
    .header li .drop a:hover:before {opacity: 1;}
    .header li:hover a.single:after {transform: scaleX(1);}
    .header li:hover .drop {opacity: 1;visibility: visible;}
    .header .lang .hide a:hover {background-color: #001c53;}
}

@media screen and (max-width: 1680px){
    .header li a.single {font-size: 16px;}
    .header li .drop a {font-size: 15px;}
}

@media screen and (max-width: 1440px){
    .header li a.single {margin: 0 15px;}
    .header .lang {margin: 0 12px;}
    .header a.search {margin-left: 12px;}
}

@media screen and (max-width: 1024px){
    .header {padding: 0 5vw;height: 60px;justify-content: space-between;}
    .header .logo img{height:40px;}
    .header .nav {position: fixed;top: 0;left: 100%;width: 100%;height: 100%;background-color: #fff;padding: 70px 30px;text-align: left;z-index: 3;transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);overflow: auto;}
    .header .nav.active {left: 0;}
    .header li {display: block;padding: 0;margin: 0;border-bottom: 1px solid #e6e6e6;}
    .header li a.single {line-height: 50px;font-size: 16px;color: #333;padding: 0;}
    .header li .drop {width: 100%;margin: 0;padding: 0 20px;position: static;opacity: 1;visibility: visible;box-shadow: none;display: none;}
    .header li .drop a {text-align: left;line-height: 40px;border-bottom: 1px solid #e6e6e6;}
    .header li .drop a:last-of-type {border: none;}
    .header li i {width: 50px;height: 50px;position: absolute;right: 0;top: 0;background-position: center;background-repeat: no-repeat;background-image: url(../images/drop.png);}
    .header .lang {margin: 0 8px;}
    .header .lang span {color: #333;}
    .header a.search {margin-left: 8px;}
    .header .ope {margin-right: 40px;}
    .mNavBtn {display: block;width: 24px;height: 16px;right: 5vw;top: 22px;position: fixed;cursor: pointer;z-index: 4;}
    .mNavBtn span {position: absolute;left: 0;width: 24px;height: 2px;background-color: #001c53;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
    .mNavBtn span.line1 {top: 0;}
    .mNavBtn span.line2 {top: 7px;}
    .mNavBtn span.line3 {bottom: 0;}
    .mNavBtn.active .line1 {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: 7px;}
    .mNavBtn.active .line2 {display: none;}
    .mNavBtn.active .line3 {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);bottom: 7px;}
    .mainbody {margin-top: 60px;}
}
@media screen and (max-width: 767px){
    .header .lang {margin: 0;}
}

.fixed-search {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;background-color: #001c53;display: none;}
.fixed-search .close {width: 36px;height: 36px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../images/close.png);position: absolute;top: 3.125vw;right: 3.125vw;cursor: pointer;z-index: 3;}
.fixed-search .main {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;}
.fixed-search .box {width: 90%;max-width: 960px;margin: 0 auto;}
.fixed-search h3 {text-align: center;font-size: 60px;color: #fff;margin-bottom: 4.5vw;}
.fixed-search input {display: block;width: 100%;height: 100px;border-bottom: 4px solid #fff;background-color: transparent;padding: 0 30px;font-size: 16px;color: rgba(255, 255, 255, 0.5);}
@media screen and (max-width: 1680px){
    .fixed-search h3 {font-size: 50px;}
    .fixed-search input {height: 90px;}
}
@media screen and (max-width: 1440px){
    .fixed-search h3 {font-size: 40px;}
    .fixed-search input {height: 80px;padding: 0 20px;}
}
@media screen and (max-width: 1024px){
    .fixed-search .close {top: 5%;right: 5%;}
    .fixed-search h3 {font-size: 30px;}
    .fixed-search input {height: 60px;border-bottom-width: 2px;}
}

/* footer */
.footer { background: #2b2b2b; padding-top: 53px; position: relative; }
.footer2{ font-size: 15px; line-height: 24px; color: #797979; padding: 22px 0px; overflow: hidden; border-top: 1px solid #3F3F3F;text-align: center;}
.footer2 a{ color: #797979;}
.footer2 a:hover{ color: #ccc!important;}
.footer1{overflow:hidden; padding-bottom:52px;}
.foot_dl { float: left; min-width: 112px; margin-right: 3.5vw; }
.wx_box { float: right; text-align: center; margin-top: 18px; }
.wx_box img{width: 120px;}
.wx_box p { font-size: 16px; color: #FFF; line-height: 40px; margin-top: 12px; }
.foot_ma { color: #999999; font-size: 15px;white-space:nowrap; }
.foot_dl dd { line-height: 30px;}
.foot_dl dt { font-size: 16px; line-height: 52px; height: 54px; border-bottom: 2px solid #3F3F3F; margin-bottom: 14px; }
.foot_dl dt a{color:#fff;}
.footer a:hover{color:#fff;}

@media (max-width:1799px){
    .footer{padding-top:40px;}
    .footer1{padding-bottom:45px;}
}
@media (max-width:1199px){
    .foot_dl { margin-right:3vw; width:90px;}
}
@media (max-width:767px){
    .foot_dl{overflow:hidden; width:100%; margin-right:0; float:none}
    .foot_dl dd{float:left; margin-right:20px;}
    .wx_box{float:left; display:block; margin:20px 25px 5px 0;}
    .footer1{padding-bottom:25px;}
    .foot_dl dt{ border-bottom:1px solid #3F3F3F;}
    .footer2 span{width:100%; text-align:center; font-size:12px;}
    .footer2{padding:16px 0;}
}

.rightbar {position:fixed;right:10px;bottom:15%;z-index:99;}
.rightbar ul li { width:56px; height:56px; line-height: 56px; background:#6D6D6D;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); border-radius:50%; color:#fff;  text-align:center; margin-bottom:10px; position:relative; cursor:pointer;}
.rightbar ul li:hover{background-color:#c7000b;border-radius:50%;}
.rightbar ul li.back-top{display:none;}
.rightbar ul li.back-top svg{vertical-align: middle;}
.rightbar ul li.back-top:hover svg{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);transition: 0.5s;-webkit-transition: 0.5s;}
.rightbar ul li:hover svg path {fill:#fff;}