@charset "UTF-8";
::-webkit-scrollbar {width:4px;height:8px;background-color:#F5F5F5;}
::-webkit-scrollbar-track {border-radius:10px;background-color:#E2E2E2;}
::-webkit-scrollbar-thumb {border-radius:10px;background-color:#333;}
/* pic */
.pic {padding-top:70%;position:relative;overflow:hidden;}
.pic::before {position:absolute;top:0;left:-90%;z-index:2;display:block;content:"";width:50%;height:100%;opacity:.25;pointer-events:none;/* background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,53) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.53) 100%);*/    background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,53) 50%,rgba(255,255,255,0) 70%);background:linear-gradient(to right,rgba(255,255,255,0) 30%,rgba(255,255,255,53) 50%,rgba(255,255,255,0) 70%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);z-index:3;}
.pic img {position:absolute;left:0;top:0;width:100%;height:100%;transition:all 1s;object-fit:cover;}
a:hover .pic img {transform:scale(1.05);}
a:hover .pic:before {-webkit-animation:shine 1s;animation:shine 1s}
@-webkit-keyframes shine {100% {left:125%}
}
@keyframes shine {100% {left:125%}
}
.pic div {position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;transition:all .8s;background-repeat:no-repeat;background-position:center center;background-size:cover;}
a:hover .pic div {width:110%;height:110%;}
html {font-size:100px;}
* {padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;}
html,body {color:#333;font-family:"微软雅黑";margin-left:auto !important;margin-right:auto !important;text-align:left;overflow-x:hidden;}
html {font-size:5.208333vw !important;}
body {font-size:.16rem;}
li {list-style:none;}
a {text-decoration:none;color:#333;}
img,input {border:0;outline:none;}
h1,h2,h3,h4,h5,h6,i,em {font-style:normal;font-weight:normal;}
.wrap {max-width:16rem;margin:0 auto;width:100%;}
@media screen and (max-width:1024px) {body {padding-top:.7rem;}
html {font-size:80px !important;}
.wrap {padding-left:.15rem;padding-right:.15rem;}
}
.flex {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.flex-left {display:flex;flex-wrap:wrap}
.flex-center {display:flex;flex-wrap:wrap;justify-content:center;}
.flex-right {display:flex;flex-wrap:wrap;justify-content:flex-end;}
.flex-v-center {display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.flex-v-bottom {display:-webkit-flex;display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:left;}

.eclip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display: block\0;}
.line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;display: block\0;}
.line4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;display: block\0;}

.header{position: fixed;top: 0;left: 0;right: 0;z-index: 109;padding: 0 1.23rem 0 1rem;transition:0.5s;/*transition-delay:0.5s;-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;*/}
.header:after{content: '';position: absolute;top: 0;left: 0;right: 0;height:1.76rem;z-index: -1;background: linear-gradient(180deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%);}
.header .logo{float: left;line-height: 1.2rem;font-size: 0;}
.header .logo img{display: inline-block;vertical-align: middle;height:.8rem;}
.hdr{float: right;padding-top: .17rem;}
.header .link{text-align: right;margin-bottom: .13rem;}
.header .link a{font-size: .16rem;color: #fff;margin-left: .15rem;display: inline-block;}
.header .hd{position: relative;}
.nav{}
.nav li{float: left;margin-left: .35rem;position: relative;}
.nav li .v1 {display:block;font-size:.2rem;color:#fff;position:relative;padding-bottom:.24rem;}
.nav li .v1:after {content:'';position:absolute;bottom:-1px;left:50%;right:50%;height:1px;background-color:rgba(1,130,195,0.4);transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;}
.nav li.on .v1:after,.nav li:hover .v1:after {left:0;right:0;}
.nav .sub {position:absolute;top:100%;left:50%;transform:translateX(-50%);width:1.6rem;padding-top:0rem;opacity:0;visibility:hidden;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;}
.nav .sub-c {padding:.1rem 0;text-align:center;background:#fff;border-radius:.05rem;box-shadow:0 0 10px rgba(0,0,0,.1);position:relative;}
.nav .sub-c a {color:#666;display:block;padding:.1rem;font-size:.18rem;position:relative;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;}
.nav li.hover .sub {opacity:1;visibility:visible;}
.nav .sub-c a:hover {background-color:rgba(1,130,195,0.8);color:#fff;}
.so-btn {position:absolute;left:100%;width:.31rem;height:.31rem;cursor:pointer;border:1px solid #fff;border-radius:.06rem;margin-left:.28rem;background:url(ser.png) no-repeat center;-o-background-size:.16rem auto;-ms-background-size:.16rem auto;-moz-background-size:.16rem auto;-webkit-background-size:.16rem auto;background-size:.16rem auto;}
.so {position:absolute;top:.6rem;width:2.8rem;right:-.6rem;display:none;}
.so .inp {display:block;width:100%;height:.5rem;border-radius:.25rem;background-color:transparent;border:1px solid #fff;color:#fff;font-size:.18rem;padding:0 .5rem 0 .2rem;}
.so .btn {position:absolute;right:0;top:0;width:.5rem;height:.5rem;border:0;cursor:pointer;background:url(ser.png) no-repeat center;-o-background-size:.16rem auto;-ms-background-size:.16rem auto;-moz-background-size:.16rem auto;-webkit-background-size:.16rem auto;background-size:.16rem auto;}
.menuBtn {position:relative;z-index:9;display:none;float:right;width:.6rem;height:.6rem;padding:.06rem;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.menuBtn b {display:block;height:.06rem;background-color:#fff;margin:.06rem 0 .1rem;border-radius:.04rem;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.menuBtn.open {}
.menuBtn.open b {display:none;margin:0;position:absolute;left:.05rem;top:50%;width:.5rem;}
.menuBtn.open b:first-child {display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.menuBtn.open b:last-child {display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
@media only screen and (max-width:1199px) {
.wrap {width:auto;padding:0 .2rem;}
.header {padding:0 .3rem;}
.header:after{height:1rem;}
.header .logo{line-height:0.8rem;}
.header .logo img{height:0.6rem;}
.menuBtn {display:block;margin-top:.1rem;}
.hdr {position:fixed;left:0;right:0;top:0.8rem;padding-top:0;max-height:calc( 100vh - 0.8rem );background-color:rgba(0,0,0,.8);padding-bottom:.4rem;display:none;overflow-y:auto;}
.so-btn {display:none !important;}
.nav {margin-bottom:.2rem;}
.nav li {float:none;margin-left:0;}
.nav li .v1 {font-size:.2rem;padding:0 .3rem;line-height:.6rem;}
.nav .sub {width:auto;position:static;opacity:1;visibility:visible;display:none;padding-top:0;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);transition:0s;-ms-transition:0s;-moz-transition:0s;-webkit-transition:0s;-o-transition:0s;}
.nav .sub-c a {font-size:.18rem;text-align:left;padding:.1rem .4rem;}
.header .link {text-align:left;text-align:center;font-size:0;background-color:rgba(255,255,255,.2);padding:.2rem 0;}
.header .link a {margin-left:0;width:33.33%;display:inline-block;font-size:.2rem;line-height:1.8;}
.so {right:auto;display:block !important;top:auto;width:auto;margin:0 .3rem;position:relative;}
.so .inp {height:.6rem;border-radius:.3rem;font-size:.2rem;padding-right:.6rem;}
.so .btn {width:.6rem;height:.6rem;-o-background-size:.3rem auto;-ms-background-size:.3rem auto;-moz-background-size:.3rem auto;-webkit-background-size:.3rem auto;background-size:.3rem auto;}
}

/*footer*/
.footer{background: url(footbg.jpg) center no-repeat;color: #fff;position: relative;background-size: cover;font-size: .16rem}
.footer .fta{padding: .2rem 0;border-bottom: 1px solid rgba(255,255,255,.1)}
.footer .ftb{padding: .2rem 0;color: rgba(255,255,255,.7);text-align: center;}
.footer .ftb a{color: rgba(255,255,255,.7)}
.footer .ftb a:hover{color: rgba(255,255,255,.9)}
.footer .ftb p span+span{margin-left: .1rem;display: inline-block;padding: 3px 0}
.footer .info p{font-size: .18rem}
.footer .info p+p{margin-top: .1rem;}
.footer .info p span+span{margin-left: .1rem;display: inline-block;padding: 3px 0}
.footer .codes .code{color: #fff;text-align: center;font-size: .14rem}
.footer .codes .code p{}
.footer .codes .code+.code{margin-left: .25rem}
.footer .codes .code>img{width:0.72rem; }
.footer .codes .code a>img{width:0.72rem;border:4px solid #fff;}
@media (max-width:1024px){
.footer .logo img{width: 80%}
}
@media (max-width:750px){
.footer .logo{text-align: center;margin-bottom: .2rem}
.footer .info{width: 100%;text-align: center;margin-bottom: .2rem}
.footer .codes{justify-content: center;width: 100%}
.footer .ftb p{width: 100%;text-align: center;}
}

.5x li a {-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.5x li a:hover {-webkit-transform:translate3d(5px,0,0);-moz-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);-o-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);text-decoration:none;}
.5x li {position:relative;left:0;transition:all 0.3s;}
.5x li{-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.5x li:hover{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px);}
.5x li:hover {left:0.05rem;}

.top{display: block;position: fixed;bottom: 3%;right: 3%;z-index: 1002;width: 0.4rem;height: 0.4rem;overflow: hidden;visibility: hidden;opacity: 0;transition: 0.4s;background: #0182c3;}
.top a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;top: 100%;transition: 0.4s;position: relative;left: 0;}
.top a img{width: 60%;}
.top.on{visibility: initial;opacity: 1;}
.top.on a{top: 0;}
.top:hover{box-shadow: 0 0 5px rgba(0,0,0,.5);}