*{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body{width:100%;height:100%;}
html{font-size:10px;}body{font-family:'PingFang SC','SourceHanSansCN','MiSans','Arial';font-size:1.4rem;visibility:hidden;}img{border:0;max-width:100%;}ul,li{list-style:none;}em,i{font-style:normal;}a,a:link{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);}a:active,a:hover{outline:0;color:#005dcf;text-decoration:none}.clear{clear:both;}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.trans,.trans *{transition:all 0.5s ease}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}.al{text-align:left!important}.ac{text-align:center!important}.ar{text-align:right!important}.aj{text-align:justify!important}.fl{float:left}.fr{float:right!important}.rel{position:relative}.abl{position:absolute}.ovh{overflow:hidden}.upp{text-transform:uppercase}.fb{font-weight:bold}input,button,textarea{border:0;outline:0;font-family:inherit;font-size:inherit;}.ep1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ep3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.img-auto{display:inline-block;max-width:100%;height:auto}.container{margin-left:auto;margin-right:auto;padding-left:16px !important;padding-right:16px !important}.h100{height:100%}.flex{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;align-items:center;}.flex-s{align-items: flex-start;}.flex-shrink{flex-shrink:0;}.img_fit img{object-fit: cover;height:100%;}.flex-inline{display:inline-flex}.flex-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column .flex-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-center{justify-content:center}.flex-end{justify-content:flex-end}.flex-bet{justify-content:space-between}.flex-items{align-items:center}.grid{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid-y{flex-direction:column;-webkit-flex-direction:column}.grid-small{padding:1rem 0}.grid-small>.grid{margin:-1rem}.grid-small>.grid>[class*='x'],.grid-small>.grid>[class*='y']{padding:1rem}.grid-middle{padding:1.5rem 0}.grid-middle>.grid{margin:-1.5rem}.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:1.5rem}.grid-big{padding:2rem 0}.grid-big>.grid{margin:-2rem}.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:2rem}.grid-large{padding:2.5rem 0}.grid-large>.grid{margin:-2.5rem}.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y']{padding:2.5rem}.x,.x0,.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs0,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm0,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb0,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12,.xg0,.xg1,.xg2,.xg3,.xg4,.xg5,.xg6,.xg7,.xg8,.xg9,.xg10,.xg11,.xg12{position:relative;width:100%}.x{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.x0,.xl0,.xs0,.xm0,.xb0,.xg0{max-width:100%}.x0{width:auto}.x1{width:8.33333333%}.x2{width:16.66666667%}.x20{width:20%}.x3{width:25%}.x4{width:33.33333333%}.x5{width:41.66666667%}.x6{width:50%}.x7{width:58.33333333%}.x8{width:66.66666667%}.x9{width:75%}.x10{width:83.33333333%}.x11{width:91.66666667%}.x12{width:100%}.y,.y1,.y2,.y20,.y3,.y4,.y5,.y6,.y7,.y8,.y9,.y10,.y11,.y12{position:relative;max-height:100%}.y{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.y0{height:auto}.y1{height:8.33333333%}.y2{height:16.66666667%}.y20{height:20%}.y3{height:25%}.y4{height:33.33333333%}.y5{height:41.66666667%}.y6{height:50%}.y7{height:58.33333333%}.y8{height:66.66666667%}.y9{height:75%}.y10{height:83.33333333%}.y11{height:91.66666667%}.y12{height:100%}@media (min-width:572px){.container{max-width:540px}.xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xl0{width:auto}.xl1{width:8.33333333%}.xl2{width:16.66666667%}.xl20{width:20%}.xl3{width:25%}.xl4{width:33.33333333%}.xl5{width:41.66666667%}.xl6{width:50%}.xl7{width:58.33333333%}.xl8{width:66.66666667%}.xl9{width:75%}.xl10{width:83.33333333%}.xl11{width:91.66666667%}.xl12{width:100%}}@media (min-width:762px){.container{max-width:730px}.xs{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xs0{width:auto}.xs1{width:8.33333333%}.xs2{width:16.66666667%}.xs20{width:20%}.xs3{width:25%}.xs4{width:33.33333333%}.xs5{width:41.66666667%}.xs6{width:50%}.xs7{width:58.33333333%}.xs8{width:66.66666667%}.xs9{width:75%}.xs10{width:83.33333333%}.xs11{width:91.66666667%}.xs12{width:100%}}@media (min-width:992px){.container{max-width:960px}.xm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xm0{width:auto}.xm1{width:8.33333333%}.xm2{width:16.66666667%}.xm20{width:20%}.xm3{width:25%}.xm4{width:33.33333333%}.xm5{width:41.66666667%}.xm6{width:50%}.xm7{width:58.33333333%}.xm8{width:66.66666667%}.xm9{width:75%}.xm10{width:83.33333333%}.xm11{width:91.66666667%}.xm12{width:100%}}@media (min-width:1232px){.container{max-width:1200px;padding-left:0!important;padding-right:0!important}.xb{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xb0{width:auto}.xb1{width:8.33333333%}.xb2{width:16.66666667%}.xb20{width:20%}.xb3{width:25%}.xb4{width:33.33333333%}.xb5{width:41.66666667%}.xb6{width:50%}.xb7{width:58.33333333%}.xb8{width:66.66666667%}.xb9{width:75%}.xb10{width:83.33333333%}.xb11{width:91.66666667%}.xb12{width:100%}}@media (min-width:1632px){.container{max-width:1400px}.xg0{width:auto}.xg1{width:8.33333333%}.xg2{width:16.66666667%}.xg20{width:20%}.xg3{width:25%}.xg4{width:33.33333333%}.xg5{width:41.66666667%}.xg6{width:50%}.xg7{width:58.33333333%}.xg8{width:66.66666667%}.xg9{width:75%}.xg10{width:83.33333333%}.xg11{width:91.66666667%}.xg12{width:100%}}.show,.show-xm{display:block!important}.hidden,.show-xs{display:none!important}@media screen and (max-width:980px){.show-xm{display:none!important;}.show-xs{display:block!important;}}
.flex-a{flex:1;}
/* animation */
@keyframes opacity{0%{opacity: 1;transform: scale(0.9);}
50%{opacity:.6;transform: scale(1);}
100%{opacity: 1;transform: scale(0.9);};}
@keyframes fadenum{0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);};}
@keyframes bounceDown{25%{transform: translateY(-3px);}
50%,100%{transform: translateY(0);}
75%{transform: translateY(3px);};}
@keyframes scale{0%{transform: scale(0.8);}
50%{transform: scale(1);}
100%{transform: scale(0.8);};}
@keyframes mymove{0%{bottom:30px;}
100%{bottom:2rem;};}
.wp{width:100%;max-width:1360px;margin-left:auto;margin-right:auto;}
.wp1{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;}
.wp2{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;}
.lightbox{background:rgba(0,0,0,.8);position:fixed;left:0;top:0;width:100%;height:100%;z-index:22;display:none;}
/*网站默认滚动条的样式*/
::-webkit-scrollbar{width:8px;height:5px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb {background:#333;}
.transy{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.transy:hover{transform:translateY(-5px)}
.pic{overflow: hidden;}
.biao img{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;cursor:pointer}
.biao:hover img{transform:scale(1.09)!important}
.bimg,.pimg{overflow:hidden}
.bimg img{display:block;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.bimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
.pimg{height:100%;width:100%;transition:all 2.6s ease-in 0s;background-size:cover;}
.pimg:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
.item_pic{overflow: hidden;}
.radius,.radius img{border-radius:.6rem;}
/* fonts */
@font-face {
    font-family:'Oswald-Medium';
    src: url("../fonts/Oswald-Medium.ttf");
}
.OM{font-family:'OPPOSans-M';}
.OB{font-family:'OPPOSans-B';}
.OR{font-family:'OPPOSans-R';}
/* fontSize */
.f60{font-size:6rem;}
.f40{font-size:4rem;}
.f36{font-size:3.6rem;}
.f32{font-size:3.2rem}
.f30{font-size:3rem;}
.f26{font-size:2.6rem;}
.f24{font-size:2.4rem;}
.f20{font-size:2rem}
.f18{font-size:1.8rem}
.f16{font-size:1.6rem}
.p70{padding:7rem 0;}
.p50{padding:5rem 0;}

@media screen and (max-width:980px) {
.wp,.wp1,.wp2{padding:0 15px!important}
body{font-size:1.8rem}
.f60{font-size:3.5rem;}
.f40{font-size:3.2rem;}
.f36{font-size:3rem;}
.f32{font-size:2.8rem}
.f30{font-size:2.6rem;}
.f26{font-size:2.5rem;}
.f24{font-size:2.3rem;}
.f20{font-size:2.2rem}
.f18{font-size:2rem}
.f16{font-size:1.9rem}
.p70{padding:5rem 0;}
.mx12{width:100%!important;max-width:100%!important}
.mx12.flex-a{flex:auto;}
.mgrid{ flex-wrap: wrap!important;} 
.grid-small{padding:3px 0}
.grid-small>.grid{margin:-3px}
.grid-small>.grid>[class*='x'],.grid-small>.grid>[class*='y']{padding:3px}
.grid-middle{padding:8px 0}
.grid-middle>.grid{margin:-8px}
.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:8px}
.grid-big{padding:1rem 0}
.grid-big>.grid{margin:-1rem}
.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:1rem}
.grid-large{padding:1.5rem 0}
.grid-large>.grid{margin:-1.5rem}
.grid-large>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:1.5rem}
}
@media screen and (max-width:750px) {
html{font-size:5px;}
}
/* common */
body{padding-top:8.7rem;}
.header{position:fixed;z-index:109;top:0;left:0;right:0;padding:2rem 0;color:#2c324d;transition:all ease 0.3s;background:#fff}
.header.fix{box-shadow:0px 10px 30px 0px rgba(139,147,168,0.15);}
.header .fl{align-items: flex-end;}
.header .logo{float:left;width:12.1rem;margin-right:0.5rem;}
.header .kh{width:24.3rem;}
.header .nav li{float:left;margin-right:7.5rem;position:relative;}
.header .nav li a{color:#2C324D;display:block;font-size:1.8rem;}
.header .nav li::after{content:"";width:0;height:.3rem;background:#005DCF;position: absolute;left:50%;bottom:-1.1rem;
transform: translateX(-50%);transition:all ease .3s;border-radius:.5rem;}
.header .nav li:hover::after,.header .nav li.on::after{width:96%;}
.header .nav li:hover a,.header .nav li.on a{color:#005DCF}
.header .nav li .dropdown{width:136px;position:absolute;left:50%;transform:translateX(-50%);top:20px;display:none}
.header .nav li .dropdown ul{text-align:center;background:#fff;text-align:center;border-radius:4px;-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,.06);box-shadow:0 0 10px 2px rgba(0,0,0,.06);margin-top:3rem;position: relative;overflow: hidden;}
.header .nav li .dropdown::before{content:"";border:7px solid transparent;border-bottom:7px solid #eaeaea;position: absolute;left:50%;transform: translateX(-50%);top:1.2rem;z-index:2;}
.header .nav li .dropdown li{margin-right:0;width:100%;height:38px;line-height: 38px;}
.header .nav li .dropdown li::after{display:none;}
.header .nav li .dropdown li a{color:#333;font-size:15px;}
.header .nav li .dropdown li:hover{background:#f5f5f5;}
.header .nav li .dropdown li:hover a{color:#005DCF}
.header .nav li .v1{position: absolute;right:10px;top:15px;z-index: 111;transition:all ease .3s;display:none;}
.header .nav li .v1::after{  content: "\e65f";font-family:'iconfont';font-size:16px;}
.header .nav li .v1.on{transform: rotate(90deg);}
.header .regbox{width: 11rem;height: 4rem;line-height:4rem;text-align: center;background: #005DCF;box-shadow: 0rem 0rem 1rem 0rem rgba(0,0,0,0.1);color:#fff;border-radius: 0.4rem;}
.header .regbox a{color:#fff;} 
.header .regbox a:hover{color:rgba(255,255,255,.8)}    
/***导航***/
.menuBtn{position: absolute;z-index: 9;display: none;width: 40px;height: 40px;padding: 7px;cursor: pointer;margin-top: 10px;transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;right:15px;}
.menuBtn b{display: block;height: 3px;background-color: #005DCF;margin: 3px 0 5px;border-radius: 2px;transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.menuBtn.open b{display: none;margin: 0;position: absolute;top: 50%;width: 30px;}
.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);}
/* footer */
.footer{padding: 4.5rem 0 7rem;background: #2c324d;color: #f2f3f5;}
.footer .wrap{max-width: 120.2rem;margin: 0 auto;}
.footer .ft1{padding-bottom: 2.6rem;}
/*.footer .ft1 .logo img{width: 22.5rem;}*/
.footer .ft1 .nav a{margin-left: 3.5rem;color: #fff;}
.footer .ft1 .nav a:hover{color: rgba(255, 255, 255, 0.88);}
.footer .ft1 .share a{margin-left: 1.7rem;position: relative;}
.footer .ft1 .share a img{width: 3.3rem;}
.footer .ft1 .share a:hover{opacity: 0.88;}


.footer .ft1 .share a .c2{display: none;}
.footer .ft1 .share a:hover .c2{display:inline-block;}
.footer .ft1 .share a:hover .c1{display: none;}



.footer .ft1 .share a .model{width: 12rem;height: 12rem;background: #fff;border-radius: .2rem;border: 1px solid #ccc;padding: 1rem;position: absolute;left: -4rem;top: -13rem;z-index: 22;display: none;}
.footer .ft1 .share a .model img{width: 100%;max-width: auto;}
.footer .ft1 .share a:hover .model{display: block;}
.footer .ft2{border-top: 1px solid rgba(202, 202, 202, 0.4);padding-top: 3rem;}
.footer .ft2 .copyright{color: #F2F3F5;line-height: 2.5;}
.footer .ft2 .qrcode{flex-shrink: 0;width: 12rem;text-align: center;}
.footer .ft2 .qrcode img{width: 100%;margin-bottom: .6rem;}
@media (min-width: 981px){
.animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.header .hdr{display: block!important;}
.header .nav li:hover .dropdown{display:block;}
}
@media screen and (max-width:1620px) {
.wp2{padding:0 8rem;}
}
@media screen and (max-width:1520px) {
.header .nav li{margin-right:5rem}
}
@media screen and (max-width:1380px) {
.wp{padding:0 5rem;}
.wp2{padding:0 4rem;}
}
@media screen and (max-width:1220px) {
.wp{padding:0 3rem;}
.wp1{padding:0 4rem;}
.wp2{padding:0 2rem;}
}
@media (max-width: 980px){
body{padding-top:50px;}
.header{padding:6px 0;}
.header .logo img{height:35px;max-width:unset;}
.menuBtn{display: block;margin-top:2px;margin-right: -5px;}
.header .hdr{position: absolute;left: 0;right: 0;top: 100%;float: none;display: none;padding: 15px 0;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);border-top:1px solid rgba(44,50,77,.05);background:#fff;}
.header .nav{padding: 0 15px;}
.header .nav li{float: none;margin:0;margin-right:0;}
.header .nav li::after{display:none;}
.header .nav li a{display: block;height:40px;line-height:40px;font-size:15px;}
.header .nav li .v1{display: block;text-align: right;}
.header .nav li .dropdown::before{display:none;}
.header .nav li .dropdown{position:unset;width:100%;transform:unset;}
.header .nav li .dropdown ul{box-shadow:none;text-align: left;padding:0 0 15px 20px;margin-top:0;}
.header .nav li .dropdown ul li{font-size:14px;line-height:33px;height:33px;;}
.header .regbox{width:15rem;height:5rem;line-height:5rem;border-radius:.8rem;margin-right:8rem}
/* footer */
.footer{padding: 5rem 0;}
.footer .ft1 .logo{display: none;}
.footer .ft1 .nav a{margin: 0 .8rem 0 0;}
.footer .ft2 .copyright{padding-right: 4rem;line-height: 2;}
.footer .ft2 .qrcode{width:15rem;}
}