/*reset*/
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font-size:100px;font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-overflow-style:scrollbar;}
body{margin:0;padding:0;color:#333;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei","微软雅黑","simsun","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-variant-ligatures:no-common-ligatures;font-size:14px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
a,a:link{text-decoration:none;color:#323232;}
a:active,a:hover{outline:0;color:#224e9c;text-decoration: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;}
.usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.wn{word-wrap:normal;white-space:nowrap;}
.wb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.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}
.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;}
img{max-width:100%;height:auto;border:0;}
/* 上移动态 */
.transy{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.transy:hover{transform: translateY(-5px);}
/* 放大 */
.pic{overflow:hidden;}
.biao img,.pic img,.pimg{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;cursor:pointer;}
.pic img{display: block;}
.biao:hover img{transform: scale(1.09) !important;}
.pic:hover img,.pic:hover .pimg{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
/*flex*/
.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*/
.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;min-height: 200px;}
.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:30px 0}
.grid-large>.grid{margin:-30px;}
.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y']{padding:30px;}
.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:500px){
.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,.hidden-xl,.hidden-xs,.hidden-xm,.hidden-xb,.hidden-xg{display:block!important;}
.hidden,.show-xl,.show-xs,.show-xm,.show-xb,.show-xg{display:none!important;}
@media(max-width:990px){
.show-xl{display:block!important;}
.hidden-xl{display:none!important;}
 

}
@media(max-width:760px){
.show-xl{display:block!important;}
.hidden-xl{display:none!important;}
.newsbox .news_cont, .newsbox .news_cont img{height: auto !important;}

}
@media (min-width:762px) and (max-width:992px){
.show-xs{display:block!important;}
.hidden-xs{display:none!important;}
 
}
@media(min-width:993px) and (max-width:1200px){
.show-xm{display:block!important;}
.hidden-xm{display:none!important;}
 

}
@media(min-width:1201px) and (max-width:1631px){
.show-xb{display:block!important;}
.hidden-xb{display:none!important;}
}
@media(min-width:1632px){
.show-xg{display:block!important;}
.hidden-xg{display:none!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;}
}
/* fonts */
.f30{font-size:30px;}
.f24{font-size:24px}
.f20{font-size:20px;}
.f18{font-size:18px;}
.f16{font-size:16px}

@media screen and (max-width:990px) {
body{padding-top:100px;}
.mtop{display:block!important;}
.f30{font-size:20px}
.f24{font-size:17px!important}
.f20{font-size:16px;}
.f18{font-size:15px!important;}  
.mtop{position:absolute;width:100%;left:0;top:0;background:#224E9C;z-index:2222;}
.logo{line-height:40px;}
.logo img{height:40px;margin-top:10px;max-width:initial;}
.header-dx{width: 33px;text-align: right;margin-left:15px ;overflow: hidden;display: none;}
.header-dx1,.header-dx2,.header-dx3{width: 100%;height: 2px;margin-bottom:10px;background: #fff;float: right;}
.header-dx div{transition: all .5s;}
.header-dx.cli .header-dx1{-webkit-transform: rotate(44deg);-ms-transform: rotate(44deg);transform: rotate(44deg);transform-origin:0%;-ms-transform-origin:0%;-webkit-transform-origin:0%;-moz-transform-origin:0%;transition: all .5s;}
.header-dx.cli .header-dx2{opacity: 0;transition: all .5s;}
.header-dx.cli .header-dx3{-webkit-transform: rotate(-44deg);-ms-transform: rotate(-44deg);transform: rotate(-44deg);position: relative;top:1px;transform-origin:0%;-ms-transform-origin:0%;-webkit-transform-origin:0%;-moz-transform-origin:0%;transition: all .5s;}
.header-nav{width: 100%;position: absolute;top:65px;left: 0;display: none;padding:0 15px;box-shadow: 0 10px 20px rgba(0,0,0,.075)!important;background: #fff;z-index:1;}
.header-dx{display: block;position: absolute;right:10px;top:55%;transform: translateY(-50%);}
.header-nav li{width: 100%;margin: 0;position: relative;padding:0 15px;border-bottom:1px solid #eee;}
.header-a{font-size: 16px;line-height: 55px;height: 55px;width: 90%;padding: 0; display: inline-block;}

.header-a:after{display: none;}
.header-nav li .v1{content: '';width:55px;height:55px;float: right;background: url(../img/icon_jia1.png) no-repeat right center;transition: all .3s;
-webkit-transition: all .3s;background-size:18px;z-index:22;position: absolute;right:15px;top:0;}
.header-nav li.on .v1{transform: rotate(45deg);transition: all .3s;;
-webkit-transition: all .3s;top:-15px;right:10px}
.header-b{position: relative;top: initial;left: inherit;background: initial;padding:0 0 15px 0;height:auto;display:none;}
.header-b .flex{flex-wrap: wrap;}
.header-b  .n1{display:none;}
.header-b a>div{display: none;}
.header-b a{width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);padding: 0 10px;line-height:36px;text-align: left;margin: 0;}
.top{margin:15px 0;}
.header-b a.on{color:#192350}
.header-b a::after{display:none;}
.search{padding:15px 0;overflow:hidden;}

.mtop .wp{position:relative;}
.mtop .top{background:#fff;padding:10px 15px;position:initial;top:0;margin:0;}
.mtop .link li a{display: block;font-size: .1rem;}
.mtop .link li:last-child::before{display:none;}
.mtop .link li:last-child{padding-right:0;}
}
