@charset "UTF-8";
*{margin:0;padding:0;border:0;}
ol,ul {list-style:none}
/*字体*/
body {font-family:'PingFang SC','Microsoft YaHei';font-size:14px;margin:0px;padding:0px;color:#333;height:auto;clear:both;overflow-x: hidden;}
img {border:0px;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);-webkit-tap-highlight-color:transparent;}
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;}
* {box-sizing:border-box;-webkit-text-size-adjust:none;}
.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}
table td{padding:3px 10px}
table .ue-table-interlace-color-single{background:#fbfbfb;}
table .ue-table-interlace-color-double{background:#F7FAFF;}
.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}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:990px){.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 fadenum2{0%{transform:rotate(360deg)}100%{transform:rotate(0)}}@keyframes bounceDown{25%{transform:translateY(-5px)}50%,100%{transform:translateY(0)}75%{transform:translateY(5px)}}@keyframes textShow{0%{width:0}100%{visibility:visible;opacity:1;width:100%}}@keyframes textShow2{0%{height:100%;width:55%}100%{height:55%;width:25%}}@keyframes myfirst{0%{transform:translate(-50%,-50%) scale(0.1);opacity:1}50%{transform:translate(-50%,-50%) scale(0.7);opacity:0.5}100%{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.lightbox{background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;display:none;}

/*网站默认滚动条的样式*/
::-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:1200px;margin:0 auto;}
.wp2{width:100%;max-width:1700px;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:all 2.6s ease-in 0s}
.bimg:hover img{transform:scale(1.09)!important}
.pimg{height:100%;width:100%;transition:all 2.6s ease-in 0s}
.pimg:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
.shadow{box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.08);background: #fff;}
.radius,.radius img{border-radius:5px;}
.scrollbar{overflow-x:auto;padding-bottom:5px;}
@media screen and (min-width:991px) {
.animated {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both }
}
@media screen and (max-width:1720px) {
.wp2{padding:0 50px}
}
@media screen and (max-width:1420px) {
.wp2{padding:0 30px}
}
@media screen and (max-width:1220px) {
.wp{padding:0 40px}
}
/* fonts */
.f60{font-size:60px}
.f48{font-size:48px}
.f44{font-size:44px;}
.f40{font-size:40px;}
.f36{font-size:36px;}
.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}
.p60{padding:60px 0;}
.pb80{padding-bottom:80px;}
.p80{padding:80px 0;}
.p40{padding:35px;}
@media (max-width:1400px) {
.f60{font-size:38px}
.f48{font-size:35px}
.f44{font-size:28px;}
.f40{font-size:26px;}
.f36{font-size:25px;}
.f32{font-size:24px;}
.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;}
.p80{padding:50px 0;}
.pb80{padding-bottom:50px;}
.p40{padding:25px;}
}
@media screen and (max-width:1100px) {
.f60{font-size:25px}
.f48{font-size:22px}
.f44{font-size:21px;}
.f40{font-size:21px;}
.f36{font-size:20px;}
.f32{font-size:19px;}
.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}
.p80{padding:30px 0;}
.pb80{padding-bottom:35px;}
.p40{padding:15px;}
}
@media screen and (max-width:990px) {
img{max-width:100%;height:auto;}
body{padding-top:50px;}
body.home{padding-top:0;}
body.home .header1 .btn span{background:#fff;}
.wp,.wp2{padding:0 15px}
.mgrid{ flex-wrap: wrap;} 
.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:10px 0}
.grid-big>.grid{margin:-10px}
.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:10px}
}