*{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-text-size-adjust:none;}body{font-family:"Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";font-size:14px;}html,body{width:100%;height:100%;}img{border:0;max-width:100%;}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:#E50214;text-decoration:none}.clear{clear:both;}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.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}.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}.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}.h100{height:100%}.flex{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;align-items:center;}.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;}}
.flex-s{align-items: flex-start;}
.img_fit img{object-fit: cover;height:100%;}
/* animation */
@keyframes opacity{0%{opacity: 1;transform: scale(0.9);}
50%{opacity:.6;transform: scale(1);}
100%{opacity: 1;transform: scale(0.9);};}
@keyframes fadenum{0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);};}
@keyframes bounceDown{25%{transform: translateY(-3px);}
50%,100%{transform: translateY(0);}
75%{transform: translateY(3px);};}
@keyframes scale{0%{transform: scale(0.8);}
50%{transform: scale(1);}
100%{transform: scale(0.8);};}
@keyframes mymove{0%{bottom:30px;}
100%{bottom:20px;};}
.wp{width:100%;max-width:1438px;margin-left:auto;margin-right:auto;}
.lightbox{background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;display:none;}
.c99{color:#999;}
/*网站默认滚动条的样式*/
::-webkit-scrollbar {width:8px;height:5px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb {background:#333;}
.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{display:inline-block;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;width:100%;height:100%;}
.bimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
.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)}

/* fonts */
.h100{height:100%}
.fb{font-family: SourceHanSansOLD;font-weight: bold;}
.f92{font-size:92px}
.f72{font-size:72px;}
.f60{font-size:60px;}
.f48{font-size:48px;}
.f42{font-size:42px;}
.f36{font-size:36px}
.f30{font-size:30px;}
.f28{font-size:28px}
.f25{font-size:25px}
.f24{font-size:24px;}
.f22{font-size:22px;}
.f20{font-size:20px}
.f18{font-size:18px}
.f16{font-size:16px}
.f15{font-size:15px}
.p60{padding:60px 0;}
.pb100{padding-bottom:100px}
@media screen and (max-width:1450px) {
.wp{padding:0 30px;}
.f92{font-size:50px}
.f72{font-size:45px;}
.f60{font-size:35px;}
.f48{font-size:36px;}
.f42{font-size:34px;}
.f36{font-size:32px}
.f30{font-size:26px;}
.f28{font-size:24px}
.f25{font-size:22px}
.f24{font-size:21px;}
.f22{font-size:18px;}
.f20{font-size:17px}
.f18{font-size:16px}
.f16{font-size:15px}
.f15{font-size:14px}
.p60{padding:40px 0;}
}
@media screen and (max-width:980px) {
/* fonts */
.f92{font-size:28px}
.f72{font-size:26px;}
.f60{font-size:23px;}
.f48{font-size:22px;}
.f42{font-size:21px;}
.f36{font-size:20px}
.f30{font-size:18px;}
.f28{font-size:18px}
.f25{font-size:18px}
.f24{font-size:18px;}
.f22{font-size:17px;}
.f20{font-size:16px}
.f18{font-size:15px}
.f16{font-size:14px}
.f15{font-size:13px}
.p60{padding:25px 0;}
.pb100{padding-bottom:40px}
::-webkit-scrollbar {width:3px;height:3px;}
img{max-width:100%;height:auto;}
.wp{padding:0 15px!important}
.mgrid{ flex-wrap: wrap!important;} 
.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}
}
@keyframes mymove{0%{bottom:25px}
100%{bottom:45px}
}
/* common */
header{width: 100%;position: fixed;top:0;left:0;z-index: 221;transition: all .3s;background:rgba(255,255,255,.1);border-bottom: 1px solid rgba(255,255,255,.1);height:88px;}
header .wp{height:100%}
header .nav{display: flex;align-items: center;justify-content: space-between;}
header .nav ul{display: flex;}
header .nav ul li{margin-right:52px;height:88px;line-height:88px;position: relative;}
header .nav ul li:last-child{margin-right: 0;}
header .nav ul li a{display: block;font-size: 16px;color: #fff;}
header .nav ul li::before{content:"";width:0;height:4px;background:#B81C22;position: absolute;bottom:-1px;left:50%;transform: translateX(-50%);transition:all ease .3s;border-radius:2px;}
header .nav ul li:hover::before,header .nav ul li.on::before{width:26px;}
header .nav ul li:hover a,header .nav ul li.on a{color:#E50214!important}
header .nav ul li .down{position: absolute;width: 150px;left:50%;transform: translateX(-50%);top:88px; display: none;text-align: center;background:rgba(255,255,255,.7);padding: 10px 0;font-size:16px;overflow: hidden;height:auto;}
header .nav ul li .down a{display: block;font-size: 14px;color: #333!important;position: relative;line-height:40px;}
header .nav ul li .down a:hover {color: #CC0000!important;}
header .m_nav,header .m_nav.show{display: none!important;}
header.open{background:none!important;border:0!important;}
header.open .nav{display:none;}
header .logo2{display:none;}
header.fix{background:#fff;border-bottom: 1px solid #e5e5e5;}
header.fix .logo2{display:inline-block;}
header.fix .logo1{display:none;}
header.fix .nav ul li a{color:#333;}
header.fix .nav ul li .down{background:#fff;}
header.fix .nav ul li .down{box-shadow: 0 1px 5px rgba(0,0,0,.115)!important;}
/* footer */
.footer{background:#272525}
.footer .ft1{color:#ccc;}
.footer .footer_nav li{min-width:100px;}
.footer .footer_nav .title{color:#ccc;font-size:16px;font-weight: bold;}
.footer .footer_nav .title a{color:#ccc}
.footer .footer_nav .title a:hover{color:#fff}
.footer .footer_nav ul{padding:6px 0}
.footer .footer_nav .dd{margin-top:10px}
.footer .footer_nav .dd li{height:28px;line-height:28px;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width:100%;}
.footer .footer_nav .dd a{color:#ccc}
.footer .footer_nav .dd a:hover{color:#fff!important}
.footer .qrcode{text-align:center;margin-left:4vw;width:114px;flex-shrink:0;}
.footer .qrcode .ewm{margin-bottom:10px}
.footer .lxfs .lx2{line-height:24px;margin-top:15px;}
.footer .copyright{padding:23px 0;border-top:1px solid rgba(255,255,255,0.08);color:#ccc;text-align:center}
.footer .copyright a{color:#ccc}
.footer .copyright a:hover{color:#fafafa}
@media (max-width:1700px) {
    header .nav{padding-right:40px;}
    header .nav ul li{margin-right:35px;}
    }
    @media (max-width:1600px) {
    header .nav{padding-right:110px;}
    .home header .logo{margin-right:30px;}
    }
@media (max-width:1220px) {
    .grid-middle{padding:10px 0}
    .grid-middle>.grid{margin:-10px}
    .grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:10px}  
    header .nav ul li{margin-right:20px;} 
}
@media (max-width:980px) {
body{font-size:13px;}
header{padding:12px 0;height:auto;}
header .fold{display:none!important;}
header .nav ul{display: none;}
header .logo img{height:35px;max-width:unset;vertical-align:middle;}
header .btn{width:60px;height:60px;background:#b81c22 url(../img/icon_caidan1.png) no-repeat center;text-align:center;z-index:22;cursor:pointer;position: absolute;right:0;top:0;z-index:2;line-height:60px;background-size:60px;}
header .btn:hover span:nth-child(1){transform: translate(0,0px);}
header .btn:hover span:nth-child(2){transform: translate(0,8px);width: 24px;}
header .btn:hover span:nth-child(3){transform: translate(0,16px);}
header .nav .lang{width:28px;height:28px;line-height:28px;font-size:12px;position: absolute;right:55px;top:48%;transform: translateY(-50%);margin-left:0;}
header .m_nav{display: block!important;position: absolute;left: 110%;top:60px; width: 100%;background-color: #fff;height: 100vh;transition: all 0.5s ease-out;}
header .m_nav.show{left:0;display: block!important;}
header.open2 .btn{background:#b81c22 url(../img/icon_cd2.png) no-repeat center;}
header.open2{background: #fff!important;border-bottom:1px solid #eee;}
header.open2 .logo1{display:none;}
header.open2 .logo2{display:inline-block;}
/* menu */
.m_center{padding:0 0 30px 0;text-align: left;}
.m_center .li{border-bottom:1px solid #eee;padding:0 15px;position:relative;}
.m_center .li>a{font-size: 16px;line-height:45px;position: relative;color: #333;display: block;}
.m_center .li>a.on{color:#B81C22;}
.m_center .li.on>a{color: #B81C22;}
.m_center .li.on>a:after{background-color: #B81C22;}
.m_center .li ul{text-indent:1em;display: none;padding-bottom:10px!important;}
.m_center .li ul a{line-height: 30px;font-size: 14px;}
.m_center .li ul a:hover{color: #B81C22;}
.m_center .li i{position: absolute;right:0;top:-4px;}
.m_center .li i::before{content: "";position: absolute;top:0;right:5px;width:25px;height:45px;background: url(../img/pr_jt.png)no-repeat center;transition: all 0.3s;}
.m_center .li.on i:before{transform: rotate(90deg);}
.m_center .li:nth-child(1):after{display:none;}
header.on{height: auto;}
.m_center .right{display: flex;align-items: center;}
.m_center .right .solid{width: 1px;height: 8px;background-color: #333333;margin-right: 10px;}
.m_center .right a{display: flex;justify-content: center;align-items: center; margin-right: 10px;}
.m_center .right a img{width: 13px;}
.footer .lxfs .lx2{margin-top:5px;}
.footer .qrcode{width:100px;}
.footer .qrcode .ewm{margin-bottom:4px;}
.footer .ft1 .lxb{justify-content: space-between;}
.footer .copyright{padding:15px 0;font-size:12px;}
}
@media (max-width:750px) {
.x12{width:100%!important}
}
    
