:root{--color:#123574;}
html { font-size: 16px;}
*{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-family:"MicrosoftYaHei","微软雅黑","PingFang SC","sans-serif";overflow-x: hidden;font-size:16px;font-weight:400;color:#333;}
img{border:0;max-width:100%;}
ul,li{list-style:none;margin:0;}
em,i{font-style:normal;}
a,a:link{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333;}
a:active,a:hover{outline:0;color:#123574;text-decoration:none;}
.clear{clear:both;}
.clearfix:after,.clearfix:before{content:" ";display:table;}
.clearfix:after{clear:both;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
ul,ol{padding:0;margin:0;}
.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;}
.img-a{display:inline-block;max-width:100%;height:auto;}
.h100{height:100%;}
.lineM{line-height:1.7;}
.lineB{line-height:2.2;}
.lightbox{background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:21;display:none;}
.bgt{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bg-fix{background-attachment: fixed;}
.hide{display:none!important;}
/* 滚动条 */
::-webkit-scrollbar{width:8px;height:5px;}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb{background:#333;}
.radius,.radius img,.radius video{border-radius:10px;}
/* flex 布局 */
.flex{display:flex;}
.flex-a{flex:1;overflow: hidden;}
.flex-b{display:flex;justify-content:space-between;}
.flex-c{display:flex;justify-content:center;}
.flex-e{display:flex;justify-content:flex-end;}
.flex-w{display: flex;flex-wrap: wrap;}
.flex-ac{display:flex;align-items:center;}
.flex-cb{display:flex;align-items:center;justify-content:space-between;}
.flex-cc{display:flex;align-items:center;justify-content:center;}
.flex-ce{display:flex;align-items:center;justify-content:flex-end;}
.flex-ae{display:flex;align-items:flex-end;justify-content:flex-start;}
.flex-cs{display:flex;align-items:center;justify-content:flex-start;}
.flex-col{display:flex;flex-direction: column;}
.flex-shr{flex-shrink:0;}
.flex-str{align-items: stretch;}
/* 网格 */
.grid{display:-ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.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%;}@media (min-width:572px){.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:768px){.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:981px){.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){.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){.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%;}}
/* 间距 */
.grid-s > .grid{margin:-15px;}
.grid-s > .grid > [class*="x"]{padding:15px;}

.grid-m > .grid{margin:-15px;}
.grid-m > .grid > [class*="x"]{padding:15px;}

.grid-b > .grid{margin:-20px;}
.grid-b > .grid > [class*="x"]{padding:20px;}

.grid-l > .grid{margin:-20px -30px;}
.grid-l > .grid > [class*="x"]{padding:20px 30px;}

/* wp */
.wp{width:98%;max-width:1400px;margin-left:auto;margin-right:auto;}
.wp1{padding:0 60px;}

@media (min-width:981px) {
/* 间距 */
.grid-s > .grid{margin:-0.78vw;}
.grid-s > .grid > [class*="x"]{padding:.78vw;}

.grid-m > .grid{margin:-0.78vw;}
.grid-m > .grid > [class*="x"]{padding:.78vw;}

.grid-b > .grid{margin:-1.04vw;}
.grid-b > .grid > [class*="x"]{padding:1.04vw;}

.grid-l > .grid{margin:-1.3vw -1.56vw;}
.grid-l > .grid > [class*="x"]{padding:1.3vw 1.56vw;}

.wp{max-width:72.92vw;}
.wp1{padding:0 3.13vw;}
}
@media (max-width:1420px){
.wp{padding:0 3.13vw;}
}
@media (max-width:1220px){
.wp{padding:0 2.6vw;}
.wp1{padding:.0 2vw;}
}

.show-m{display:none;}
@media (max-width:980px){
.mgrid{flex-wrap:wrap!important;}
.mgrid .flex-a{flex:auto!important;}
.wp,.wp1{width:100%;padding:0 15px;max-width:100%;}
.pzDiv{padding-left:15px!important;}
.mx12{width:100%!important;max-width:100%!important;}
.show-d{display:none!important;}
.show-m{display:block!important;}
.grid-s{padding:.05rem 0;}
.grid-s > .grid{margin:-.05rem;}
.grid-s > .grid > [class*="x"]{padding:.05rem;}

.grid-m{padding:.1rem 0;}
.grid-m > .grid{margin:-.1rem;}
.grid-m > .grid > [class*="x"]{padding:.1rem;}

.grid-b{padding:.12rem 0;}
.grid-b > .grid{margin:-.12rem;}
.grid-b > .grid > [class*="x"]{padding:.12rem;}

.grid-l{padding:.2rem 0;}
.grid-l > .grid{margin:-.1rem;}
.grid-l > .grid > [class*="x"]{padding:.1rem;}
.radius,.radius img,.radius video{border-radius:.1rem;}
}
/* font-size */
.fb{font-weight:bold;}
.fb500{font-weight:500;}
.iconfont{font-size:16px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size: 22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f27{font-size:27px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f36{font-size:36px;}
.f40{font-size:40px;}
.f42{font-size:42px;}
.f44{font-size:44px;}
.f46{font-size:46px;}
.f48{font-size:48px;}
.f50{font-size:50px;}
.f52{font-size:52px;}
.f60{font-size:60px;}
.f70{font-size:70px;}
.p60{padding:60px 0;}
.radius16{border-radius:16px;}
@media (min-width:981px) {
.anim{transform: translateY(100px);} 
.delay1{transition:1s .3s;}
.delay2{transition:1s .4s;} 
.delay3{transition:1s .5s;} 
.delay4{transition:1s .6s;} 
.active .anim{transform: translateY(0);}
body{font-size:.83vw;}
.iconfont{font-size:.83vw;}
.f12{font-size:.63vw;}
.f13{font-size:.68vw;}
.f14{font-size:.73vw;}
.f16{font-size:.83vw;}
.f18{font-size:.94vw;}
.f20{font-size:1.04vw;}
.f21{font-size:1.1vw;}
.f22{font-size: 1.15vw;}
.f24{font-size:1.25vw;}
.f26{font-size:1.3vw;}
.f28{font-size:1.4vw;}
.f27{font-size:1.39vw;}
.f30{font-size:1.56vw;}
.f32{font-size:1.67vw;}
.f36{font-size:1.88vw;}
.f40{font-size:2.08vw;}
.f42{font-size:2.19vw;}
.f44{font-size:2.2vw;}
.f46{font-size:2.3vw;}
.f48{font-size:2.5vw;}
.f50{font-size:2.6vw;}
.f52{font-size:2.71vw;}
.f60{font-size:3.13vw;}
.f70{font-size:3.75vw;}
.p60{padding:3.13vw 0;}
.radius16{border-radius:.16rem;}
}

@media (max-width:980px){
body{font-size:.24rem;}
.f12{font-size:.2rem;}
.f13{font-size:.21rem;}
.f14{font-size:.22rem;}
.f16{font-size:.24rem;}
.f18{font-size:.26rem;}
.f20{font-size:.28rem;}
.f21{font-size:.285rem;}
.f22{font-size:.29rem;}
.f24{font-size:.3rem;}
.f26{font-size:.31rem;}
.f27{font-size:.315rem;}
.f28{font-size:.32rem;}
.f30{font-size:.33rem;}
.f32{font-size:.33rem;}
.f36{font-size:.34rem;}
.f40{font-size:.35rem;}
.f42{font-size:.36rem;}
.f44{font-size:.37rem;}
.f46{font-size:.38rem;}
.f48{font-size:.39rem;}
.f50{font-size:.4rem;}
.f52{font-size:.42rem;}
.f60{font-size:.45rem;}
.f70{font-size:.46rem;}
.p60{padding:.6rem 0;}
.radius16{border-radius:.1rem;}
}

@font-face {
  font-family:'Georgia';
src: url(../fonts/georgia.jpg)}

@font-face {
  font-family: 'SourceHanSerifCN-Heavy';
src: url(../fonts/sourcehanserifcn-heavy.jpg)}
.shv{font-family: 'SourceHanSerifCN-Heavy';}

/* 按钮 */
  .menuBtn{width:26px;height:26px;cursor:pointer;transition:.3s!important;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;position: relative;}
.menuBtn b{display:block;height:2px;background-color:#fff;margin:6px 0;transition:.3s!important;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.menuBtn.open b{display:none;margin:-2px 0 0;position:absolute;left:0;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);}
/* g-btn按钮 */
.g-btn{position: relative;z-index: 1;transition:all ease .3s;}
.g-btn::before, .g-btn::after{width:100%;height:0;content: "";margin: auto;position: absolute;top: 0%;left: 0%;background:#fff;transition: all ease 0.5s;z-index: -1;border-radius: inherit;}
.g-btn::before{transform: rotateX(90deg);height:100%;}
.g-btn:after{transform: rotateY(90deg);}
.g-btn:hover{color:var(--color);border-color:var(--color);}
.g-btn:hover::before{transform: rotateX(0);width: 100%;height: 100%;}
.g-btn:hover::after{transform: rotateY(90deg);}
/* 图片统一尺寸 */
.fitImg{position: relative;height: 0;padding-top: 67.85%;overflow: hidden;}
.fitImg2{position: relative;overflow: hidden;}
.fitImg img,.fitImg2 img{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;-o-object-fit: cover;object-fit: cover;-webkit-transition: .6s;-o-transition: .6s;-moz-transition: .6s;transition: .6s;}
.fitImg:hover img, .item:hover .fitImg img,.fitImg2:hover img,.item:hover .fitImg2 img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.item-pic,.bimg{overflow: hidden;}
.bimg img{object-fit: cover;display: block;transition: 1.5s;-moz-transition: 1.5s;-webkit-transition: 1.5s;width:100%;}
.bimg:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.transy{transition:all ease .3s;}
.transy:hover{transform: translateY(-3px);}
/* fullpage动画 */

/* 动画重置 */
.fadeInUp{-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-ms-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 50px, 0);-moz-transform: translate3d(0, 50px, 0);-ms-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
@-moz-keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 50px, 0);-moz-transform: translate3d(0, 50px, 0);-ms-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
@-o-keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 50px, 0);-moz-transform: translate3d(0, 50px, 0);-ms-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
@keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 50px, 0);-moz-transform: translate3d(0, 50px, 0);-ms-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
.fadeInLeft{-webkit-animation-name: fadeInLeft;-moz-animation-name: fadeInLeft;-ms-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeft{from{opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);-moz-transform: translate3d(-50px, 0, 0);-ms-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
@-moz-keyframes fadeInLeft{from{opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);-moz-transform: translate3d(-50px, 0, 0);-ms-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
@-o-keyframes fadeInLeft{from{opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);-moz-transform: translate3d(-50px, 0, 0);-ms-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
@keyframes fadeInLeft{from{opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);-moz-transform: translate3d(-50px, 0, 0);-ms-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
.fadeInRight{-webkit-animation-name: fadeInRight;-moz-animation-name: fadeInRight;-ms-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes fadeInRight{from{opacity: 0;-webkit-transform: translate3d(50px, 0, 0);-moz-transform: translate3d(50px, 0, 0);-ms-transform: translate3d(50px, 0, 0);transform: translate3d(50px, 0, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
@-moz-keyframes fadeInRight{from{opacity: 0;-webkit-transform: translate3d(50px, 0, 0);-moz-transform: translate3d(50px, 0, 0);-ms-transform: translate3d(50px, 0, 0);transform: translate3d(50px, 0, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
@-o-keyframes fadeInRight{from{opacity: 0;-webkit-transform: translate3d(50px, 0, 0);-moz-transform: translate3d(50px, 0, 0);-ms-transform: translate3d(50px, 0, 0);transform: translate3d(50px, 0, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
@keyframes fadeInRight{from{opacity: 0;-webkit-transform: translate3d(50px, 0, 0);-moz-transform: translate3d(50px, 0, 0);-ms-transform: translate3d(50px, 0, 0);transform: translate3d(50px, 0, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);};}
@media (max-width:980px){.fadeInLeft,.fadeInRight{-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-ms-animation-name: fadeInUp;animation-name: fadeInUp;};}