@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
/* sup{vertical-align:text-top} */
/* sub{vertical-align:text-bottom} */
textarea{resize:none;outline: none;font-family: Arial,Microsoft Yahei;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{font-size: 14px;color: #000;font-family: Arial,Microsoft Yahei;}
body *{box-sizing: border-box;line-height: 1;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
    html{font-size: calc(900px / 1920 * 100);}
}

@media(min-width: 1921px){
    .s0{font-size: 0;}
    .s12{font-size: calc(12 * 100vw / 1920);}
    .s13{font-size: calc(13 * 100vw / 1920);}
    .s14{font-size: calc(14 * 100vw / 1920);}
    .s15{font-size: calc(15 * 100vw / 1920);}
    .s16{font-size: calc(16 * 100vw / 1920);}
    .s17{font-size: calc(17 * 100vw / 1920);}
    .s18{font-size: calc(18 * 100vw / 1920);}
    .s19{font-size: calc(19 * 100vw / 1920);}
    .s20{font-size: calc(20 * 100vw / 1920);}
    .s21{font-size: calc(21 * 100vw / 1920);}
    .s22{font-size: calc(22 * 100vw / 1920);}
    .s23{font-size: calc(23 * 100vw / 1920);}
    .s24{font-size: calc(24 * 100vw / 1920);}
    .s25{font-size: calc(25 * 100vw / 1920);}
    .s26{font-size: calc(26 * 100vw / 1920);}
    .s27{font-size: calc(27 * 100vw / 1920);}
    .s28{font-size: calc(28 * 100vw / 1920);}
    .s29{font-size: calc(29 * 100vw / 1920);}
    .s30{font-size: calc(30 * 100vw / 1920);}
    .s31{font-size: calc(31 * 100vw / 1920);}
    .s32{font-size: calc(32 * 100vw / 1920);}
    .s33{font-size: calc(33 * 100vw / 1920);}
    .s34{font-size: calc(34 * 100vw / 1920);}
    .s35{font-size: calc(35 * 100vw / 1920);}
    .s36{font-size: calc(36 * 100vw / 1920);}
    .s37{font-size: calc(37 * 100vw / 1920);}
    .s38{font-size: calc(38 * 100vw / 1920);}
    .s39{font-size: calc(39 * 100vw / 1920);}
    .s40{font-size: calc(40 * 100vw / 1920);}
    .s41{font-size: calc(41 * 100vw / 1920);}
    .s42{font-size: calc(42 * 100vw / 1920);}
    .s43{font-size: calc(43 * 100vw / 1920);}
    .s44{font-size: calc(44 * 100vw / 1920);}
    .s45{font-size: calc(45 * 100vw / 1920);}
    .s46{font-size: calc(46 * 100vw / 1920);}
    .s47{font-size: calc(47 * 100vw / 1920);}
    .s48{font-size: calc(48 * 100vw / 1920);}
    .s49{font-size: calc(49 * 100vw / 1920);}
    .s50{font-size: calc(50 * 100vw / 1920);}
    .s51{font-size: calc(51 * 100vw / 1920);}
    .s52{font-size: calc(52 * 100vw / 1920);}
    .s53{font-size: calc(53 * 100vw / 1920);}
    .s54{font-size: calc(54 * 100vw / 1920);}
    .s55{font-size: calc(55 * 100vw / 1920);}
    .s56{font-size: calc(56 * 100vw / 1920);}
    .s57{font-size: calc(57 * 100vw / 1920);}
    .s58{font-size: calc(58 * 100vw / 1920);}
    .s59{font-size: calc(59 * 100vw / 1920);}
    .s60{font-size: calc(60 * 100vw / 1920);}
}
@media(max-width: 1920px) and (min-width: 551px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 100vw / 1920);}
    .s14{font-size: calc(12px + 2 * 100vw / 1920);}
    .s15{font-size: calc(12px + 3 * 100vw / 1920);}
    .s16{font-size: calc(12px + 4 * 100vw / 1920);}
    .s17{font-size: calc(12px + 5 * 100vw / 1920);}
    .s18{font-size: calc(12px + 6 * 100vw / 1920);}
    .s19{font-size: calc(12px + 7 * 100vw / 1920);}
    .s20{font-size: calc(12px + 8 * 100vw / 1920);}
    .s21{font-size: calc(12px + 9 * 100vw / 1920);}
    .s22{font-size: calc(12px + 10 * 100vw / 1920);}
    .s23{font-size: calc(12px + 11 * 100vw / 1920);}
    .s24{font-size: calc(12px + 12 * 100vw / 1920);}
    .s25{font-size: calc(12px + 13 * 100vw / 1920);}
    .s26{font-size: calc(12px + 14 * 100vw / 1920);}
    .s27{font-size: calc(12px + 15 * 100vw / 1920);}
    .s28{font-size: calc(12px + 16 * 100vw / 1920);}
    .s29{font-size: calc(12px + 17 * 100vw / 1920);}
    .s30{font-size: calc(12px + 18 * 100vw / 1920);}
    .s31{font-size: calc(12px + 19 * 100vw / 1920);}
    .s32{font-size: calc(12px + 20 * 100vw / 1920);}
    .s33{font-size: calc(12px + 21 * 100vw / 1920);}
    .s34{font-size: calc(12px + 22 * 100vw / 1920);}
    .s35{font-size: calc(12px + 23 * 100vw / 1920);}
    .s36{font-size: calc(12px + 24 * 100vw / 1920);}
    .s37{font-size: calc(12px + 25 * 100vw / 1920);}
    .s38{font-size: calc(12px + 26 * 100vw / 1920);}
    .s39{font-size: calc(12px + 27 * 100vw / 1920);}
    .s40{font-size: calc(12px + 28 * 100vw / 1920);}
    .s41{font-size: calc(12px + 29 * 100vw / 1920);}
    .s42{font-size: calc(12px + 30 * 100vw / 1920);}
    .s43{font-size: calc(12px + 31 * 100vw / 1920);}
    .s44{font-size: calc(12px + 32 * 100vw / 1920);}
    .s45{font-size: calc(12px + 33 * 100vw / 1920);}
    .s46{font-size: calc(12px + 34 * 100vw / 1920);}
    .s47{font-size: calc(12px + 35 * 100vw / 1920);}
    .s48{font-size: calc(12px + 36 * 100vw / 1920);}
    .s49{font-size: calc(12px + 37 * 100vw / 1920);}
    .s50{font-size: calc(12px + 38 * 100vw / 1920);}
    .s51{font-size: calc(12px + 39 * 100vw / 1920);}
    .s52{font-size: calc(12px + 40 * 100vw / 1920);}
    .s53{font-size: calc(12px + 41 * 100vw / 1920);}
    .s54{font-size: calc(12px + 42 * 100vw / 1920);}
    .s55{font-size: calc(12px + 43 * 100vw / 1920);}
    .s56{font-size: calc(12px + 44 * 100vw / 1920);}
    .s57{font-size: calc(12px + 45 * 100vw / 1920);}
    .s58{font-size: calc(12px + 46 * 100vw / 1920);}
    .s59{font-size: calc(12px + 47 * 100vw / 1920);}
    .s60{font-size: calc(12px + 48 * 100vw / 1920);}
}
@media(max-width: 550px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 550px / 1920);}
    .s14{font-size: calc(12px + 2 * 550px / 1920);}
    .s15{font-size: calc(12px + 3 * 550px / 1920);}
    .s16{font-size: calc(12px + 4 * 550px / 1920);}
    .s17{font-size: calc(12px + 5 * 550px / 1920);}
    .s18{font-size: calc(12px + 6 * 550px / 1920);}
    .s19{font-size: calc(12px + 7 * 550px / 1920);}
    .s20{font-size: calc(12px + 8 * 550px / 1920);}
    .s21{font-size: calc(12px + 9 * 550px / 1920);}
    .s22{font-size: calc(12px + 10 * 550px / 1920);}
    .s23{font-size: calc(12px + 11 * 550px / 1920);}
    .s24{font-size: calc(12px + 12 * 550px / 1920);}
    .s25{font-size: calc(12px + 13 * 550px / 1920);}
    .s26{font-size: calc(12px + 14 * 550px / 1920);}
    .s27{font-size: calc(12px + 15 * 550px / 1920);}
    .s28{font-size: calc(12px + 16 * 550px / 1920);}
    .s29{font-size: calc(12px + 17 * 550px / 1920);}
    .s30{font-size: calc(12px + 18 * 550px / 1920);}
    .s31{font-size: calc(12px + 19 * 550px / 1920);}
    .s32{font-size: calc(12px + 20 * 550px / 1920);}
    .s33{font-size: calc(12px + 21 * 550px / 1920);}
    .s34{font-size: calc(12px + 22 * 550px / 1920);}
    .s35{font-size: calc(12px + 23 * 550px / 1920);}
    .s36{font-size: calc(12px + 24 * 550px / 1920);}
    .s37{font-size: calc(12px + 25 * 550px / 1920);}
    .s38{font-size: calc(12px + 26 * 550px / 1920);}
    .s39{font-size: calc(12px + 27 * 550px / 1920);}
    .s40{font-size: calc(12px + 28 * 550px / 1920);}
    .s41{font-size: calc(12px + 29 * 550px / 1920);}
    .s42{font-size: calc(12px + 30 * 550px / 1920);}
    .s43{font-size: calc(12px + 31 * 550px / 1920);}
    .s44{font-size: calc(12px + 32 * 550px / 1920);}
    .s45{font-size: calc(12px + 33 * 550px / 1920);}
    .s46{font-size: calc(12px + 34 * 550px / 1920);}
    .s47{font-size: calc(12px + 35 * 550px / 1920);}
    .s48{font-size: calc(12px + 36 * 550px / 1920);}
    .s49{font-size: calc(12px + 37 * 550px / 1920);}
    .s50{font-size: calc(12px + 38 * 550px / 1920);}
    .s51{font-size: calc(12px + 39 * 550px / 1920);}
    .s52{font-size: calc(12px + 40 * 550px / 1920);}
    .s53{font-size: calc(12px + 41 * 550px / 1920);}
    .s54{font-size: calc(12px + 42 * 550px / 1920);}
    .s55{font-size: calc(12px + 43 * 550px / 1920);}
    .s56{font-size: calc(12px + 44 * 550px / 1920);}
    .s57{font-size: calc(12px + 45 * 550px / 1920);}
    .s58{font-size: calc(12px + 46 * 550px / 1920);}
    .s59{font-size: calc(12px + 47 * 550px / 1920);}
    .s60{font-size: calc(12px + 48 * 550px / 1920);}
}

