@charset "UTF-8";
*{margin:0;padding:0;border:0;-webkit-text-size-adjust:none;box-sizing: border-box;-webkit-box-sizing: border-box;}
ol,ul {list-style:none}
body {font-family:'Microsoft YaHei','PingFang SC';font-size:14px;margin:0px;padding:0px;color:#333;}
html,body{height:100%}
img {border:0px;}
ul,li {list-style:none;}
em,i {font-style:normal;}
a,a:link{text-decoration:none;color:#333}
a:active,a:hover{outline:0;color:#023693;text-decoration:none}
.clearfix:after,.clearfix:before {content:" ";display:table}
.clearfix:after {clear:both}
.clear {clear:both;}
.trans,.trans *{transition:all 0.5s ease}
button,html input[type="button"],input[type="reset"],input[type="button"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
table td{padding:3px 10px}
table .ue-table-interlace-color-single{background:#fbfbfb;}
table .ue-table-interlace-color-double{background:#F7FAFF;}
input,button,textarea{font-family: inherit;}
select{border:0;outline: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}
.clear{clear:both}
.ovh{overflow:hidden}
.upp{text-transform:uppercase}
.fb{font-weight:bold}
.h100{height:100%;}
input,button,textarea{border:0;outline:0;}
.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-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}
.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:10px 0}
.grid-small>.grid{margin:-10px}
.grid-small>.grid>[class*='x'],.grid-small>.grid>[class*='y']{padding:10px}
.grid-middle{padding:15px 0}
.grid-middle>.grid{margin:-15px}
.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:15px}
.grid-big{padding:20px 0}
.grid-big>.grid{margin:-20px}
.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:20px}
.grid-large{padding:35px 0}
.grid-large>.grid{margin:35px}
.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y']{padding:35px}
.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;}
}
@media(max-width:762px){.table-auto{width:100%;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}.table-auto table tr th,.table-auto table tr td{white-space:nowrap;}}
@keyframes opacity {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.4;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes fadenum {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes bounceDown {
    25% {
      transform: translateY(-5px);
    }
  
    50%,
    100% {
      transform: translateY(0);
    }
  
    75% {
      transform: translateY(5px);
    }
  }


/*网站默认滚动条的样式*/
::-webkit-scrollbar {width:8px;height:5px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb {background:#333;}
::-webkit-scrollbar-thumb:window-inactive {background:#333;}
::-webkit-scrollbar-thumb:vertical:hover {background:#333;}
/* common */
.wp{width:100%;max-width:1500px;margin:0 auto;}
.wp2{width:96%;max-width:1770px;margin:0 auto;}
.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{width:100%;height:100%;display:block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.bimg:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);}
.pimg{height:100%;width:100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.pimg:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-moz-transform:scale(1.2)}
.lightbox{width:100%;height:100%;position: fixed;left:0;top:0;background:rgba(0,0,0,.5);z-index:1;display:none;}
@media screen and (max-width:1520px) {
.wp2{width:100%;padding:0 0}
.wp{padding:0 50px}
.banner .dot .swiper-pagination{padding:0 50px}
}
@media screen and (max-width:1200px) {
.wp2{width:100%;padding:0 15px}
.wp{padding:0 20px}
.banner .dot .swiper-pagination{padding:0 30px;}
}
/* fonts */
.f62{font-size:62px}
.f60{font-size:60px}
.f59{font-size:59px;}
.f48{font-size:48px}
.f46{font-size:46px;}
.f42{font-size:42px;}
.f40{font-size:40px;}
.f36{font-size:36px;}
.f34{font-size:34px;}
.f32{font-size:32px;}
.f30{font-size:30px;}
.f28{font-size:28px;}
.f26{font-size:26px;}
.f24{font-size:24px}
.f22{font-size:22px;}
.f20{font-size:20px;}
.f18{font-size:18px}
.f16{font-size:16px}
.p30{padding:30px 0;}
.p60{padding:60px 0;}
@media (max-width:1600px) {
  .f62{font-size:40px;}
  .f60{font-size:38px;}
  .f59{font-size:37px;}
  .f48{font-size:35px;}
  .f46{font-size:32px;}
  .f42{font-size:28px;}
  .f40{font-size:26px;}
  .f36{font-size:25px;}
  .f34{font-size:24px;}
  .f32{font-size:23px;}
  .f30{font-size:23px;}
  .f28{font-size:24px;}
  .f26{font-size:22px;}
  .f22{font-size:21px;}
  .f24{font-size:20px;}
  .f20{font-size:18px;}
  .f18{font-size:17px;}
  .f16{font-size:15px;}
  .p30{padding:20px 0;}
  .p60{padding:25px 0;}
}
@media (max-width:1400px) {
.f62{font-size:40px}
.f60{font-size:38px}
.f59{font-size:37px;}
.f48{font-size:35px}
.f46{font-size:32px;}
.f42{font-size:28px;}
.f40{font-size:26px;}
.f36{font-size:25px;}
.f34{font-size:24px;}
.f32{font-size:23px;}
.f30{font-size:23px;}
.f28{font-size:24px;}
.f26{font-size:22px;}
.f22{font-size:21px;}
.f24{font-size:20px}
.f20{font-size:18px;}
.f18{font-size:16px}
.f16{font-size:15px}
.p30{padding:20px 0;}
.p60{padding:25px 0;}
}
@media screen and (max-width:1100px) {
.f62{font-size:28px}
.f60{font-size:26px}
.f59{font-size:25px;}
.f48{font-size:23px}
.f46{font-size:22px;}
.f42{font-size:21px;}
.f40{font-size:21px;}
.f36{font-size:20px;}
.f34{font-size:21px;}
.f32{font-size:20px;}
.f30{font-size:19px;}
.f28{font-size:19px;}
.f26{font-size:18px;}
.f24{font-size:17px}
.f22{font-size:16px;}
.f20{font-size:15px;}
.f18{font-size:14px}
.f16{font-size:13px}
.p60{padding:30px 0;}
}

/* common */
.header{width:100%;position: fixed;left:0;top:0;z-index:22;background:url(../img/bg_top.png) repeat-x top center;}
.header.fix{background:rgba(1,67,138,.8);}
.header .logo img{max-width:25.8vw;}
/* menu */
.nav .hd-nav li{font-size:1;position: relative;text-align:center;}
.nav .hd-nav li .v1{padding:0 20px;line-height:78px;height:78px;display:inline-block;transition:all ease .3s;}
.nav .hd-nav li>a{color: rgba(255,255,255,.8);}
.nav .hd-nav li:hover .v1,.nav .hd-nav li.on .v1{color:#fff;}
.nav .hd-nav li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;text-align:left;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;border-top:8px solid #1552A8}
.nav .hd-nav li .sub-nav .sub-nav-h{position: relative;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.3);padding:5px 0 0 0;min-width:160px;text-align:center;}
.nav .hd-nav li .sub-nav .sub-nav-h a{display:block;font-size:16px;padding:0 13px;margin-bottom: 1px;background: #fff;color: #333;white-space: nowrap;line-height:48px;}
.nav .hd-nav li .sub-nav .sub-nav-h a:last-child{border-bottom:0;}
.nav .hd-nav li .sub-nav .sub-nav-h a:hover{background-color: #F6F7FB;}
.nav .hd-nav li:hover .sub-nav{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);}
.header .search_btn{width:32px;height:32px;text-align:center;border:1px solid #fff;border-radius:50%;line-height:32px;color:#fff;margin-left:45px;}
.header .search_btn i{font-size:16px;}
/* 搜索 */
.search_btn{cursor: pointer;}
.search_btn svg{display:inline-block;fill:#fff;width: 16px;height: 16px;vertical-align: middle;}
.search-dialog-box{position: fixed;left: 0;top: 0;width: 100%;height: 18rem;z-index: 1000000;opacity: 0;visibility: hidden;transition: .6s;/* overflow: hidden;*/;}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #1552A8;transition: .6s;left: 0;right: 0;z-index: 1;}
.search-dialog-box.on:before{height:100%;}
.search-dialog-box .bubbles-bg{opacity: 0;visibility: hidden;display: none;}
.search-dialog-box .search-bg{position: absolute;left: 0;top: 0;width: 100%;height: 0;margin: 0;background: rgba(0,0,0,.7);background-size: cover;background-repeat: no-repeat;/* z-index: 1;*/
transform-origin: center center;transition: height .8s cubic-bezier(.77,0,.175,1);}
.search-dialog-box .wrap-inner{transform:translateY(100%);transition: .6s;}
.search-dialog{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 2;}
.search-dialog .search-tit{font-size: 2.75rem;line-height: 3.5rem;color: #fff;text-align: center;overflow: hidden;display: none;}
.search-dialog .search-input{width: 50rem;margin: 0 auto;padding: 0 0.5rem 0 1.5rem;background-color: rgba(255,255,255,.1);box-sizing: border-box;transition: all .3s;max-width: 94%;}
.search-dialog .search-input input[type=text]{float: left;height: 2rem;width: calc(100% - 3.5rem);background-color: transparent;font-size: 1.25rem;line-height: .5rem;color: #fff;transition: all .3s;}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=text]:-moz-placeholder{color:rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=text]::-moz-placeholder{color:rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=text]:-ms-input-placeholder{color:rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=button],
.search-dialog .search-input .clear-btn{float: right;height: 2rem;width: 3.5rem;}
.search-dialog .search-input input[type=button]{background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: 1.5rem;background-image: url('../img/search-btn.svg');}
.search-dialog .search-input .clear-btn{background-color: rgba(0,0,0,.2);background-repeat: no-repeat;background-position: center;background-image: url('../img/close-btn.svg');background-size: 3.5rem;border-radius: 100%;margin-right: 1rem;display: none;}
.search-dialog-box.on{opacity: 1;visibility: visible;}
.search-dialog-box.on .search-bg{height: 100vh;}
.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{transform:translateY(0);}
.pub-close{position: absolute;width: 3rem;height: 3rem;z-index: 10;right: 1.5rem;top: 1.35rem;background-color: rgba(255,255,255,.1);border-radius: 100%;}
.pub-close .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #1c5ab7;transform: scale(0);border-radius: 100%;transition: transform .3s;}
.pub-close i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: 0.75rem;background-repeat: no-repeat;background-image: url(../img/close-btn.svg);transition:.6s;}
.pub-close i:hover{transform:rotate(180deg);}
@keyframes spin{to{transform: rotate(1turn);}}
@keyframes spin2{to{transform: rotate(-1turn);}}
@keyframes spin-reverse{from{transform:rotate(1turn);}}
@keyframes spin-reverse2{from{transform:rotate(-1turn);}}

/* 手机菜单 */
.headerm{position: fixed;left: 0;right: 0;top:0;z-index: 99;height:55px;padding:0 15px;background:#1552A8;}
.headerm .logo img{max-height:29px;}
.headerm .navbtnm{width:60px;height:55px;position: absolute;right:0;top:50%;transform: translateY(-50%);z-index:1;line-height:55px;text-align:center;}
.headerm .navbtnm i{font-size:30px;transition: .3s;color:#fff;}
body.navShow .big-nav{opacity: 1;visibility: visible;right:0;}
body.navShow .headerm .navbtnm i:before{content: "\e600";font-size:30px;}
.big-nav{position: fixed;z-index: 49;top: 0;right:-100%;background-size: cover;opacity: 0;visibility: hidden;transition: .3s;height:auto;width:100%;}
.big-nav{ overflow-y: auto;}
.big-nav .scroll{width:100%;position:fixed;padding-top:55px;z-index: 22;background:#1552A8;padding-bottom:15px;height:100%;}
.big-nav .scroll li a{color:#fff;}
.big-nav .scroll li{width: 100%;text-align: left;padding-top: 0;border-bottom: rgba(255, 255, 255, 0.13) solid 1px;}
.big-nav .scroll li h2{font-size:15px;line-height:50px;padding:0 10px 0 15px;position:relative;}
.big-nav .scroll li h2 a{display: block;font-weight:normal;}
.big-nav .scroll li h2.h2:after{display:block;position:absolute;top:0;right:20px;font-size:14px;font-family:"iconfont" !important;content: "\e632";color:#fff;transition: .3s;}
.big-nav .scroll li .list{padding:0 15px 10px 15px;display:none;}
.big-nav .scroll li .list h3{font-size:14px;line-height:38px;padding-left:10px;margin:0;font-weight:normal}
.big-nav .scroll li .list h3:nth-child(1){border:0;}
.big-nav .scroll li .list dl{margin-left:-6%;padding:0 20px 20px 0;margin-top:-5px;display: flex;flex-wrap: wrap;}
.big-nav .scroll li .list dd{font-size:16px;line-height:35px;min-width:25%;padding-left:6%;}
.big-nav .scroll li .list dd a{display:block;height:35px;}
.big-nav .scroll li.on h2 a{color:#fff}
.big-nav .scroll li.on h2.h2:after{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);color:#fff}
.lightbox{width:100%;height:100%;position: fixed;left:0;top:0;background:rgba(0,0,0,.5);z-index:1;display:none;}
.search{padding:10px 15px 0 10px;position: absolute;bottom:25px;width:100%;}
.search div{background:#fff;border:1px solid #fff;border-radius:20px;height:36px;line-height:36px;padding:0 10px;}
.search div input{background:none;height:28px;line-height:28px;margin-top:3px;}
.search div button{background:none;margin-top:4px;}
.search div button i{font-size:22px;}
@media screen and (max-width:1480px) {
.wp2{padding:0 30px}
.nav .hd-nav li .v1{padding:0 13px;}
.header .logo img{max-width:25vw;}
.nav .hd-nav li{margin-left:0;}
}
@media screen and (max-width:1280px) {
  .nav .hd-nav li .v1{padding:0 10px;}
}
@media screen and (max-width:980px) {
body{padding-top:52px;}
img{max-width:100%;height:auto;}
.wp,.wp2{padding:0 15px}
.mgrid{ flex-wrap: wrap;} 
.grid-small{padding:3px 0}
.grid-small>.grid{margin:-3px}
.grid-small>.grid>[class*='x']{padding:3px}
.grid-middle{padding:8px 0}
.grid-middle>.grid{margin:-8px}
.grid-middle>.grid>[class*='x']{padding:8px}
.grid-big{padding:10px 0}
.grid-big>.grid{margin:-10px}
.grid-big>.grid>[class*='x']{padding:10px}
.p60{padding:25px 0;}
}