/*reset*/
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0;padding:0;color:#282828;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","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;min-width:1200px;}
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:#282828;transition:all .5s;}
a:active,a:hover{outline:0;color:#2468D2;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;}
.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;}
.wp{margin-left:auto;margin-right:auto;width:1200px;}
ul,li{list-style-type:none;}
ul, ol, dl{margin:0}
a,img{-webkit-touch-callout: none;}
img{border:0;max-width:100%;height:auto;vertical-align:middle;}
input::-webkit-input-placeholder,.int2::-webkit-input-placeholder{color:#bbb;font-size:14px;}
input::-moz-placeholder,.int2::-moz-placeholder{color:#bbb;font-size:14px;}
input:-ms-input-placeholder,.int2:-ms-input-placeholder{color:#bbb;font-size:14px;}
/* fonts */
.f20{font-size:20px;}
.f16{font-size:16px}
/* 上移动态 */
.transy{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.transy:hover{transform: translateY(-5px);}
/* 放大 */
.pic,.bimg{overflow:hidden;}
.biao img,.pic img{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;cursor:pointer;}
.pic img,.bimg img{display: block;}
.biao:hover img{transform: scale(1.09) !important;}
.pic:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.bimg img,.bimg2 img{transition: all 2.6s ease-in 0s; }
.bimg:hover img,.bimg2:hover img{transform: scale(1.09) !important; }
.pimg:hover{transform: scale(1.09) !important; }
.pimg{height:100%;width:100%;transition: all 2.6s ease-in 0s;}
/*flex*/
.flex{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;}
.grid{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.flex-column{flex-direction:column;}
.flex-center{justify-content:center;}
.flex-bet{justify-content:space-between;}
.flex-items{align-items:center;}
.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%;}