@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{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()); color:#e60012;}
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;}

#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;}

/* 入场动画 */
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}  

.delay2 {transition-delay: 0.2s;}
.delay4 {transition-delay: 0.4s;}



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);}
}



main{width: 100%;overflow: hidden;}
body{padding-top: 1rem;}
.header{position: fixed;top: 0;left: 0;z-index: 98;height: 1rem;background-color: #ffffff;border-bottom: 1px solid #f4f4f4; width: 100%;}
.h-a{width: 100%;}
.h-b{width: 100%;}
.h-cont{width: 100%;}
.h-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-left{float: left;padding-left: 4.166%;}
.h-c{display: inline-block;vertical-align: middle;height: 1rem;line-height: 1rem;cursor: pointer;margin-right: 1rem;}
.h-c img{height: 70%;max-width: none;}
.h-right{float: right;font-size: 0;  padding-right: 4.166%;}

.h-search{display: inline-block;vertical-align: middle;position: relative;}
.hs-a{display: block;cursor: pointer;width: 1rem;height: 1rem; background-color: #e60012;background-image: url('../images/a02.png');background-size: 17px auto; background-position: center center;background-repeat: no-repeat;}
.hs-cont{display: none; position: absolute;top: 1rem;right: 0; width: 280px;background-color: #f4f4f4;z-index: 8;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hs-form{width: 100%;font-size: 0;}
.hs-b{display: inline-block;vertical-align: top; border: none;background-color: transparent; width: calc(100% - 80px);height: 50px;padding: 0 .2rem;color: #333333;}
.hs-c{display: inline-block;vertical-align: top; border: none;cursor: pointer; background-color: transparent; width: 80px;height: 50px;font-size: 0;background-image: url('../images/a2.png');background-size: 17px auto; background-position: center center;background-repeat: no-repeat;}

.h-language{display: inline-block;vertical-align: middle;position: relative;}
.hl-a{display: block;cursor: pointer;text-align: center; min-width: 2rem;height: 1rem;background-color: #e60012;}
.hl-b{display: inline-block;position: relative;}
.hl-b:after{content: '';display: inline-block;vertical-align: middle;width: 8px;height: 8px;background-image: url('../images/a4.png');background-size: 8px auto; background-position: center center;background-repeat: no-repeat;}
.hl-bimg{display: inline-block;vertical-align: middle;width: .2rem; }
.hl-bimg img{width: 100%;}
.hl-btext{display: inline-block;vertical-align: middle;margin-left: .1rem;margin-right: .15rem; line-height: 1rem;color: #ffffff;}

.hl-cont{display: none; position: absolute;top: 1rem;right: 0; width: 100%;background-color: #f4f4f4;z-index: 8;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hl-item{display: block;cursor: pointer;width: 100%;height: 35px;line-height: 35px;color: #333333;text-align: center;}
.hl-item:hover{background-color: #e60012; color: #fff;}

.h-h{display: inline-block;vertical-align: middle;  font-size: 0; }
.h-i {display: inline-block;vertical-align: top; position: relative; padding: 0 .44rem;} 
.h-j {display: inline-block;vertical-align: top;cursor: pointer;font-weight: bold; color: #333333;height: 1rem;line-height: 1rem;  position: relative;}

.h-i.active .h-j{color: #e60012;}
.h-sub {display: none;width: 150px;  background-color: #fff;position: absolute;left: 50%;top: 1rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.h-sub>li>a {display: block;cursor: pointer;border-bottom: 1px solid #f4f4f4;font-size: 13px; width: 100%;padding: 13px 5px; line-height:1.5;text-align: center; color: #555555;transition: background-color .3s;}
.h-sub>li>a:hover {background-color: #e60012; color: #fff;}

.h-menu {display: none; position: absolute;cursor: pointer; top: 0;right:0; width: 1rem;height: 1rem;background-image: url('../images/a-menu.png');background-size: .54rem .54rem;background-position: center center;background-repeat: no-repeat;}
.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}
@media(max-width: 1400px) {  
    .h-c{margin-right: .6rem;}
    .h-i{padding: 0 .4rem;}
}

@media(min-width: 1200px) {  
    .h-i:hover .h-j{color: #e60012;}
}
@media(max-width: 1200px) {  
    .h-c{margin-right: 0;}  
    .h-left{padding-left: 10px;}  
    .h-right{padding-right: 1rem;}

    .h-h {width: 260px;position: fixed;right: 0;top: 0;height: 100vh;background-color: #fff;margin-right: 0;padding-top: 10px;padding-bottom: 10px;overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;}
    .h-i {width: 100%;padding: 0;margin: 0;}
    .h-j {padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #333; font-size: 16px;}
 
    .h-menu {display: block; }
    .h-i.has-nav:after {content: "";background-image: url('../images/a-right.png');background-size: 18px 18px;background-position: center center;background-repeat: no-repeat; 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-i.has-nav.show:after {background-image: url('../images/a-down.png');}
    .h-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100%;}
    .h-sub>li>a {text-align: left;padding-left: 40px;font-size: 14px; border-top: none; border-bottom: 1px solid #f4f4f4;}
    .h-sub>li>a:hover {background-color: transparent;color: #e60012;}
 

    /* 菜单 */
    .header.menu-state .h-h {transform: translate(0, 0);}
    .header.menu-state .h-opa {display: block;}
}

@media(max-width: 500px) { 
    .hs-cont{width: 170px;}
    .hs-b{width: calc(100% - 1rem);}
    .hs-c{width: 1rem;}
}

.f-a{width: 100%;border-top: .04rem solid #e60012;padding-top: .8rem;	background-color: #272a2f;}
.f-b{width: 17.0rem;margin: 0 auto;}
.f-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-left{display: inline-block;vertical-align: top;margin-bottom: .5rem;}
.f-c{display: block;cursor: pointer;width: 2.05rem;margin-bottom: .8rem;}
.f-c img{width: 100%;}
.f-d{display: block;}
.f-e{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .2rem; width: .5rem;height: .5rem;text-align: center;line-height: .5rem;	border: solid 1px rgba(255,255,255,.2);border-radius: 50%;}
.f-e img{height: 40%;}
.f-e:hover{	background-color: #e60012;border: solid 1px #e60012;}
.f-right{float: right;}
.f-cont{display: block;font-size: 0;}
.f-item{display: inline-block;vertical-align: top; width: 2.2rem;padding-right: .15rem;margin-bottom: .5rem;}
.f-item:last-child{width: auto;padding-right: 0;}
.f-f{display: block;color: #ffffff;line-height: 1.3;margin-bottom: .25rem;}
.f-g{display: inline-block;}
.f-h{display: block;cursor: pointer;line-height: 2;margin-bottom: .05rem; color: rgba(255,255,255,.5);}
.f-h:hover{color: #fff;}

.f-i{width: 100%;}
.f-j{width: 17.0rem;margin: 0 auto;padding: .3rem 0;border-top: 1px solid #434649;}
.f-j:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-k{float: left;line-height: 2; color: rgba(255,255,255,.5);}
.f-l{float: right;line-height: 2; color: rgba(255,255,255,.5);}

@media(max-width: 800px){
    .f-b{ width: 100%; padding-left: 10px;padding-right: 10px;}
    .f-left{width:30%;}
    .f-item{width: 25% !important; }
    .f-j{ width: 100%; padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 500px){
    .f-left{width:100%;}
}

.nav{width: 100%; }
.nav-cont{width: 17.0rem;margin: 0 auto;}
.nav-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.nav-left{float: left;}
.nav-a{display: inline-block;vertical-align: middle;width: 17px;margin-right: .1rem;}
.nav-a img{width: 100%;}
.nav-b{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .15rem; line-height: .8rem; color: #666666; }
.nav-c{display: inline-block;vertical-align: middle; line-height: .8rem; color: #999999; }
.nav-b:hover{color: #333333;}
.nav-b.active{color: #333333;}
.nav-right{float: right;font-size: 0;}
.nav-d{display: inline-block;vertical-align: middle;cursor: pointer;color: #333333;line-height: .8rem; padding: 0 .35rem;}
.nav-d:hover{background-color: #e60012;color: #ffffff;}
.nav-d.active{background-color: #e60012;color: #ffffff;}

@media(max-width: 800px){
    .nav-cont{max-width: 500px; width: 100%;padding-left: 10px;padding-right: 10px;}
    .nav-left{display: none;}
    .nav-right{width: 100%;text-align: center;}
    .nav-d{margin: .1rem ;}
}



.a-a{width: 100%;position: relative;}
.a-b{width: 100%;}
.a-cont{width: 100%;position: relative;}
.a-c{width: 100%;}
.a-item{width: 100%;}
.a-d{display: block;cursor: pointer; width: 100%;}
.a-f{position: absolute;top: 33%;left: 50%;transform: translate(-50%,0); width: 17.0rem;text-align: center;}
.a-g{display: inline-block;max-width: 100%; width: 7.85rem;height: 1.4rem;line-height: 1.4rem; color: #ffffff;background-color: transparent; margin-bottom: .8rem;background-image: url('../images/c16.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat; }
.a-h{display: none;  padding: .2rem .3rem;background-color: #e60012;color: #ffffff;}
.a-h:after{content: '';margin-left: .65rem; display: inline-block;vertical-align: middle;width: .2rem;height: .2rem;background-image: url('../images/a10.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}

.a-pagination{position: absolute;bottom: 4.88%;text-align: left; left: 50%;transform: translate(-50%,0); width: 17.0rem;}
.a-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;opacity: 1; width: .22rem;height: .22rem;position: relative;  border-radius: 50%;margin-right: 6px; border: none; background-color: rgba(230,0,18,0);}
.a-pagination .swiper-pagination-bullet:after{content: '';width: .06rem;height: .06rem; position: absolute;top: 50%;left: 50%;border-radius: 50%; transform: translate(-50%,-50%); background-color: #e60012;}
.a-pagination .swiper-pagination-bullet-active{background-color: rgba(230,0,18,.5);  }

.a-down{position: absolute;bottom: 3.658%;left: 50%;transform: translate(-50%,0);z-index: 18; }
.a-icont{display: inline-block; position: relative;animation: jump 1.5s linear infinite; width: .4rem;height: .4rem;background-image: url('../images/a5.png');background-size: auto .4rem;background-position: center center;background-repeat: no-repeat;}
 
@keyframes jump{
    0%{
        transform: translateY(0);
    }
    25%{
        transform: translateY(-6px);
    }
    50%{
        transform: translateY(0px);
    }
    75%{
        transform: translateY(6px);
    }
    100%{
        transform: translateY(0);
    }
}

.a-g{font-size: calc(48 * 100vw / 1920);}
@media(max-width: 1920px) and (min-width: 551px){
    .a-g{font-size: calc(12px + 32 * 100vw / 1920);}
}
 

@media(max-width: 800px){
    .a-f{left: 0;transform: translate(0,0);width: 100%;padding-left: 10px;padding-right: 10px;}
    .a-pagination{left: 0;transform: translate(0,0);width: 100%;padding-left: 10px;padding-right: 10px;}
    
    .a-e img{width: 100%;height: 280px;object-fit: cover;}
    .a-g{font-size: 18px;}
}

@media(max-width: 500px){
    .a-e img{height: 200px;}
}

.b-a{width: 100%;position: relative;}
.b-b{width: 100%;}
.b-b img{width: 100%;}
.b-cont{position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 17.0rem;}
.b-c{color: #ffffff;line-height: 1.3;}

@media(max-width: 800px){
    .b-cont{left: 0;transform: translate(0 , -50%);width: 100%;padding: 0 10px;}
}

.c-a{width: 100%;padding-top: .8rem;padding-bottom: .95rem; background-color: #f4f4f4;}
.c-b{width: 17.0rem;margin: 0 auto;}
.c-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.c-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.c-cont{width: 100%;font-size: 0;padding-bottom: .2rem;}
.c-item{display: inline-block;vertical-align: top;cursor: pointer; width: 5.4rem;margin-right: .4rem;margin-bottom: .4rem; background-color: #ffffff;}
.c-item:nth-child(3n){margin-right: 0;}
.c-item1{display: inline-block;vertical-align: top;cursor: pointer; width: 5.29rem;margin-right: .4rem;margin-bottom: .4rem; background-color: #f4f4f4;}
.c-item1:nth-child(3n){margin-right: 0;}
.c-d{width: 100%;height: 2.65rem; overflow: hidden;}
.c-d img{width: 100%;height: 100%; object-fit: cover; transform: scale(1.00);transition: all .5s;}
.c-d1{width: 100%;height: 3.65rem; overflow: hidden;}
.c-d1 img{width: 100%;height: 100%; object-fit: cover; transform: scale(1.00);transition: all .5s;}
.c-e{width: 100%;padding: .5rem .45rem .4rem;position: relative;}
.c-e:before{content: '';position: absolute;top: .2rem;left: .45rem;	width: .5rem;height: .06rem;background-color: #e60012;}
.c-f{color: #333333;line-height: 1.5;height: 1.5em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.c-g{color: #666666;margin-top: .8rem;position: relative; line-height:30px;}
.c-g:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;	width: .16rem;height: .03rem;background-color: #747786;}
.c-item:hover .c-d1 img{transform: scale(1.05);}
.c-item:hover .c-f{color: #e60012;}
.c-item1:hover .c-d1 img{transform: scale(1.05);}
.c-item1:hover .c-f{color: #e60012;}

@media(max-width: 800px){
    .c-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .c-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .c-item:nth-child(3n){margin-right: .3rem;}
    .c-item:nth-child(2n){margin-right: 0;}
    .c-item1{width: calc(50% - .15rem);margin-right: .3rem;}
    .c-item1:nth-child(3n){margin-right: .3rem;}
    .c-item1:nth-child(2n){margin-right: 0;}
    .c-e{padding: .8rem .35rem .35rem;}
    .c-e:before{left: .35rem;}

}

.d-a{width: 100%;padding-top: .8rem;padding-bottom: 1.05rem; background-color: #f4f4f4;}
.d-cont{width: 17.0rem;margin: 0 auto;} 
.d-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.d-left{float: left;width: 10.2rem;}
.d-c{width: 100%;background-color: #ffffff;padding:.7rem .5rem .3rem;}
.d-top{width: 100%;padding-bottom: .35rem;margin-bottom: .35rem; border-bottom: 1px solid #efefef;}
.d-d{color: #333333;line-height: 1.3;margin-bottom: .2rem; text-align: center;}
.d-e{width: 100%; text-align: center;}
.d-e:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.d-f{float: left; color: #e60012;line-height: 1.3;padding-right: .3rem;}
.d-g{float: right;font-size: 0;}
.d-h{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.3;margin-right: .4rem;}
.d-i{display: inline-block;vertical-align: middle;}
.d-j{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.3;}
.d-k{display: inline-block;vertical-align: middle;}
.d-l{display: inline-block;vertical-align: middle;margin-left: .1rem;cursor: pointer;width: .3rem;}
.d-l img{width: 100%;}
.d-m{width: 100%;}
.d-n{ color: #666666;line-height: 1.75;}
.d-n *{ color: #666666;line-height: 1.75;}
.d-n img{max-width: 100%;height: auto !important; display: block;margin: 0 auto;}

.d-o{width: 100%;background-color: #ffffff;margin-top: .4rem;padding: .5rem;}
.d-o:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.d-p{float: left;}
.d-q{ color: #666666;line-height: 2;}
.d-qlink{cursor: pointer; color: #666666;line-height: 2;}
.d-r{float: right;background-color: #e60012;color: #ffffff;padding: .22rem .3rem;cursor: pointer;}
.d-r:after{content: '';display: inline-block;vertical-align: middle;margin-left: .6rem; width: .2rem;height: .2rem;background-image: url('../images/a10.png');background-size: .2rem auto; background-position: center center;background-repeat: no-repeat;}
.d-q:hover{color: #e60012;}
.d-q:hover .d-qlink{color: #e60012;}

.d-right{float: right;width: 3.8rem;background-color: #fff;}
.d-s{display: block;cursor: pointer;}
.d-t{width: 100%;overflow: hidden;}
.d-t img{width: 100%;transform: scale(1.00);transition: all .5s;}
.d-u{width: 100%;padding: .7rem .4rem .4rem;position: relative;}
.d-u:before{content: '';position: absolute;top: .35rem;left: .4rem;	width: .08rem;height: .08rem;background-color: #e60012;}
.d-v{color: #333333;line-height: 1.5;height: 3em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.d-w{color: #666666;margin-top: .6rem;position: relative;}
.d-w:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;	width: .16rem;height: .03rem;background-color: #747786;}
.d-s:hover .d-t img{transform: scale(1.05);}
.d-s:hover .d-v{color: #e60012;}
.d-x{width: 100%;padding: .35rem .4rem;position: relative;}
.d-x:before{content: '';position: absolute;top: 0;left: .4rem;width: calc(100% - .8rem);	height: 2px;background-color: #e5e5e5;}
.d-x:after{content: '';position: absolute;top: 0;left: .4rem;width:.8rem;	height: 2px;background-color: #e60012;}
.d-y{margin-bottom: .2rem; padding-left: .15rem;position: relative;display: block;cursor: pointer;color: #666666;line-height: 1.6;}
.d-y:before{content: '';position: absolute;top: .1rem;left: 0;	width: .05rem;height: .05rem;background-color: #747786;}
.d-y:hover{color: #e60012;}
.d-y:hover:before{background-color: #e60012;}

@media(max-width: 1200px){
    .d-y:before{top: .15rem;}
}

@media(max-width: 800px){
    .d-cont{width: 100%;padding-left: 10px;padding-right: 10px;}
    .d-left{width: 100%;margin-bottom: .5rem;}

    .d-right{width: 100%;}
}


.e-a{width: 100%;padding-top: .8rem;padding-bottom: .65rem; background-color: #f4f4f4;}
.e-b{width: 17.0rem;margin: 0 auto;}
.e-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.e-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.e-cont{width: 100%;font-size: 0; }
.e-item{display: block;cursor: pointer;position: relative;background-color: #fff;min-height: 4.6rem;margin-bottom: .4rem;}
.e-item:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.e-left{position: absolute;top: 0;left: 0;width: 50%;height: 100%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.e-right{float: right;width: 50%;padding: 1.6rem .6rem .5rem;position: relative;}
.e-d{color: #333333;line-height: 1.3;margin-bottom: .3rem;position: relative;}
.e-d:after{content: '';position: absolute;top: -.58rem;left: 0; width: .08rem;height: .08rem;background-color: #e60012;}
.e-e{color: #666666;line-height: 1.75;}
.e-e *{color: #666666;line-height: 1.75;}

.e-move{display: inline-block;margin-top: .3rem; padding: .18rem .17rem; cursor: pointer;color: #ffffff;background-color: #e60012;}
.e-move:after{content: '';display: inline-block;vertical-align: middle;margin-left: .45rem; width: .2rem;height: .2rem;background-image: url('../images/a10.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}


@media(min-width: 800px){
    .e-item:nth-child(2n) .e-left{left: auto;right: 0;}
    .e-item:nth-child(2n) .e-right{float: left;}
}

@media(max-width: 800px){
    .e-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .e-left{width: 100%;height: auto; position: static;padding-top: 63.8%;}
    .e-right{width: 100%;}
}

.g-a{width: 100%;padding-top: .8rem;padding-bottom: 1.05rem; background-color: #f4f4f4;}
.g-b{width: 17.0rem;margin: 0 auto;}
.g-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.g-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.g-cont{width: 100%;font-size: 0;position: relative; }
.g-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.g-left{position: absolute;top: 0;right: 0;width: 9.6rem;height: calc(100% - .4rem);background-size: cover;background-position: center center;background-repeat: no-repeat;}
.g-right{width: 4.4rem;}
.g-item{width: 100%;background-color: #ffffff;padding: .8rem .4rem .4rem; margin: .4rem 0;}
.g-d{color: #333333;line-height: 1.3;position: relative;}
.g-d:after{content: '';position: absolute;top: -.4rem;left: 0;width: .08rem;height: .08rem;background-color: #e60012;}
.g-e{color: #666666;line-height: 1.3;margin-top: .25rem;}
.g-f{width: 100%;font-size: 0;padding-top: .15rem;}
.g-h{display: inline-block;vertical-align: top; width: 50%;color: #666666;line-height: 2;}


@media(max-width: 800px){
    .g-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .g-left{position: static;padding-top: 80.7%;height: auto;width: 100%;}
    .g-right{width: 100%;}
}

.i-a{width: 100%;padding-top: .8rem;padding-bottom: .95rem; background-color: #f4f4f4;}
.i-b{width: 17.0rem;margin: 0 auto;}
.i-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.i-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.i-top{width: 100%;}
.i-form{width: 100%;font-size: 0;}
.i-d{display: inline-block;vertical-align: top;margin-bottom: .4rem;} 
.i-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 3rem;margin-right: .2rem;background-color: #ffffff;position: relative;padding-right: .3rem;padding-left: .2rem;white-space:nowrap}
.i-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: .5rem;line-height: .5rem; color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i-form .select-w select{position: absolute;width: 100%;height: 100%;padding-left: 12px;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.i-form .select-w:after{content: ""; position: absolute;right: .2rem;top: 0;z-index: 1;width: .1rem;height: 100%;background-image: url('../images/a15.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.i-e{display: inline-block;vertical-align: top;margin-bottom: .4rem;}
.i-f{border: none;width: 3.3rem;height: .5rem;color: #999999;padding: 0 .2rem; background-color: #ffffff;}
.i-submit{border: none;width: 1.5rem;height: .5rem;line-height: .5rem;text-align: center; color: #ffffff;  background-color: #e60012;cursor: pointer;}

.i-cont{width: 100%;padding-bottom: .4rem;}
.i-item{width: 100%;margin-bottom: .2rem;background-color: #ffffff;}
.i-g{width: 100%;font-size: 0;position: relative;cursor: pointer;}
.i-h{display: inline-block;vertical-align: middle;width: 18%;padding: 0 .3rem 0  .6rem;line-height: 1.3;color: #333333;}
.i-i{display: inline-block;vertical-align: middle;width: 67%; padding: .3rem .6rem; border-left: 1px solid #eeeeee;}
.i-j{display: inline-block;vertical-align: top;line-height: 1.3;margin: .1rem 0;color: #666666;}
.i-j:nth-child(1){width: 31%;}
.i-j:nth-child(2){width: 40%;}
.i-j:nth-child(3){width: 27%;}
.i-j:nth-child(4){width: 31%;}
.i-j:nth-child(5){width: 40%;}
.i-j:nth-child(6){width: 27%;}

.i-k{display: inline-block;vertical-align: middle;min-width: 1.5rem;text-align: center;padding: 0 .1rem;color: #666666;cursor: pointer; line-height: 3.4em;height: 3.4em;background-color: #f4f4f4;}
.i-k:after{content: '';display: inline-block;vertical-align: middle;margin-left: .3rem; width: .1rem;height: .1rem;background-image: url('../images/a15.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.i-k1{display: inline-block;vertical-align: middle;}
.i-k2{display: none;}

.i-l{ display: none;width: 100%;padding: .8rem .6rem;background-color: #ffffff;} 
.i-m{width: 100%;font-size: 0;}
.i-n{display: inline-block;vertical-align: top; width: 50%;}
.i-o{color: #333333;line-height: 1.3;margin-bottom: .3rem;}
.i-p{color: #666666;line-height: 2.2;}
.i-p *{color: #666666;line-height: 2.2;}
.i-apply{display: inline-block;margin-top: .6rem; padding: .18rem .17rem; cursor: pointer;color: #ffffff;background-color: #e60012;}
.i-apply:after{content: '';display: inline-block;vertical-align: middle;margin-left: .45rem; width: .2rem;height: .2rem;background-image: url('../images/a10.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}


.i-item.show .i-g{background-color: #272a2f;border-top: .04rem solid #e60012;}
.i-item.show .i-h{color: #ffffff;}
.i-item.show .i-j{color: #ffffff;}
.i-item.show .i-k{color: #ffffff;background-color: #e60012;}
.i-item.show .i-k1{display: none;}
.i-item.show .i-k2{display: inline-block;}
.i-item.show .i-k:after{background-image: url('../images/a15-b.png');}

@media(max-width: 800px){
    .i-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .i-d{width: 100%;font-size: 0;}
    .i-form .select-w{width: calc(33.33% - .1rem);margin-right: .15rem;}
    .i-form .select-w:nth-child(3n){margin-right: 0;}
    .i-form .select-w .cur{height: 35px;line-height: 35px;}
    .i-e{width: 100%;}
    .i-f{width: 67%;height: 35px;}
    .i-submit{width: 33%;height: 35px}
    .i-h{text-align: center;padding: 0 .15rem;}
    .i-i{width: 80%;padding: .3rem;}
    .i-j{width: 100% !important;}
    .i-k{ display: none; padding: 0 .15rem;}
    .i-g:after{content: ''; position: absolute;right: .2rem;top: 0;z-index: 1;width: .2rem;height: 100%;background-image: url(../images/a15.png);background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
    .i-item.show .i-g:after{transform: rotate(180deg); background-image: url(../images/a15-b.png);}
    .i-n{width: 100%;margin-bottom: .3rem;}
    
}

.j-a{width: 100%;padding-top: .8rem;padding-bottom: .45rem; background-color: #f4f4f4;}
.j-b{width: 17.0rem;margin: 0 auto;}
.j-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.j-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.j-cont{width: 100%;font-size: 0;position: relative; }

.j-item{display: block;position: relative; padding: .6rem;margin-bottom: .4rem;min-height: 5.8rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.j-d{max-width: 340px;width: 100%;position: relative;z-index: 18;}
.j-e{color: #ffffff;padding-top: .6rem;position: relative;margin-bottom: .3rem;}
.j-e:after{content: '';position: absolute;top: 0;left: 0;width: .08rem;height: .08rem;background-color: #ffffff;}
.j-f{color: #ffffff;line-height: 1.75;}
.j-f *{color: #ffffff;line-height: 1.75;}

@media(max-width: 800px){
    .j-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .j-item:after{content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,.3);}
}

.k-a{width: 100%;}
.k-item{width: 100%;display: block;cursor: pointer;min-height: 7.5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.k-b{width: 17.0rem;margin: 0 auto;text-align: right;padding-top: 1.6rem;padding-bottom: .6rem;}
.k-cont{display: inline-block;text-align: left;max-width: 430px;width: 100%;}
.k-c{display: inline-block;width: .5rem;line-height: .5rem;height: .5rem;text-align: center;margin-bottom: .6rem;}
.k-c img{max-width: 100%;max-height: 100%;}
.k-d{color: #ffffff;line-height: 1.3;margin-bottom: .35rem;}
.k-e{color: #fefefe;line-height: 1.75;}
.k-e *{color: #fefefe;line-height: 1.75;}
.k-icont{margin-top: 1.1rem;width: .6rem;height: .6rem;border-radius: 50%; background-color: #e60013;background-image: url('../images/a10.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}

.k-item:nth-child(2n) .k-b{text-align: left;}

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

.l-a{width: 100%;padding-top: .8rem;padding-bottom: 1.05rem; background-color: #f4f4f4;}
.l-b{width: 17.0rem;margin: 0 auto;}
.l-cont{width: 100%;background-color: #fff;padding: .7rem .5rem .4rem;position: relative;}
.l-c{color: #333333;padding-bottom: .4rem;margin-bottom: .35rem; border-bottom: 1px solid #efefef;position: relative;}
.l-c:after{content: '';position: absolute;bottom: 0;left: 0;width: .3rem;height: .04rem;background-color: #e60012;}

.l-d{color: #666666;line-height: 1.75;padding-bottom: .3rem;}
.l-d *{color: #666666;line-height: 1.75;}

.l-e{width: 100%;padding: 0 .6rem;}
.l-f{width: 100%;margin-bottom: .5rem;}
.l-f img{width: 100%;}
.l-g{width: 100%;font-size: 0;}
.l-item{display: inline-block;vertical-align: top;width: calc(33.33% - .2667rem);margin-right: .4rem;margin-bottom: .4rem;}
.l-item:nth-child(3n){margin-right: 0;}
.l-h{width: 100%;margin-bottom: .2rem;}
.l-h img{width: 100%;}
.l-i{color: #666666;line-height: 1.3;text-align: center;}

.l-j{width: 100%; padding: .3rem .6rem 0;}
.l-k{display: block;cursor: pointer;width: 100%;font-size: 0;cursor: pointer;margin-bottom: .3rem; font-size: 0;background-color: #768692;}
.l-l{display: inline-block;vertical-align: middle;width: 40%;}
.l-l img{width: 100%;}
.l-m{display: inline-block;vertical-align: middle;width: 60%;padding: .1rem .4rem;}
.l-n{font-weight: bold;line-height: 1.3;margin-bottom: .25rem;color: #fff;}
.l-o{font-weight: bold;line-height: 1.8;margin-bottom: .3rem;color: #fff;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.l-p{font-weight: bold;line-height: 1.3; color: #fff;}

.l-q{position: absolute;top: 0;right: .5rem;top: .2rem; height: 1rem;text-align: center;line-height: 1rem;}
.l-q img{max-width: none;max-height: 100%;}
.l-r{width: 100%;font-size: 0;padding-bottom: .3rem;}
.l-rspan{display: inline-block;vertical-align: middle;padding: .1rem .2rem;margin-right: .15rem;margin-bottom: .15rem; color: #fff;background-color: #e60012;}
.l-s{width: 100%;text-align: center;padding: .15rem 0;}
.l-consult{display: inline-block; padding: .15rem .3rem;cursor: pointer;  color: #fff;background-color: #e60012;}
@media(max-width: 800px){
    .l-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .l-e{padding: 0 .15rem;}
    .l-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .l-item:nth-child(3n){margin-right: .3rem;}
    .l-item:nth-child(2n){margin-right: 0;}

    .l-j{width: 100%;padding: .3rem 0 0;}
    .l-l{width: 100%;}
    .l-m{width: 100%;padding: .3rem .2rem;}
}

.m-a{width: 100%;padding-top: .8rem;padding-bottom: .8rem; background-color: #f4f4f4;background-image: url('../images/b41.jpg');background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;}
.m-b{width: 17.0rem;margin: 0 auto;}
.m-c{color: #333333;margin-bottom: .5rem;padding-bottom: .45rem; position: relative;text-align: center;}
.m-c:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.18rem; width: .36rem;height: .04rem;background-color: #e60012;}
.m-d{width: 100%;text-align: center;font-size: 0;padding-bottom: .2rem;}
.m-nav{display: inline-block;vertical-align: top;cursor: pointer; margin: 0 .1rem .3rem; padding:.23rem .7rem;background-color: #ffffff;}
.m-nav:hover{background-color: #e60012;color: #ffffff;}
.m-nav.active{background-color: #e60012;color: #ffffff;}

.m-cont{width: 100%;}
.m-item{display: none; width: 100%;}
.m-item.show{display: block;}
.m-e{color: #666666;line-height: 2;padding-bottom: .2rem;}
.m-e *{color: #666666;line-height: 2;}
.m-f{width: 100%;font-size: 0;}
.m-f img{display: inline-block;vertical-align: top;width: calc(50% - .2rem);margin-right: .4rem;margin-bottom: .4rem;}
.m-f img:nth-child(2n){margin-right: 0;}

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

.n-a{width: 100%;padding-top: .8rem;padding-bottom: 1rem; background-color: #f4f4f4;}
.n-b{width: 17.0rem;margin: 0 auto;}
.n-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.n-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.n-d{color: #333333;line-height: 1.3;margin-bottom: .5rem;}
.n-cont{width: 100%;font-size: 0;min-height: 5.7rem; position: relative;background-color: #ffffff; }
.n-left{position: absolute;top: 0;right: 0;width: 50%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}

.n-right{width: 50%;padding: .6rem .5rem;}
.n-form{width: 100%;}
.n-e{width: 100%;font-size: 0;}
.n-item{display: inline-block;vertical-align: top;width: calc(50% - .1rem);font-size: 0; margin-right: .2rem;margin-bottom: .2rem; background-color: #f4f4f4;}
.n-item:nth-child(2n){margin-right: 0;}
.n-f{display: inline-block;vertical-align: middle;width: .5rem;height: .5rem;text-align: center;line-height: .5rem;}
.n-f img{max-width: 35%;max-height: 35%;}
.n-g{display: inline-block;vertical-align: middle;width: calc(100% - .5rem);}
.n-h{width: 100%;}
.n-i{border: none;background-color: transparent ; width: 100%;color: #666666;height: .5rem;}

.n-j{width: 100%;background-color: #f4f4f4;padding: .2rem;}
.n-k{display: inline-block;vertical-align: top; width: .2rem;height: 1.5em;line-height: 1.5em;}
.n-k img{max-width: 70%;max-height: 100%;}
.n-l{display: inline-block;vertical-align: top;width: calc(100% - .2rem);}
.n-textarea{border: none;background-color: transparent ; width: 100%;color: #666666;line-height: 1.5; height: 2rem;}
.n-n{width: 100%;margin-top: .2rem;}
.n-submit{width: 100%; border: none;cursor: pointer;cursor: pointer;color: #ffffff;	height: .5rem;text-align: center;line-height: .5rem;background-color: #e60012;}

.n-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%;margin-right: .2rem; position: relative;padding-right: .3rem; white-space:nowrap}
.n-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: .5rem;line-height: .5rem; color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.n-form .select-w select{position: absolute;width: 100%;height: 100%;padding-left: 12px;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.n-form .select-w:after{content: ""; position: absolute;right: .2rem;top: 0;z-index: 1;width: .1rem;height: 100%;background-image: url('../images/a15.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}

@media(max-width: 800px){
    .n-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .n-left{width: 100%; position: static;height: auto;padding-top: 80%;}
    .n-right{width: 100%;}
    .n-i{height: 35px;}
    .n-form .select-w .cur{height: 35px;line-height: 35px;}
    .n-submit{height: 35px;line-height: 35px;}
}

@media(max-width: 450px){
     .n-item{width: 100%;margin-right: 0;}
}

.o-a{width: 100%;padding-top: .8rem;padding-bottom:.8rem; background-color: #f4f4f4;}
.o-b{width: 17.0rem;margin: 0 auto;}
.o-top{width: 100%;position: relative;}
.o-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.o-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.o-nav{position: absolute;top: -.06rem;right: 0;}
.o-nav-item{display: inline-block;cursor: pointer;padding: .15rem .3rem;}
.o-nav-item.active{background-color: #e60012;color: #fff;}
.o-nav-item:hover{background-color: #e60012;color: #fff;}

.o-cont{width: 100%;position: relative;}
.o-d{ width: 100%;font-size: 0;padding-bottom: .2rem;display: flex;flex-wrap: wrap;}
.o-item{display: inline-block;vertical-align: top;background-color: #fff;width: 3.93rem;margin-right: .4rem;margin-bottom: .5rem;}

.o-item:nth-child(4n){margin-right: 0;}
.o-e{width: 100%;background-color: #fff;cursor: pointer;}
.o-f{width: 100%;position: relative;background-image: url('../images/b48.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.o-f:after{display: none; content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.o-g{width: 100%;height: 3.4rem;text-align: center;line-height: 3.4rem;}
.o-g img{width: 100%;height: 100%; object-fit: cover; transform: scale(1.00);transition: all .5s;}


.o-icont{display: none; position: absolute;top: 50%;left: 50%;z-index: 18; transform: translate(-50%,-50%); width: .6rem;height: .6rem;border-radius: 50%;background-color: #e60012; background-image: url('../images/a34.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.o-h{display: block;padding: .25rem .1rem;text-align: center;line-height: 1.5;}


.o-e:hover .o-h{color: #e60012;}

.o-pagination{font-size: 0; bottom: 0;left: 0;width: 100%;  background: #d1d2d6;border-radius: 2px; }
.o-pagination.hide{display: none;}
.o-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;height: 4px;background: #d1d2d6;border-radius: 2px;}
.o-pagination .swiper-pagination-bullet-active{ background: #e60012;  }

.o-titles{width: 100%;margin-bottom: .3rem;}


@media(min-width: 800px){
    .o-e:hover .o-f:after{display: block;}
    .o-e:hover .o-icont{display: block;}
    /* .o-item:nth-child(2n){padding-top: .8rem;} */
}
@media(max-width: 800px){
    .o-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .o-d{display: flex;flex-wrap: wrap;}
    .o-item{width: calc(50% - .15rem);margin-right: .3rem;background-color: #fff;}
    .o-item:nth-child(2n){margin-right: 0;}
    .o-nav{top: 0;}
    .o-nav-item{padding: .1rem .2rem;font-size: 12px;}
}

.p-a{width: 100%;padding-top: .8rem;padding-bottom: .65rem; background-color: #f4f4f4;}
.p-b{width: 17.0rem;margin: 0 auto;}
.p-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.p-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.p-cont{width: 100%; }
.p-d{width: 100%;font-size: 0;}
.p-d:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.p-right{float: right;width: 7.05rem;}
.p-right img{width: 100%;}
.p-left{float: left;width: 6.9rem;}
.p-e{ color: #666666;line-height: 2;}
.p-e *{ color: #666666;line-height: 2;}
.p-f{color: #333333;line-height: 1.3;margin-bottom: .25rem;}
.p-g{display: flex;flex-wrap: wrap;}
.p-h{position: relative;margin-bottom: .35rem; display: inline-block;background-color: #ffffff;padding: .3rem .2rem .3rem .4rem;line-height: 1.5; width: calc(33.33%  - .2rem);margin-right: .3rem;}
.p-h:before{content: '';position: absolute;top: calc(.3rem + .5em);left: .2rem;	width: .5em;height: .5em;background-color: #e60012;}
.p-h:nth-child(3n){margin-right: 0;}
.p-h *{line-height: inherit;}
.p-i{color: #666666;line-height: 2;margin-bottom: .3rem;}
.p-j{color: #333333;line-height: 1.3;margin-bottom: .4rem;}
.p-k{width: 100%;margin-bottom: .5rem;}
.p-k img{width: 100%;}
.p-l{color: #666666;line-height: 2;margin-bottom: .3rem;}
.p-m{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.p-n{position: relative; display: inline-block;vertical-align: top;margin-bottom: .4rem; background-color: #ffffff;width: 7rem;padding: .7rem .4rem .3rem;}
.p-o{color: #333333;line-height: 1.3;margin-bottom: .15rem;position: relative;}
.p-o:before{content: '';position: absolute;top: -.4rem;left: 0;	width: .08rem;height: .08rem;background-color: #e60012;}
.p-ospan{margin-left: .05rem;}
.p-p{color: #666666;line-height: 2;}
.p-p *{color: #666666;line-height: 2;}
.p-q{color: #333;line-height: 2;margin-bottom: .3rem;}

.p-r{position: absolute;top: .1rem;right: .4rem; height: 1.1rem; text-align: center;}
.p-r img{height: 100%;}
@media(max-width: 800px){
    .p-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .p-left{width: 100%;}
    .p-right{width: 100%;margin-bottom: .3rem;}
    .p-n{width: 100%;margin-right: 0;}

} 

.q-a{width: 100%;padding-top: .8rem;padding-bottom: 1.05rem; background-color: #f4f4f4;}
.q-b{width: 17.0rem;margin: 0 auto;}
.q-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.q-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.q-cont{width: 100%;position: relative;  }
.q-cont:before{content: '';position: absolute;top: .2rem;left: 50%; width: 1px;height: calc(100% - .2rem);background-color: #737687;opacity: 0.5;}
.q-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.q-item{margin-top: 1rem;width: 6.8rem; background-color: #ffffff;float: left;}
.q-item:after{content: '';position: absolute;top: -.1rem;right: -.5rem;width: .2rem;height: .4rem;background-image: url('../images/a35.png');background-size: .2rem auto; background-position: center center;background-repeat: no-repeat;}
.q-item:first-child{margin-top: 0;}
.q-d{padding: 1.18rem .6rem .6rem;position: relative;z-index: 18;}
.q-e{color: #333333;line-height: 1.3;margin-bottom: .3rem;position: relative;}
.q-e:after{content: '';position: absolute;left: 0;top: -.5rem; width: .08rem;height: .08rem;background-color: #e60012;}
.q-f{color: #666666;line-height: 1.75;}
.q-f *{color: #666666;line-height: 1.75;}
.q-f p{display: flex;flex-wrap: wrap;}
.q-f span {display: inline-block;vertical-align: middle; min-width: 24%;}
.q-g{width: 100%;position: relative;}
.q-h{position: absolute;top: -.675em;right: .3rem;color: #f4f4f4;font-size: 1.1rem;}
.q-i{width: 100%;position: relative;z-index: 18;}
.q-i img{width: 100%;}

@media(min-width: 800px){
    .q-item:nth-child(2n){float: right;}
    .q-item:nth-child(2n):after{content: '';position: absolute;top: -.1rem;right: auto; left: -.5rem;width: .2rem;height: .4rem;background-image: url('../images/a35.png');background-size: .2rem auto; background-position: center center;background-repeat: no-repeat;}

}

@media(max-width: 800px){
    .q-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .q-cont:before{left: .1rem;margin-left: -.5px;}
    .q-item:after{right: auto;left: -.8rem;}
    .q-item{width: calc(100% - .8rem);float: right;}
}

@media(max-width: 800px){
    .q-item:after{right: auto;left: -.5rem;}
    .q-item{width: calc(100% - .5rem); }
}

.r-a{width: 100%;padding-top: .8rem;padding-bottom: 1.05rem;position: relative; background-color: #f4f4f4;}
.r-b{width: 17.0rem;margin: 0 auto;}
.r-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.r-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.r-cont{width: 100%; min-height: 650px; }
.r-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.r-left{float: right;}
.r-d{width: 1.5rem;padding: .7rem 0;position: relative;}
.r-d.fixed{position: fixed;top: 1rem;left: 50%;margin-left: 5.7rem;z-index: 18;}
.r-d.absolute{position: absolute;top: auto;}

.r-d:after{content: '';position: absolute;top: 0;right: 0;width: 1.2rem;height: 100%;background-color: #fff;}
.r-e{width: 100%;height: 13.5em;}
.r-f{width: 100%;padding-left: .3rem;height: 1.35em;display: flex;align-items: center;cursor: pointer;}
.r-g{width: 100%;text-align: center;font-size: calc(18 * 100vw / 1920);position: relative;}

.r-prev{left: auto;right: 0; margin-top: 0;  top: .2rem;width: 1.2rem; height: .14rem;background-image: url(../images/a36.png);background-size: auto .14rem;background-position: center center;background-repeat: no-repeat;}
.r-prev:hover{background-image: url(../images/a36-b.png);}
.r-next{left: auto;right: 0; margin-top: 0; top: auto; bottom:  .2rem;width: 1.2rem; height: .14rem;background-image: url(../images/a37.png);background-size: auto .14rem;background-position: center center;background-repeat: no-repeat;}
.r-next:hover{background-image: url(../images/a37-b.png);}

.r-right{float: left; width: 12rem;overflow: hidden;position: relative;}
.r-item{display: block;width: 100%;font-size: 0;margin-top: .4rem;}
.r-h{display: inline-block;vertical-align: top;width: 4.3em;padding-top: .1rem;color: #333333;font-weight: bold;}
.r-i{display: inline-block;vertical-align: top; width: calc(100% - 4.3em);position: relative;}
.r-i:before{content: '';position: absolute;top: .2rem;left: -.7rem;width: .2rem;height: .2rem;border-radius: 50%;border: solid 1px #737687; background-color: #f4f4f4;}
.r-i:after{content: '';position: absolute;top: .4rem;left: -.6rem;width: 1px;height: calc(100% + .4rem);background-color: #b3b5bd;}
.r-j{width: 100%;background-color: #ffffff;padding: .2rem .5rem;position: relative;}
.r-j:before{content: '';position: absolute;top: .2rem;left: -.1rem;width: .1rem;height: .2rem;background-image: url('../images/a38.png');background-size: .1rem auto; background-position: center center;background-repeat: no-repeat;}
.r-j P{color: #666666;font-size: calc(12px + 4 * 100vw / 1920) !important;line-height: 1.3;margin: .18rem 0;position: relative;padding-left: .23rem;}
.r-j P:before{content: '';position: absolute;top: .06rem;left: 0;width: .06rem;height: .06rem;background-color: #737687;}

.r-k{color: #666666;line-height: 1.3;margin: .18rem 0;position: relative;padding-left: .23rem;}
.r-k:before{content: '';position: absolute;top: .06rem;left: 0;width: .06rem;height: .06rem;background-color: #737687;}

.r-item:first-child{margin-top: 0;}
.r-item.show .r-h{color: #e60012;}
.r-item.show .r-i:before{border: none;background-image: url('../images/a35-b.png');background-size: .2rem .2rem;}
.r-item.show .r-i:after{background-color: #e60012;}

@media(max-width:1200px){
    .r-j P:before{top: .15rem;}
}

@media(min-width: 800px){
    .r-g:after{content: '';position: absolute;top: 50%;left: 0;width: .15rem;height: 1px; background-color: #a7a9b4;}


    .r-f.active{padding-left: 0;}
    .r-f.active .r-g{background-color: #e60012;color: #ffffff;height: 1.35em;line-height: 1.35em;width: calc(100% - .3rem); font-size: calc(12px + 28 * 100vw / 1920);}
    .r-f.active .r-g:after{display: none;}
}
@media(max-width: 800px){
    .r-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .r-right{width: 100%;}

    .r-left{width: 100%;margin-bottom: .3rem;}
    .r-d.fixed{position: fixed;top: 1rem;left: 0;margin-left: 0;border: 1px solid #f4f4f4;}
    .r-d{padding: 0 .7rem;background-color: #fff;width: 100%;}
    .r-e{height: auto;}
    .r-f{display: inline-block;width: auto;padding: .3rem .15rem;height: auto;}
    .r-g{font-size: 12px;}
    .r-f.active .r-g{color: #e60012;}

    .r-prev{top: 50%;right: auto; left: .15rem;margin-top: -.15rem;transform: rotate(-90deg); width: .3rem;height: .3rem;}
    .r-next{top: 50%;left: auto; right: .15rem;margin-top: -.15rem;transform: rotate(-90deg); width: .3rem;height: .3rem;}

}

.s-a{width: 100%;padding-top: .95rem;padding-bottom: 1rem; margin-bottom: 1.4rem;background-color: #f4f4f4;}
.s-cp{width: 100%;padding-top: .95rem;padding-bottom: 1rem;}
.s-cp1{width: 100%; padding-bottom: 1rem;}
.s-b{width: 100%; padding: 0 1.15rem;margin: 0 auto;}
.s-c{width: 100%;position: relative;}
.s-d{display: inline-block;position: relative;padding-bottom: .4rem;margin-bottom: .6rem;color: #333333;}
.s-d:after{content: ''; position: absolute;bottom: 0;left: 0;width: .35rem;height: .04rem;background-color: #e60012;}
.s-e{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);display: inline-block;cursor: pointer;padding: .2rem .3rem;background-color: #e60012;color: #ffffff;}
.s-e:after{content: '';margin-left: .65rem; display: inline-block;vertical-align: middle;width: .2rem;height: .2rem;background-image: url('../images/a10.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}

.s-cont{width: 100%;position: relative;padding-bottom: 1.2rem;}
.s-f{width: 100%;}
.s-item{width: 5.3rem;margin-right: .4rem;background-color: #ffffff;}
.s-item:last-child{margin-right: 0;}
.s-g{display: block;width: 100%;cursor: pointer;padding: 1.2rem .6rem .5rem;background-size: 0;background-position: center center;background-repeat: no-repeat;}
.s-g:after{content: '';z-index: 18; position: absolute;top: .6rem;left: .6rem; width: .5rem;height: .06rem;background-color: #e60012;}
.s-h{z-index: 18;position: relative; color: #333333;height: 3em;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.s-i{color: #666666;margin-top: .8rem;position: relative;z-index: 18;}
.s-i:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width: .16rem;height: .03rem;background-color: #747786;}
.s-item:hover .s-g{background-size: cover;}
.s-item:hover .s-g:before{content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.s-item:hover .s-g:after{background-color: #fff;}
.s-item:hover .s-h{color: #ffffff;}
.s-item:hover .s-i{color: #ffffff;}
.s-item:hover .s-i:before{background-color: #fff;}

.s-swiper{position: absolute;bottom: 0;left: 0;font-size: 0;}

.s-prev{ position: static;margin-top: 0; display: inline-block;vertical-align: middle;margin-right: 5px; transform: rotate(180deg); width: .8rem;height: .8rem;background-color: #fff;background-image: url('../images/a10-b.png');background-size: 20px auto; background-position: center center;background-repeat: no-repeat;}
.s-prev:hover{background-image: url('../images/a10.png');background-color: #e60012;}
.s-next{ position: static;margin-top: 0; display: inline-block;vertical-align: middle; margin-right: 5px; width: .8rem;height: .8rem;background-image: url('../images/a10-b.png');background-color: #fff;background-size: 20px auto; background-position: center center;background-repeat: no-repeat;}
.s-next:hover{background-image: url('../images/a10.png');background-color: #e60012;}

.s-pagination{display: inline-block;vertical-align: middle; position: static; margin-left: .3rem; }
.s-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;opacity: 1; width: .22rem;height: .22rem;position: relative;  border-radius: 50%;margin-right: 6px; border: none; background-color: rgba(255,255,255,0);}
.s-pagination .swiper-pagination-bullet:after{content: '';width: .06rem;height: .06rem; position: absolute;top: 50%;left: 50%;border-radius: 50%; transform: translate(-50%,-50%); background-color: #747786;}
.s-pagination .swiper-pagination-bullet-active{background-color: #dfdfe0;  }

@media(max-width: 900px){
    .s-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .s-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .s-prev{background-size: 40% auto;}
    .s-next{background-size: 40% auto;}
}

@media(max-width: 450px){
    .s-g{padding: .8rem .3rem .3rem;}
    .s-g:after{top: .4rem;left: .4rem;}
    .s-h{font-size: 13px;}
}

.t-a{width: 100%; padding-bottom: 1.4rem;  }
.t-b{width: 100%;padding: 0 1.15rem;margin: 0 auto; }
.t-c{width: 100%;position: relative;}
.t-d{display: inline-block;position: relative;padding-bottom: .4rem;margin-bottom: .6rem;color: #333333;}
.t-d:after{content: ''; position: absolute;bottom: 0;left: 0;width: .35rem;height: .04rem;background-color: #e60012;}
.t-e{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);display: inline-block;cursor: pointer;padding: .2rem .3rem;background-color: #e60012;color: #ffffff;}
.t-e:after{content: '';margin-left: .65rem; display: inline-block;vertical-align: middle;width: .2rem;height: .2rem;background-image: url('../images/a10.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.t-f{width: 100%; background-color: #f4f4f4;position: relative; }
.t-bg{position: absolute;top: 0;right: 0;width: calc(100% - 1.35rem);height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}

.t-cont{position: relative;z-index: 18;width: 100%;padding: 0 1.15rem;margin: 0 auto;}
.t-g{width: 100%;}
.t-tiem{width: 25%;transition: all .5s;}
.t-h{display:  block;cursor: pointer;position: relative;padding: 1.4rem .95rem 1.4rem .6rem;border-right: 1px solid rgba(255,255,255,.1);}
.t-h:after{content: ''; position: absolute;top: 1.4rem;left: 0; width: .03rem;height: .5rem;background-color: #ffffff;}
.t-i{width: auto; margin-bottom: .65rem;}
.t-i img{height: .5rem;}
.t-j{color: #ffffff;line-height: 1.3;margin-bottom: .35rem;}
.t-k{width: 100%;line-height: 1.75;height: 5.25em;color: #fefefe; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.t-icont{display: inline-block;border-radius: 50%;margin-top: 1.5rem; width: .6rem;height: .6rem;background-color: #e60013;background-image: url('../images/a10.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}

@media(min-width: 900px){
    .t-tiem:hover{width: calc(25% + .95rem);}
}
@media(max-width: 900px){
    .t-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .t-cont{width: 100%;padding-left: 10px;padding-right: 10px;}
    .t-bg{width: calc(100% - 10px);}
    .t-h{padding: .8rem .6rem;}
    .t-tiem{width: 33.33%;} 
    .t-icont{margin-top: .9rem;}
}

@media(max-width: 450px){
    .t-tiem{width: 50%;} 
    .t-h{padding: .8rem .3rem;}
}

.u-a{width: 100%;  margin: .6rem 0 !important; }
.u-top{width: 100%;position: relative;background-color: #fff;margin: 0 auto;}
.u-left{width: 30.7%;padding-left: 1.35rem;background-color: #272a2f;}
.u-b{width: 100%;position: relative;padding-top: 1.35rem;padding-bottom: 1.5rem;}
.u-c{color: #ffffff;position: relative;padding-bottom: .4rem;margin-bottom: .3rem;}
.u-c:before{content: '';position: absolute;bottom: 0;left: 0;	width: .35rem;height: .04rem;background-color: #e60012;}
.u-c:after{content: '';position: absolute;top: -.7rem;left: -.6rem;width: 4rem;height: 1.55rem;background-image: url('../images/a43.png');background-size: 4rem 1.55rem; background-position: center center;background-repeat: no-repeat;}
.u-d{width: 2.95rem;color: #ffffff;line-height: 2;}
.u-more{display: inline-block;margin-top: 1.1rem;cursor: pointer; padding: .2rem .3rem;background-color: #e60012;color: #ffffff;}
.u-more:after{content: '';margin-left: .65rem; display: inline-block;vertical-align: middle;width: .2rem;height: .2rem;background-image: url('../images/a10.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}

.u-right{position: absolute;top: 0;right: 0;width: 69.3%; height: 100%;}
.u-e{display: none; width: 100%;height: 100%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.u-e.show{display: block;}

.u-cont{width: 100%;position: relative;margin: 0 auto;padding-left: 1.35rem;padding-right: 1.35rem; }
.u-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.u-f{position: absolute;top: 0;left: 0; width: 30.7%;height: 100%; padding-left: 1.35rem; }
.u-g{display: none; width: 100%;height: 100%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.u-g.show{display: block;}

.u-h{float: right;width: 100%;}
.u-j{width: 25%;position: relative;} 
.u-j:after{content: '';position: absolute;top: 50%;right:0;margin-top: -.35rem; width: 1px;height: .7rem;background-color: #747786;}
.u-j:last-child:after{display: none;}
.u-k{display: block; width: 100%;padding: .7rem .4rem;text-align: center;font-size: 0;cursor: pointer;}
.u-l{display: inline-block;vertical-align: middle;color: #747786;line-height: 1.3;width: calc(100% - .7rem);}
.u-m{display: inline-block;vertical-align: middle;width: .7rem; }
.u-mimg1{display: block;width: .7rem;height: .7rem;line-height: .7rem; border-radius: 50%;background-color: #f4f4f4;}
.u-mimg1 img{display: inline-block; max-width: 45.7%;max-height: 45.7%;}
.u-mimg2{display: none;width: .7rem;height: .7rem;line-height: .7rem; border-radius: 50%;background-color: #fef2f3;}
.u-mimg2 img{display: inline-block; max-width: 45.7%;max-height: 45.7%;}
.u-j:hover .u-l{color: #e60012;}
.u-j:hover .u-mimg1{display: none;}
.u-j:hover .u-mimg2{display: block;}
.u-j.active .u-l{color: #e60012;}
.u-j.active .u-mimg1{display: none;}
.u-j.active .u-mimg2{display: block;}

@media(min-width: 1921px){
    .u-l{font-size: calc(28 * 100vw / 1920);}
}

@media(max-width: 1920px) and (min-width: 551px){
    .u-l{font-size: calc(12px + 16 * 100vw / 1920);}
}

@media(max-width: 900px){
    .u-a{padding-right: 0;padding-left: 0;}
    .u-top{width: 100%;padding-left: 0;padding-right: 0;}
    .u-left{width: 100%;padding: .1rem .8rem  ;}
    .u-d{width: 100%;}
    .u-right{width: 100%;position: static;}
    .u-e{padding-top: 56.6%;height: auto;}
    .u-cont{width: 100%;padding-left:0;padding-right: 0;}
    .u-f{padding-left: 0;}
    .u-j{width: 50%;} 
}

@media(max-width: 551px){
    .u-k{padding: .5rem .15rem;} 
    .u-l{font-size: 14px;}
}

.v-a{width: 100%;padding-top: .8rem;padding-bottom: .8rem;position: relative; background:url(../images/17.jpg) top center no-repeat;}
.v-a:after{content: '';position: absolute;bottom: 0;left: 0;width: calc(100% - 1.35rem); height: .8rem;background-color: #f4f4f4;}
.v-b{width: 100%;margin: 0 auto;padding: 0 1.15rem;}
.v-top{width: 100%;position: relative;}
.v-c{color: #333333;position: relative;padding-bottom: .4rem;margin-bottom: .3rem;}
.v-c:before{content: '';position: absolute;bottom: 0;left: 0;	width: .35rem;height: .04rem;}
.v-c:after{content: '';position: absolute;top: -.7rem;left: -.6rem;width: 4rem;height: 1.55rem;background-image: url('../images/a43.png');background-size: 4rem 1.55rem; background-position: center center;background-repeat: no-repeat;}
.v-move{display: inline-block;margin-top: .3rem; cursor: pointer; padding: .2rem .3rem;background-color: #e60012;color: #ffffff;}
.v-move:after{content: '';margin-left: .65rem; display: inline-block;vertical-align: middle;width: .2rem;height: .2rem;background-image: url('../images/a10.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}

.v-cont{width: 100%;position: relative;z-index: 18;}
.v-d{color: #333333;line-height: 1.3;margin-bottom: .15rem;}
.v-e{width: 100%;}
.v-e:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.v-left{float: left;width: 7rem;padding-top: .15rem;padding-bottom: 1.2rem;}
.v-f{width: 100%;padding-right: .6rem; color: #747786;line-height: 2;}
.v-f *{color: #747786;line-height: 2;}
.v-g{width: 100%;display: flex;flex-wrap: wrap;margin-top: 1.1rem;}
.v-item{display: inline-block;vertical-align: top;position: relative; padding: 1.1rem .4rem .4rem; background-color: #ffffff;border: solid 1px #eeeeee; width: 2.5rem;margin-right: .4rem;}
.v-item:nth-child(3n){margin-right: 0;}
.v-item:after{content: '';position: absolute;top: .4rem;left: .4rem;width: .08rem;height: .08rem;background-color: #e60012;}
.v-h{display: inline-block;width: .32rem;height: .32rem;text-align: center;line-height: .32rem;margin-bottom: .3rem;}
.v-h img{max-width: 100%;max-height: 100%;}
.v-i{color: #333333;line-height: 1.5;}

.v-item:nth-child(1):after{background-color: #e60012;}
.v-item:nth-child(2){background-color: #272a2f;}
.v-item:nth-child(2) .v-i{ color: #fff;}
.v-item:nth-child(2):after{background-color: #fff;}
.v-item:nth-child(3){background-color: #e60012;}
.v-item:nth-child(3) .v-i{ color: #fff;}
.v-item:nth-child(3):after{background-color: #fff;}

.v-right{position: absolute;top: 0;right: 0; width: 8.4rem;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
 
@media(max-width: 900px){ 
    .v-a:after{width: 0;}
    .v-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .v-left{width: 100%;float: none;}
    .v-f{padding-right: 0;}

    .v-right{position: static;float: none; height: auto;padding-top: 78%;width: 100%;}
    .v-g{margin-top: .8rem;}
    .v-item{width: calc(33.33% - .1rem);margin-right: .15rem;} 
}

@media(max-width: 450px){ 
    .v-item{width: 100%;margin-right: 0;margin-bottom: .3rem;}
    .v-left{padding-bottom: .5rem;}
}

.w-a{width: 100%;padding-top: .8rem;padding-bottom: 1.05rem; background-color: #f4f4f4;}
.w-b{width: 17.0rem;margin: 0 auto;}
.w-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.w-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.w-cont{width: 100%;font-size: 0;padding-bottom: .2rem;}
.w-d{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.w-e{display: inline-block;vertical-align: top;margin-bottom: .4rem; padding: .75rem .4rem .3rem;position: relative; width: 4rem;background-color: #ffffff;}
.w-e:after{content: '';position: absolute;top: .3rem; left: .4rem; width: .5rem;height: .08rem;background-color: #e60012;}
.w-ew{display: inline-block;vertical-align: top;margin-bottom: .4rem; padding: .75rem .4rem .3rem;position: relative; width: 8rem;background-color: #ffffff;}
.w-ew:after{content: '';position: absolute;top: .3rem; left: .4rem; width: .5rem;height: .08rem;background-color: #e60012;}
.w-f{color: #333333;line-height: 1.3;margin-bottom: .2rem;}
.w-g{color: #666666;line-height:28px;}
.w-cont{width: 100% ;padding: .48rem 0; background-image: url('../images/b63.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.w-map{position: relative; margin: 0 auto;width: 53.333vw;height: 34.0625vw; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.w-svg{transform-origin: left top;}
.w-h{position: absolute;bottom: 0;left: 0;}
.w-i{font-size: 0;margin-bottom: 1.1458vw;font-size: .72916vw;}
.w-i img{width: 1.1458vw;margin-right: .52vw;}

.w-j{position: absolute;left: 20.46875vw;top: 11.66666vw;cursor: pointer; }
.w-icont{width: 1.5625vw;height: 1.5625vw;background-image: url('../images/a52.png');background-size: 1.5vw 1.5vw;background-position: center center;background-repeat: no-repeat;}
.w-jtext{position: absolute;top: 50%;transform: translate(0,-50%);text-align: right; right: -3em;width: 3em; font-size: .78125vw;}
.w-pop{display: none;position: absolute; bottom:  1.484375vw;left: 50%;z-index: 18; transform: translate(-50%,0); width: 20.458vw;height: auto;background-color: #fff;}
.w-pop:after{content: ''; position: absolute;bottom: -.520vw;left: 50%;transform: translate(-50% , 0);width: .8333vw;height: .520vw; background-image: url('../images/a38-b.png');background-size: .8333vw .520vw;background-position: center center;background-repeat: no-repeat;}
.w-pop *{word-break: break-all;}
.wp-a{  width: 100%;background-color: #f4f4f4; padding:  .5em 9% .5em;font-size: .78125vw;line-height: 1.3;color: #6c6c6c;}
.wp-details{  width: 100%;background-color: #f4f4f4;height: 50%; padding:  .8em 9% .8em;font-size: .58125vw;line-height: 1.5;color: #6c6c6c;}
.wp-details *{line-height: inherit;}
.wp-b{padding: .15rem 0; height: 50%;display: flex;align-items: center;justify-content: center;font-size: .9375vw;color: #e60012;}
.wp-b img{width: 1.1458vw;margin-right: .52vw;}
.w-svg path{transition: all .3s;}
.w-j:hover .w-icont{transform: scale(1.9);}
.w-j:hover .w-pop{display: block;}

.w-j:nth-child(2){top: 15.052083vw;left: 18.2291666vw;}
.w-j:nth-child(2) .w-jtext{right: -5em; width: 5em;}

.w-k{position: absolute;left: 7.44791vw;top: 5vw;cursor: pointer; }
.w-l{width: 1.5625vw;height: 1.5625vw;background-image: url('../images/a53.png');background-size: 1.5625vw 1.5625vw;background-position: center center;background-repeat: no-repeat;}
.w-m{position: absolute;top: 50%;transform: translate(0,-50%);text-align: left; left: -3em;width: 3em; font-size: .78125vw;}
.w-k:hover .w-l{transform: scale(1.9);}
.w-k:hover .w-pop{display: block;}

.w-k:nth-child(2){top: 9.375vw;left: 19.01041vw;} 
.w-k:nth-child(3){top: 7.96875vw;left: 41.1458vw;}
.w-k:nth-child(4){top: 15.57291vw;left: 18.48958vw;}
.w-k:nth-child(4) .w-m{left: -5em; width: 5em;}
.w-k:nth-child(5){top: 20.9375vw;left: 22.91666vw;}
.w-k:nth-child(5) .w-m{left: -5em; width: 5em;}
 


@media(max-width: 800px){
    .w-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .w-e{width: 48%;}
	.w-ew{width: 100%;}
    .w-pop{ width: 50vw; }
}

@media(max-width: 450px){
    .w-map{transform: scale(1.3);}
    .w-cont{padding: 1.2rem 0;}
    .wp-b{font-size: 6px;}
    .w-pop{ width: 35vw; }
    .wp-b img{margin-right: 3px;}
    .w-jtext{font-size: 10px; }
}

.x-a{width: 100%;padding-top: .8rem;padding-bottom: .65rem; background-color: #f4f4f4;}
.x-b{width: 17.0rem;margin: 0 auto;}
.x-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.x-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #e60012;}
.x-cont{width: 100%;font-size: 0;position: relative; }
.x-item{display: block;width: 100%; background-color: #fff; position: relative;margin-bottom: .4rem;}
.x-item:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.x-left{position: absolute;top: 0;right: 0;width: 50%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.x-right{float: left;width: 50%;}
.x-top{position: relative; width: 100%;min-height: 3.2rem;padding: .92rem .6rem .3rem;}
.x-top:before{content: '';position: absolute;top: .45rem;left: .6rem;width: 8px;height: 8px;background-color: #e60012;}
.x-d{color: #333333;line-height: 1.3;margin-bottom: .25rem;}
.x-e{color: #666666;line-height: 1.75;}
.x-e *{color: #666666;line-height: 1.75;}

.x-f{width: 100%;border-top: 1px solid #eeeeee;}
.x-g{width: 100%;}
.x-h{width: 33.33%;text-align: center;}
.x-i{display: block;cursor: pointer ;border-right: 1px solid #eeeeee; padding-top: .1rem;padding-bottom: .2rem; width: 100%;}
.x-j{width: 100%;height: 2.1rem;line-height: 2.1rem;}
.x-j img{display: inline-block;max-width: 62.5%;max-height: 76.19%;}
.x-k{color: #666666;line-height: 1.3;}


.x-prev{left: .15rem;margin-top: -.07rem;  width: .18rem; height: .14rem;background-image: url(../images/c1.png);background-size: auto .14rem;background-position: center center;background-repeat: no-repeat;}
.x-prev:hover{background-image: url(../images/c1-b.png);}
.x-next{right: .15rem;margin-top: -.07rem;  width: .18rem; height: .14rem;background-image: url(../images/c2.png);background-size: auto .14rem;background-position: center center;background-repeat: no-repeat;}
.x-next:hover{background-image: url(../images/c2-b.png);}

@media(min-width: 800px){
    .x-item:nth-child(2n) .x-left{left: 0;}
    .x-item:nth-child(2n) .x-right{float: right;}
}


@media(max-width: 800px){
    .x-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .x-left{position: static;height: auto;width: 100%; padding-top: 80.55%;}
    .x-right{float: none;width: 100%;}
}

div.mCSB_scrollTools{opacity: 1;width: 3px;}
div.mCSB_scrollTools .mCSB_draggerRail{width: 3px;background-color: #ccc;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px;background-color: #e60012;border-radius: 2px;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #e60012;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #e60012;filter: none;-ms-filter: none;}
div.mCSB_inside>.mCSB_container{margin-right: 0 ;}


.y-a{display: none; position: fixed;top: 0;left: 0;z-index: 998;background-color: rgba(0,0,0,.5); width: 100%;height: 100%;}
.y-a.show{display: block;}
.y-b{position: relative; width: 10rem; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.y-close{position: absolute;top: .2rem;right: .2rem;cursor: pointer;width: .35rem;height: .35rem;background-image: url('../images/c3.png');background-size: .35rem .35rem;background-position: center center;background-repeat: no-repeat;}
.y-cont{width: 100%;max-height: 80vh;padding: .7rem 0 .6rem; background-color: #fff;}
.y-box{width: 100%; padding: 0 .8rem ; }
.y-c{color: #333333;line-height: 1.3;text-align: center;}
.y-c *{max-width: 100%;color: #333333;line-height: 1.3;}

@media(max-width: 800px){ 
    .y-b{width: 100%; max-width: 90%; }
}


.pop-a{display: none; position: fixed;top: 0;left: 0;z-index: 9888; width: 100%;height: 100%;background-color:rgba(0,0,0,.5);}
.pop-a.show{display: block;}
.pop-b{position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);background-color: #fff;width: 7rem;}
.pop-close{position: absolute;top: .2rem;right: .2rem;cursor: pointer;width: .35rem;height: .35rem;background-image: url('../images/c3.png');background-size: .35rem .35rem;background-position: center center;background-repeat: no-repeat;}

.pop-cont{padding: .7rem .6rem;font-size: 0;}

@media(max-width: 800px){ 
    .pop-b{width: 100%; max-width: 90%; }
}


.w-rmap{width: 900px;transform-origin: left top;max-width: none;}



.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #d0cdcd;
  color: #6d6b6b;
  font-size: 14px;
  padding: 12px 14px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #e60012;
}
.pagination a.page-num-current {
  color: #fff;
  background: #e60012;
  border: 1px solid #e60012;
}
.pagination .st{ font-family:"Microsoft YaHei";}
.text-secondary{ text-align:center; padding:20px 0}


.title,
.title-in {
    text-align: center;
}
.title b,
.title-in b {
    font-size: 24px;
    line-height: 30px;
}
@media (max-width: 991px) {
    .title b,
    .title-in b {
        font-size: 20px;
    }
}
.title b:before,
.title-in b:before,
.title b:after,
.title-in b:after {
    display: inline-block;
    width: 36px;
    height: 15px;
    content: '';
    vertical-align: bottom;
}
.title b:before,
.title-in b:before {
    margin-right: 10px;
    background: url(../images/line-1.png) no-repeat center;
}
.title b:after,
.title-in b:after {
    margin-left: 10px;
    background: url(../images/line-2.png) no-repeat center;
}
.title p,
.title-in p {
    line-height: 1.71428571;
    max-width: 660px;
    margin: 0 auto;
    margin-top: 14px;
    color: #999;
}
/*******************************
	-------[=新闻资讯]-------
********************************/

.m-list4 {}

.m-list4 li {
    margin-bottom: 30px;
}

.m-list4 .con {
    display: block;
    background: #fafafa;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
}

.m-list4 .con:hover {
    background: #fff;
    box-shadow: 0 0 25px #ecebeb;
}

.m-list4 .pic {
    float: left;
    width: 345px;
    height: 220px;
    overflow: hidden;
}

.m-list4 .pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.m-list4 .con:hover .pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.m-list4 .txt-con {
    color: #666;
    font-size: 14px;
    padding: 60px 0 70px 45px;
    /*height: 90px;*/
    overflow: hidden;
}

.m-list4 .date {
    float: left;
    width: 110px;
    color: #666;
    font-size: 16px;
    font-family: 'Arial';
}

.m-list4 .date .year {
    color: #333;
    font-size: 34px;
    line-height: 1;
    display: block;
}

.m-list4 .txt {
    color: #999;
    height: 90px;
    padding-left: 30px;
    border-left: 1px solid #e6e6e6;
    margin: 0 110px;
}

.m-list4 .txt h4 {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 15px;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.m-list4 .txt p {
    line-height: 25px;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 1199px) {
    /*******************************
		-------[=新闻资讯]-------
	********************************/
    .m-list4 li {
        margin-bottom: 20px;
    }
    .m-list4 .txt-con {
        padding: 60px 20px 70px;
    }
    .m-list4 .txt {
        margin-right: 20px;
    }
	
	/*button*/
    .btn1 {
        font-size: 14px;
    }
    /*title*/
    .tit-1 {
        font-size: 22px;
    }
    .tit-2 {
        font-size: 20px;
    }
    .st1 {
        font-size: 16px;
    }
}
@media only screen and (max-width: 992px) {
	    /*******************************
		-------[=新闻资讯]-------
	********************************/
    .m-list4 .pic {
        width: 220px;
        height: 140px;
    }
    .m-list4 .txt-con {
        font-size: 12px;
        padding: 25px 20px;
    }
    .m-list4 .txt {
        padding-left: 15px;
        margin-left: 70px;
    }
    .m-list4 .date {
        font-size: 14px;
        width: 70px;
    }
    .m-list4 .date .year {
        font-size: 24px;
    }
    .m-list4 .txt h4 {
        font-size: 14px;
    }
	/*title*/
    .tit-2 {
        margin-bottom: 20px;
    }
    .st3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 600px) {
	    /*******************************
		-------[=新闻资讯]-------
	********************************/
    .m-list4 .pic {
        float: none;
        width: auto;
        height: auto;
    }
    .m-list4 .txt-con {
        padding: 20px 10px;
    }
    .m-list4 .txt {
        height: 72px;
        margin-right: 10px;
    }
    .m-list4 .txt p {
        height: 3em;
        line-height: 1.5;
    }
    .m-list4 .txt h4 {
        margin-bottom: 10px;
    }
}


/*联系我们*/



.contact-form{border:1px solid #eee;padding:30px;margin-top:50px;overflow:hidden;}
.map-area{margin-top:50px;overflow:hidden;text-align: right;}




.message form {
    max-width: 1070px;
    margin: 0 auto;
}
.message input,
.message textarea {
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    min-height: 50px;
    padding: 10px 20px;
    border: 1px solid #dcdcdc;
	margin-top: 20px;
}
@media (max-width: 991px) {
    .message input,
    .message textarea {
        margin-top: 20px;
    }
}
.message input::-webkit-input-placeholder,
.message textarea::-webkit-input-placeholder {
    color: #999;
}
.message input:-o-placeholder,
.message textarea:-o-placeholder {
    color: #999;
}
.message input::-moz-placeholder,
.message textarea::-moz-placeholder {
    color: #999;
}
.message input:-ms-input-placeholder,
.message textarea:-ms-input-placeholder {
    color: #999;
}
.message input:focus::-webkit-input-placeholder,
.message textarea:focus::-webkit-input-placeholder {
    color: #c5c5c5;
}
.message input:focus::-o-placeholder,
.message textarea:focus::-o-placeholder {
    color: #c5c5c5;
}
.message input:focus::-moz-placeholder,
.message textarea:focus::-moz-placeholder {
    color: #c5c5c5;
}
.message input:focus::-ms-input-placeholder,
.message textarea:focus::-ms-input-placeholder {
    color: #c5c5c5;
}
.message .submit {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    margin-top: 40px;
    padding: 0 56px;
    -webkit-transition: all .4s;
    transition: all .4s;
    color: #fff;
    border-radius: 0;
    outline: none;
    background-color: #e60012;
}
.message .submit:before {
    font-family: 'iconfont' !important;
    font-size: 24px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.message .submit:hover {
    background-color: #044783;
}
.message .send {
    text-align: center;
}







.contactlist{ line-height:28px;}
.contactlist p{color:#000;font-size:14px;line-height:2;}
.contactlist .ma { overflow: hidden; margin: 4% 0;}
.contactlist .ma img{max-width:150px;height:auto;}



@media (max-width:468px){
.contactlist{width:100%;margin:0 auto;float: none;}
}

@media (min-width:469px) and (max-width:768px){
.contactlist{width:100%;margin:0 auto;float: none;}
}
@media (min-width:769px) and (max-width:990px){
.contactlist{width:100%;margin:0 auto;float: none;}
}




/*******************************
	-------[=关于我们]-------
********************************/
.tit-2 {
    color: #333;
    font-size: 34px;
    text-align: center;
    font-weight: normal;
    line-height: 60px;
    /*line-height: 1.76;*/
    margin-bottom: 40px;
}
.tit-white,
.tit-white * {
    color: #fff !important;
}


.m-row {
    padding: 70px 0;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

/*公司简介*/

.m-Profile {
    overflow: hidden;
    margin-bottom: 70px;
}

.m-Profile .text {
    float: left;
    width: 725px;
    width: 51.785%;
}

.m-Profile .picture {
    float: right;
    width: 590px;
    width: 42.142%;
}

.m-Profile .picture img {
    display: block;
    width: 100%;
}

.m-txt1 {
    color: #666;
    line-height: 2;
    -ms-word-break: break-all;
    word-break: break-all;
    margin-bottom: 30px;
}

.m-txt1 h3 {
    color: #e60012;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 40px;
}

.m-txt1 h3 em {
    color: #999;
    font-size: 18px;
    line-height: 35px;
    display: block;
}

.m-txt1 p {
    margin-bottom: 15px;
}

.txtList1 {
    color: #666;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.txtList1 li {
    float: left\9;
    width: 25%\9;
}

.txtList1 .con {
    text-align: center;
    display: inline-block;
}

.txtList1 .num {
    color: #e60012;
    font-size: 22px;
    margin-bottom: 5px;
}

.txtList1 sup {
    display: inline-block;
    vertical-align: top;
}

.txtList1 b {
    font-size: 60px;
    font-family: 'Haettenschweiler';
    font-weight: normal;
    line-height: 1;
}

/*发展愿景*/

.m-list2 {
    color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    margin-top: 90px;
}

.m-list2 li {
    float: left\9;
    width: 25%\9;
    max-width: 25%;
    margin-bottom: 50px;
}

.m-list2 .con {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    max-width: 260px;
    padding: 0 10px;
}

.m-list2 .icon {
    height: 65px;
    line-height: 65px;
    position: relative;
    padding-bottom: 20px;
    background: url(../images/h-line4.png) center bottom no-repeat;
    overflow: hidden;
    margin-bottom: 20px;
}

.m-list2 .icon img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}

.m-list2 h3 {
    font-size: 26px;
    font-weight: normal;
    line-height: 45px;
    margin-bottom: 15px;
}

.m-list2 p {
    height: 60px;
}

/*资质能力*/

.m-list3 {
    overflow: hidden;
    margin-bottom: 60px;
}

.m-list3 .item {
    float: left;
    width: 20%;
}

.m-list3 .pic {
    height: 540px;
    line-height: 540px;
    overflow: hidden;
    padding-bottom: 5px;
}

.m-list3 .pic img {
    display: inline-block;
    vertical-align: bottom;
    max-height: 100%;
    border: 1px solid #ddd;
}

.AbilitySlider .slider {
    width: 410px;
    margin: 0 auto;
}

.AbilitySlider .slick-list {
    overflow: visible;
}

.AbilitySlider .slick-current {
    z-index: 9999 !important;
}

.AbilitySlider .slick-current .con {
    margin: 0;
}

/*图片旋转切换*/

#AbilitySlider {
    position: relative;
    height: 540px;
}

#AbilitySlider .d_img {
    position: relative;
    height: 100%;
}

#AbilitySlider .d_img li {
    position: absolute;
    display: none;
    z-index: 0
}

#AbilitySlider .d_img .pic {
    position: relative;
    height: 0;
    padding-top: 131%;
}

#AbilitySlider .d_img img {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 0;
}

/*#AbilitySlider .d_img .d_pos1{display:block;width:235px;left:0;bottom: 0;z-index:1}
#AbilitySlider .d_img .d_pos2{display:block;width:305px;left:15%;bottom: 0;z-index:2}
#AbilitySlider .d_img .d_pos3{display:block;width:410px;left:35.5%;bottom: 0;z-index:3}
#AbilitySlider .d_img .d_pos4{display:block;width:305px;right:15%;bottom: 0;z-index:2}
#AbilitySlider .d_img .d_pos5{display:block;width:235px;right:0;bottom: 0;z-index:1}*/

#AbilitySlider .d_img .d_pos1 {
    display: block;
    width: 305px;
    left: 0;
    bottom: 0;
    z-index: 1;
}

#AbilitySlider .d_img .d_pos2 {
    display: block;
    width: 410px;
    left: 33.333%;
    bottom: 0;
    z-index: 2;
}

#AbilitySlider .d_img .d_pos3 {
    display: block;
    width: 305px;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#AbilitySlider .d_prev,
#AbilitySlider .d_next {
    position: absolute;
    z-index: 9;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    text-indent: -999px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden;
    display: none;
}

.m-Ability:hover #AbilitySlider .d_prev,
.m-Ability:hover #AbilitySlider .d_next {
    display: block;
}

#AbilitySlider .d_prev {
    left: -100px;
    background-image: url(../images/arr-l.png);
}

#AbilitySlider .d_next {
    right: -100px;
    background-image: url(../images/arr-r.png);
}

 @media only screen and (max-width:1600px) {
   /*******************************
		-------[=关于我们]-------
	********************************/
    .m-txt1 h3 {
        line-height: 1.33;
    }
    .m-txt1 h3 em {
        font-size: 14px;
    }
    .txtList1 {
        font-size: 14px;
    }
    .m-list2 .con {
        font-size: 14px;
        line-height: 1.88;
    }
    .m-list2 h3 {
        font-size: 18px;
    }
    #AbilitySlider .d_prev {
        left: 0;
    }
    #AbilitySlider .d_next {
        right: 0;
    }
 }
 @media only screen and (max-width:1400px) {
 /*******************************
		-------[=关于我们]-------
	********************************/
    .m-txt1 h3 {
        font-size: 20px;
    }
    .m-list2 .icon {
        height: 50px;
        line-height: 50px;
    }
    .m-Device .text .title {
        font-size: 16px;
    }
    .g-tpList1 .item {
        width: 20%;
    }
    .g-tpList1 .con {
        margin: 5px;
    }
    #AbilitySlider {
        height: 38.571vw;
    }
    #AbilitySlider .d_img .d_pos1,
    #AbilitySlider .d_img .d_pos3 {
        width: 21.785vw;
    }
    #AbilitySlider .d_img .d_pos2 {
        width: 29.285vw;
        left: 33.333%;
    }
 }
 @media only screen and (max-width: 992px) {
 
     /*******************************
		-------[=关于我们]-------
	********************************/
    .m-row {
        padding: 30px 0;
    }
    /*公司简介*/
    .m-Profile .text,
    .m-Profile .picture {
        float: none;
        width: auto;
    }
    .m-Profile .picture {
        height: 45vw;
        overflow: hidden;
        margin-top: 20px;
    }
    .m-txt1 h3 {
        text-align: center;
    }
    .m-Device .text-con {
        padding: 40px 20px;
    }
    .m-Device .text .title::before {
        width: 3em;
    }
    .g-tpList1 .item {
        width: 25%;
    }
    #AbilitySlider .d_prev,
    #AbilitySlider .d_next {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        -webkit-background-size: 40px auto;
        background-size: 40px auto;
        display: block;
    }
 }
 @media only screen and (max-width: 750px) {
 /*******************************
		-------[=关于我们]-------
	********************************/
    /*公司简介*/
    .txtList1 {
        font-size: 12px;
    }
    .m-txt1 h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .m-txt1 h3 em {
        font-size: 12px;
        line-height: 2;
    }
    .m-list2 {
        display: block;
        overflow: hidden;
    }
    .m-list2 li {
        float: left;
        width: 50%;
        max-width: 100%;
    }
    .m-list2 .con {
        padding: 0 5px;
    }
    .m-list2 .icon {
        margin-bottom: 10px;
    }
    .m-list2 h3 {
        margin-bottom: 10px;
    }
    .btn2 {
        width: 120px;
        height: 32px;
        line-height: 32px;
    }
    .btn2 i {
        height: 32px;
        -webkit-background-size: 35px auto;
        background-size: 35px auto;
    }
    .m-Device .picture,
    .m-Device .picture .pic,
    .m-Device .text {
        height: auto;
    }
    .m-Device .picture {
        float: none;
        width: auto;
    }
    .m-Device .text {
        margin-left: 0;
    }
    .m-Device .text-con {
        padding: 20px;
    }
    .m-Device .text .title {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .m-Device .text .det {
        height: auto;
        margin-bottom: 15px;
    }
    .g-tpList1 .item {
        width: 33.333%;
    }
    /*资质能力*/
    #AbilitySlider {
        height: 45vw;
    }
    #AbilitySlider .d_img .d_pos1,
    #AbilitySlider .d_img .d_pos3 {
        width: 26.785vw;
    }
    #AbilitySlider .d_img .d_pos1 {
        left: 5%;
    }
    #AbilitySlider .d_img .d_pos3 {
        right: 5%;
    }
    #AbilitySlider .d_img .d_pos2 {
        width: 33.285vw;
        left: 33%;
    }
	}
	@media only screen and (max-width: 1199px) {
	  /*******************************
		-------[=关于我们]-------
	********************************/
    .txtList1 b {
        font-size: 36px;
    }
    .m-list2 .con {
        font-size: 12px;
    }
    .m-list2 h3 {
        font-size: 16px;
    }
	}
	@media only screen and (max-width: 479px) {
	    /*******************************
		-------[=关于我们]-------
	********************************/
    .g-tpList1 .con {
        height: 60px;
        line-height: 60px;
    }
    /*资质能力*/
    #AbilitySlider {
        height: 80vw;
    }
    #AbilitySlider .d_img .d_pos1,
    #AbilitySlider .d_img .d_pos3 {
        width: 0;
    }
    #AbilitySlider .d_img .d_pos2 {
        width: 60vw;
        left: 20%;
    }
	}

/*检验设备*/

.m-Device {
    max-width: 1300px;
    overflow: hidden;
    margin: 0 auto 60px;
}

.m-Device .picture,
.m-Device .text {
    height: 395px;
    background-color: #f2f2f2;
}

.m-Device .picture {
    float: left;
    width: 640px;
    width: 49%;
    background-color: #000;
}

.m-Device .text {
    margin-left: 650px;
    margin-left: 50%;
}

.m-Device .picture .pic {
    height: 395px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.m-Device .picture .pic img {
    display: block;
    width: 100%;
    visibility: hidden;
}

.m-Device .text-con {
    padding: 40px;
}

.m-Device .text .title {
    font-size: 18px;
    font-weight: normal;
    line-height: 35px;
    position: relative;
    padding-top: 15px;
    background: url(../images/h-line5.png) 0 0 no-repeat \9;
    margin-bottom: 20px;
}

.m-Device .text .title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    border-bottom: 2px solid #333;
}

.m-Device .text .det {
    color: #999;
    line-height: 24px;
    height: 144px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 25px;
    /*line-height: 1.71;*/
}

.m-Device .slick-dots {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    bottom: 15px;
    text-align: center;
}

.m-Device .slick-dots li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 4px;
    *width: 10px;
    *height: 10px;
    *background: #fff;
    border-radius: 50%;
    opacity: .5;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 50)';
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

.m-Device .slick-dots button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    padding: 0;
    margin: 0;
    font-size: 0;
    text-indent: -999px;
    display: block;
    overflow: hidden;
}

.m-Device .slick-dots .slick-active {
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

@media only screen and (max-width: 1920px) {
    /*标题*/
    .tit-1 {
        font-size: 1.979vw;
        line-height: 1.97;
        margin-bottom: 2.604vw;
    }
    .tit-2 {
        font-size: 1.77vw;
        line-height: 1.88;
        margin-bottom: 2.083vw;
    }
    .st3 {
        font-size: 1.666vw;
        line-height: 1.88;
        margin-bottom: 2.343vw;
    }
    .st3::after {
        width: 4vw;
    }
 /*******************************
		-------[=关于我们]-------
	********************************/
    .m-row {
        padding: 3.645vw 0;
    }
    .m-Profile {
        margin-bottom: 3.645vw;
    }
    .m-txt1 {
        margin-bottom: 1.5625vw;
    }
    .m-txt1 h3 {
        font-size: 1.5625vw;
        margin-bottom: 2.083vw;
    }
    .m-txt1 h3 em {
        font-size: .9375vw;
    }
    .txtList1 b {
        font-size: 3.125vw;
    }
    .txtList1 .num {
        font-size: 1.145vw;
    }
    .m-list2 {
        margin-top: 4.6875vw;
    }
    .m-list2 li {
        margin-bottom: 2.604vw;
    }
    .m-list2 .icon {
        margin-bottom: 1vw;
    }
    .m-list2 h3 {
        font-size: 1.354vw;
        line-height: 1.73;
        margin-bottom: .78125vw;
    }
    .m-list3 {
        margin-bottom: 3.125vw;
    }
    .m-list3 .pic {
        height: 28.125vw;
        line-height: 28.125vw;
    }
    .m-Device {
        margin-bottom: 3.125vw;
    }
	
}
.container,.main-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container,.main-container  {
        width: 750px
    }
}

@media (min-width:992px) {
    .container,.main-container  {
        width: 970px
    }
}

@media (min-width:1200px) {
   .container,.main-container  {
        width: 1170px
    }
}
@media (min-width: 1350px) {
    .container,.main-container  {
        width: 1320px;
    }
}
.wrapper{ background-color: #f4f4f4;}


.box-customer .slick-customer {
    margin-top: 30px;
}
.box-customer .item {
    margin: 10px;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
.box-customer .item .img-box {
    padding-bottom: 46.15384615%;
}
.box-customer .item:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.box-customer .slick-arrow {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: -10px;
    padding: 0;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #b2b2b2;
    background: none;
}
.box-customer .slick-arrow:before {
    font-family: 'iconfont' !important;
    font-size: 20px;
    display: inline-block;
    content: '\e601';
}
.box-customer .slick-arrow.slick-next {
    right: -10px;
    left: auto;
}
.box-customer .slick-arrow.slick-next:before {
    content: '\e827';
}
.box-customer .slick-arrow:hover:before {
    color: #e60012;
}



.img-box {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
}
.img-box img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.img-box img[src=''],
.img-box img:not([src]) {
    opacity: 0;
    border: 0;
}


.xh-cont{width: 100%;text-align: left;position: relative;z-index: 18;}

    .xh-c{width: 100%;font-size: 0;}
    .xh-item{display: inline-block;vertical-align: middle;padding: .2rem 0;margin-right: .3rem;width: 3.02rem;}
.xh-item:nth-child(6n){margin-right: 0;}
.xh-d{display: block;cursor: pointer;background-color: #ffffff;overflow: hidden; width: 100%;height: 1rem;line-height: 1rem;text-align: center;}
.xh-d img{display: inline-block;max-width: 100%;max-height: 100%;transform: scale(1.00);transition: all .5s;}
.xh-d:hover{box-shadow: 0px 0px .21rem 0px rgba(228, 228, 228, 0.87);}
.xh-d:hover img{transform: scale(1.03);}
.xh-prev{position: absolute;transform: rotate(-180deg); left: -1.4rem;margin-top: -.2rem;width: .4rem;  height: .4rem;background-image: url('../images/a11.png');background-color: #efefef;border-radius: .04rem; background-size: .2rem auto;background-position: center center;background-repeat: no-repeat; }
.xh-prev:hover{background-image: url('../images/a11-c.png');background-color: #01a7e3;} 
@media(max-width:750px){
    .xh-cont{width: 100%;padding: 0 .6rem;}
    .xh-item{width: calc(33.33% - .2rem);margin-right: .3rem;}
    .xh-item:nth-child(3n){margin-right: 0;}

    }
    @media(max-width:1200px){
    .xh-prev{left: -.8rem;}
    .xh-next{right: -.8rem;}
}



section,footer{
    display: block
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important
}

.footer {
    background-image: url(../images/footer_bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.footer .title {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 1em;
    margin: 0 0 1.2rem;
    white-space: nowrap
}

@media (max-width:668px) {
    .footer .title {
        font-size: 14px
    }
}

.footer .title:after {
    background-color: #e60012;
    content: "";
    display: block;
    height: 2px;
    line-height: 2px;
    margin: 1.2rem 0 .8rem;
    width: 40px
}

.footer_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 3.6rem;
    padding-top: 2.4rem
}

@media (max-width:668px) {
    .footer_top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.footer_top_side {
    color: #fff;
    font-size: 16px;
    
    position: relative;
    width: 280px
}

@media (max-width:1681px) {
    .footer_top_side {
        font-size: 14px
    }
}

@media (max-width:668px) {
    .footer_top_side {
        font-size: 15px;
        width: 100%
    }
}

.footer_top_side a.logo {
    display: block;
    width: 100%
}

@media (max-width:668px) {
    .footer_top_side a.logo {
    }
}

.footer_top_side .txt {
    font-family: Lato-Regular;
    font-weight: 700;
	margin-top:20px;
	line-height:30px;
}

@media (max-width:668px) {
    .footer_top_side .txt {
        margin: 20px 0
    }
}

.footer_top_side .txt a {
    color: #fff
}

.footer_top_side .txt a.hotline {
    font-size:26px;
}

.footer_top_side .txt .des {
    margin-top:26px;
	line-height:30px;
}

.footer_top_side .icon_qr {
    margin-top: 20px;
    position: relative;
    width: 1.84rem
}

@media (max-width:668px) {
    .footer_top_side .icon_qr {
        position: absolute;
        right: 20px;
        top: 0
    }
}

.footer_top_side .icon_qr .icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 40px;
}

.footer_top_side .icon_qr .icon svg {
    color: #000;
    height: 50%;
    width: 50%
}

.footer_top_side .icon_qr .box {
    bottom: 1.84rem;
    display: none;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px;
    z-index: 5
}

.footer_top_side .icon_qr .box:after {
    border: 5px dashed transparent;
    border-bottom: none;
    border-top: 5px solid #fff;
    content: "";
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0 auto;
    overflow: hidden;
    width: 0
}

.footer_top_side .icon_qr .box img {
    background-color: #fff;
    width: 100%
}

.footer_top_side .icon_qr .box span {
    background-color: #fff;
    color: #000;
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 5px;
    text-align: center
}

.footer_top_side .icon_qr:hover .box {
    display: block
}






.product-nav {
    width: 230px;
    overflow: hidden;
}
.product-nav .title{
    text-align: center;
    width: 100%;
    height: 100px;
    background: #e60012;
    overflow: hidden;
}
.product-nav .title p{
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    margin-top: 30px;
    margin-bottom: 10px;
}
.product-nav .title span{
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}
.product-nav .product-nav-list{
    width: 100%;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 20px;
}
.product-nav .product-nav-list ul li{
    height: 50px;
    line-height: 50px;
    padding-left: 23px;
    transition: all .3s ease;
    position: relative;
}
.product-nav .product-nav-list ul li:before{
    content:'';
    display: block;
    width: 3px;
    height: 3px;
    background: #c0c0c0;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -4px;
}
.product-nav .product-nav-list ul li:after{
    content:'';
    display: block;
    width: 3px;
    height: 3px;
    background: #c0c0c0;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: 2px;
}
.product-nav .product-nav-list ul li a{
    font-size: 16px;
    display: block;
    padding-left: 10px;
    position: relative;
}
.product-nav .product-nav-list ul li a:after{
    content:'';
    display: block;
    width: 3px;
    height: 3px;
    background: #c0c0c0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}
.product-nav .product-nav-list ul li:hover,
.product-nav .product-nav-list ul li.current-cat,
.product-nav .product-nav-list ul li.current_page_item,
.product-nav .product-nav-list ul li.current-menu-item
{

    transform: translateX(20px);
	background: #ffffff;
}
.product-nav .product-nav-list ul li:hover a,
.product-nav .product-nav-list ul li.current-cat a,
.product-nav .product-nav-list ul li.current_page_item a,
.product-nav .product-nav-list ul li.current-menu-item a
{
    color: #dc323a;
}
.product-nav .product-nav-list ul li:hover a:after,
.product-nav .product-nav-list ul li.current-cat a:after,
.product-nav .product-nav-list ul li.current_page_item a:after,
.product-nav .product-nav-list ul li.current-menu-item a:after
{
    background: #dc323a;
}
.product-nav .product-nav-list ul li:hover:after,
.product-nav .product-nav-list ul li:hover:before,
.product-nav .product-nav-list ul li.current-cat:after,
.product-nav .product-nav-list ul li.current-cat:before,
.product-nav .product-nav-list ul li.current_page_item:after,
.product-nav .product-nav-list ul li.current_page_item:before,
.product-nav .product-nav-list ul li.current-menu-item:after,
.product-nav .product-nav-list ul li.current-menu-item:before
{
    background: #dc323a;
}

	
	.pc-fl{
    float: left;
}
.pc-fr{
    float: right;
}
.clear:after{
    content: '';
    display: block;
    clear: both;
}
.full-main {
    width: 100%;
    min-width: 1200px;
}

@media only screen and (max-width: 1200px){
    .pc-fl{
        float: none;
    }
    .pc-fr{
        float: none;
    }
	.product-nav{
        display: none;
    }
	.pc-fl {
    float: none;
}
	.full-main {
    min-width: 100%;
}
	 .main-container {
        width: 100%;
        min-width: 100%;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
}



.product-list{
    width: 1030px;
}
.product-list .product-list-wrap{
    margin-left: -15px;
    margin-right: -15px;
}
.product-list .product-list-item{
    width: 323px;
    float: left;
    margin: 0 15px 25px;
    text-align: center;
    margin-bottom: 25px;
}
.product-list .product-list-item p{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.contact-box{
    padding: 10px;
    background: #e60012;
}
.contact-box h4{
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 80px;
    margin-bottom: 15px;
}
.contact-box .line-box{
    position: relative;
    border: 1px solid #fff;
    padding: 30px 15px;
}
.contact-box .line-box span{
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
}
.contact-box .line-box p{
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
}
.contact-box .line-box em{
    display: block;
    padding: 5px;
    position: absolute;
    background: #e60012;
    color: #fff;
    top: -14px;
    left: 8px;
}
.product-wrap{
    margin-bottom: 50px;
    margin-top: 80px;
}

.product-wrap .title1{
    text-align: center;
	margin-bottom:30px;
}
.product-wrap .title1 span{
    font-size: 30px;
    font-weight: bold;
    color: #cccccc;
    text-transform: uppercase;
    line-height: 1;
}
.product-wrap .title1 p{
    font-size: 38px;
    font-weight: bold;
    color: #333333;
}
.product-wrap .title1 p em{
    color: #e6212a;
}

.product-wrap .case-link{
    font-size: 0;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
    white-space: nowrap;
    overflow-x: auto;
}
.product-wrap .case-link ul li{
    display: inline-block;
    font-size: 16px;
    color: #999999;
    line-height: 40px;
    padding: 0 30px;
    background: #f7f7f7;
    margin: 0 5px;
}
.product-wrap .case-link li:first-child,.product-wrap .case-link li:hover {

}
.product-wrap .case-link li:hover a{ color:#fff;}
.product-wrap .case-link ul li:hover{ background:#e6212a}

.product-list .product-list-item .product-img{
    width: 100%;
    height: 220px;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    padding: 5px;
    overflow: hidden;
    position: relative;
}
.product-list .product-list-item .product-img .hover-bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(5,90,174,.5);
    opacity: 0;
    transition: all .3s ease;
    z-index: 39;
}
.product-list .product-list-item:hover .hover-bg{
    opacity: 1;
}
.product-list .product-list-item .product-img .hover-icon{
    width: 37px;
    height: 37px;
    background: url(../images/hover-ico.png);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -37px;
    z-index: 99;
    transition: all .3s ease;
}
.product-list .product-list-item .product-img a{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 199;
}
.product-list .product-list-item:hover .hover-icon{
    top: 50%;
    margin-top: -19px;
}
.product-list .product-list-item .product-img img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.product-list .product-list-item.partner-item .product-img img{
    max-width: 100%;
    max-height: 100%;
    object-fit: none;
}
.product-list .product-list-item .product-text{
    margin-top: 15px;
}
.product-list .product-list-item .product-text p a{
    font-size: 16px;
    line-height: 1;
}
.product-list .product-list-item:hover .product-text p a{
    color: #e60012;
}


.product-list .details-title{
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}
.product-list .details-title h3{
    color: #e60012;
    font-size: 24px;
    margin-bottom: 10px;
}

.product-list-item .product-img{
    cursor: pointer;
}
.product-list-wrap{
    overflow: hidden;
}

.advantage-wrap .title-bg{
    height: 200px;
   
    overflow: hidden;
}
.advantage-wrap .title-bg .title{
    margin-top: 40px;
    position: relative;
    padding-left: 20px;
}

.advantage-wrap .title-bg .title p{
    font-size: 40px;
    color: #ffffff;
    line-height: 1;
	padding-right:10px;
}
.advantage-wrap .title-bg .title p strong{
    font-size: 90px;
    color: #e60012;
}
.advantage-wrap .title-bg .title p em{
    color: #e60012;
}
.advantage-wrap .title-bg .title span{
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
	margin-top:10px;
}
.advantage-list-bg{
    background: url(../images/advan-bg.png) top center;
    padding: 30px 0;
}
.advantage-list-bg ul li{
    margin: 40px 0;
}
.advantage-list-bg .text{
    width: 650px;
    float: left;
    box-sizing: border-box;
    padding-left: 120px;
    position: relative;
    padding-top: 40px;
}
.advantage-list-bg .text .nub{
    width: 91px;
    height: 91px;
    text-align: center;
    line-height: 91px;
    font-size: 40px;
    font-weight: bold;
    color: #ffffff;
    background: url(../images/nub-bg.png);
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 30px;
}
.advantage-list-bg .text .top{
    font-size: 38px;
    color: #e6212a;
    font-weight: bold;
    line-height: 1.8;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.advantage-list-bg .text .top em{
    color: #333333;
}
.advantage-list-bg .text .bottom span{
    font-size: 16px;
    color: #333333;
    display: block;
    padding-left: 20px;
    position: relative;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.advantage-list-bg .text .bottom span:before{
    content: '';
    width: 9px;
    height: 1px;
    display: block;
    background: #333333;
    position: absolute;
    left: 0;
    top: 20px;
}
.advantage-list-bg .text .bottom span em{
    color: #e6212a;
}
.advantage-list-bg .img{
    float: right;
}
.advantage-list-bg ul li:nth-child(2n+2) .img{
    float: left;
    margin-right: 85px;
}
.advantage-list-bg .img img{
    width: 515px;
    height: 323px;
    display: block;
}

.about-wrap{
  
    height:600px;
    box-sizing: border-box;
    padding-top: 70px;
	padding-bottom:30px;
}
.about-img{
    width: 550px;
    position: relative;
 
}
.about-img .img img{
    width: 100%;
    display: block;
}
.about-img .img .phone-wrap{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.5);
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    bottom: 0;
}
.about-img .img .phone-wrap span{
    float: left;
}
.about-img .bg-box{
    width: 200px;
    height: 150px;
    background: #e6212a;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 10;
}
.about-text{
    width: 600px;
}
.about-text .title{
    margin-bottom: 40px;
	text-align:left;
}
.about-text .title span{
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
	text-transform: uppercase;
}
.about-text .title p{
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
}
.about-text .title p em{
    color: #e6212a;
}
.about-text .text-content strong{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    display: block;
    margin-bottom: 20px;
}
.about-text .text-content p{
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
}
.about-text .text-content a{
    width: 140px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    color: #ffffff;
    background: #e6212a;
    margin-top: 60px;
}
.about-text .text-content a i{
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    display: inline-block;
    transform: rotate(45deg);
}
.crcm-wrap{
    background: #ffffff;
    padding: 25px 20px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    margin-top: 58px;
 
}
.crcm-wrap .title{
    margin-bottom: 25px;
}
.crcm-wrap .title .title-left{
    float: left;
    border-left: 4px solid #e6212a;
    padding-left: 10px;
}
.crcm-wrap .title .title-left p{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
}
.crcm-wrap .title .title-left span{
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    color: #999999;
}
.crcm-wrap .title .title-right{
    float: right;
}
.crcm-wrap .title .title-right a{
    font-size: 14px;
    color: #999999;
    line-height: 38px;
}
.crcm-wrap ul{
    white-space: nowrap;
    overflow-x: auto;
    font-size: 0;
}
.crcm-wrap ul li{
    display: inline-block;
    width: 160px;
    margin-right: 20px;
}
.crcm-wrap ul li img{
    width: 100%;
    height: 216px;
    object-fit: cover;
}
.crcm-wrap ul li:last-child{
    margin: 0;
}
.crcm-wrap ul li p{
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    color: #666666;
   overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.case-wrap{
    margin-bottom: 50px;
    margin-top: 80px;
}
.case-wrap .title{
    text-align: center;
}
.case-wrap .title span{
    font-size: 30px;
    font-weight: bold;
    color: #cccccc;
    text-transform: uppercase;
    line-height: 1;
}
.case-wrap .title p{
    font-size:38px;
    font-weight: bold;
    color: #333333;
}
.case-wrap .title p em{
    color: #e6212a;
}
.case-wrap .case-link{
    font-size: 0;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
    white-space: nowrap;
    overflow-x: auto;
}
.case-wrap .case-link ul li{
    display: inline-block;
    font-size: 16px;
    color: #999999;
    line-height: 40px;
    padding: 0 30px;
    background: #f7f7f7;
    margin: 0 5px;
}
.case-wrap .case-link li:first-child,.case-wrap .case-link li:hover {

}
.case-wrap .case-link li:hover a{ color:#fff;}
.case-wrap .case-link ul li:hover{ background:#e6212a}
.case-wrap .swiper-container{
    padding-bottom: 60px;
}
.case-wrap .swiper-container .swiper-slide{
    width: 410px;
}
.case-wrap .swiper-container .swiper-slide .case-img{
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.case-wrap .swiper-container .swiper-slide .case-img img{
    width: 100%;
    height: 100%;
    display: block;
    transition: all .3s ease;
}
.case-wrap .swiper-container .swiper-slide:hover .case-img img{
    transform: scale(1.1);
    }
.case-wrap .swiper-container .swiper-slide .case-text{
    text-align: center;
    margin-top: 10px;
}
.case-wrap .swiper-container .swiper-slide .case-text p{
    font-size: 16px;
    color: #333333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.case-wrap .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.case-wrap .swiper-pagination-bullet-active {
    opacity: 1;
    background: #e6212a;
}
.consulting-link{
    background: #e60012;
    
}
.consulting-bg{
    padding: 60px 0 50px;
    overflow: hidden;
   
    background-position: 60% 0;
}
.consulting-bg .text{
    padding-left: 15px;
    border-left: 3px solid #e6212a;
	margin-left:10px;
}
.consulting-bg .text p{
    font-size: 34px;
    color: #fff;
    line-height: 1;
    margin-bottom: 10px;
}
.consulting-bg .text  span{
    font-size: 12px;
    color: #ffffff;
    opacity: .5;
    text-transform: uppercase;
    line-height: 1;
}
.consulting-bg .link a{
    display: block;
    font-size: 18px;
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    background: #e6212a;
}
.consulting-bg .link a:hover{
    left: 300px;
    background: #f0313b;
}
.consulting-bg .link p{
    font-size: 14px;
    color: #ffffff;
    line-height: 1;
    margin-top: 10px;
}
.consulting-bg .link p em{
    font-size: 18px;
}
.news-wrap{
    margin-top: 60px;
    margin-bottom: 60px;
}
.news-wrap .news-left{
    width: 820px;
}
.news-wrap .title-row{
    margin-bottom: 30px;
}
.news-wrap .title-row .title p{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 1;
    margin-top: 5px;
}
.news-wrap .title-row .title p em{
    color: #e6212a;
}
.news-wrap .title-row .title span{
    font-size: 30px;
    font-weight: bold;
    color: #cccccc;
    text-transform: uppercase;
    line-height: 1;
}
.news-wrap .title-row .tab-link ul li{
    float: left;
    width: 180px;
    height: 44px;
    line-height: 44px;
    text-align:center ;
    background: #e6212a;
    margin: 0 5px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}
.news-wrap .title-row .tab-link ul li.active{
    background: #e60012;
}
.news-wrap .title-row .tab-link ul li:before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 44px solid #fff;
    border-right: 20px solid transparent;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.news-wrap .title-row .tab-link ul li:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-bottom: 44px solid #fff;
    border-left: 20px solid transparent;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.news-wrap .news-left .list-row{
    overflow: hidden;
}
.news-wrap .news-left .list-row ul{
    margin-right: -10px;
    margin-left: -10px;
}
.news-wrap .news-left .list-row ul li{
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
}
.news-wrap .news-left .list-row ul li .img{
    display: none;
}
.news-wrap .news-left .list-row ul li .text .title{
    line-height: 50px;
    border-bottom: 1px solid #f1f1f1;
    padding-left: 12px;
    position: relative;
	text-align: left;
}
.news-wrap .news-left .list-row ul li .text .title:before{
    content: '';
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    background: #e60012;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.news-wrap .news-left .list-row ul li .text .title span{
    float: right;
    font-size: 14px;
    color: #999999;
}
.news-wrap .news-left .list-row ul li .text .title a{
    width: 80%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
.news-wrap .news-left .list-row ul li .text .info{
    font-size: 12px;
    color: #999999;
    line-height: 20px;
    margin-bottom: 20px;
    display: none;
}
.news-wrap .news-left .list-row ul li .text .more{
    font-size: 14px;
    color: #e6212a;
    display: none;
}
.news-wrap .news-left .list-row ul li .text .more i{
    width: 0;
    height: 0;
    border-top: 6px solid #e6212a;
    border-left: 6px solid transparent;
    display: inline-block;
    transform: rotate(45deg);
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 3px;
}
.news-wrap .news-left .list-row ul li:first-child{
    width: 100%;
    margin-bottom: 20px;
}
.news-wrap .news-left .list-row ul li:first-child .img{
    width: 30%;
    height: 150px;
    float: left;
    display: block;
}
.news-wrap .news-left .list-row ul li:first-child .img img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.news-wrap .news-left .list-row ul li:first-child .text{
    width: 67%;
    float: right;
}
.news-wrap .news-left .list-row ul li:first-child .text .title{
    line-height: 48px;
    border-bottom: none;
    margin-bottom: 20px;
    position: relative;
    margin-top: -5px;
    padding: 0;
}
.news-wrap .news-left .list-row ul li:first-child .text .title:before{
    display: none;
}
.news-wrap .news-left .list-row ul li:first-child .text .title:after{
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 3px;
    background: #e6212a;
    left: 0;
    bottom: 0;
}
.news-wrap .news-left .list-row ul li:first-child .text .title a{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.news-wrap .news-left .list-row ul li:first-child .text .info{
    display: block;
}
.news-wrap .news-left .list-row ul li:first-child .text .more{
    display: block;
}
.news-wrap .news-right{
    width: 380px;
}
.news-wrap .news-right ul{
    margin-right: -5px;
    margin-left: -5px;
}
.news-wrap .news-right ul li{
    width: 50%;
    float: left;
    box-sizing: border-box; 
    padding: 0 5px;
    margin-bottom: 10px;
}
.news-wrap .news-right ul li img{
    width: 100%;
    display: block;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
}   
@media only screen and (max-width: 1200px){
	.product-list{
        width: 100%;
        margin: 0;
    }
    .product-list .product-list-wrap {
        margin-left: -5px;
        margin-right: -5px;
    }
    .product-list .product-list-item{
        width: 50%;
        margin-left: 0;
        padding: 0 5px;
        box-sizing: border-box;
    }
    .product-list .product-list-item .product-img{
        /**height: 150px;**/
    }
    .product-list .product-list-item .product-text {
        margin-top: 5px;
    }
    .product-list .product-list-item{
         margin-right: 0;
         margin-left: 0;
         margin-bottom: 10px;
    }
	
	.advantage-wrap .title-bg .title p{
        font-size: 26px;
    }
    .advantage-wrap .title-bg .title p strong {
        font-size: 60px;
    }
    .advantage-wrap .title-bg .title::after {
        content: '';
        display: block;
        width: 4px;
        height: 56px;
        background: #e6212a;
        position: absolute;
        left: 0;
        top: 35px;
    }
    .advantage-list-bg .text{
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .advantage-list-bg .img{
        float: none;
    }
    .advantage-list-bg ul li:nth-child(2n+2) .img{
        float: none;
        margin-right: 0;
    }
    .advantage-list-bg .img img{
        width: 100%;
        height: auto;
        display: block;
    }
    .advantage-list-bg .text .nub{
        top: -50px;
    }
    .advantage-list-bg .text .top {
        font-size: 30px;

    }
  
    .about-wrap {
        height: auto;  
    }
    .about-text .title {
        margin-bottom: 30px;
    }
    .about-img{
        width: 100%;
        height: 200px;
        overflow: hidden;
        margin-top: 60px;
    }
    .about-img .img{
        position: static;
        top: 0;
        left: -0;
        z-index: 20;
        height: 200px;
    }
    .about-img .bg-box{
        display: none;
    }
    .about-img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .about-text{
        width: 100%;
    }
    .about-text .text-content a {
        margin-top: 40px;
    }
    .crcm-wrap{
        background: #ffffff;
        padding: 25px 0;
        overflow: hidden;
        box-shadow:none;
        transform: translateY(0);
    }
    .case-wrap .swiper-container .swiper-slide{
        width: 100%;
    }
    .case-wrap .title{
        margin-top: 40px;
    }
    .consulting-bg .link{
        margin-top: 50px;
		margin-left:10px;
    }
   
    .consulting-bg{
        background-size:100%;
        background-position: 0 70%;
    }
    .news-wrap .news-left{
        width: 100%;
        margin-bottom: 30px;
    }
    .news-wrap .news-right{
        width: 100%;
    }
    .news-wrap .news-left .list-row ul li{
        width: 100%;
    }
    .news-wrap .title-row .tab-link{
        margin-top: 30px;
    }
    .news-wrap .title-row .tab-link ul li {
        width: 50%;
        margin: 0;
    }
    .news-wrap .news-left .list-row ul li .text .info{
       display: none;
    }
    .news-wrap .news-left .list-row ul li:first-child .img{
        width: 30%;
        height: auto;
    }
	.news-wrap .news-left .list-row ul li:first-child .text .info{ display:none}  
	
	.news-wrap .news-right ul li{
    width: 25%;
    float: left;
    box-sizing: border-box; 
    padding: 0 5px;
    margin-bottom: 10px;
}

.consulting-bg{
    padding: 60px 0 50px;
}

}

@media only screen and (max-width: 768px){
	
	.news-wrap .news-right ul li{
    width: 50%;
    float: left;
    box-sizing: border-box; 
    padding: 0 5px;
    margin-bottom: 10px;
}
.case-wrap .swiper-container .swiper-slide .case-img{
    width: 100%;
    height: 360px;
    overflow: hidden;
}
}