@media(max-width: 750px){
    .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}
    .z2,
    .z3,
    .z4,
    .z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .z2{width: 49% !important;}
    .z3{width: 32% !important;}
    .z4{width: 23.5% !important;}
    .z5{width: 18.4% !important;}
    .z2:nth-child(2n),
    .z3:nth-child(3n),
    .z4:nth-child(4n),
    .z5:nth-child(5n){margin-right: 0 !important;}
    
    .l1{padding-left: 10px !important;}
    .r1{padding-right: 10px !important;}
    .t1{padding-top: 10px !important;}
    .b1{padding-bottom: 10px !important;}
    .l2{padding-left: 20px !important;}
    .r2{padding-right: 20px !important;}
    .t2{padding-top: 20px !important;}
    .b2{padding-bottom: 20px !important;}
    .l3{padding-left: 30px !important;}
    .r3{padding-right: 30px !important;}
    .t3{padding-top: 30px !important;}
    .b3{padding-bottom: 30px !important;}
}


.a-a{width: 100%;position: relative;}
.a-banner{width: 100%;}
.a-b{position: relative;}
.a-c{display: block;width: 100%;height: 5rem; background-size: cover;background-position: center center;}
.a-banner .swiper-pagination-bullet{width: 2px;height: .6rem;background-color: #303030;opacity: 1;border-radius: 0;}
.a-banner .swiper-pagination-bullet-active{background-color: #fff;}
.a-banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.a-banner.swiper-container-horizontal>.swiper-pagination-bullets{width: 2px;left: auto;right: .6rem;bottom: 50%;font-size: 0;transform: translate(0,50%);}
.a-go{width: .35rem;height: .94rem;cursor: pointer;background-image: url(../images/m2.png);position: absolute;left: 50%;margin-left: -0.175rem;bottom: 0;z-index: 12345;background-size: 100% 100%;}
.a-total{position: absolute;right: .6rem;top: 50%;margin-top: 1.1rem;transform: translate(50%,0);letter-spacing: .4em;padding-top: .4em;color: #fff;opacity: 0.3;z-index: 12345;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;writing-mode: tb-rl;}
.a-cur{position: absolute;right: .6rem;bottom: 50%;margin-bottom: 1.1rem;transform: translate(50%,0);letter-spacing: .4em;padding-top: .4em;color: #fff;z-index: 12345;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;writing-mode: tb-rl;}
@media(max-width: 900px){
    .a-c{height: 0;padding-top: 26%;}
    .a-go{display: none;}
    .a-banner.swiper-container-horizontal>.swiper-pagination-bullets{right: 14px;}
    .a-cur{font-size: 12px;margin-bottom: 1rem;right: 15px;}
    .a-total{font-size: 12px;margin-top: 1rem;right: 15px;}
}


body{padding-top: 1rem;}
header{width: 100%;height: 1rem;position: fixed;left: 0;top: 0;z-index: 98765;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.1);}
.h-a{width: 100%;padding-left: .4rem;}
.h-b{float: left;display: block;margin-top: .27rem;}
.h-c{height: .43rem;vertical-align: top;}
.h-right{float: right;font-size: 0;padding-right: .7rem;}
.h-nav{display: inline-block;vertical-align: top;font-size: 0;transition: all .3s;}
.h-d{display: inline-block;vertical-align: top;margin-right: .36rem;}
.h-e{display: block;line-height: 1rem;height: 1rem;border-bottom: 0.03rem solid transparent;font-weight: bold;font-size: 0.94vw;color: #333;}
.h-sub{position: fixed;left: 0;top: 1rem;border-top: 0px solid transparent;background-color: #fff;z-index: 987654;padding: 0;max-height: 0;transition: all .5s;overflow: hidden;width: 100%;}
.h-links{float: left;width: 58.6%;margin-left: 2.6%;font-size: 0;padding-top: .1rem;}
.h-li{display: inline-block;vertical-align: top;width: 33.333%;margin-bottom: .22rem;}
.h-link{display: inline-block;vertical-align: top;font-size: 1vw;color: #333;line-height: 1.5;padding-right: 5px;}
.h-li.active .h-link{color: #e10011;text-decoration: underline;font-weight: bold;}
.h-av{float: left;width: 36.458%;display: block;}
.h-avt{width: 100%;display: none;}
.h-avt.show{display: inline-block;}
.h-search{width: .4rem;height: .4rem;background-image: url(../images/m5.png);position: absolute;right: 30px;top: 50%;margin-top: -.2rem;cursor: pointer;background-repeat: no-repeat;background-position: center center;background-size: .21rem .21rem;}
.h-sch{display:none;width:260px;height:80px;padding:25px;position:fixed;right: 0;top: 1rem;z-index:127;background-color:#fff;}
.h-form{width:100%;font-size:0;}
.h-m{width:180px;height:30px;line-height:30px;border:1px solid #ccc;vertical-align:top;background-color:transparent;font-size:14px;color:#333;padding:0 10px;}
.h-n{width:30px;height:30px;border:1px solid #ccc;background-color:transparent;border-left:none;background-image:url(../images/m5.png);background-repeat:no-repeat;background-position:center center;background-size: 16px 16px;font-size:0;cursor:pointer;}
.h-opa{left: -100vw;opacity: 0;transition: opacity .3s;width: 100%;height: 100vh;position: fixed;top: 0;background-color: rgba(0,0,0,0.5);z-index: 122;}

header.show-search .h-sch{display:block;}
header.show-search .h-opa{left: 0;opacity: 1;}

.h-top{width: 100%;text-align: right;font-size: 0;padding-right: .5rem;font-size: 0;position: absolute;right: 0;top: 10px;}
.h-top-link{display: inline-block;vertical-align: top;font-size: 14px;color: #333;font-weight: bold;margin-left: 2em;position: relative;}
.h-top-link:before{content: "|";position: absolute;left: -1em;top: 50%;margin-top: -0.6em;line-height: 1;}
.h-top-link:first-child{margin-left: 0;}
.h-top-link:first-child:before{display: none;}
.h-nav{padding-top: .3rem;position: relative;}
.h-d{margin-right: .5rem;}
.h-e{line-height: 0.7rem;height: 0.7rem;}
@media(min-width: 1201px){
    .h-d:hover .h-sub{max-height: 70vh;padding: .3rem 0;border-top: 1px solid #ddd;}
    .h-d:hover .h-e{color: #e10011;border-color: #e10011;}
    .h-link:hover{color: #e10011;text-decoration: underline;font-weight: bold;}

    .h-top-link:hover{text-decoration: underline;color: #e10011;}
    .h-top-link:hover:before{color: #333;}
}
@media(max-width: 1700px){
    .h-top-link{font-size: 12px;}
}
@media(max-width: 1200px){
    body{padding-top: 50px;}
    header{height: 50px;position: fixed;left: 0;top: 0;z-index: 1234567;}
    .h-a{width: 100%;padding-left: 5px;}
    .h-b{margin-top: 12px;}
    .h-c{height: 26px;}
    .h-nav{width: 260px;height: 100vh;overflow: auto;position: fixed;right: -260px;top: 0;background-color: #fff;z-index: 125;padding-top: 10px;padding-bottom: 10px;}
    .h-d{display: block;width: 100%;}
    .h-e{display: block;padding-left: 20px;height: 40px;line-height: 40px;width: 100%;text-align: left;font-size: 14px;}
    .h-menu{width: 50px;height: 50px;position: absolute;right: 0;top: 0;background-size: 30px 30px;background-image: url(../images/m6.png);background-repeat: no-repeat;background-position: center center;cursor: pointer;}
    .h-search{width: 50px;height: 50px;position: absolute;right: 50px;top: 0;margin-top: 0;background-size: 18px 18px;}
    header.show-menu .h-opa{left: 0;opacity: 1;}
    header.show-menu .h-nav{right: 0;}
    .h-sch{right: 50%;margin-right: -130px;top: 50px;}
    .h-sub{position: relative;top: 0;max-height: none;padding-left: 40px;padding-bottom: 10px;display: none;transition: all 0s;}
    .h-links{float: none;width: 100%;margin-left: 0;}
    .h-li{width: 100%;margin-bottom: 0;}
    .h-links{padding-top: 0;}
    .h-link{width: 100%;font-size: 12px;line-height: 1.5;padding: 5px 0;margin-bottom: 0;padding-right: 10px;}
    .h-av{float: none;width: 100%;padding-right: 10px;}
    .h-d{position: relative;}
    .h-d.has-nav:after{content: "+";display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}
    .h-d.has-nav.show:after{content: "-";}
    .h-avt.show{display: none;}

    .h-top{margin-bottom: 10px;position: relative;top: 0;margin-top: 10px;text-align: left;padding-left: 20px;}
    .h-top-link{line-height: 30px;margin-left: 14px;}
    .h-top-link:before{left: -7px;}
}

main {
  width: 100%;
}

main .main-news-list {
  width: 100%;
  padding-top: .22rem;
}

main .main-news-list .news-list-container {
  width: 18.2rem;
  margin: 0 auto;
}

main .main-news-list .news-list-container .hot-spot-container {
  width: 100%;
  font-size: 0;
  position: relative;
  margin-bottom: 1rem;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-img {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 8.8rem;
  height: 5.9rem;
  z-index: 1;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-img:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap {
  float: right;
  width: 13.2rem;
  height: 6.66rem;
  background-color: #f2f2f2;
  padding-top: 1.2rem;
  padding-left: 4.4rem;
  padding-right: .7rem;
  position: relative;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-time {
  width: 100%;
  font-family: Arial;
  color: #000000;
  margin-bottom: .26rem;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-title {
  width: 100%;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.54;
  color: #000000;
  margin-bottom: .4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor: pointer;
}
main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-title:hover{
  color: #e10011;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-text {
  width: 100%;
  height: 7em;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-text p {
  font-family: Arial;
  line-height: 1.7;
  color: #000000;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-text .mCSB_scrollTools {
  opacity: 1;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-text .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: none;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #e10011;
  border-radius: 6px;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-text .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-text .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #e10011;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-text .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #e10011;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .more {
  position: absolute;
  bottom: .8rem;
  left: 4.4rem;
  cursor: pointer;
  width: .42rem;
  height: .14rem;
  display: block;
}

main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .more img {
  width: 100%;
  height: 100%;
}

main .main-news-list .news-list-container .news-list-wrap {
  width: 100%;
  overflow: hidden;
  margin-bottom: .2rem;
}

main .main-news-list .news-list-container .news-list-wrap .wrap {
  width: calc(100% + .6rem);
  font-size: 0;
}

main .main-news-list .news-list-container .news-list-wrap .wrap .item {
  width: 8.8rem;
  margin-right: .6rem;
  position: relative;
  display: inline-block;
  margin-bottom: .6rem;
  vertical-align: top;
}

main .main-news-list .news-list-container .news-list-wrap .wrap .item .item-img {
  width: 5rem;
  overflow: hidden;
  display: block;
  cursor: pointer;
}

main .main-news-list .news-list-container .news-list-wrap .wrap .item .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .main-news-list .news-list-container .news-list-wrap .wrap .item .item-content {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-color: #fff;
  width: 4.6rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .4rem;
  padding-right: .3rem;
}

main .main-news-list .news-list-container .news-list-wrap .wrap .item .item-content .content-time {
  width: 100%;
  font-family: Arial;
  color: #000000;
  margin-bottom: .26rem;
}

main .main-news-list .news-list-container .news-list-wrap .wrap .item .item-content .content-title {
  width: 100%;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.36;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: .33rem;
  cursor: pointer;
}

main .main-news-list .news-list-container .news-list-wrap .wrap .item .item-content .content-text {
  width: 100%;
  font-family: Arial;
  line-height: 1.5;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

main .main-news-list .news-list-container .news-list-wrap .wrap .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .main-news-list .news-list-container .news-list-wrap .wrap .item:hover .item-content .content-time {
  color: #e10011;
}

main .main-news-list .news-list-container .news-list-wrap .wrap .item:hover .item-content .content-title {
  color: #e10011;
}

@media (max-width: 900px) {
  main .main-news-list .news-list-container {
    width: 100%;
    padding: 0 10px;
  }
  main .main-news-list .news-list-container .hot-spot-container {
    width: 100%;
    position: static;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 1rem;
  }
  main .main-news-list .news-list-container .hot-spot-container .hot-spot-img {
    position: static;
    display: block;
    width: 100%;
    -webkit-transform: translate(0);
            transform: translate(0);
    height: auto;
  }
  main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap {
    float: none;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
  }
  main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .hot-spot-text {
    height: auto;
    margin-bottom: 35px;
  }
  main .main-news-list .news-list-container .hot-spot-container .hot-spot-wrap .more {
    position: static;
  }
  main .main-news-list .news-list-container .news-list-wrap {
    width: 100%;
  }
  main .main-news-list .news-list-container .news-list-wrap .wrap {
    width: 103%;
  }
  main .main-news-list .news-list-container .news-list-wrap .wrap .item {
    width: 47%;
    margin-right: 3%;
  }
  main .main-news-list .news-list-container .news-list-wrap .wrap .item .item-img {
    display: block;
    width: 100%;
  }
  main .main-news-list .news-list-container .news-list-wrap .wrap .item .item-content {
    width: 100%;
    position: static;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@media (max-width: 450px) {
  main .main-news-list .news-list-container .news-list-wrap .wrap {
    width: 100%;
  }
  main .main-news-list .news-list-container .news-list-wrap .wrap .item {
    width: 100%;
    margin-right: 0;
  }
}

main .main-news-details {
  width: 100%;
}

main .main-news-details .news-details-container {
  width: 15.2rem;
  margin: 0 auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

main .main-news-details .news-details-container .details-container {
  float: left;
  width: 9.8rem;
}

main .main-news-details .news-details-container .details-container .details-content {
  width: 100%;
  padding-bottom: .15rem;
  border-bottom: 1px dashed #c1c1c1;
}

main .main-news-details .news-details-container .details-container .details-content .details-title {
  width: 100%;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.3;
  color: #222222;
  margin-bottom: .45rem;
}

main .main-news-details .news-details-container .details-container .details-content .date-font {
  width: 100%;
  font-size: 0;
}

main .main-news-details .news-details-container .details-container .details-content .date-font .date {
  display: inline-block;
  font-family: Arial;
  color: #222222;
  margin-right: .35rem;
}

main .main-news-details .news-details-container .details-container .details-content .date-font .font {
  display: inline-block;
  font-family: Alibaba-PuHuiTi-R;
  color: #222222;
}

main .main-news-details .news-details-container .details-container .content {
  width: 100%;
  padding-top: .55rem;
  padding-bottom: .4rem;
}

main .main-news-details .news-details-container .details-container .content p {
  font-family: ArialMT;
  font-size: calc(12px - .12rem + .18rem);
  line-height: 1.7;
  color: #222222;
}

main .main-news-details .news-details-container .details-container .previous-next {
  width: 100%;
  padding-top: .4rem;
  border-top: 1px dashed #c1c1c1;
}

main .main-news-details .news-details-container .details-container .previous-next .item {
  font-family: Arial;
  font-size: 16px;
  color: #666666;
  cursor: pointer;
}

main .main-news-details .news-details-container .details-container .previous-next .item:first-child {
  float: left;
}

main .main-news-details .news-details-container .details-container .previous-next .item:last-child {
  float: right;
}

main .main-news-details .news-details-container .details-container .previous-next .item:hover {
  color: #e10011;
}

main .main-news-details .news-details-container .details-list {
  float: right;
  width: 3.4rem;
  padding-top: 1.1rem;
}

main .main-news-details .news-details-container .details-list .list-title {
  width: 100%;
  font-family: Arial;
  font-weight: bold;
  color: #222222;
  margin-bottom: .2rem;
}

main .main-news-details .news-details-container .details-list .item {
  width: 100%;
  margin-bottom: .3rem;
  display: block;
  cursor: pointer;
}

main .main-news-details .news-details-container .details-list .item .item-img {
  width: 100%;
  margin-bottom: .18rem;
  overflow: hidden;
}

main .main-news-details .news-details-container .details-list .item .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .main-news-details .news-details-container .details-list .item .item-content {
  width: 100%;
}

main .main-news-details .news-details-container .details-list .item .item-content .content-time {
  width: 100%;
  font-family: Arial;
  color: #222222;
  margin-bottom: .15rem;
}

main .main-news-details .news-details-container .details-list .item .item-content .content-title {
  width: 100%;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.4;
  color: #222222;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

main .main-news-details .news-details-container .details-list .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .main-news-details .news-details-container .details-list .item:hover .item-content .content-title {
  color: #e10011;
}

@media (max-width: 900px) {
  main .main-news-details .news-details-container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  main .main-news-details .news-details-container .details-container {
    float: none;
    width: 100%;
    display: block;
    margin-bottom: 50px;
  }
  main .main-news-details .news-details-container .details-list {
    float: none;
    width: 100%;
    display: block;
    font-size: 0;
    overflow: hidden;
  }
  main .main-news-details .news-details-container .details-list .item {
    width: 48%;
    display: inline-block;
  }
  main .main-news-details .news-details-container .details-list .item:nth-child(n) {
    float: left;
  }
  main .main-news-details .news-details-container .details-list .item:nth-child(2n) {
    float: right;
  }
}

@media (max-width: 450px) {
  main .main-news-details .news-details-container .details-list .item {
    width: 100%;
    display: block;
  }
  main .main-news-details .news-details-container .details-list .item:nth-child(n) {
    float: none;
  }
  main .main-news-details .news-details-container .details-list .item:nth-child(2n) {
    float: none;
  }
}

footer {
  width: 100%;
  background-color: #000000;
}

footer .f-a {
  width: 100%;
  padding-top: .86rem;
  padding-bottom: .6rem;
  position: relative;
}

footer .f-a .f-container {
  width: 18.2rem;
  margin: 0 auto;
  font-size: 0;
  padding-left: .25rem;
  padding-right: .25rem;
}

footer .f-a .f-container .f-item {
  display: inline-block;
  width: 20%;
  vertical-align: top;
}

footer .f-a .f-container .f-item .f-item-title {
  width: 100%;
  font-family: Arial;
  color: #ffffff;
  margin-bottom: .3rem;
  cursor: pointer;
  display: block;
  font-size: 0.833vw;
}

footer .f-a .f-container .f-item .f-item-title:hover {
  color: #e10011;
  font-weight: bold;
}

footer .f-a .f-container .f-item .f-item-text {
  width: 100%;
  font-family: Arial;
  line-height: 1.86;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  display: block;
  font-size: 0.7291vw;
}

footer .f-a .f-container .f-item .f-item-text:hover {
  color: #e10011;
  font-weight: bold;
}

footer .f-a:before {
  content: '';
  width: 50%;
  height: .06rem;
  background-color: #e10011;
  position: absolute;
  top: 0;
  left: 0;
}

footer .f-b {
  width: 100%;
  padding-top: .25rem;
  padding-bottom: .25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0;
}

footer .f-b .f-container {
  width: 18.2rem;
  margin: 0 auto;
}

footer .f-b .f-container .f-text {
  float: left;
  font-family: Arial;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.833vw;
  line-height: .42rem;
}

footer .f-b .f-container .f-share {
  float: right;
  font-size: 0;
  text-align: right;
}

footer .f-b .f-container .f-share .share {
  display: inline-block;
  cursor: pointer;
  width: .42rem;
  height: .42rem;
  border-radius: 50%;
  margin-left: .2rem;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

footer .f-b .f-container .f-share .share img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

footer .f-b .f-container .f-share .share:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

@media (max-width: 1280px) {
    footer .f-a{
        overflow: hidden;
    }
  footer .f-a .f-container {
    width: calc(100% + 20px);
    padding: 0 10px;
  }
  footer .f-a .f-container .f-item {
    width: 100%;
    margin-bottom: 20px;
  }
  footer .f-a .f-container .f-item:last-child{
    margin-bottom: 0;
  }
  footer .f-a .f-container .f-item .f-item-title {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
  }
  footer .f-a .f-container .f-item .f-item-text {
    display: inline-block;
    width: auto;
    padding-right: 20px;
    font-size: 12px;
  }
  footer .f-b .f-container .f-text{
    font-size: 12px;
  }
}

@media (max-width: 900px) {
  footer .f-b .f-container {
    width: 100%;
    padding: 0 10px;
  }
  footer .f-b .f-container .f-text {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  footer .f-b .f-container .f-share {
    width: 100%;
    float: none;
    text-align: left;
  }
  footer .f-b .f-container .f-share .share {
    margin-left: 0;
    margin-right: 10px;
    width: 30px;
    height: 30px;
  }
}

main .index-about-news {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ffffff;
  padding-top: .8rem;
  padding-bottom: .6rem;
}

main .index-news-event {
  width: 100%;
}

main .index-news-event .news-event-container {
  width: 18.2rem;
  margin: 0 auto;
}

main .index-news-event .news-event-container .title-box {
  width: 100%;
}

main .index-news-event .news-event-container .title-box .title {
  width: 100%;
  text-align: center;
  font-family: Arial;
  font-weight: bold;
  color: #000000;
}

main .index-news-event .news-event-container .view-more-container {
  width: 100%;
  font-size: 0;
  text-align: right;
  margin-bottom: .1rem;
  display: block;
  cursor: pointer;
}

main .index-news-event .news-event-container .view-more-container .view-more-text {
  display: inline-block;
  font-family: Arial;
  font-weight: bold;
  line-height: 2.25;
  color: #000000;
  vertical-align: middle;
}

main .index-news-event .news-event-container .view-more-container .view-more-icon {
  display: inline-block;
  width: .42rem;
  height: .14rem;
  vertical-align: middle;
  margin-left: .16rem;
}

main .index-news-event .news-event-container .view-more-container .view-more-icon img {
  width: 100%;
  height: 100%;
}

main .index-news-event .news-event-container .news-event-wrap {
  width: 100%;
  overflow: hidden;
}

main .index-news-event .news-event-container .news-event-wrap .wrap {
  width: calc(100% + .2rem);
  font-size: 0;
}

main .index-news-event .news-event-container .news-event-wrap .wrap .item {
  display: inline-block;
  width: 9rem;
  background-color: #f6f6f6;
  font-size: 0;
  margin-bottom: .2rem;
  margin-right: .2rem;
}

main .index-news-event .news-event-container .news-event-wrap .wrap .item .item-img {
  display: inline-block;
  width: 2.4rem;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: right;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
  float: right;
}

main .index-news-event .news-event-container .news-event-wrap .wrap .item .item-img img {
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .index-news-event .news-event-container .news-event-wrap .wrap .item .item-content {
  display: inline-block;
  width: 6.6rem;
  padding-top: .36rem;
  padding-left: .3rem;
  padding-right: .3rem;
  vertical-align: top;
  float: left;
}

main .index-news-event .news-event-container .news-event-wrap .wrap .item .item-content .content-time {
  width: 100%;
  font-family: Arial;
  line-height: 1.375;
  color: #222222;
}

main .index-news-event .news-event-container .news-event-wrap .wrap .item .item-content .content-title {
  width: 100%;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.8;
  color: #222222;
  display: block;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

main .index-news-event .news-event-container .news-event-wrap .wrap .item:hover .item-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

main .index-news-event .news-event-container .news-event-wrap .wrap .item:hover .item-content .content-title {
  color: #e10011;
}

@media (max-width: 900px) {
  main .index-news-event .news-event-container {
    width: 100%;
    padding: 0 10px;
    max-width: 600px;
  }
  main .index-news-event .news-event-container .news-event-wrap .wrap {
    width: 102%;
  }
  main .index-news-event .news-event-container .news-event-wrap .wrap .item {
    padding: .2rem 0;
    width: 48%;
    margin-right: 2%;
  }
  main .index-news-event .news-event-container .news-event-wrap .wrap .item .item-img {
    float: none;
    width: 100%;
    display: block;
    text-align: center;
  }
  main .index-news-event .news-event-container .news-event-wrap .wrap .item .item-img img{
    height: 1.6rem;
  }
  main .index-news-event .news-event-container .news-event-wrap .wrap .item .item-content {
    float: none;
    width: 100%;
    display: block;
  }
}

@media (max-width: 400px) {
  main .index-news-event .news-event-container .news-event-wrap .wrap {
    width: 100%;
  }
  main .index-news-event .news-event-container .news-event-wrap .wrap .item { 
    width: 100%;
    margin-right: 0;
  }
}

main .index-about {
  width: 100%;
  margin-bottom: .8rem;
}

main .index-about .about-container {
  width: 18.2rem;
  margin: 0 auto;
}

main .index-about .about-container .title-box {
  width: 100%;
  margin-bottom: .3rem;
}

main .index-about .about-container .title-box .title {
  width: 100%;
  text-align: center;
  font-family: Arial;
  font-weight: bold;
  color: #000000;
  margin-bottom: .3rem;
}

main .index-about .about-container .title-box .title-text {
  width: 100%;
  text-align: center;
  font-family: Arial;
  line-height: 1.765;
  color: #222222;
}

main .index-about .about-container .view-more-container {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-bottom: .4rem;
  display: block;
  cursor: pointer;
}

main .index-about .about-container .view-more-container .view-more-text {
  display: inline-block;
  font-family: Arial;
  font-weight: bold;
  line-height: 2.25;
  color: #000000;
  vertical-align: middle;
}

main .index-about .about-container .view-more-container .view-more-icon {
  display: inline-block;
  width: .42rem;
  height: .14rem;
  vertical-align: middle;
  margin-left: .16rem;
}

main .index-about .about-container .view-more-container .view-more-icon img {
  width: 100%;
  height: 100%;
}

main .index-about .about-container .about-wrap {
  width: 100%;
  overflow: hidden;
}

main .index-about .about-container .about-wrap .wrap {
  font-size: 0;
  width: calc(100% + .2rem);
}

main .index-about .about-container .about-wrap .wrap .item {
  display: inline-block;
  margin-right: .2rem;
  width: 4.4rem;
  vertical-align: top;
}

main .index-about .about-container .about-wrap .wrap .item .item-img {
  width: 100%;
  margin-bottom: .28rem;
  overflow: hidden;
  display: block;
  cursor: pointer;
}

main .index-about .about-container .about-wrap .wrap .item .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .index-about .about-container .about-wrap .wrap .item .item-content {
  width: 100%;
}

main .index-about .about-container .about-wrap .wrap .item .item-content .content-title {
  width: 100%;
  font-size: 0;
  display: block;
  cursor: pointer;
}

main .index-about .about-container .about-wrap .wrap .item .item-content .content-title .point {
  display: inline-block;
  display: inline-block;
  width: 9px;
  height: 9px;
  background-color: #bf0000;
  vertical-align: top;
  margin-top: .05rem;
}

main .index-about .about-container .about-wrap .wrap .item .item-content .content-title .content-title-text {
  display: inline-block;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.375;
  color: #333333;
  padding-left: .17rem;
  width: calc(100% - 9px);
}

main .index-about .about-container .about-wrap .wrap .item:hover .item-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

main .index-about .about-container .about-wrap .wrap .item:hover .item-content .content-title .content-title-text {
  color: #bf0000;
}

@media (max-width: 900px) {
  main .index-about .about-container {
    width: 100%;
    padding: 0 10px;
  }
  main .index-about .about-container .about-wrap {
    max-width: 600px;
    margin: 0 auto;
  }
  main .index-about .about-container .about-wrap .wrap {
    width: 102%;
  }
  main .index-about .about-container .about-wrap .wrap .item {
    margin-right: 2%;
    width: 48%;
    margin-bottom: 2%;
  }
}

@media (max-width: 400px) {
  main .index-about .about-container .about-wrap .wrap {
    width: 100%;
  }
  main .index-about .about-container .about-wrap .wrap .item {
    margin-right: 0;
    width: 100%;
    margin-bottom: 35px;
  }
}

main .index-hot-products {
  width: 100%;
  background-color: #f6f6f6;
  padding-top: .8rem;
  padding-bottom: .6rem;
}

main .index-hot-products .hot-products-container {
  width: 100%;
}

main .index-hot-products .hot-products-container .title-box {
  width: 100%;
  margin-bottom: .4rem;
}

main .index-hot-products .hot-products-container .title-box .title {
  width: 100%;
  text-align: center;
  font-family: Arial;
  font-weight: bold;
  color: #000000;
}

main .index-hot-products .hot-products-container .ihp-swiper {
  width: 100%;
}

main .index-hot-products .hot-products-container .ihp-swiper .item {
  width: 4.65rem;
  margin-right: .2rem;
  padding-top: .05rem;
}

main .index-hot-products .hot-products-container .ihp-swiper .item .item-img {
  width: 100%; 
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  display: block;
}

main .index-hot-products .hot-products-container .ihp-swiper .item .item-img img {
   width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .index-hot-products .hot-products-container .ihp-swiper .item .item-content {
  width: 100%;
  background-color: #fff;
  padding-top: .3rem;
  padding-left: .3rem;
  padding-right: .3rem;
  padding-bottom: .3rem;
}

main .index-hot-products .hot-products-container .ihp-swiper .item .item-content .content-title {
  width: 100%;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.53;
  height: 3.06em;
  color: #222222;
  cursor: pointer;
  display: block;
  margin-bottom: .15rem;
  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}

main .index-hot-products .hot-products-container .ihp-swiper .item .item-content .content-text {
  width: 100%;
  font-family: Arial;
  line-height: 1.375;
  height: 4.125em;
  color: #222222;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: .35rem;
}

main .index-hot-products .hot-products-container .ihp-swiper .item .item-content .content-more {
  display: block;
  cursor: pointer;
  width: .42rem;
  height: .14rem;
  line-height: .14rem;
  text-align: center;
}

main .index-hot-products .hot-products-container .ihp-swiper .item .item-content .content-more img {
  width: 100%;
  height: 100%;
}

main .index-hot-products .hot-products-container .ihp-swiper .item .item-content .content-more .img-2 {
  display: none;
}

main .index-hot-products .hot-products-container .ihp-swiper .item .item-hot {
  background-color: #e10011;
  display: block;
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: -.05rem;
  left: .2rem;
  padding: .12rem .2rem;
}

main .index-hot-products .hot-products-container .ihp-swiper .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .index-hot-products .hot-products-container .ihp-swiper .item:hover .item-content .content-title {
  color: #e10011;
}

main .index-hot-products .hot-products-container .ihp-swiper .item:hover .item-content .content-more .img-1 {
  display: none;
}

main .index-hot-products .hot-products-container .ihp-swiper .item:hover .item-content .content-more .img-2 {
  display: inline-block;
}

main .index-hot-products .hot-products-container .ihp-swiper .item:last-child {
  margin-right: 0;
}

main .index-hot-products .hot-products-container .ihp-swiper .swiper-button-prev {
  width: .6rem;
  height: .6rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: .16rem .24rem;
  background-image: url(../images/15.png);
}

main .index-hot-products .hot-products-container .ihp-swiper .swiper-button-prev:hover {
  background-color: #e10011;
}

main .index-hot-products .hot-products-container .ihp-swiper .swiper-button-next {
  width: .6rem;
  height: .6rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: .16rem .24rem;
  background-image: url(../images/16.png);
}

main .index-hot-products .hot-products-container .ihp-swiper .swiper-button-next:hover {
  background-color: #e10011;
}

main .index-new-product {
  width: 100%;
  background-color: #ffffff;
  padding-top: .8rem;
  padding-bottom: .75rem;
}

main .index-new-product .new-product-container {
  width: 18.2rem;
  margin: 0 auto;
}

main .index-new-product .new-product-container .title-box {
  width: 100%;
  margin-bottom: .4rem;
}

main .index-new-product .new-product-container .title-box .title {
  width: 100%;
  text-align: center;
  font-family: Arial;
  font-weight: bold;
  color: #000000;
}

main .index-new-product .new-product-container .new-product-wrap {
  width: 100%;
}

main .index-new-product .new-product-container .new-product-wrap .wrap {
  font-size: 0;
  width: 100%;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left {
  display: inline-block;
  width: 9rem;
  height: 9rem;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left .item-pic {
  width: 100%;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left .item-pic img {
  width: 100%;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left .item-mask {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left .item-mask .mask {
  display: table-cell;
  vertical-align: middle;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left .item-mask .mask .content {
  width: 100%;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left .item-mask .mask .content .content-title {
  width: 100%;
  text-align: center;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.333;
  color: #fff;
  margin-bottom: .5rem;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left .item-mask .mask .content .content-text {
  margin: 0 auto;
  width: 4.8rem;
  text-align: center;
  font-family: Arial;
  line-height: 1.7;
  color: #fff;
  margin-bottom: 1.3rem;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left .item-mask .mask .content .more {
  display: block;
  width: 100%;
  text-align: center;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left .item-mask .mask .content .more img {
  width: 42px;
  height: 14px;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left .item-mask .mask .content .more img:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left:hover .item-mask {
  top: 0%;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right {
  display: inline-block;
  vertical-align: top;
  width: 9.2rem;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item {
  margin-left: .12rem;
  width: 4.48rem;
  margin-bottom: .09rem;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  height: 4.46rem;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item .item-img {
  width: 100%;
  height: 4.46rem;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item .item-img img {
  width: 100%;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item .item-mask {
  position: absolute;
  top: 100%;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  background-color: #e10011;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item .item-mask .mask {
  display: table-cell;
  vertical-align: middle;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item .item-mask .mask .content {
  width: 100%;
  padding-left: .3rem;
  padding-right: .3rem;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item .item-mask .mask .content .content-title {
  width: 100%;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.54;
  color: #fff;
  margin-bottom: .35rem;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item .item-mask .mask .content .content-text {
  width: 3.4rem;
  font-family: Arial;
  line-height: 1.875;
  color: #fff;
  margin-bottom: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item .item-mask .mask .content .more {
  width: 100%;
  cursor: pointer;
  display: block;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item .item-mask .mask .content .more img {
  width: 42px;
  height: 14px;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item .item-mask .mask .content .more:hover img {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item:hover .item-mask {
  top: 0%;
}

@media (max-width: 900px) {
  main .index-new-product .new-product-container {
    width: 100%;
    padding: 0 10px;
    max-width: 600px;
  }
  main .index-new-product .new-product-container .new-product-wrap .wrap {
    overflow: hidden;
  }
  main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-left {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right {
    display: block;
    width: 102%;
  }
  main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-left: 0;
    height: auto;
  }
  main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item .item-img {
    height: auto;
  }
}

@media (max-width: 450px) {
  main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right {
    width: 100%;
  }
  main .index-new-product .new-product-container .new-product-wrap .wrap .wrap-right .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
  }
}


.xa-a{width: 100%;position: relative;}
.xa-b{width: 100%;}
.xa-b img{width: 100%;}
.xa-c{position: absolute;top: 50%;left:0;width: 100%;text-align: center; transform: translate(0,-50%);}
.xa-d{color: #e10011;line-height: 1.3;}



.nav{width: 100%;font-size: 0;}
.nav-cont{width: 18.2rem;margin: 0 auto;}
.nav-a{width: 100%;padding: .28rem 0;}
.nav-b{display: inline-block;vertical-align: middle;width: 1.125em;}
.nav-b img{width: 100%;}
.nav-c{display: inline-block;vertical-align: middle;color: #000000;line-height: 1.5;margin: 0 .25rem;}
.nav-d{display: inline-block;vertical-align: middle;color: #595656; }

@media(max-width: 900px){
    .nav-cont{width: 100%;max-width: 500px; overflow: auto;white-space: nowrap;padding-left: 10px;padding-right: 10px;}
}

.paging{width: 100%;font-size: 0;text-align: center;}
.paging-item{cursor: pointer; display: inline-block;vertical-align: middle;border-radius: 50%;transition: all .3s; font-size: calc(12px + 6 * 100vw / 1920); margin: 0 .05rem .1rem;padding: 0 .1rem; min-width: .6rem;height: .6rem;line-height: .6rem; color: #222222;}
.paging-item:hover{background-color: #e10011;color: #fff;}
.paging-item.active{background-color: #e10011;color: #fff;}
.paging-up{background-image: url('../images/xm9.png');background-size: .14rem .21rem;background-repeat: no-repeat;background-position: center center;}
.paging-next{background-image: url('../images/xm10.png');background-size: .14rem .21rem;background-repeat: no-repeat;background-position: center center;}
.paging-up:hover{background-image: url('../images/xm9-b.png');}
.paging-next:hover{background-image: url('../images/xm10-b.png');}


.xb-a{width: 100%;padding-top: .6rem;padding-bottom: .8rem;}
.xb-b{width: 18.2rem;margin: 0 auto;font-size: 0;}
.xb-c{display: inline-block;vertical-align: middle;width: 9.1rem;}
.xb-map{width: 100%;height: 6.1rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xb-d{display: inline-block;vertical-align: middle;width: calc(100% - 9.1rem);padding-left: .88rem;}
.xb-e{color: #000000;line-height: 1.5;font-weight: bold;margin-bottom: .9rem;}
.xb-f{width: 100%;padding-bottom: .3rem;}
.xb-g{width: 100%;margin-bottom: .4rem;}
.xb-h{display: inline-block;vertical-align: top; width: 1.27em;height: 1.22em;line-height: 1.22em;text-align: center;line-height: 1.6;}
.xb-h img{max-width: 100%;max-height: 100%;}
.xb-i{display: inline-block;vertical-align: top;width:calc(100% - 1.27em); color: #000000;line-height: 1.6;padding-left: .2rem;}
.xb-i *{color: #000000;line-height: 1.6;}
.xb-j{width: 100%;font-size: 0;margin-top: .3rem;}
.xb-k{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;top: 0;transition: all .3s; margin-right: .2rem; width: 40px;text-align: center; height: 40px;line-height: 40px;border-radius: 50%; background-color: #f6f6f6;}
.xb-k img{max-width: 20px;max-height: 19px;}
.xb-k:hover{top: -3px;}

@media(max-width: 900px){
    .xb-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xb-c{width: 100%;margin-bottom: .3rem;}
    .xb-d{width: 100%;padding: 0 .2rem;} 
    .xb-i br{display: none;}
}

.xc-a{width: 100%; padding-bottom: 1rem;}
.xc-b{width: 18.2rem;margin: 0 auto;font-size: 0;}
.xc-form{width: 100%;background-color: #f6f6f6;padding: .65rem .5rem;}
.xc-c{color: #222222;line-height: 1.5;font-weight: bold;line-height: 1.3;margin-bottom: 0.4rem;}
.xc-d{width: 100%;font-size: 0;}
.xc-e{display: inline-block;vertical-align: top;width: calc(50% - .15rem);margin-right: .3rem;margin-bottom: .3rem; position: relative;}
.xc-f{position: absolute;top: 50%;left: -.15rem;transform: translate(0,-50%); color: #e10011;}
.xc-input{border: none;outline-style: none;width: 100%; height: .6rem;line-height: .6rem;color: #212121;padding-left: .28rem; background-color: #ffffff;}
.xc-e:nth-child(2n){margin-right: 0;}
.xc-g{width: 100%;}
.xc-textarea{border: none;outline-style: none;margin-bottom: .3rem;width: 100%;height: 100px;background-color: #ffffff;color: #212121;padding: .2rem ;line-height: 1.3;}
.xc-h{width: 100%;}
.xc-submit{cursor: pointer; border: none;outline-style: none;margin-bottom: .3rem;width: 5.5rem;height: .6rem;text-align: center;line-height: 0.6rem;color: #ffffff;background-color: #e10011;}

@media(max-width: 900px){
    .xc-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xc-e{width: 100%;margin-right: 0;}
    .xc-input{height: 35px;line-height: 35px;}
    .xc-submit{height: 35px;line-height: 35px;width: 80%;} 
    .xc-textarea{height: 180px;}
    .xc-f{left: -.3rem;}
}
 

.xd-a{width: 100%;padding-top: .8rem;border-top: 1px solid #dddddd; padding-bottom: .8rem;background-image: url('../images/x4.jpg');background-size: cover;background-position: top right;background-repeat: no-repeat;}
.xd-b{width: 18.2rem;margin: 0 auto; }
.xd-c{color: #000000;line-height: 1.3;margin-bottom: .2rem;}
.xd-d{color: #222222;line-height: 1.8;}
.xd-d *{color: #222222;line-height: 1.8;}

@media(max-width: 900px){
    .xd-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
}

.xe-a{width: 100%; background-color: #f6f6f6;padding-top: .8rem;padding-bottom: .9rem;}
.xe-b{width: 18.2rem;margin: 0 auto; }
.xe-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xe-c{float: left;width: 3.6rem;}
.xe-d{display: block;width: 100%;cursor: pointer;font-size: 0;margin-bottom: .8rem;}
.xe-e{display: inline-block;vertical-align: middle;width: .6em;}
.xe-img1{width: 100%;display: block;} 
.xe-img2{width: 100%;display: none;} 
.xe-f{display: inline-block;vertical-align: middle;width: calc(100% - .6em); color: #000000;padding-left: .15rem;line-height: 1.3;}
.xe-d:hover .xe-img1{display: none;}
.xe-d:hover .xe-img2{display: block;}
.xe-d:hover .xe-f{color: #e10011;}
.xe-d.active .xe-img1{display: none;}
.xe-d.active .xe-img2{display: block;}
.xe-d.active .xe-f{color: #e10011;}

.xe-g{display:block;width: 100%;}
.xe-h{display: block;padding-right: .2rem;}
.xe-i{display: inline-block;cursor: pointer;color: #222222;padding-bottom: .05rem;line-height: 1.3;margin-bottom: .3rem;position: relative;}
.xe-i:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: .02rem; transition: all .3s;background-color: #e10011;}
.xe-h:hover .xe-i{color: #e10011;}
.xe-h:hover .xe-i:after{width: 100%;}
.xe-h.active .xe-i{color: #e10011;}
.xe-h.active .xe-i:after{width: 100%;}

.xe-right{float: right;width: calc(100% - 3.6rem);}
.xe-cont{width: 100%; display: flex;flex-wrap: wrap;padding-bottom: .5rem; }
.xe-item{display: block;cursor: pointer;position: relative; width: calc(33.33% - .2rem);margin-right: .3rem;margin-bottom: 0.3rem; background-color: #ffffff;padding: 0 .3rem .8rem;}
.xe-item:nth-child(3n){margin-right: 0;}
.xe-j{width: 100%;height: 4.6rem; display: flex;align-items: center;justify-content: center;}
.xe-j img{mask-border-width: 82%; max-height: 65%;}
.xe-k{width: 100%;}
.xe-l{color: #222222;line-height: 1.4;margin-bottom: 0.2rem;}
.xe-m{color: #222222;line-height: 1.3;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xe-item:after{content: ''; position: absolute;bottom: .28rem;left: .3rem; width: .42rem;height: .14rem;background-image: url('../images/xm8.png');background-size: .42rem .14rem;}
.xe-n{position: absolute;top:-5px ;left: .2rem; min-width: .8rem;height: 40px;line-height: 40px;padding: 0 .2rem;color: #ffffff;background-color: #e10011;}
.xe-item:hover .xe-m{color: #e10011;}
.xe-item:hover:after{background-image: url('../images/xm8-b.png');}

@media(max-width: 900px){
    .xe-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xe-c{width: 100%;}
    .xe-d{margin-bottom: .3rem;}
    .xe-g{ white-space: nowrap;overflow: auto;}
    .xe-h{display: inline-block;vertical-align: top;padding-bottom: .2rem;}
    .xe-right{width: 100%;float: none;}
    .xe-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .xe-item:nth-child(3n){margin-right:.3rem;}
    .xe-item:nth-child(2n){margin-right:0;}
    .xe-m{font-size: 14px;}
}

.xf-a{width: 100%; padding-top: 1.4rem;padding-bottom: .4rem;}
.xf-b{width: 18.2rem;margin: 0 auto; }
.xf-cont{width: 100%;}
.xf-item{display: block;margin-bottom: .6rem; position: relative;}
.xf-item:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xf-c{float: right;width: 9.1rem;position: relative;}
.xf-c:after{content: '';position: absolute;top: 50%;left: 0;margin-top: -.14rem; width: .14rem;height: .28rem; background-image: url('../images/xm11-b.png');background-size: .15rem .28rem;background-repeat: no-repeat;}
.xf-c img{width: 100%;} 
.xf-d{float: left;width: 7.9rem;padding-top: .8rem;}
.xf-e{color: #000000;position: relative;padding-bottom: .6rem;margin-bottom: .5rem;}
.xf-e:after{content: '';position: absolute;bottom: 0;left: 0;width: .5rem;height: .04rem;background-color: #e10011;}
.xf-f{color: #222222;line-height: 1.75;}
.xf-f *{color: #222222;line-height: 1.75;}
.xf-item:nth-child(2n) .xf-c{float: left;}
.xf-item:nth-child(2n) .xf-d{float: right;}
.xf-item:nth-child(2n) .xf-c:after{left: auto;right: 0;background-image: url('../images/xm11.png');}

@media(max-width: 900px){
    .xf-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xf-c{float: none !important;width: 100%;}
    .xf-c:after{width: 0;}
    .xf-d{float: none !important;width: 100%;}
    .xf-e br{display: none;}
}

.xg-a{width: 100%;}
.xg-b{width: 18.2rem;margin: 0 auto; }
.xg-cont{width: 100%;}
.xg-item{width: 100%;}
.xg-c{width: 100%;cursor: pointer; height: 1rem;line-height: 1rem;font-weight: bold; padding: 0 .5rem;margin-bottom: 0.6rem; background-color: #f6f6f6;position: relative;}
.xg-c:after{content: '';position: absolute;top: 50%;right: 0.5rem;width: .21rem;height: .14rem;transition: all .3s;background-image: url('../images/xm12.png');background-size: .21rem .14rem;background-repeat: no-repeat;background-position: center center; }
.xg-h{width: 100%;padding: 0 .5rem;display: none;}  
.xg-i{width: 100%;}
.xg-j{width: 100%;color: #222222;line-height: 1.3;margin-bottom: .3rem;}
.xg-k{width: 100%;margin-bottom: .6rem; }
.xg-k table{width: 100%; border: none;border-top: 1px solid #eeeeee;}
.xg-k table tbody{width: 100%; }
.xg-k table tbody tr{width: 100%;border-bottom: 1px solid #eeeeee; }
.xg-k table tbody tr td{word-break: break-word !important; padding: .15rem; line-height: 1.3;color: #222222;font-size: calc(12px + 4 * 100vw / 1920);border: none;}
.xg-k table tbody tr td *{line-height: 1.3;color: #222222; font-size: calc(12px + 4 * 100vw / 1920);}
.xg-k table tbody tr td a{color: #e10011;/* border-bottom: 1px solid #e10011; */cursor: pointer;}
.xg-item.show .xg-c:after{transform: rotate(-180deg);}

@media(max-width: 900px){
    .xg-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xg-k{width: 100%; overflow: auto;}
    .xg-k table{width: 500px;}
    .xg-c{padding: 0 .2rem;}
    .xg-c:after{right: .2rem;}
    .xg-h{padding: 0 .2rem;}
    .xg-c{font-size: 16px;}
    .xg-k table tbody tr td {font-size: 12px;}
    .xg-k table tbody tr td *{font-size: 12px;}
}

.xm-a{width: 100%;background-color: #f6f6f6;padding-top: .7rem;padding-bottom: .7rem;} 
.xm-b{width: 18.2rem;margin: 0 auto; }
.xm-c{width: 100%;}
.xm-c:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xm-left{float: left;width: 9rem;} 
.xm-left:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xm-d{float: right; width: 7.2rem; }
.xm-e{width: 100%;}
.xm-g{width: 100%;}
.xm-h{width: 100%;height: 7.2rem;display: block;background-size: cover;background-position: center center;}

.xm-i{float: left;width: 1rem;padding-top: .5rem;padding-bottom: .5rem;position: relative; }
.xm-j{width: 100%;height: 6rem; }
.xm-k{width: 100%; }
.xm-l{width: 100%;padding-top: .1rem;}
.xm-m{display: block;width: 100%;height: 1rem;border: solid 1px #cccccc;background-size: cover;background-position: center center;cursor: pointer;}
.xm-l.active .xm-m{border: solid 1px #e60039;}
.xm-p{left: 50%;top: .3rem;  margin-left: -.1rem; margin-top: 0; width: .2rem;height: .14rem;background-image: url(../images/xm13.png); background-size: .2rem .14rem;background-position: center center;background-repeat: no-repeat;}
.xm-q{left: 50%;top: auto; bottom:  .3rem;right: auto;  margin-left: -.1rem; margin-top: 0; width: .2rem;height: .14rem;background-image: url(../images/xm14.png); background-size: .2rem .14rem;background-position: center center;background-repeat: no-repeat;}
.xm-p:hover{background-image: url(../images/xm13-b.png); }
.xm-q:hover{background-image: url(../images/xm14-b.png); }


.xm-right{float: right;width: 7.95rem;padding-top: .6rem;}
.xm-r{color: #000000;margin-bottom: .4rem;}
.xm-s{color: #e10011;line-height: 1.3;margin-bottom: .8rem;}
.xm-t{color: #222222;line-height: 1.55;padding-bottom: .5rem;margin-bottom: .4rem; border-bottom: 1px dashed #cccccc;}
.xm-t *{color: #222222;line-height: 1.55;} 
.xm-u{color: #666666;line-height: 1.55;}
.xm-u *{color: #666666;line-height: 1.55;}

@media(max-width: 900px){
    .xm-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xm-left{width: 100%;float: none;}
    .xm-right{width: 100%;float: none;}
    .xm-d{width: calc(100% - 1.5rem);}
    .xm-h{height: auto;padding-top: 100%;}
}


.xn-a{width: 100%;padding-top: .4rem;padding-bottom: .8rem;min-height: 60vh; border-top: 1px solid #dddddd;position: relative;}
.xn-b{width: 18.2rem;margin: 0 auto;font-size: 0;}
.xn-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xn-left{float: left; width: 3.6rem;  position: relative;top: 0;left: 0;}
.xn-c{width: 100%;}
.xn-d{width: 100%;padding-bottom: .15rem;}
.xn-e{display: inline-block;cursor: pointer;color: #222222;padding-bottom: .05rem;line-height: 1.3;margin-bottom: .15rem;position: relative;}
.xn-e:hover{color: #e10011;}
.xn-d.active .xn-e{color: #e10011;}

.xn-f{width: 100%;padding: 0 .2rem;}
.xn-g{display: block;cursor: pointer;color: #333333; line-height: 1.3;margin-bottom: .15rem;}
.xn-g:hover{color: #e10011;}
.xn-g:hover{color: #e10011;}
.xn-g.active{color: #e10011;}


.xn-b.fixed .xn-left{position: fixed;top: 1.2rem;left: .5rem;}
.xn-left.absolute{position: absolute !important;top: auto !important;}


.xn-right{ float: right; width: calc(100% - 4rem);}
.xn-cont{word-break: normal !important; font-family: ArialMT;font-size: calc(12px - .12rem + .18rem);line-height: 1.7;color: #222222;}
.xn-cont *{line-height: inherit;word-break: normal !important;max-width: 100%;}
 
@media(max-width: 900px){
  .xn-left{width: 100%;margin-bottom: .3rem;}
  .xn-right{width: 100%;}
  .xn-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
  
}

.has-video{position: relative;cursor: pointer;}
.has-video:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/video.png');background-size: .6rem auto;background-position: center center;background-repeat: no-repeat;}

/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 12345678; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;}
.xv-a.show .xv-e {visibility: visible;}
.xv-a.show .xv-f {display: block;}
.xv-b {position: absolute;left: 50%;top: 50%;margin-left: -550px;margin-top: -300px;width: 1000px;height: 600px;}
.xv-c {display: block;width: 40px;height: 40px;background-color: #e10011;position: absolute;right: 0; top: 0;cursor: pointer;z-index: 10000;}
.xv-d {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.xv-e {visibility: hidden;width: 100%; height: 100%;}
.xv-f {display: none;width: 100%;height: 100%;}
@media(max-width:1200px) {
    .xv-b {width: 90vw;height: auto;margin-top: 0;margin-left: 0;transform: translate(-50%, -50%);}
    .xv-f {max-height: 90vh;}
    .xv-e {height: 60vh;}
}