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

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/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;}

div.mCSB_scrollTools{opacity: 1;width: 3px;}
div.mCSB_scrollTools .mCSB_draggerRail{width: 3px;background-color: #f0f0f0;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px;background-color: #0094d6;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: #0094d6;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #0094d6;filter: none;-ms-filter: none;}
div.mCSB_inside>.mCSB_container{margin-right: 0 ;}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder{color: #7d766c;}
form input:-moz-placeholder,
form textarea:-moz-placeholder{color: #7d766c;}
form input::-moz-placeholder,
form textarea::-moz-placeholder{color: #7d766c;}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder{color: #7d766c;}
 

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

body{font-size: calc(16 * 100vw / 1920);} 
@media(max-width: 1584px){
    body{font-size: 13.2px;}
}

.s12{font-size: calc(12 * 100vw / 1920);}
@media(max-width: 1920px){
    .s12{font-size: 12.0px;}
}
.s13{font-size: calc(13 * 100vw / 1920);}
@media(max-width: 1816px){
    .s13{font-size: 12.3px;}
}
.s14{font-size: calc(14 * 100vw / 1920);}
@media(max-width: 1728px){
    .s14{font-size: 12.6px;}
}
.s15{font-size: calc(15 * 100vw / 1920);}
@media(max-width: 1651px){
    .s15{font-size: 12.9px;}
}
.s16{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .s16{font-size: 13.2px;}
}
.s17{font-size: calc(17 * 100vw / 1920);}
@media(max-width: 1524px){
    .s17{font-size: 13.5px;}
}
.s18{font-size: calc(18 * 100vw / 1920);}
@media(max-width: 1472px){
    .s18{font-size: 13.8px;}
}
.s19{font-size: calc(19 * 100vw / 1920);}
@media(max-width: 1424px){
    .s19{font-size: 14.1px;}
}
.s20{font-size: calc(20 * 100vw / 1920);}
@media(max-width: 1382px){
    .s20{font-size: 14.4px;}
}
.s21{font-size: calc(21 * 100vw / 1920);}
@media(max-width: 1344px){
    .s21{font-size: 14.7px;}
}
.s22{font-size: calc(22 * 100vw / 1920);}
@media(max-width: 1309px){
    .s22{font-size: 15.0px;}
}
.s23{font-size: calc(23 * 100vw / 1920);}
@media(max-width: 1277px){
    .s23{font-size: 15.3px;}
}
.s24{font-size: calc(24 * 100vw / 1920);}
@media(max-width: 1248px){
    .s24{font-size: 15.6px;}
}
.s25{font-size: calc(25 * 100vw / 1920);}
@media(max-width: 1221px){
    .s25{font-size: 15.9px;}
}
.s26{font-size: calc(26 * 100vw / 1920);}
@media(max-width: 1196px){
    .s26{font-size: 16.2px;}
}
.s27{font-size: calc(27 * 100vw / 1920);}
@media(max-width: 1173px){
    .s27{font-size: 16.5px;}
}
.s28{font-size: calc(28 * 100vw / 1920);}
@media(max-width: 1152px){
    .s28{font-size: 16.8px;}
}
.s29{font-size: calc(29 * 100vw / 1920);}
@media(max-width: 1132px){
    .s29{font-size: 17.1px;}
}
.s30{font-size: calc(30 * 100vw / 1920);}
@media(max-width: 1113px){
    .s30{font-size: 17.4px;}
}
.s31{font-size: calc(31 * 100vw / 1920);}
@media(max-width: 1096px){
    .s31{font-size: 17.7px;}
}
.s32{font-size: calc(32 * 100vw / 1920);}
@media(max-width: 1080px){
    .s32{font-size: 18.0px;}
}
.s33{font-size: calc(33 * 100vw / 1920);}
@media(max-width: 1064px){
    .s33{font-size: 18.3px;}
}
.s34{font-size: calc(34 * 100vw / 1920);}
@media(max-width: 1050px){
    .s34{font-size: 18.6px;}
}
.s35{font-size: calc(35 * 100vw / 1920);}
@media(max-width: 1036px){
    .s35{font-size: 18.9px;}
}
.s36{font-size: calc(36 * 100vw / 1920);}
@media(max-width: 1024px){
    .s36{font-size: 19.2px;}
}
.s37{font-size: calc(37 * 100vw / 1920);}
@media(max-width: 1011px){
    .s37{font-size: 19.5px;}
}
.s38{font-size: calc(38 * 100vw / 1920);}
@media(max-width: 1000px){
    .s38{font-size: 19.8px;}
}
.s39{font-size: calc(39 * 100vw / 1920);}
@media(max-width: 989px){
    .s39{font-size: 20.1px;}
}
.s40{font-size: calc(40 * 100vw / 1920);}
@media(max-width: 979px){
    .s40{font-size: 20.4px;}
}
.s41{font-size: calc(41 * 100vw / 1920);}
@media(max-width: 969px){
    .s41{font-size: 20.7px;}
}
.s42{font-size: calc(42 * 100vw / 1920);}
@media(max-width: 960px){
    .s42{font-size: 21.0px;}
}
.s43{font-size: calc(43 * 100vw / 1920);}
@media(max-width: 951px){
    .s43{font-size: 21.3px;}
}
.s44{font-size: calc(44 * 100vw / 1920);}
@media(max-width: 942px){
    .s44{font-size: 21.6px;}
}
.s45{font-size: calc(45 * 100vw / 1920);}
@media(max-width: 934px){
    .s45{font-size: 21.9px;}
}
.s46{font-size: calc(46 * 100vw / 1920);}
@media(max-width: 926px){
    .s46{font-size: 22.2px;}
}
.s47{font-size: calc(47 * 100vw / 1920);}
@media(max-width: 919px){
    .s47{font-size: 22.5px;}
}
.s48{font-size: calc(48 * 100vw / 1920);}
@media(max-width: 911px){
    .s48{font-size: 22.8px;}
}
.s49{font-size: calc(49 * 100vw / 1920);}
@media(max-width: 905px){
    .s49{font-size: 23.1px;}
}
.s50{font-size: calc(50 * 100vw / 1920);}
@media(max-width: 898px){
    .s50{font-size: 23.4px;}
}
.s51{font-size: calc(51 * 100vw / 1920);}
@media(max-width: 892px){
    .s51{font-size: 23.7px;}
}
.s52{font-size: calc(52 * 100vw / 1920);}
@media(max-width: 886px){
    .s52{font-size: 24.0px;}
}
.s53{font-size: calc(53 * 100vw / 1920);}
@media(max-width: 880px){
    .s53{font-size: 24.3px;}
}
.s54{font-size: calc(54 * 100vw / 1920);}
@media(max-width: 874px){
    .s54{font-size: 24.6px;}
}
.s55{font-size: calc(55 * 100vw / 1920);}
@media(max-width: 869px){
    .s55{font-size: 24.9px;}
}
.s56{font-size: calc(56 * 100vw / 1920);}
@media(max-width: 864px){
    .s56{font-size: 25.2px;}
}
.s57{font-size: calc(57 * 100vw / 1920);}
@media(max-width: 858px){
    .s57{font-size: 25.5px;}
}
.s58{font-size: calc(58 * 100vw / 1920);}
@media(max-width: 854px){
    .s58{font-size: 25.8px;}
}
.s59{font-size: calc(59 * 100vw / 1920);}
@media(max-width: 849px){
    .s59{font-size: 26.1px;}
}
.s60{font-size: calc(60 * 100vw / 1920);}
@media(max-width: 844px){
    .s60{font-size: 26.4px;}
}
.s61{font-size: calc(61 * 100vw / 1920);}
@media(max-width: 840px){
    .s60{font-size: 26.7px;}
}
.s62{font-size: calc(62 * 100vw / 1920);}
@media(max-width: 836px){
    .s60{font-size: 27.0px;}
}
.s63{font-size: calc(63 * 100vw / 1920);}
@media(max-width: 832px){
    .s60{font-size: 27.3px;}
}
.s64{font-size: calc(64 * 100vw / 1920);}
@media(max-width: 828px){
    .s60{font-size: 27.6px;}
}
.s65{font-size: calc(65 * 100vw / 1920);}
@media(max-width: 824px){
    .s60{font-size: 27.9px;}
}
.s66{font-size: calc(66 * 100vw / 1920);}
@media(max-width: 820px){
    .s66{font-size: 28.2px;}
}
.s67{font-size: calc(67 * 100vw / 1920);}
@media(max-width: 816px){
    .s67{font-size: 28.5px;}
}
.s68{font-size: calc(68 * 100vw / 1920);}
@media(max-width: 813px){
    .s68{font-size: 28.8px;}
}
.s69{font-size: calc(69 * 100vw / 1920);}
@media(max-width: 809px){
    .s69{font-size: 29.1px;}
}
.s70{font-size: calc(70 * 100vw / 1920);}
@media(max-width: 806px){
    .s70{font-size: 29.4px;}
}
.s70{font-size: calc(70 * 100vw / 1920);}
@media(max-width: 803px){
    .s70{font-size: 29.7px;}
}
.s71{font-size: calc(71 * 100vw / 1920);}
@media(max-width: 800px){
    .s71{font-size: 30px;}
}
.s72{font-size: calc(72 * 100vw / 1920);}
@media(max-width: 796px){
    .s72{font-size: 30.3px;}
}
.s73{font-size: calc(73 * 100vw / 1920);}
@media(max-width: 793px){
    .s73{font-size: 30.6px;}
}
.s74{font-size: calc(74 * 100vw / 1920);}
@media(max-width: 791px){
    .s74{font-size: 30.9px;}
}
.s75{font-size: calc(75 * 100vw / 1920);}
@media(max-width: 788px){
    .s75{font-size: 31.2px;}
}
.s76{font-size: calc(76 * 100vw / 1920);}
@media(max-width: 79px){
    .s76{font-size: 31.5px;}
}
.s77{font-size: calc(77 * 100vw / 1920);}
@media(max-width: 785px){
    .s77{font-size: 31.8px;}
}
.s78{font-size: calc(78 * 100vw / 1920);}
@media(max-width: 782px){
    .s78{font-size: 32.1px;}
}
.s79{font-size: calc(79 * 100vw / 1920);}
@media(max-width: 780px){
    .s79{font-size: 32.4px;}
}
.s80{font-size: calc(80 * 100vw / 1920);}
@media(max-width: 777px){
    .s80{font-size: 32.7px;}
}
 



main{position: relative;min-height: 20vh;}


/*咨询服务类首页开始 */ 
.a-a{width: 100%;position: relative;}
.a-b{width: 100%;}
.a-item{width: 100%;}
.a-c{display: block;cursor: pointer; width: 100%;position: relative;}
.a-img{width: 100%;}
.a-img img{width: 100%;}
.a-cont{position: absolute; width:15.4rem;left: 50%;top: 49%;transform: translate(-50%,-50%);}
.a-titles{width: 100%;letter-spacing: .06rem;color: #ffffff;font-weight: bold;line-height: 1.1;margin-bottom: .6rem;}
.a-en{color: #ffffff;line-height: 1.3;margin-bottom: 1rem;}
.a-buttom{display: inline-block;position: relative;cursor: pointer; background-color: #da291c;overflow: hidden;}
.a-buttom:after{content: '';position: absolute;top: 0;left: calc(100% - .03rem);transition: all .5s; width: 100%;height: 100%;background-color: #ff9920;}
.a-d{color: #ffffff;position: relative;z-index: 18;padding: .18rem .65rem;}
.a-buttom:hover:after{left: 0;}

.a-mouse{cursor: pointer; animation: AnRotate 1.5s linear infinite alternate;position: absolute;bottom: .7rem;left: 50%;z-index: 98; margin-left: -.15rem; width: .3rem;height: .3rem;background-image: url('../images/a5.png'); background-size: auto .3rem ;background-position: center center;background-repeat: no-repeat;}
.a-e{position: absolute;z-index: 98; width:15.4rem;left: 50%;bottom: .9rem;font-size: 0; transform: translate(-50%,0);}
.a-total{display: inline-block;vertical-align: middle; color: #ffffff;opacity: 0.5;}
.a-cur{display: inline-block;vertical-align: middle; color: #ffffff; }
.a-bar{position: static; display: inline-block;vertical-align: middle;margin: 0 .25rem;width: 1.16rem; background-color: rgba(255,255,255,.5); }
.a-inner{display:  block;overflow: visible !important; position: relative; height: 2px;background-color: #fff;opacity: 1;}
.a-inner:after{content: ''; position: absolute;top: -2px;right: -6px;border-radius: 50%;width: 6px;height: 6px;background-color: #ffffff;}


@keyframes AnRotate{
    0%{
        transform: translatey(5px);
    }
    50%{
        transform: translatey(0);
    } 
    100%{
        transform: translatey(-5px);
    }

}

@media(max-width: 750px){
    .a-mouse{display: none;}
    .a-cont{width: 100%;top: 55%; padding-left: 10px;padding-right: 10px;}
    .a-e{bottom: .2rem; width: 100%; padding-left: 10px;padding-right: 10px;}
    .a-titles{font-size: 18px;line-height: 1.3;margin-bottom: .3rem;}
    .a-en{font-size: 12px;margin-bottom: .35rem;}
    .a-d{font-size: 12px;}
}

@media(max-width: 500px){
    .a-img img{height: 280px;object-fit: cover;}
}

.b-a{width: 100%;padding-top: 1.1rem;padding-bottom: 1.3rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.b-b{width: 15.7rem;margin: 0 auto;}
.b-cont{width: 100%;font-size: 0;}
.b-left{display: inline-block;vertical-align: middle;padding:  .35rem; width: 7rem;height: 7rem;background-image: url('../images/a11.png');background-size: 6.99rem auto;background-position: center center;background-repeat: no-repeat;}
.b-c{display: block;width: 100%;height: 100%;border-radius: 50%;position: relative; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.b-cimg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 1.6rem;}
.b-cimg img{width: 100%;}

.b-right{display: inline-block;vertical-align: middle;width: calc(100% - 7rem);padding-left: .8rem;}
.b-titles{position: relative;color: #000000;font-weight: bold;padding-bottom: .3rem;margin-bottom: .3rem;}
.b-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .3rem;height: .03rem;background-color: #ff9920;}
.b-text{width: 100%;line-height: 2;color: #666666;margin-bottom: .45rem;}
.b-text *{line-height: inherit;}
.b-list{width: 100%;font-size: 0;}
.b-item{display: inline-block;vertical-align: top;width: 33.33%;margin-bottom: .2rem;}
.b-icon{display: block;height: .2rem;margin-bottom: .25rem;}
.b-icon img{max-width: none;height: 100%;}
.b-nub{color: #da291c;margin-bottom: .2rem;}
.b-d{color: #666666;line-height: 1.2;margin-bottom: .2rem;}
.b-more{width: 100%;display: block;cursor: pointer;position: relative;}
.b-e{width: 100%;overflow: hidden;}
.b-e img{width: 100%;transform: scale(1.00);transition: all .5s;}
.b-f{position: absolute;top: 0;right: 0;width: .8rem;height: 100%;background-color: #da291c;}
.b-g {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.2em;line-height: 1.5; text-align: center;color: #f6f8fb;}
.b-more:hover .b-e img{transform: scale(1.05);}

@media(max-width: 750px){
    .b-a{padding-top: .6rem;padding-bottom: .6rem;}
    .b-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;text-align: center;}
    .b-left{display: inline-block;margin-bottom: .35rem;width: 6rem;height: 6rem;background-size: 5.99rem auto;}
    .b-right{width: 100%;text-align: left;padding-left: 0;}
}

.c-a{width: 100%;padding-top: .7rem;padding-bottom: .8rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.c-b{width: 15.7rem;margin: 0 auto;text-align: center;}
.c-top{width: 100%;text-align: center;padding-bottom: .5rem; }
.c-titles{color: #000000;font-weight: bold;padding-bottom: .23rem;margin-bottom: .2rem;position: relative;}
.c-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.15rem;	width: .3rem;height: .03rem;background-color: #ff9920;}
.c-text{color: #666666;line-height: 1.3;}
.c-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;padding-bottom: .3rem;text-align: left;}
.c-item{display: inline-block;vertical-align: top;cursor: pointer; width: 5rem;margin-right: .35rem;margin-bottom: .5rem;	background-color: #ffffff;box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.14);}
.c-item:nth-child(3n){margin-right: 0;}
.c-img{width: 100%;overflow: hidden;}
.c-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.c-c{width: 100%;position: relative;z-index: 18;text-align: center;padding: 0 .15rem .5rem;}
.c-icon{display: inline-block;margin-top: -.55rem;margin-bottom: .3rem;}
.c-icon1{display: block; width: 1.1rem;height: 1.1rem;line-height: 1.1rem;	background-color: #ffffff;box-shadow: 0px 0px .38rem 0px rgba(0, 0, 0, 0.27);border-radius: 50%;}
.c-icon1 img{max-width: 50%;max-height: 50%;}
.c-icon2{display: none; width: 1.1rem;height: 1.1rem;line-height: 1.1rem;background-color: #ff9920;	background-image: linear-gradient(180deg, #ff9920 0%, #da291c 100%), linear-gradient(#ffffff, #ffffff);border-radius: 50%;}
.c-icon2 img{max-width: 50%;max-height: 50%;}
.c-d{color: #333333;line-height: 1.3;margin-bottom: .3rem;}
.c-e{color: #666666;line-height: 1.3;}

.c-item:hover .c-img img{transform: scale(1.05);}
.c-item:hover .c-icon1{display: none;}
.c-item:hover .c-icon2{display: block;}

@media(max-width: 750px){
    .c-a{padding-top: .6rem;padding-bottom: .6rem;}
    .c-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .c-item{width: 100%;margin-right: 0;}
}

.d-a{width: 100%;background-color: #f8f8f8;position: relative;}
.d-b{width: 100%;margin: 0 auto;}
.d-cont{width: 100%;font-size: 0;}
.d-left{display: inline-block;vertical-align: middle;width: 33.6%;height: 9.4rem;position: relative; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.d-c{position: absolute;bottom: 1.05rem ;left: 0;padding: 0 .55rem; width: 100%;}
.d-d{color: #ffffff;line-height: 1.3;margin-bottom: .2rem;}
.d-e{color: #ffffff;margin-bottom: .5rem;}

.d-right{display: inline-block;vertical-align: middle;width: 58%;padding-left:8%;}
.d-top{width: 100%;text-align: center;}
.d-titles{color: #000000;font-weight: bold;padding-bottom: .33rem;margin-bottom: .4rem;position: relative;}
.d-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.15rem;	width: .3rem;height: .03rem;background-color: #ff9920;}
.d-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.d-item{display: inline-block;vertical-align: top;width: calc(50% - .15rem);cursor: pointer;margin-bottom: .3rem; margin-right: .3rem;background-color: #ffffff;border-bottom: .02rem solid transparent; box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.14);}
.d-item:nth-child(2n){margin-right: 0;}
.d-img{width: 100%;overflow: hidden;}
.d-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.d-text{width: 100%;padding:.25rem .3rem;}
.d-f{color: #333333;line-height: 1.3;margin-bottom: .15rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-g{color: #888888;line-height: 1.3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-h{color: #888888;margin-top: .3rem;}

.d-item:hover  {border-bottom: .02rem solid #ff9920;}
.d-item:hover .d-img img{transform: scale(1.05);}
.d-item:hover .d-f{color: #da291c;}

.d-i{width: 100%;font-size: 0;}
.d-j{display: inline-block;vertical-align: top;cursor: pointer;position: relative; width: calc(50% - .15rem); margin: 0 .3rem .1rem 0;padding: .16rem 40px .16rem 0; border-bottom: 1px solid #e1e1e1;}
.d-j:nth-child(2n){margin-right: 0;}
.d-k{width: 100%;line-height: 1.3;	color: #666666; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-time{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);	color: #888888;}
.d-j:hover .d-k{color: #da291c;}

@media(max-width: 750px){
    .d-a{padding-top: .6rem;padding-bottom: .6rem;}
    .d-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .d-cont{width: 100%;display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
    .d-left{width: 100%;height: auto;padding-top: 80%;}
    .d-right{width: 100%;padding-left: 0;margin-bottom: .35rem;}
    .d-item{width: 100%;margin-right: 0;}
    .d-j{width: 100%;margin-right: 0;}
}

.e-a{width: 100%;position: relative; padding-top: .7rem;padding-bottom: .6rem; background-image: url('../images/b12.jpg');background-size: 3.88rem 1.12rem;background-position: top right;background-repeat: no-repeat;}
.e-a:after{content: '';position: absolute;bottom: 0;left: 0;z-index: 8; width: 100%;height: .98rem; background-image: url('../images/b13.jpg');background-size: auto .98rem;background-position: bottom left;background-repeat: no-repeat;}
.e-b{width: 15.7rem;margin: 0 auto; }
.e-top{width: 100%;text-align: center;padding-bottom: .6rem; }
.e-titles{color: #000000;font-weight: bold;padding-bottom: .23rem;margin-bottom: .2rem;position: relative;}
.e-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.15rem;	width: .3rem;height: .03rem;background-color: #ff9920;}
.e-text{color: #666666;line-height: 1.3;}
.e-cont{width: 100%;position: relative;z-index: 18;font-size: 0;}
.e-item{display: inline-block;vertical-align: top;cursor: pointer;overflow: hidden;margin-right: .3rem;margin-bottom: .3rem; width: 2.35rem;height: 1.25rem;text-align: center;line-height: 1.23rem; border: solid .01rem #eeeeee;}
.e-item img{max-width: 95%;max-height: 95%;transform: scale(1.00);transition: all .5s;}
.e-item:nth-child(6n){margin-right: 0;}
.e-item:hover{border: solid .01rem #da291c;} 

@media(max-width: 750px){
    .e-a{padding-top: .6rem;padding-bottom: .6rem;}
    .e-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .e-item{width: calc(33.33% - .1rem);margin-right: .15rem;}
    .e-item:nth-child(3n){margin-right: 0;}
}



/*咨询服务类首页结束*/ 


/*机械类首页开始*/  

.xa-a{width: 100%;position: relative;}
.xa-b{width: 100%;}
.xa-item{width: 100%;}
.xa-c{display: block;cursor: pointer; width: 100%;position: relative;}
.xa-img{width: 100%;}
.xa-img img{width: 100%;}
.xa-text{position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);width: 16rem; }
.xa-en{color: #ffffff;font-size: 1rem;font-weight: bold;margin-bottom: .4rem;}
.xa-titles{color: #ffffff;letter-spacing: 4px;line-height: 1.3; margin-bottom: .9rem;}
.xa-more{display: inline-block;cursor: pointer;padding: .17rem  .3rem;color: #ffffff;background-color: #2154bd;}
.xa-more:after{content: '+';color: #ffffff; margin-left: .1rem;}

.xa-buttom{position: absolute;left: 0;bottom: 5.95%;z-index: 88; width: 100%; text-align: center;font-size: 0;}
.xa-pagination{display: inline-block;vertical-align: middle;position: static;}
.xa-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle; width: 1.5rem;height: 2px;margin: 0 .1rem;opacity: .3;border-radius: 0; background-color: #ffffff; }
.xa-pagination .swiper-pagination-bullet-active{opacity: 0.9;}
.xa-d{display: inline-block;vertical-align: middle;margin-left: .1rem;cursor: pointer;}
.xa-pause{display: block;width: 16px;height: 16px;background-image: url('../images/c6.png');background-size: 12px auto;background-position: center center;background-repeat: no-repeat;}
.xa-play{display: none;width: 16px;height: 16px;background-image: url('../images/c6-b.png');background-size: 12px auto;background-position: center center;background-repeat: no-repeat;}
.xa-d.hide .xa-pause{display: none;}
.xa-d.hide .xa-play{display: block;}

@media(max-width: 750px){ 
    .xa-text{width: 100%;padding: 0 10px;}
    .xa-en{font-size: 18px;}
    .xa-titles{font-size: 16px;margin-bottom: .35rem;} 
    .xa-img img{min-height: 220px;object-fit: cover;}
    .xa-pagination .swiper-pagination-bullet{width: .6rem;}
}

.xb-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;}
.xb-b{width: 100%;margin: 0 auto;padding-left: 1.6rem;}
.xb-top{width: 100%; position: relative;margin-bottom: .5rem;}
.xb-left{display: inline-block;vertical-align: top;}
.xb-en{color: #333333;font-weight: bold;margin-bottom: .3rem;}
.xb-titles{color: #333333;}
.xb-right{position: absolute;top: 50%;right: 1.6rem;transform: translate(0,-50%); font-size: 0;}
.xb-more{display: block;cursor: pointer;color: #666666;line-height: 1.5;}
.xb-more:after{content: '+';display: inline-block;vertical-align: middle;color: #999999;margin-left: .1rem;}
.xb-more:hover{color: #2154bd;}
.xb-more:hover:after{color: #2154bd;}
.xb-cont{width: 100%;position: relative;padding-bottom: .25rem;}
.xb-c{width: 100%;}
.xb-item{width: 6.8rem;margin-right: .3rem;}
.xb-item:last-child{margin-right: 0;}
.xb-d{display: block; width: 100%;}
.xb-img{width: 100%;overflow: hidden;}
.xb-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.xb-text{width: 100%;padding: .4rem 0;}
.xb-nub{color: #2154bd;font-weight: bold;margin-bottom: .2rem;}
.xb-e{display: inline-block;vertical-align: middle; color: #222222;font-weight: bold;}
.xb-espan:before{content: '';display: inline-block;vertical-align: middle;margin: 0 .1rem;width: .2rem;height: 2px;background-color: #ffae00;}

.xb-item:hover .xb-img img{transform: scale(1.05);}
.xb-item:hover .xb-e{color: #2154bd;}

.xb-scrollbar{position: absolute;bottom: 0;left: 0; width:  calc(100% - 1.6rem);height: 3px; border-radius: 0;background-color: #f0f0f0;}
.xb-scrollbar .swiper-scrollbar-drag{ background-color: #12509c;cursor: pointer;}


@media(max-width: 750px){ 
    .xb-b{width: 100%;max-width: 500px;padding-left: 10px;}
    .xb-right{right: 10px;}
    .xb-item{width: 80%;}
    .xb-scrollbar{width: calc(100% - 10px);}
}

.xc-a{width: 100%;padding-top: .63rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xc-b{width: 16rem;margin: 0 auto;}
.xc-cont{width: 100%;font-size: 0;}
.xc-left{display: inline-block;vertical-align: bottom;width: 6.9rem;padding: 0 .4rem;}
.xc-left img{width: 100%;}
.xc-right{display: inline-block;vertical-align: bottom;width: calc(100% - 6.9rem);padding-left: 2.6rem;padding-bottom: 1rem;}
.xc-en{color: #ffffff;font-weight: bold;margin-bottom:  .3rem;}
.xc-titles{	color: #ffffff;margin-bottom: .3rem;}
.xc-textbox{color: #ffffff;line-height: 2.25;margin-bottom: .7rem;}
.xc-textbox *{line-height: inherit;}
.xc-more{margin-bottom: 1rem; display: inline-block;cursor: pointer;padding: .17rem .33rem;background-color: #2154bd;color: #ffffff;}
.xc-more:after{content: '+';display: inline-block;vertical-align: middle;color: #ffffff;margin-left: .1rem;}
.xc-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap; justify-content: space-between;}
.xc-item{display: inline-block;vertical-align: top;margin-bottom: .35rem;}
.xc-c{width: 100%;}
.xc-nub{display: inline-block;vertical-align: bottom; color: #ffffff;font-weight: bold;}
.xc-d{display: inline-block;vertical-align: bottom; }
.xc-dspan1{display: inline-block;vertical-align: top; color: #ffffff;}
.xc-dspan2{display: inline-block;vertical-align: top;   color: #ffffff; }
.xc-d{margin-top: .25rem;	color: #ffffff;line-height: 1.3;}

@media(max-width: 1400px){ 
    .xc-right{padding-bottom: .33rem;padding-left: 1.8rem;}
    .xc-textbox{margin-bottom: .35rem;}
    .xc-more{margin-bottom: .6rem;}
}

@media(max-width: 750px){ 
    .xc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xc-left{width: 100%;padding: 0; margin-bottom: .5rem;text-align: center;}
    .xc-left img{width: 80%;}
    .xc-right{width: 100%;padding-left: 0;}
}

.xd-a{width: 100%;padding-top: 1rem;padding-bottom: 1.1rem;}
.xd-b{width: 100%;margin: 0 auto;padding-left: 1.6rem;}
.xd-cont{width: 100%;font-size: 0;}
.xd-left{display: inline-block;vertical-align: top;width: calc(100%  - 11rem);padding-right: 1rem;}
.xd-en{color: #333333;font-weight: bold;margin-bottom: .14rem;}
.xd-titles{color: #222222;margin-bottom: .85rem;}
.xd-c{color: #222222;line-height: 1.5;margin-bottom: .35rem;}
.xd-text{color: #666666;line-height: 2.25;margin-bottom: .85rem;}
.xd-more{  display: inline-block;cursor: pointer;padding: .17rem .33rem;background-color: #2154bd;color: #ffffff;}
.xd-more:after{content: '+';display: inline-block;vertical-align: middle;color: #ffffff;margin-left: .1rem;}

.xd-right{display: inline-block;vertical-align: top;width: 11rem;position: relative;}
.xd-d{width: 100%;}
.xd-item{width: 9.4rem;margin-right: .55rem;}
.xd-item:last-child{margin-right: 0;}
.xd-img{display: block;cursor: pointer;width: 100%;}
.xd-img img{width: 100%;}

.xd-prev{display: none;}
.xd-next{transform: rotate(-180deg);left: 9.18rem;  right:  auto;margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;background-color: #12509c;background-image: url('../images/c10-b.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}

@media(max-width: 900px){ 
    .xd-left{padding-right: .3rem;width: 30%;}
    .xd-right{width: 70%;}
}
@media(max-width: 750px){ 
    .xd-b{width: 100%;max-width: 500px;padding-left: 10px; }
    .xd-left{width: 100%;margin-bottom: .5rem;}
    .xd-right{width: 100%;}
    .xd-item{width: 80%;}
    .xd-next{left: calc(80% - .22rem);}
    .xd-text{margin-bottom: .35rem;}
}

.xe-a{width: 100%;position: relative;}
.xe-b{width: 100%;}
.xe-item{width: 100%;}
.xe-c{display: block;cursor: pointer;position: relative; width: 100%;padding-top: 43.75%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xe-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .8rem;}
.xe-play img{width: 100%;}

.xe-buttom{position: absolute; left: 50%;bottom: .5rem;transform: translate(-50%,0);white-space: nowrap; z-index: 98;text-align: center;  }
.xe-pagination{position: static; display: inline-block;vertical-align: middle;}
.xe-pagination .swiper-pagination-bullet{position: relative;  display: inline-block;vertical-align: middle;margin-right: .15rem; width: .16rem;height: .16rem;border-radius: 50%;background-color: transparent;border: solid .02rem rgba(255,255,255,.6);opacity: 1; }
.xe-pagination .swiper-pagination-bullet-active{border: none;margin-left: .8rem; width: .4rem;height: .4rem;background-image: url('../images/c9-b.png');background-size: .42rem .42rem;}
.xe-pagination .swiper-pagination-bullet-active:before{content: '';position: absolute;left: -.66rem;top: 50%; display: inline-block;vertical-align: middle; width: .38rem;height: 1px;background-color:  rgba(255,255,255,.2);}
.xe-pagination .swiper-pagination-bullet:nth-child(1){margin-left: 0 !important;}
.xe-pagination .swiper-pagination-bullet:nth-child(1):before{display: none;}

.xe-nubs{display: inline-block;vertical-align: middle;}
.xe-nub1 ,.xe-link,.xe-nub2{color: #ffffff;margin: 0 .05rem;}

@media(max-width: 750px){ 
    .xe-buttom{bottom: 10px;}
}

.xf-a{width: 100%;padding-bottom: 1rem;}
.xf-top{width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xf-b{width: 16rem;margin: 0 auto;padding-top: 1.35rem;padding-bottom: 3.5rem;}
.xf-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xf-left{float: left;margin-bottom: .5rem;}
.xf-en{color: #ffffff;font-weight: bold;margin-bottom: .15rem;}
.xf-titles{color: #ffffff;}
.xf-right{float: right;font-size: 0;margin-bottom: .5rem;}
.xf-item{display: inline-block;vertical-align: top;margin-right: 1.3rem;}
.xf-item:last-child{margin-right: 0;}
.xf-nub{display: inline-block;vertical-align: bottom; color: #ffffff;font-weight: bold;}
.xf-add{display: inline-block;vertical-align: bottom;color: #ffffff;}
.xf-d{margin-top: .25rem; color: #ffffff;line-height: 1.3;}

.xf-cont{position: relative;z-index: 18;margin: 0 auto; margin-top: -3rem; width: 16rem;padding:   .78rem   ;  background-color: #ffffff; box-shadow: 0px 0px .5rem 0px rgba(0, 0, 0, 0.1);}
.xf-e{width: 100%;font-size: 0; }
.xf-one{display: inline-block;vertical-align: middle;text-align: center; width: 16.66%;padding:   .12rem ;}
.xf-img{display: block;width: 100%;height: 1.3rem;line-height: 1.3rem;cursor: pointer;}
.xf-img img{transform: scale(1.00);transition: all .5s;display: inline-block; max-width: 90%;max-height: 90%;}
.xf-one:hover .xf-img img{transform: scale(1.05);}

.xf-prev{left: -.22rem; margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;background-color: #ffffff;box-shadow: 0px 0px .5rem 0px rgba(0, 0, 0, 0.1);background-image: url('../images/c10.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.xf-prev:hover{background-color: #12509c;background-image: url('../images/c10-b.png'); }
.xf-next{transform: rotate(-180deg);right: -.22rem; margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;background-color: #ffffff;box-shadow: 0px 0px .5rem 0px rgba(0, 0, 0, 0.1);background-image: url('../images/c10.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.xf-next:hover{background-color: #12509c;background-image: url('../images/c10-b.png'); }

@media(max-width: 750px){
    .xf-b{width: 90%;max-width: 500px;padding-left: 0;padding-right: 0;}
    .xf-left{width: 100%;}
    .xf-right{width: 100%;}
    .xf-cont{width: 90%;max-width: 500px; padding:.18rem .35rem;}
    .xf-one{width: 33.33%;}
    .xf-img{height: 1.5rem;height: 1.5rem;}
    .xf-item{width: 100%;margin-right: 0;margin-bottom: .35rem;}
}


.xg-a{width: 100%;padding-top: .98rem;padding-bottom: 1rem;}
.xg-b{width: 16rem;margin: 0 auto; }
.xg-top{width: 100%; position: relative;margin-bottom: .5rem;}
.xg-left{display: inline-block;vertical-align: top;}
.xg-en{color: #333333;font-weight: bold;margin-bottom: .3rem;}
.xg-titles{color: #222;}
.xg-right{position: absolute;top: 50%;right: 1.6rem;transform: translate(0,-50%); font-size: 0;}
.xg-navs{display: inline-block;vertical-align: middle;}
.xg-nav{display: inline-block;vertical-align: middle;margin-right: .7rem;color: #333333;line-height: 1.5;cursor: pointer;}
.xg-nav:hover{color: #12509c;}
.xg-nav.active{color: #12509c;}
.xg-more{display: inline-block;vertical-align: middle; color: #333333;line-height: 1.5;cursor: pointer;}
.xg-more:hover{color: #12509c;}

.xg-cont{width: 100%;position: relative;overflow: hidden;padding-bottom: .5rem;border-bottom: 1px solid #f0f0f0;}
.xg-item{position: absolute;width: 100%;left: -199rem;}
.xg-item.show{position: relative;left: 0;}
.xg-c{width: 100%;}
.xg-one{width: 100%;padding-right: 1.5rem;}
.xg-d{display: block;cursor: pointer;width: 100%;}
.xg-e{width: 100%;font-size: 0;}
.xg-espan1{display: inline-block;vertical-align: middle;color: #12509c;line-height: 1.5;}
.xg-espan2{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.5;}
.xg-espan2:before{content: '';display: inline-block;vertical-align: middle;margin: 0 .1rem; width: 1px;height: 1em;	background-color: #cccccc;}
.xg-f{color: #222222;line-height: 1.3;margin-bottom: .35rem;margin-top: .35rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xg-g{color: #999999;}
.xg-g:after{content: '>';display: inline-block;vertical-align: middle;margin-left: .15rem;}
.xg-one:hover .xg-f{color: #12509c;}
.xg-one:hover .xg-g{color: #12509c;}
.xg-prev{left: auto; right: .6rem; margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;border: 1px solid #cccccc;  background-image: url('../images/c10.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.xg-prev:hover{ background-image: url('../images/c10-c.png');border: 1px solid #12509c; }
.xg-next{transform: rotate(-180deg); right:0; margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;border: 1px solid #cccccc;  background-image: url('../images/c10.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.xg-next:hover{ background-image: url('../images/c10-c.png');border: 1px solid #12509c; }


.xg-bottom{width: 100%;position: relative;overflow: hidden;padding-top: .27rem;  }
.xg-h{position: absolute;width: 100%;left: -199rem;}
.xg-h.show{position: relative;left: 0;}
.xg-i{width: 100%; padding-bottom: .65rem;}
.xg-j{width: 5rem;margin-right: .5rem;}
.xg-j:last-child{margin-right: 0;}
.xg-k{display: block;cursor: pointer; width: 100%;}
.xg-img{width: 100%;overflow: hidden;margin-top: .27rem;margin-bottom: .25rem;}
.xg-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.xg-intro{color: #222222;line-height: 1.75;height: 3.5em;margin-bottom: .3rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xg-l{color: #999999;}
.xg-l:after{content: '>';display: inline-block;vertical-align: middle;margin-left: .15rem;}
.xg-k:hover .xg-img img{transform: scale(1.05);}
.xg-k:hover .xg-intro{color: #12509c;}
.xg-k:hover .xg-l{color: #12509c;}

.xg-h .xg-scrollbar{position: absolute;bottom: 0;left: 0; width:  100%;height: 3px; border-radius: 0;background-color: #f0f0f0;}
.xg-h .swiper-scrollbar-drag{ background-color: #12509c;}

@media(max-width: 750px){ 
    .xg-b{width: 100%;max-width: 500px;padding-left: 10px; padding-right: 10px;}
    .xg-right{width: 100%;position: static;transform: translate(0,0);margin-top: .5rem;text-align: center; }
    .xg-one{padding-right: 0;}
    .xg-prev{top: 0;margin-top: 0;}
    .xg-next{top: 0;margin-top: 0;}
}


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

/*机械类首页结束*/  


/*灯饰类首页开始*/  
.ma-a{width: 100%;position: relative;}
.ma-b{width: 100%;}
.ma-item{width: 100%;} 
.ma-c{display: block; width: 100%;}
.ma-img { width: 100%;}
.ma-img img{ width: 100%;}
.ma-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 15.4rem;text-align: center;}
.ma-titles{width: 100%;color: #ffffff;margin-bottom: .13rem;}
.ma-intro{width: 100%;color: rgba(255,255,255,.8);margin-bottom: .5rem;line-height: 1.3;}
.ma-d{color: #ffffff;line-height: 1.3;}

.ma-buttom{position: absolute;bottom: .6rem; left: 50%;z-index: 88; transform: translate(-50%,0); width: 15.4rem;}
.ma-pagination{position: static;width: auto;text-align: left;}
.ma-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;width: auto;height: auto; opacity: 1; margin-right: .3rem;line-height: .48rem; color: #ffffff; border-radius: 0; background-color: transparent;}
.ma-pagination .swiper-pagination-bullet-active:after{content: '-';margin-left: .1rem; display: inline-block;vertical-align: middle;}

.ma-prev{position: absolute;left: auto;right: .7rem;margin-top: -.24rem; width: .48rem;height: .48rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/e8.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;}
.ma-prev:hover{background-color: #0f69ce;background-image: url('../images/e8-b.png');}
.ma-next{transform: rotate(-180deg); position: absolute; right: 0;margin-top: -.24rem; width: .48rem;height: .48rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/e8.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;}
.ma-next:hover{background-color: #0f69ce;background-image: url('../images/e8-b.png');}


.ma-mouse{cursor: pointer; animation: AnRotate 1.5s linear infinite alternate;position: absolute;top: 50%;left: 50%;z-index: 98; margin-left: -.11rem;margin-top: -.2rem; width: .22rem;height: .4rem;background-image: url('../images/e7.png'); background-size: .22rem auto;background-position: center center;background-repeat: no-repeat;}
  



@media(max-width:750px) {
    .ma-img img{min-height: 280px;object-fit: cover;}
    .ma-titles{font-size: 18px;}
    .ma-intro{font-size: 14px;margin-bottom: .35rem;}
    .ma-d{font-size: 14px;}
    .ma-mouse{display: none;}
    .ma-text{width: 100%;padding: 0 10px;}
    .ma-buttom{width: calc(100% - 20px);bottom: 20px; }
}

.mb-a{width: 100%;padding-top: 1.2rem;padding-bottom: .7rem;background-color: #f6f6f6;}
.mb-b{width: 15.4rem;margin: 0 auto;}
.mb-top{width: 100%;position: relative;margin-bottom: .5rem;}
.mb-left{display: inline-block;padding-right: 100px;}
.mb-titles{	color: #333333;margin-bottom: .1rem;}
.mb-intro{line-height: 1.3;color: #333333;}
.mb-right{position: absolute;bottom: 0;right: 0;}
.mb-more{display: block;cursor: pointer;color: #333333;}
.mb-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem;transform: rotate(-180deg);border-radius: 50%; width: .37rem;height: .37rem;background-image: url('../images/e8.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat; border: solid .01rem #cccccc;}
.mb-more:hover{color: #2154bd;}
.mb-more:hover:after{border: solid .01rem #2154bd; background-image: url('../images/e8-c.png');}
.mb-cont{width: 100%;font-size: 0;}
.mb-item{display: inline-block;vertical-align: middle;position: relative; width: 5rem;margin-right: .2rem;margin-bottom: .5rem;}
.mb-item:nth-child(3n){margin-right: 0;}
.mb-c{width: 100%;}
.mb-one{width: 100%;}
.mb-d{display: block;cursor: pointer; width: 100%;}
.mb-img {width: 100%;}
.mb-img img{width: 100%;}
.mb-text{position: absolute;top: .87rem;left: 0;padding: 0 .1rem; text-align: center; width: 100%;}
.mb-name{width: 100%;color: #ffffff; margin-bottom: .1rem;}
.mb-e{width: 100%;color: #ffffff;line-height: 1.3;margin-bottom: .2rem;}
.mb-f{color: #ffffff;}
.mb-f:after{content: '→';color: #ffffff;margin-left: .1rem;}

.mb-pagination{position: absolute;bottom: .25rem;left: 0;width: 100%;text-align: center;}
.mb-pagination .swiper-pagination-bullet{opacity: 1; display: inline-block;vertical-align: middle;margin: 0 .15rem;width: .24rem;height: .22rem;background-image: url('../images/e12.png');background-color: transparent; background-size:auto .08rem;background-position: center center;background-repeat: no-repeat;}
.mb-pagination .swiper-pagination-bullet-active{background-image: url('../images/e12-b.png');background-size: auto .22rem;}

@media(max-width:750px) {
    .mb-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mb-item{width: 100%;margin-right: 0;}
}

.mc-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1.2rem;overflow: hidden;}
.mc-b{width: 100%;margin: 0 auto;}
.mc-cont{width: 100%;font-size: 0;}
.mc-left{display: inline-block;vertical-align: middle;position: relative;  width: 45%;padding-left: 1.9rem; padding-right: .2rem;}
.mc-left:before{content: '';position: absolute;top: 1rem;left: 0;	width: .1rem;height: 5rem;background-color: #0f69ce;}
.mc-titles{color: #333333;margin-bottom: .13rem;}
.mc-intro{color: #333333;line-height: 1.18;padding-bottom: .3rem;margin-bottom: .3rem; position: relative;}
.mc-intro:before{content: '';position: absolute;bottom: 0;left: 0;width: .3rem;height: 2px;background-color: #0f5ece;}
.mc-textbox{max-width: 5.73rem;min-height: 2.2rem;padding-bottom: .3rem; line-height: 2;color: #717171;}
.mc-list{width: 100%;font-size: 0;padding-bottom: .5rem;}
.mc-item{display: inline-block;vertical-align: top;margin-right: .7rem;margin-bottom: .3rem;}
.mc-item:last-child{margin-right: 0;}
.mc-nub{margin-bottom: .13rem;}
.mc-span1{display: inline-block;vertical-align: bottom;	color: #0f69ce;margin-right: .1rem;}
.mc-span2{display: inline-block;vertical-align: bottom;	color: #0f69ce;}
.mc-c{	color: #222222;line-height: 1.3;}
.mc-img{width: 100%;}
.mc-img img{width: 2.88rem;border-radius: 4px;}
.mc-right{display: inline-block;vertical-align: middle;cursor: pointer; width:55%;position: relative;}
.mc-bg{width: 100%;}
.mc-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .72rem;}
.mc-play img{width: 100%;}
.mc-a .xv-d{background-color: #2154bd;}

@media(max-width:750px) {
    .mc-a{padding: .8rem 0;}
    .mc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mc-left{width: 100%;padding: 0  0 .3rem;}
    .mc-left:before{display: none;}
    .mc-textbox{max-width: 100%;}
    .mc-img img{width: 100%;}
    .mc-right{width: 100%;}
}

.md-a{width: 100%;padding-top: .8rem;padding-bottom: .25rem; background-color: #f6f6f6;}
.md-top{width: 15.4rem;margin: 0 auto; position: relative; }
.md-left{display: inline-block;padding-right: 100px;}
.md-titles{	color: #333333;margin-bottom: .1rem;}
.md-intro{line-height: 1.3;color: #333333;}
.md-right{position: absolute;bottom: 0;right: 0;}
.md-more{display: block;cursor: pointer;color: #333333;}
.md-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem;transform: rotate(-180deg);border-radius: 50%; width: .37rem;height: .37rem;background-image: url('../images/e8.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat; border: solid .01rem #cccccc;}
.md-more:hover{color: #2154bd;}
.md-more:hover:after{border: solid .01rem #2154bd; background-image: url('../images/e8-c.png');}
.md-cont{width: 100%;position: relative;}
.md-b{width: 100%;}
.md-item{width: 11.5rem;margin: 0 .08rem;padding-top: .5rem;padding-bottom: 1.5rem; }
.md-c{display: block; width: 100%;cursor: pointer; }
.md-img{width: 100%;}
.md-img img{width: 100%;}
.md-text{opacity: 0;transition: all .5s; position: absolute;bottom: .7rem;right: .3rem;width: 4.1rem;padding: .4rem; background-color: rgba(255,255,255,.9);box-shadow: 0px .2rem .26rem .05rem rgba(0, 0, 0, 0.19);border-radius: 8px;}
.md-nub{ font-size: 0;margin-bottom: .3rem;}
.md-index{display: inline-block;vertical-align: bottom; color: #333333;}
.md-link{display: inline-block;vertical-align: bottom;margin: 0 .05rem; color: #333333;}
.md-sum{display: inline-block;vertical-align: bottom; color: #333333;}
.md-d{margin-bottom: .1rem; color: #333333;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.md-e{margin-bottom: .45rem; color: #585857;line-height: 1.6;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.md-know{width: 100%; 	letter-spacing: 2px;color: #333333;}
.md-know:after{content: '→';margin-left: .15rem;color: #333333;} 
.md-item.swiper-slide-active .md-text{opacity: 1;}

.md-prev{left: 4.15rem;margin-top: -.3rem;	width: .6rem;height: .6rem;background-color: rgba(0,0,0,.3);border-radius: 50%; background-image: url('../images/e8-b.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.md-prev:hover{background-color: #0f69ce;} 
.md-next{transform: rotate(-180deg); right: 4.15rem;margin-top: -.3rem;	width: .6rem;height: .6rem;background-color: rgba(0,0,0,.3);border-radius: 50%; background-image: url('../images/e8-b.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.md-next:hover{background-color: #0f69ce;}

@media(max-width:750px) {
    .md-top{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .md-item{width: 80%;}
    .md-prev{top: 1rem; left: 15%;}
    .md-next{top: 1rem;right: 15%;}
}

.me-a{width: 100%;padding-top: 1.2rem;padding-bottom: .7rem; }
.me-b{width: 15.4rem;margin: 0 auto;}
.me-top{width: 100%;position: relative;margin-bottom: .5rem;}
.me-left{display: inline-block;padding-right: 100px;}
.me-titles{	color: #333333;margin-bottom: .1rem;}
.me-intro{line-height: 1.3;color: #333333;}
.me-right{position: absolute;bottom: 0;right: 0;}
.me-navs{display: inline-block;vertical-align: middle;}
.me-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .45rem;color: #222222;line-height: 1.3;}
.me-nav:hover{	color: #0e60ce;}
.me-nav.active{	color: #0e60ce;}
.me-more{display: inline-block;vertical-align: middle;cursor: pointer; color: #222222;line-height: 1.3;}
.me-more:hover{	color: #0e60ce;}

.me-cont{width: 100%;position: relative;overflow: hidden;}
.me-item{position: absolute;top: 0;left: -120%;width: 100%;}
.me-item.show{position: relative;left: 0;}
.me-item:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.me-lt{ width: 10.2rem;font-size: 0;display: flex;flex-wrap: wrap;}
.me-one{display: inline-block;vertical-align: middle;cursor: pointer;background-color: #f6f6f6;border-radius: 4px;overflow: hidden; width: 5rem;margin-right: .2rem;margin-bottom: .3rem;}
.me-one:nth-child(2n){margin-right: 0;}
.me-img{width: 100%;overflow: hidden;}
.me-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.me-text{padding: .4rem .2rem .8rem;}
.me-c{color: #333333;margin-bottom: .2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.me-d{color: #666666;margin-bottom: .3rem;}
.me-d img{width: 1em;margin-right: .12rem;}
.me-e{color: #666666;line-height: 1.7; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.me-one:hover .me-img img{transform: scale(1.05);}
.me-one:hover .me-c{color: #2154bd;}

.me-rt{position: absolute;top: 0;right: 0;margin-bottom: .3rem;padding: .4rem 0 .4rem .35rem; height: calc(100% - .3rem); width: 5rem;background-color: #f6f6f6;border-radius: 4px;  }
.me-f{display: block;cursor: pointer; margin-bottom: .25rem; padding-right: .35rem;}
.me-g{color: #222222; line-height: 1.5; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.me-h{color: #666666;line-height: 1.3;}
.me-f:hover .me-g{color: #2154bd;}

.me-rt div.mCSB_scrollTools{ width: 5px;}
.me-rt div.mCSB_scrollTools .mCSB_draggerRail{width: 5px;background-color: #f6f6f6; }
.me-rt div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 5px;background-color: #cccccc;  }
.me-rt div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.me-rt div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #cccccc;}
.me-rt div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #cccccc;}
 


@media(max-width:750px) {
    .me-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .me-left{width: 100%;margin-bottom: .35rem;} 
    .me-right{width: 100%;position: static;text-align: center;}

    .me-lt{ width: 100%;}
    .me-one{width: calc(50% - 5px);margin-right: 10px; margin-bottom: .3rem;}
    .me-rt{width: 100%;position: static;height: 270px;}
}


.mf-a{width: 100%;padding-top: .9rem;padding-bottom: .8rem;background-size: cover;background-position: center center;background-repeat: no-repeat; }
.mf-b{width: 15.4rem;margin: 0 auto;  }
.mf-top{width: 100%;position: relative;margin-bottom: .4rem;}
.mf-left{display: inline-block;padding-right: 100px;}
.mf-titles{	color: #333333;margin-bottom: .1rem;}
.mf-intro{line-height: 1.3;color: #333333;}
.mf-cont{width: 100%;position: relative;}
.mf-c{width: 100%;}
.mf-item{width: 3rem;margin-right: .09rem;}
.mf-item:last-child{margin-right: 0;}
.mf-d{display: block;cursor: pointer;width: 100%;overflow: hidden;	height: 1.5rem;text-align: center;line-height: 1.5rem;background-color: #ffffff;border-radius: 6px;}
.mf-d img{max-width: 71.3%; max-height: 56%;transform: scale(1.00);transition: all .5s;}
.mf-d:hover img{transform: scale(1.05);}

.mf-pagination{position: absolute;top: 50%; right:0;  }
.mf-pagination .swiper-pagination-bullet{opacity: 1; display: inline-block;vertical-align: middle;margin-left: .3rem; width: .24rem;height: .22rem;background-image: url('../images/e13.png');background-color: transparent; background-size:auto .08rem;background-position: center center;background-repeat: no-repeat;}
.mf-pagination .swiper-pagination-bullet-active{background-image: url('../images/e13-b.png');background-size: auto .22rem;}


@media(max-width:750px) {
    .mf-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mf-top{padding-bottom: .5rem;}
    .mf-pagination{top: auto;bottom: 0;transform: translate(0,0);}
    .mf-item{width: calc(33.33% - .1rem);margin-right: .15rem;}
}

/*灯饰类首页结束*/ 

/*五金类首页开始*/  
.ba-a{width: 100%;position: relative;font-size: 0;}
.ba-b{width: 100%;}
.ba-item{width: 100%;position: relative;}
.ba-c{width: 100%;display: block;cursor: pointer;}
.ba-img{width: 100%;}
.ba-img img{width: 100%;}
.ba-cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); padding-top: .48rem;width: 13.6rem;}
.ba-titles{color: #e1e3e2;margin-bottom: .5rem;}
.ba-intro{color: #e1e3e2;line-height: 1.6;margin-bottom: 1rem;}
.ba-intro *{line-height: inherit;}
.ba-more{display: inline-block;padding-bottom: .1rem;color: #ffffff; position: relative;}
.ba-more:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #fff;}
.ba-more:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #cd010d;}
.ba-more img{width: 1em;margin-left: .25rem;}
.ba-d{position: absolute;bottom:.6rem;right: .75rem;}
.ba-text{display: inline-block;position: relative;color: #e1e3e2;line-height: 1.8;padding-bottom: .15rem;}
.ba-text *{line-height: inherit;}
.ba-text:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #fff;}
.ba-text:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #cd010d;}

.ba-mouse{cursor: pointer; animation: AnRotate 1.5s linear infinite alternate;position: absolute;bottom: .6rem;left: 50%;z-index: 98; margin-left: -.15rem; width: .3rem;height: .34rem;background-image: url('../images/g5.png'); background-size: auto .34rem ;background-position: center center;background-repeat: no-repeat;}
.ba-buttom{position: absolute;bottom: .6rem;left: .75rem; z-index: 98;text-align: center;}
.ba-prev{display: inline-block;position: static;margin-top: 0;width: 36px;height: 10px;background-image: url('../images/g6.png');background-size: auto 10px;background-position: center center;background-repeat: no-repeat;}
.ba-prev:hover{ background-image: url('../images/g6-b.png');}
.ba-next{transform: rotate(-180deg); display: inline-block;position: static;margin-top: 0;width: 36px;height: 10px;background-image: url('../images/g6.png');background-size: auto 10px;background-position: center center;background-repeat: no-repeat;}
.ba-next:hover{ background-image: url('../images/g6-b.png');}
.ba-e{display: block;margin: .2rem 0;}
.ba-nub{color: #e1e3e2;}
.ba-link{color: #e1e3e2;}
.ba-sum{color: #e1e3e2;}

@media(max-width:900px) {
    .ba-mouse{display: none;}
    .ba-cont{top: 40%; width: 100%;padding-left: 10px;padding-right: 10px;padding-top: 0;}
    .ba-titles{margin-bottom: .35rem;}
    .ba-intro{margin-bottom: .35rem;}
    .ba-buttom{left: 10px;bottom: 10px;}
    .ba-d{right: 10px;bottom: 10px;}
    .ba-img img{min-height: 250px;object-fit: cover;}
    .ba-prev{height: 8px;background-size: auto 8px;}
    .ba-next{height: 8px;background-size: auto 8px;}
}

.bb-a{width: 100%;padding-top: .75rem;padding-bottom: .4rem;font-size: 0;}
.bb-b{width: 17.7rem;margin: 0 auto;}
.bb-top{width: 100%;position: relative;margin-bottom: .45rem;}
.bb-titles{color: #000000;}
.bb-c{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);padding-bottom: .1rem;cursor: pointer;  } 
.bb-c:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #999999;}
.bb-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #cd010d;}
.bb-ctext{display: inline-block;vertical-align: middle;color: #000000;}
.bb-cimg{display: inline-block;vertical-align: middle;}
.bb-cimg1{display: block;width: 1em;margin-left: .1rem;}
.bb-cimg2{display: none;width: 1em;margin-left: .1rem;}
.bb-c:hover .bb-ctext{color: #cd010d;}
.bb-c:hover .bb-cimg1{display: none;}
.bb-c:hover .bb-cimg2{display: block;}

.bb-list{width: 100%;}
.bb-item{display: inline-block;vertical-align: top;cursor: pointer;width: 8.3rem;margin-right: 1.1rem;margin-bottom: .8rem; background-color: #f6f6f6;}
.bb-item:nth-child(2n){margin-right: 0;}
.bb-text{display: inline-block;vertical-align: middle;position: relative; width: calc(100% - 4.7rem);min-height: 2.8rem;padding:.1rem .3rem  .6rem .5rem;}
.bb-name{color: #000000;line-height: 1.3;margin-bottom: .1rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bb-d{color: #666666;margin-bottom:  .3rem;}
.bb-e{display: inline-block;vertical-align: middle;padding: .09rem .3rem; color: #999999;border-radius: .17rem;border: solid 1px #c7c7c7;}

.bb-f{position: absolute;left: .5rem;bottom: .1rem; padding-bottom: .1rem;cursor: pointer;  } 
.bb-f:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #999999;}
.bb-f:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #cd010d;}
.bb-ftext{display: inline-block;vertical-align: middle;color: #000000;}
.bb-fimg{display: inline-block;vertical-align: middle;}
.bb-fimg1{display: block;width: 1em;margin-left: .1rem;}
.bb-fimg2{display: none;width: 1em;margin-left: .1rem;} 

.bb-img{display: inline-block;vertical-align: middle;width: 4.7rem;overflow: hidden;}
.bb-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}

.bb-item:hover .bb-img img{transform: scale(1.05);}
.bb-item:hover .bb-ftext{color: #cd010d;}
.bb-item:hover .bb-fimg1{display: none;}
.bb-item:hover .bb-fimg2{display: block;}


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

    .bb-list{display: flex;flex-wrap: wrap;font-size: 0;}
    .bb-item{display: flex;flex-direction: column-reverse;justify-content: flex-end; width: calc(50% - 5px); margin-right: 10px;margin-bottom: .5rem;}
    .bb-item:nth-child(2n){margin-right: 0;}
    .bb-img{width: 100%;}
    .bb-text{width: 100%; padding: .25rem .15rem;}
    .bb-f{position: relative;display:  block;width: auto; top: 0; left: 0;margin: .25rem 0;padding-bottom: .15rem;}
    .bb-name{font-size: 14px;}
}

.bc-a{width: 100%;padding-top: .75rem;padding-bottom: .9rem;font-size: 0; background-color: #f6f6f6;} 
.bc-b{width: 17.7rem;margin: 0 auto;}
.bc-top{width: 100%;position: relative;padding-bottom: .5rem;margin-bottom:   .5rem; border-bottom:  1px solid #dbdbdb;}
.bc-titles{color: #000000;}
.bc-c{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);padding-bottom: .1rem;cursor: pointer;  } 
.bc-c:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #999999;}
.bc-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #cd010d;}
.bc-ctext{display: inline-block;vertical-align: middle;color: #000000;}
.bc-cimg{display: inline-block;vertical-align: middle;}
.bc-cimg1{display: block;width: 1em;margin-left: .1rem;}
.bc-cimg2{display: none;width: 1em;margin-left: .1rem;}
.bc-c:hover .bc-ctext{color: #cd010d;}
.bc-c:hover .bc-cimg1{display: none;}
.bc-c:hover .bc-cimg2{display: block;}

.bc-cont{width: 100%;position: relative;text-align: center;min-height: 5.72rem;}
.bc-item{display: inline-block;width: 8.75rem;cursor: pointer;overflow: hidden; position: relative;}
.bc-bg{display: block;transform: scale(1.00);transition: all ease .5s; width: 100%;height: 5.72rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bc-text{opacity: 0;transition:all ease .5s; position: absolute;top: 50%;left: 50%;width: 50%;transform: translate(-50%,-50%); padding: .88rem 0;background-color: rgba(205,1,13,.65);}
.bc-icon{display: block;margin: 0 auto; width: .36rem; }
.bc-more{display: inline-block;position: relative;padding: .1rem 0;margin-top: .2rem; color: #ffffff;}
.bc-more:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: rgba(255,255,255,.5);}
.bc-more:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #fff;}
.bc-more img{width: 1em;margin-left: .25rem;}

.bc-item:hover .bc-text{opacity: 1;}
.bc-item:hover .bc-bg{transform: scale(1.05);}


@media(min-width:900px) {
    .bc-item:nth-child(1){position: absolute;top: 0;left: 0;width: 4.35rem;}
    .bc-item:nth-child(1) .bc-bg{height: 2.8rem;}
    .bc-item:nth-child(1) .bc-text{padding: .3rem 0;}
    .bc-item:nth-child(2){position: absolute;top: 2.9rem;left: 0;width: 4.35rem;}
    .bc-item:nth-child(2) .bc-bg{height: 2.8rem;}
    .bc-item:nth-child(2) .bc-text{padding: .3rem 0;}
    .bc-item:nth-child(3){position: absolute;top: 0;right: 0;width: 4.35rem;}
    .bc-item:nth-child(3) .bc-bg{height: 2.8rem;}
    .bc-item:nth-child(3) .bc-text{padding: .3rem 0;}
    .bc-item:nth-child(4){position: absolute;top: 2.9rem;right: 0;width: 4.35rem;}
    .bc-item:nth-child(4) .bc-bg{height: 2.8rem;}
    .bc-item:nth-child(4) .bc-text{padding: .3rem 0;}
}
@media(max-width:900px) { 
    .bc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .bc-item{width: calc(50% - 10px);margin: 0 5px 10px;}
    .bc-bg{height: auto;padding-top: 64.3%;}
    .bc-text{width: 80%;padding: .3rem 0;}
    
    .bc-item:nth-child(3){width:  calc(100% - 10px);}
}

.bd-a{width: 100%;padding-top: .85rem;padding-bottom: 1rem;font-size: 0;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bd-b{width: 17.7rem;margin: 0 auto;}
.bd-top{width: 8.5rem;padding-left: 1.65rem;min-height: 7rem;padding-bottom: .35rem;}
.bd-name{color: #000000;margin-bottom: .35rem;}
.bd-intro{color: #666666;line-height: 2.25;margin-bottom:  .35rem;}
.bd-intro *{line-height: inherit;}
.bd-list{width: 100%;padding-bottom: .4rem;}
.bd-item{display: inline-block;vertical-align: top;position: relative;padding-right: .5rem;margin-bottom: .35rem; margin-right: .5rem;}
.bd-item:after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #dbdddd;}
.bd-item:last-child{margin-right: 0;padding-right: 0;}
.bd-item:last-child:after{display: none;}
.bd-c{width: 100%;margin-bottom: .2rem;}
.bd-nub{display: inline-block;vertical-align: bottom;color: #cd010d;}
.bd-d{display: inline-block;vertical-align: bottom;color: #cd010d;}
.bd-dspan{vertical-align: top; color: #cd010d;}
.bd-e{color: #919292;}
.bd-f{display: inline-block;cursor: pointer;  padding-bottom: .1rem; position: relative;  } 
.bd-f:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #999999;}
.bd-f:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #cd010d;}
.bd-ftext{display: inline-block;vertical-align: middle;color: #000000;}
.bd-fimg{display: inline-block;vertical-align: middle;}
.bd-fimg1{display: block;width: 1em;margin-left: .1rem;}
.bd-fimg2{display: none;width: 1em;margin-left: .1rem;} 
.bd-f:hover .bd-ftext{color: #cd010d;}
.bd-f:hover .bd-fimg1{display: none;}
.bd-f:hover .bd-fimg2{display: block;}

.db-bottom{width: 100%;padding: .8rem 1rem; background-color: rgba(255,255,255,.8);border-radius: .4rem;}
.bd-titles{color: #000000;padding-left: .45rem;margin-bottom: .6rem;}

.bd-cont{position: relative;width: 100%;background-color: #ffffff;padding: 0 .5rem;}
.bd-one{display: inline-block;vertical-align: top;cursor: pointer;width: 20%;text-align: center;}
.bd-img{display: block; width: 100%; }
.bd-img1{display: block; width: 100%; height: 1.85rem;line-height: 1.85rem;}
.bd-img1 img{  max-width: 60%;max-height: 60%;}
.bd-img2{display: none; width: 100%; height: 1.85rem;line-height: 1.85rem;}
.bd-img2 img{  max-width: 60%;max-height: 60%;}
.bd-img:hover .bd-img1{display: none;}
.bd-img:hover .bd-img2{display: block;}
 
.bd-prev{left: -.24rem;margin-top: -.24rem;	width: .48rem;height: .48rem;border: solid 1px #aaaaaa;border-radius: 50%; background-image: url('../images/g18.png');background-size: .11rem auto;background-position: center center;background-repeat: no-repeat;}
.bd-prev:hover{background-image: url('../images/g18-b.png');background-color: #cd010d;border: solid 1px #cd010d;}
.bd-next{transform: rotate(-180deg); right: -.24rem;margin-top: -.24rem;	width: .48rem;height: .48rem;border: solid 1px #aaaaaa;border-radius: 50%; background-image: url('../images/g18.png');background-size: .11rem auto;background-position: center center;background-repeat: no-repeat;}
.bd-next:hover{background-image: url('../images/g18-b.png');background-color: #cd010d;border: solid 1px #cd010d;}

@media(max-width:900px) {
    .bd-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .bd-top{width: 100%;padding-left: 0;min-height: 1rem;}
    .db-bottom{padding: .35rem .3rem;}
    .bd-one{width: 50%; }
    .bd-img1{height: 1rem;line-height: 1rem;}
    .bd-img2{height: 1rem;line-height: 1rem;}
}

.be-a{width: 100%;padding-top: .85rem;padding-bottom: .9rem;font-size: 0;}
.be-b{width: 17.7rem;margin: 0 auto;}
.be-top{width: 100%;position: relative;padding-bottom: .5rem;margin-bottom: .5rem; border-bottom: 1px solid #dbdbdb;}
.be-titles{color: #000000;}
.be-navs{position: absolute;bottom: -1px;right: 0;}
.be-nav{display: inline-block;vertical-align: bottom;cursor: pointer; margin-right: 1.2rem; color: #222222;padding-bottom: .5rem;border-bottom: 1px solid #dbdbdb;}
.be-nav:last-child{margin-right: 0;}
.be-nav:hover{color: #cd010d;border-bottom: 1px solid #cd010d;}
.be-nav.active{color: #cd010d;border-bottom: 1px solid #cd010d;}

.be-cont{width: 100%;}
.be-list{width: 100%;display: none;}
.be-list.show{display: block;}
.be-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative;overflow: hidden; width: 3.85rem;margin-right: .75rem;margin-bottom: .5rem;}
.be-item:nth-child(4n){margin-right: 0;}
.be-text{width: 100%; }
.be-time{color: #222222;margin-bottom: .35rem;}
.be-year{display: inline-block;vertical-align: bottom; color: #999999;margin-left: .15rem;}
.be-img{width: 100%;margin-bottom: .25rem;}
.be-img img{width: 100%;}
.be-name{margin-bottom: .25rem; width: 100%;color: #111111;line-height: 1.6;height: 3.2em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.be-intro{ width: 100%;color: #999999;line-height: 1.7;height: 3.4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.be-c{margin-top: 1rem; display: inline-block;   padding-bottom: .1rem; position: relative;  } 
.be-c:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #999999;}
.be-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #cd010d;}
.be-ctext{display: inline-block;vertical-align: middle;color: #000000;}
.be-cimg{display: inline-block;vertical-align: middle;}
.be-cimg1{display: block;width: 1em;margin-left: .1rem;}
.be-cimg2{display: none;width: 1em;margin-left: .1rem;} 
.be-bg{transition: all ease .5s; position: absolute;top: 110%;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.be-d{position: absolute;bottom: 0;left: 0;line-height: 1.7;padding: .25rem ; width: 100%;color: #ffffff;background-color: rgba(0,0,0,.2);}

.be-item:hover .be-bg{top: 0;}


@media(max-width:900px) {
    .be-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .be-nav{margin-right: .5rem;}
    .be-item{width: calc(50% - 5px);margin-right: 10px;}
    .be-item:nth-child(2n){margin-right: 0;}
    .be-c{margin-top: .35rem;}
}



/* 侧边栏 */
.bf-a{position: fixed;top: 50%;right: .1rem;z-index: 28; transform: translate(0,-50%);width: 55px;}
.bf-cont{width: 100%;}
.bf-item{width: 100%;padding: .05rem 0;position: relative;cursor: pointer;}
.bf-icon{display: block; width: 100%;height: 55px;line-height: 51px;text-align: center; border-radius: 50%;background-color: #383b44;border: solid 2px #27252f;}
.bf-icon img{max-width: 40%;max-height: 40%;}
.bf-item:hover .bf-icon{background-color: #cd010d;border: solid 2px #fe0311;}

.bf-sub{ position: absolute;top: 0;left: 0;  transition: all .5s;  width: 0; overflow: hidden;}
.bf-code{width:115px;padding: 10px;text-align: center; 	 background-color: #ffffff;box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16);position: relative;}
.bf-code:after{content: ''; position: absolute;top: 16px;right: -6px; width: 6px;height: 16px; background-image: url('../images/g20.png');background-size: 6px auto; background-position: center center;background-repeat: no-repeat;}
.bf-img{width: 100%;margin-bottom: 5px;}
.bf-img img{width: 100%;}
.bf-text{color: #666666;}

.bf-item.active .bf-sub{width: 130px;left: -130px; }

@media(max-width:900px) {
    .bf-a{width: 34px;right: 10px;}
    .bf-icon{height: 34px;line-height: 30px;}
}

/* 分页 */
.bg-cont{width: 100%;font-size: 0;text-align: center;}
.bg-buttom{ display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 5px .1rem; min-width: 83px;height: 50px;line-height: 50px;font-size: 18px;background-color: #f7f7f7;}
.bg-item{ display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 5px .1rem; min-width: 50px;height: 50px;line-height: 50px;font-size: 20px;background-color: #f7f7f7;}
 
.bg-buttom:hover{background-color: #cd010d !important;color: #ffffff;}
.bg-item:hover{background-color: #cd010d !important;color: #ffffff;}
.bg-item.active{background-color: #cd010d !important;color: #ffffff;}

.bg-cont.cont2 .bg-buttom{background-color: #fff;}
.bg-cont.cont2 .bg-item{background-color: #fff;}



@media(max-width:1400px) {
    .bg-buttom{min-width: 55px;height: 45px;line-height: 45px;font-size: 14px;}
    .bg-item{min-width: 45px;height: 45px;line-height: 45px;font-size: 16px;}
}

@media(max-width:900px) {
    .bg-buttom{min-width: 45px;height: 35px;line-height: 35px;font-size: 12px;}
    .bg-item{min-width: 35px;height: 35px;line-height: 35px;font-size: 13px;}
}


/*五金类首页结束*/


/* 包装类首页开始 */ 

.ca-a{width: 100%;position: relative;}
.ca-b{width: 100%;}
.ca-item{width: 100%;}
.ca-c{display: block;cursor: pointer; width: 100%;}
.ca-img{width: 100%;}
.ca-img img{width: 100%;}
.ca-cont{width: 100%;position: absolute;top: 15.55%;left: 50%;transform: translate(-50%,0);width: 14.1rem;}
.ca-titles{color: #ffffff;line-height: 1.6;margin-bottom: .3rem;}
.ca-en{color: #ffffff;line-height: 1.33;margin-bottom: 1.1rem;}
.ca-more{display: inline-block;min-width: 1.98rem;padding-left: .35rem ;padding-right: .08rem;line-height: .52rem;color: #ffffff;  background-color: #15b5a4;border-radius: .26rem;}
.ca-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .55rem; width: .36rem;height: .36rem;border-radius: 50%;background-color: #ffffff;background-image: url('../images/ca6.png'); background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}

.ca-tabs{position: absolute;z-index: 188; bottom: .9rem;left: 50%;transform: translate(-50%,0);width: 14.1rem;font-size: 0;}
.ca-tab{display: inline-block;vertical-align: middle;cursor: pointer;}
.ca-nub{display: inline-block;vertical-align: middle; color: rgba(255,255,255,.4); margin-right: .17rem;}
.ca-tab.active .ca-nub{color: #fff;}

.ca-bar{display: inline-block;vertical-align: middle; margin-right: .17rem; font-size: 0; width: .4rem; background-color: rgba(255,255,255,.5); }
.ca-inner{display: inline-block;height: 2px; background-color: #fff; }

@media(max-width:750px) {
    .ca-cont{top: 45%;transform: translate(-50%,-50%); width: 100%;padding: 0 10px;}
    .ca-tabs{width: 100%;bottom: 10px;padding: 0 10px;}
    .ca-en{margin-bottom: .3rem;}
    .ca-titles{line-height: 1.3;font-size: 20px;} 
    .ca-img img{min-height: 250px;object-fit: cover;}
}

.cb-a{width: 100%;padding-top: 1.05rem;padding-bottom: .6rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.cb-b{width: 14.1rem;margin: 0 auto;}
.cb-top{width: 100%;position: relative;text-align: center;margin-bottom:  .75rem;}
.cb-en{position: absolute;top: -.55em;left: 0;width: 100%; color: rgba(0,0,0,.1);font-weight: bold;}
.cb-titles{position: relative;z-index: 18;color: #15b5a4;font-weight: bold;margin-bottom: .25rem;}
.cb-intro{color: #555555;line-height: 1.6;}
.cb-cont{width: 100%;}
.cb-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.cb-lt{float: left; width: 2.65rem;}
.cb-all{display: block;margin-bottom: .2rem; cursor: pointer;background-color: #15b5a4;color: #ffffff;line-height: .9rem;text-align: center;	box-shadow: 0px 0px .24rem 0px rgba(21, 181, 164, 0.1);border-radius: .15rem;}
.cb-all:before{content: '';display: inline-block;vertical-align: middle;margin-right: .15rem; width: .26rem;height: .9rem;background-image: url('../images/ca7.png'); background-size: .26rem auto;background-position: center center;background-repeat: no-repeat;}
.cb-navbox{width: 100%;background-color: #ffffff;box-shadow: 0px 0px .24rem 0px rgba(21, 181, 164, 0.1);border-radius: .15rem;}
.cb-nav{display: block;cursor: pointer;text-align: center;position: relative; padding: .3rem ;line-height: 1.44; color: #666666;}
.cb-nav:after{content: '';display: none;position: absolute;top: 50%;right: -.18rem;transform: translate(0,-50%); width: .36rem;height: .36rem;border-radius: 50%;background-color: #ffffff;background-image: url('../images/ca6-c.png'); background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.cb-nav.active{background-color: #f0a615;color: #ffffff;}
.cb-nav.active:after{display: block;}

.cb-rt{float: right; width: 10.4rem;}
.cb-one{display: none;width: 100%;font-size: 0;}
.cb-one.show{display: block;}
.cb-item{display: inline-block;vertical-align: top;cursor: pointer; text-align: center;margin-bottom: .3rem; box-shadow: 0px 0px .24rem 0px rgba(21, 181, 164, 0.1);border-radius: .15rem;width: 3.2rem;margin-right: .4rem;background-size: cover;background-color: #fff;background-image: url('../images/ca4.jpg'); background-position: center center;background-repeat: no-repeat;}
.cb-item:nth-child(3n){margin-right: 0;}
.cb-img{width: 100%;height: 2.35rem;line-height: 2.35rem; overflow: hidden;margin-bottom: .1rem;}
.cb-img img{max-height: 77%;max-width: 56%; transform: scale(1.00);transition: all .5s;}
.cb-text{width: 100%;padding: .2rem .15rem;}
.cb-name{color: #333333;line-height: 1.58; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cb-item:hover .cb-img img{transform: scale(1.05);}
.cb-item:hover .cb-name{color: #15b5a4;}

@media(max-width:750px) {
    .cb-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .cb-lt{width: 100%;margin-bottom: .5rem;}

    .cb-rt{width: 100%;}
    .cb-item{width: calc(50% - 5px);margin-right: 10px;}
    .cb-item:nth-child(3n){margin-right: 10px;}
    .cb-item:nth-child(2n){margin-right: 0;}
}

.cc-a{width: 100%;padding-bottom: 1rem;}
.cc-b{width: 100%;margin: 0 auto;}
.cc-top{width: 100%;position: relative;margin-bottom: .2rem;}
.cc-lt{display: inline-block;vertical-align: top;width: 50%;padding: 1rem 1.1rem .78rem 2.6rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.cc-titles{color: #ffffff;font-weight: bold;margin-bottom: .25rem;}
.cc-intro{color: #ffffff;line-height: 1.55;margin-bottom: .35rem;}
.cc-textbox{margin-bottom: .55rem; color: #ffffff;line-height: 2.1;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cc-list{width: 100%;font-size: 0;margin-bottom: .45rem;}
.cc-item{display: inline-block;vertical-align: top;width: 33.33%;padding-right: .2rem; margin-bottom: .3rem;}
.cc-c{display: inline-block;position: relative;margin-bottom: .25rem;}
.cc-nub{font-weight: bold;color:rgba(255,255,255,.5);}
.cc-icon{position: absolute;bottom: -.05rem;right: -.17rem;width: .28rem;height: .28rem;text-align: center;line-height: .28rem; border-radius: 50%; background-color: #ffffff;box-shadow: 1px .02rem .08rem 0px rgba(0, 172, 239, 0.34);}
.cc-icon img{max-width: 65%;max-height: 65%;}
.cc-d{color: #ffffff;line-height: 1.6;}
.cc-more{display: inline-block;cursor: pointer; min-width: 1.68rem;padding-left: .35rem ;padding-right: .06rem;line-height: .44rem;color: #15b5a4; background-color: #ffffff;border-radius: .22rem;}
.cc-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .3rem; width: .36rem;height: .36rem;border-radius: 50%;background-color: #15b5a4;background-image: url('../images/ca6-b.png'); background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.cc-rt{position: absolute;top: 0;right: 0;width: 50%;height: 100%;overflow: hidden;}
.cc-e{width: 100%;position: relative;padding-left: 2.48rem;background-image: url('../images/ca7.jpg');background-size: 2.48rem;background-position: left bottom;background-repeat: no-repeat;} 
.cc-en{ white-space: nowrap; font-size: 1.13rem;font-weight: bold; line-height: 2rem; color: #15b5a4;opacity: 0.12;}
.cc-bg{position: absolute;bottom: 0;left: 0;width: 100%;height: calc(100% - 2rem); background-size: cover;background-position: center center;background-repeat: no-repeat;}

.cc-bottom{width: 100%;position: relative;}
.cc-one{width: 3rem;margin-right: .2rem;}
.cc-one:last-child{margin-right: 0;}
.cc-img{width: 100%;overflow: hidden;cursor: pointer;}
.cc-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.cc-img:hover img{transform: scale(1.05);}

.cc-pagination{display: none;}
.cc-prev{display: none;}
.cc-next{display: none;}


@media(max-width:750px) {
    .cc-a{padding: .6rem 0;}
    .cc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .cc-top{width: 100%;}
    .cc-lt{width: 100%;padding: .5rem ;}
    .cc-rt{position: relative; width: 100%;}
    .cc-e{padding-left: 0;}
    .cc-en{text-align: center;width: 100%;font-size: .8rem;}
    .cc-bg{position: relative; width: 100%;padding-top: 46.87%;height: auto;}
    .cc-one{width: calc(33.33% - .1rem);margin-right: .15rem;}
}

.cd-a{width: 100%;padding-top: 1.1rem;padding-bottom: 1.08rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.cd-b{width: 14.1rem;margin: 0 auto; }
.cd-cont{width: 100%;position: relative;}
.cd-c{width: 100%;}
.cd-item{width: 2.08rem;margin-right: .3rem; }
.cd-item:last-child{margin-right: 0;}
.cd-d{display: block;cursor: pointer; width: 100%;padding: .35rem .15rem ;text-align: center; background-color: #ffffff;border-radius: .15rem;}
.cd-icon{display: inline-block;width: .8rem;margin-bottom: .45rem;}
.cd-icon1{display: block;width: 100%;}
.cd-icon1 img{width: 100%;}
.cd-icon2{display: none;width: 100%;}
.cd-icon2 img{width: 100%;}
.cd-text{width: 100%;}
.cd-nub{color: #888888;margin-bottom: .08rem;line-height: 1.6;}
.cd-name{color: #333333;line-height: 1.55;}

.cd-item:hover .cd-d{background-color: #15b5a4;}
.cd-item:hover .cd-icon1{display: none;}
.cd-item:hover .cd-icon2{display: block;}
.cd-item:hover .cd-nub{color: #ffffff;}
.cd-item:hover .cd-name{color: #ffffff;}

.cd-pagination{display: none;}
.cd-prev{display: none;}
.cd-next{display: none;}

@media(max-width:750px) { 
    .cd-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .cd-item{width: calc(33.33% - .1rem);margin-right: .15rem;}
}

.ce-a{width: 100%;padding-top: .8rem;padding-bottom: .97rem; position: relative;background-color: #fff;}
.ce-b{width: 14.5rem;margin: 0 auto;}
.ce-bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 2.8rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ce-cont{width: 100%;position: relative;z-index: 18;}
.ce-c{width: 100%;}
.ce-item{width: 33.33%;padding: .2rem ;}
.ce-d{display: block;cursor: pointer; width: 100%;padding: .3rem .5rem .4rem; position: relative;overflow: hidden; background-color: #ffffff;box-shadow: 0px 0px .35rem 0px rgba(21, 181, 164, 0.22);border-radius: .15rem;}
.ce-img{ opacity: 0;transition: all ease .5s; position: absolute;top: -.27rem;right: -.27rem; height: 1.2rem;}
.ce-img img{height: 100%;}
.ce-e{width: 100%;text-align: center;position: relative;z-index: 28;transition: all ease .5s;}
.ce-icon{height: .4rem;display: inline-block;margin-bottom: .2rem;}
.ce-icon img{height: 100%;}
.ce-name{color: #000000;line-height: 1.25;margin-bottom: .2rem;}
.ce-textbox{color: #555555;line-height: 1.8;height: 7.2em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.ce-item:hover .ce-img{opacity: 1;}
.ce-item:hover .ce-e{text-align: left;}

.ce-pagination{display: none;}
.ce-prev{display: none;}
.ce-next{display: none;}

.ce-a .cb-top{padding-bottom: .6rem;}

@media(max-width:750px) { 
    .ce-a .cb-top{padding: 0 5px .75rem;}
    .ce-b{width: 100%;max-width: 500px;padding-left: 5px;padding-right: 5px;}
    .ce-item{width: 50%;padding: 5px ;}
    .ce-d{padding: .3rem;}
}

.cf-a{width: 100%;padding-top: .9rem;padding-bottom: .5rem;   background-size: cover;background-position: center center;background-repeat: no-repeat;}
.cf-b{width: 14.1rem;margin: 0 auto;}
.cf-cont{width: 100%; }
.cf-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.cf-lt{float: left; width: 7.9rem;margin-bottom: .5rem;}
.cf-rt{float: right; width: 5.5rem;margin-bottom: .5rem;}
.cf-navbox{width: 100%;font-size: 0;}
.cf-nav{display: inline-block;vertical-align: middle;margin-right: .3rem;margin-bottom: .3rem; cursor: pointer;color: #888888; min-width: 1.68rem;line-height: .44rem;text-align: center;padding: 0 .15rem;background-color: #ffffff;border-radius: .22rem;}
.cf-nav.active{background-color: #f0a615;color: #ffffff;}
.cf-list{width: 100%;position: relative;overflow: hidden;}
.cf-one{position: absolute;top: 0;left: -200%;width: 100%;}
.cf-one.show{position: relative;left: 0;}
.cf-c{width: 100%;}
.cf-item{width: calc(50%  - .25rem);margin-right: .5rem;}
.cf-item:last-child{margin-right: 0;}
.cf-d{display: block;cursor: pointer;min-height: 4.2rem; width: 100%;background-color: #ffffff;border-radius: .15rem;overflow: hidden;}
.cf-img{width: 100%;overflow: hidden;}
.cf-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.cf-text{width: 100%;padding: .25rem ;}
.cf-time{color: #888888;margin-bottom: .25rem;}
.cf-name{margin-bottom: .15rem; color: #333333;line-height: 1.5;display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cf-intro{color: #888888;line-height: 2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.cf-item:hover .cf-img img{transform: scale(1.05);}
.cf-item:hover .cf-name{color: #15b5a4;}

.cf-more{display: inline-block;vertical-align: middle; margin-bottom: .3rem; cursor: pointer;color: #ffffff; min-width: 1.68rem;line-height: .44rem;text-align: center;padding: 0 .15rem;background-color: #15b5a4;border-radius: .22rem;}
.cf-e{width: 100%;}
.cf-f{width: 100%;height: 4.2rem;padding: 0 .25rem; background-color: #ffffff;border-radius: .15rem;}
.cf-g{width: 100%;height: auto;}
.cf-h{width: 100%;display: block;cursor: pointer; padding: .17rem 0; border-bottom: 1px solid #f0f0f0;}
.cf-ask{width: 100%;position: relative;padding-left: 2.2em;margin-bottom: .1rem;}
.cf-answer{width: 100%;position: relative;padding-left: 2.2em;}
.cf-ask .cf-icon{position: absolute;top: .45em;left: 0;width: 1.1em;height: 1.1em; line-height: 1.1em;}
.cf-ask .cf-icon img{max-width: 100%;max-height: 100%;}
.cf-bottom{width: 100%;}
.cf-ask .cf-i{width: 100%;color: #333333;line-height: 2; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.cf-answer .cf-icon{position: absolute;top: .45em;left: 0;width: 1.1em;height: 1.1em; line-height: 1.1em;}
.cf-answer .cf-icon img{max-width: 100%;max-height: 100%;}
.cf-answer .cf-j{width: 100%;color: #888888;line-height: 2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.cf-g:hover .cf-ask .cf-i{color: #15b5a4;}

@media(max-width:750px) {  
    .cf-b{width: 100%;max-width: 500px;padding-left: 5px;padding-right: 5px;}
    .cf-item{width: calc(50% - 5px);margin-right: 10px;}
    .cf-lt{width: 100%;}
    .cf-rt{width: 100%;}
}


.cg-a{width: 100%;padding-top: .8rem;padding-bottom: 1rem;   background-image: url('../images/ca19.jpg');background-size: auto 100%;background-position: right 2.6rem center;background-repeat: no-repeat;}
.cg-b{width: 14.1rem;margin: 0 auto;}
.cg-cont{position: relative;width: 100%;}
.cg-c{width: 100%;}
.cg-one{width: 2.6rem;margin-right: .25rem;}
.cg-one:last-child{margin-right: 0;}
.cg-img{display: block;cursor: pointer;width: 100%; height: 1.3rem;text-align: center;line-height: 1.3rem; border-radius: .1rem;border: solid 1px #eeeeee;overflow: hidden; }
.cg-img img{display: inline-block; max-width: 80%;max-height: 73.8%;transform: scale(1.00);transition: all .5s;}
.cg-one:hover .cg-img img{transform: scale(1.05);}

.cg-a .cb-top{text-align: left;}
.cg-a .cb-titles{color: #333333;}

.cg-pagination{display: none;}
.cg-prev{z-index: 18; transform: rotate(-180deg);  left: auto; right: .56rem;margin-top: -.18rem;	width: .36rem;height: .36rem;border-radius: 50%;background-color: #d9d9d9;background-image: url('../images/ca6-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.cg-prev:hover{background-color: #15b5a4;}
.cg-next{z-index: 18;right: 0;margin-top: -.18rem;	width: .36rem;height: .36rem;border-radius: 50%;background-color: #d9d9d9;background-image: url('../images/ca6-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.cg-next:hover{background-color: #15b5a4;} 

@media(max-width:750px) {  
    .cg-b{width: 100%;max-width: 500px;padding-left: 5px;padding-right: 5px;}
    .cg-one{width: calc(33.33% - .1rem);margin-right: .15rem;}
    .cg-prev{top: 0;margin-top: 0;}
    .cg-next{top: 0;margin-top: 0;}
} 
/* 包装类首页结束 */ 



/* it类首页结束 */

.da-a{width: 100%;position: relative;overflow: hidden;}
.da-cont{width: 100%;position: relative;}
.da-b{width: 100%;}
.da-item{width: 100%;}
.da-c{display: block; width: 100%;cursor: pointer;}
.da-img{width: 100%;}
.da-img img{width: 100%;}
.da-text{position: absolute;top: 26.06%;left: 50%;transform: translate(-50%,0);width: 14rem;}
.da-titles{display: inline-block;font-weight: bold;margin-bottom: .35rem; padding-bottom: .2rem;line-height: 1.29; border-bottom: 1px solid rgba(255,255,255,.2); letter-spacing: .03rem; color: #ffffff;}
.da-intro{width: 100%;color: #ffffff;line-height: 1.45;min-height: 1rem;padding-bottom: .25rem;}

.da-more{display: inline-block;min-width: 2.35rem;padding-left: .54rem ;padding-right: .12rem;line-height: .66rem;color: #ffffff;  background-color: #0c76c4;	background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#4f301b, #4f301b); border-radius: .33rem;}
.da-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .45rem; width: .5rem;height: .5rem;border-radius: 50%;background-color: #ffffff;background-image: url('../images/da8.png'); background-size: .24rem auto;background-position: center center;background-repeat: no-repeat;}

.da-prev{display: none;}
.da-next{display: none;}
.da-pagination{display: none;}

.da-bottom{position: absolute;z-index: 88;bottom: 11.38%; left: 50%;transform: translate(-50%,0);text-align: center; }
.da-tip{color: #ffffff;margin-bottom: .15rem;}
.da-icon{display: inline-block; width: 1.25em; animation: daRotate 1.5s linear infinite alternate;}
.da-icon img{width: 100%;}


@keyframes daRotate{
    0%{
        transform: translatey(0);
    } 
    100%{
        transform: translatey(-5px);
    }

}

@media(max-width:750px) {  
    .da-img img{min-height: 260px;object-fit: cover;}
    .da-text{top: 50%;transform: translate(0,-50%);left: 0; width: 100%; padding-left: 10px;padding-right: 10px;}
    .da-bottom{display: none;}
    .da-titles{font-size: 20px;}
    .da-intro{font-size: 13px;min-height: 1.45em;}
}

.db-a{overflow: hidden;width: 100%;padding-top: .88rem;padding-bottom: 1.35rem;position: relative; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.db-b{width: 14rem;margin: 0 auto;}
.db-top{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding-bottom: .45rem;}
.db-lt{display: inline-block;margin-bottom: .3rem;}
.db-titles{position: relative;margin-bottom: .25rem; }
.db-titles:before{content: '';position: absolute;top: -.05rem;left: -.1rem;	width: .2rem;height: .2rem;border-radius: 50%;background-color: #0c76c4;background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#ffffff, #ffffff);}
.db-titles span{position: relative;z-index: 18;display: block;color: #333333;font-weight: bold;}
.db-intro{color: #666666;line-height: 1.55;}
.db-rt{font-size: 0;margin-bottom: .3rem;}
.db-nav{display: inline-block;vertical-align: middle;cursor: pointer; margin: .15rem .15rem .15rem 0;color: #666666;padding:.14rem .26rem;border-radius: .23rem;}
.db-nav:last-child{margin-right: 0;padding-right: 0;}
.db-nav.active{padding-right: .26rem !important; background-color: #0c76c4;color: #ffffff;	background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#4f301b, #4f301b);}

.db-cont{width: 100%; }
.db-one{width: 100%;display: none;flex-wrap: wrap;}
.db-one.show{display: flex;}
.db-item{display: flex;align-items: center;flex-wrap: wrap;cursor: pointer; padding: .5rem .4rem; width: calc(33.33% - 2px);margin: 1px;  background-color: #fff;}
.db-text{width: calc(100% - 1.73rem);transition: all ease .5s;}
.db-name{color: #333333;line-height: 1.35; margin-bottom: .25rem;font-weight: bold;}
.db-textbox{color: #888888;line-height: 1.7;}
.db-textbox *{line-height: inherit;}

.db-img{width: 1.73rem; }
.db-img img{width: 100%;transform: scale(1.00);transition: all .5s;}

.db-more{display:  none;min-width: 1.35rem;margin-top: .25rem; padding-left: .24rem ;padding-right: .06rem;line-height: .38rem;color: #ffffff;  background-color: #0c76c4;	background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#4f301b, #4f301b); border-radius: .19rem;}
.db-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .23rem; width: .3rem;height: .3rem;border-radius: 50%;background-color: #ffffff;background-image: url('../images/da8.png'); background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}

.db-item:hover{padding: .2rem .4rem;}
.db-item:hover .db-name{color: #2aa6cb;margin-bottom: .1rem;}
.db-item:hover .db-more{display: inline-block;}
.db-item:hover .db-img img{transform: scale(1.05);}

@media(max-width:750px) { 
    .db-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .db-item{width: calc(50% - 2px);}
    .db-rt{width: 100%;overflow: auto;white-space: nowrap;}
    .db-nav:last-child{margin-right: .15rem;padding-right: .26rem;}
}

@media(max-width:500px) {
    .db-item{width: calc(100% - 2px);}
}

.dc-a{overflow: hidden;width: 100%;padding-top: .8rem;padding-bottom: 1rem;position: relative; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.dc-b{width: 14rem;margin: 0 auto;}
.dc-top{width: 100%;font-size: 0;margin-bottom: .9rem;}
.dc-lt{display: inline-block;vertical-align: top;width: 7.75rem;}
.dc-img{width: 100%;}
.dc-img img{width: 100%;}
.dc-rt{display: inline-block;vertical-align: middle;width: calc(100% - 7.75rem);padding-left: .98rem;padding-top: 1rem;}
.dc-titles{position: relative;margin-bottom: .3rem;}
.dc-titles:before{content: '';position: absolute;top: 0;left: -.1rem;	width: .2rem;height: .2rem;border-radius: 50%;background-color: #0c76c4;background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#ffffff, #ffffff);}
.dc-titles span{position: relative;z-index: 18;display: block; color: #ffffff;font-weight: bold;}
.dc-intro{color: #ffffff;line-height: 1.5;margin-bottom: .45rem;}
.dc-textbox{line-height: 1.875;color: rgba(255,255,255,.5);min-height: 2rem;padding-bottom: .3rem;}
.dc-textbox *{line-height: inherit;}
.dc-more{display: inline-block;cursor: pointer; min-width: 2.35rem;padding-left: .54rem ;padding-right: .12rem;line-height: .66rem;color: #ffffff;  background-color: #0c76c4;	background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#4f301b, #4f301b); border-radius: .33rem;}
.dc-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .45rem; width: .5rem;height: .5rem;border-radius: 50%;background-color: #ffffff;background-image: url('../images/da8.png'); background-size: .24rem auto;background-position: center center;background-repeat: no-repeat;}
.dc-bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}
.dc-item{margin-bottom: .3rem;}
.dc-icon{display: inline-block;vertical-align: middle;position: relative;width: .6rem;height: .6rem;text-align: center;line-height: .6rem;}
.dc-icon img{position: relative;z-index: 18;max-width: 50%;max-height: 50%;}
.dc-icon:before{content: '';opacity: 0;transition: all .5s; position: absolute;top: -.1rem;left: -.1rem; width: .3rem;height: .3rem;border-radius: 50%;background-color: #0c76c4;background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#ffffff, #ffffff);}
.dc-icon:after{content: '';transition: all .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #0c76c4; background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#ffffff, #ffffff);}
.dc-text{display: inline-block;vertical-align: middle;margin-left: .3rem;}
.dc-c{font-size: 0;margin-bottom: .1rem;} 
.dc-nub{display: inline-block;vertical-align: bottom;color: #ffffff;}
.dc-d{display: inline-block;vertical-align: bottom;margin-left: .1rem;color: rgba(255,255,255,.5);}
.dc-e{color: rgba(255,255,255,.5);line-height: 1.375;}

.dc-item:hover .dc-icon:before{opacity: 1;}
.dc-item:hover .dc-icon:after{opacity: .6;border: solid 1px #5bb1d8;}

@media(max-width:750px) { 
    .dc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .dc-lt{width: 100%;}
    .dc-rt{width: 100%;padding-left: 0;padding-top: .6rem;}
    .dc-item{min-width: 50%;}
}

.dd-a{overflow: hidden;width: 100%;padding-top: .9rem;padding-bottom: 1.17rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.dd-b{width: 14rem;margin: 0 auto;}
.dd-top{width: 100%;text-align: center; padding-bottom: .65rem;} 
.dd-titles{display: inline-block; position: relative;margin-bottom: .25rem;}
.dd-titles:before{content: '';position: absolute;top: -.05rem;left: -.1rem;	width: .2rem;height: .2rem;border-radius: 50%;background-color: #0c76c4;background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#ffffff, #ffffff);}
.dd-titles span{position: relative;z-index: 18;display: block; color: #333333;font-weight: bold;}
.dd-intro{color: #666666;line-height: 1.55;}

.dd-cont{width: 100%;}
.dd-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.dd-lt{float: left;width: 3.6rem;position: relative;background-color: #214293;padding-bottom: .7rem;}
.dd-c{width: 100%;height: 4.88rem;}
.dd-nav{width: 100%;cursor: pointer;height: 1.22rem;}
.dd-d{width: 100%;padding: 0 .1rem;font-size: 0;}
.dd-icon{display: inline-block;vertical-align: middle; width: 1.2rem;height: 1.22rem;line-height: 1.22rem;text-align: center;}
.dd-icon img{max-width: 33.33%;max-height: 33.33%;}
.dd-classify{display: inline-block;vertical-align: middle;width: calc(100% - 1.2rem);color: #ffffff;line-height: 1.3;}
.dd-nav.active{background-image: url('../images/da13.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}

.dd-prev2{position: absolute;top: auto;left: 0;bottom: 0;margin-top: 0; width: 50%;height: .7rem;background-image: url('../images/da18.png');background-size: auto .24rem;background-position: center center;background-repeat: no-repeat;background-color: #2a4c9f;}
.dd-prev2:hover{background-image: url('../images/da18-b.png');}
.dd-next2{position: absolute;top: auto;right:  0;bottom: 0;margin-top: 0;border-left: 1px solid rgba(255,255,255,.2); width: 50%;height: .7rem;background-image: url('../images/da19.png');background-size: auto .24rem;background-position: center center;background-repeat: no-repeat;background-color: #2a4c9f;}
.dd-next2:hover{background-image: url('../images/da19-b.png');}

.dd-rt{float: right;position: relative;overflow: hidden;width: 10.2rem;}
.dd-one{position: absolute;top: 0;right: -19rem;width: 100%;}
.dd-one.show{position: relative;right: 0;}
.dd-e{width: 100%;position: relative;}
.dd-item{width: 100%;}
.dd-f{width: 100%;display: block;cursor: pointer;overflow: hidden;}
.dd-bg{transform: scale(1.00);transition: all .5s;width: 100%;height: 5.58rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.dd-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 2.1rem .35rem .48rem;}
.dd-name{color: #ffffff;line-height: 1.23; margin-bottom:  .2rem;}
.dd-g{color: #ffffff;line-height: 1.875; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.dd-prev{position: absolute;top: auto;left: auto;right: 1.1rem; bottom: .5rem;margin-top: 0; width: .5rem;height: .5rem;border-radius: 50%; background-image: url('../images/da20.png');background-size:  .24rem auto;background-position: center center;background-repeat: no-repeat;background-color: rgba(255,255,255,.2);}
.dd-prev:hover{background-image: url('../images/da20-b.png');background-color: #ffffff;}
.dd-next{position: absolute;top: auto; right: .4rem; bottom: .5rem;margin-top: 0; width: .5rem;height: .5rem;border-radius: 50%; background-image: url('../images/da21.png');background-size:  .24rem auto;background-position: center center;background-repeat: no-repeat;background-color: rgba(255,255,255,.2);}
.dd-next:hover{background-image: url('../images/da21-b.png');background-color: #ffffff;}

.dd-item:hover .dd-bg{transform: scale(1.05); }

@media(max-width:750px) { 
    .dd-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .dd-lt{width: 100%;margin-bottom: .35rem;padding-bottom: 0;}
    .dd-c{height:  auto;}
    .dd-nav{width: auto;white-space: nowrap;}
    .dd-icon{width: .8rem;}
    .dd-icon img{max-width: 80%;}
    .dd-prev2{display: none;}
    .dd-next2{display: none;}

    .dd-rt{width: 100%;}
    .dd-bg{height: auto;padding-top: 54.9%;}
}

.de-a{overflow: hidden;width: 100%;padding-top: .95rem;padding-bottom: 1.44rem;position: relative; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.de-b{width: 14rem;margin: 0 auto;}
.de-top{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding-bottom: .3rem;}
.de-lt{display: inline-block;margin-bottom: .3rem;}
.de-titles{position: relative;margin-bottom: .25rem; }
.de-titles:before{content: '';position: absolute;top: -.05rem;left: -.1rem;	width: .2rem;height: .2rem;border-radius: 50%;background-color: #0c76c4;background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#ffffff, #ffffff);}
.de-titles span{position: relative;z-index: 18;display: block;color: #ffffff;font-weight: bold;}
.de-intro{color: #fff;line-height: 1.5;}
.de-rt{font-size: 0;margin-bottom: .3rem;}
.de-nav{display: inline-block;vertical-align: middle;cursor: pointer; color: #fff;padding:.14rem .5rem;border-radius: .23rem;}
.de-nav:last-child{ padding-right: 0;}
.de-nav.active{padding-right: .26rem !important; background-color: #0c76c4; 	background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#4f301b, #4f301b);}
 
.de-cont{width: 100%;position: relative;overflow: hidden;}
.de-one{position: absolute;top: 0;left: -19rem; width: 100%;}
.de-one.show{position: relative;left: 0;}
.de-c{width: 100%;}
.de-item{width: 4.4rem;margin-right: .4rem;}
.de-item:last-child{margin-right: 0;}
.de-d{display: block;cursor: pointer;width: 100%;padding: .2rem .2rem .4rem; background-color: #ffffff;}
.de-e{width: 100%;position: relative;margin-bottom: .33rem;}
.de-img{width: 100%;position: relative;overflow: hidden;}
.de-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.de-time{position: absolute;top: 0;right: 0;background-color: #333333;min-width: .8rem;padding: .18rem;text-align: center;}
.de-day{color: #ffffff;font-weight: bold;margin-bottom: .1rem;}
.de-month{color: #ffffff; }
.de-text{width: 100%;}
.de-name{color: #1a1b1c;line-height: 1.5;margin-bottom: .15rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.de-f{color: #888888;line-height: 2.2;height: 4.4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.de-more{color: #888888;margin-top: .3rem;}
.de-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem; width: .34rem;height: .34rem;border-radius: 50%;background-color: #f1f1f1;background-image: url('../images/da8-b.png'); background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}

.de-item:hover .de-img img{transform: scale(1.05);}
.de-item:hover .de-name{color: #1a87c4;}
.de-item:hover .de-time{background-color: #0c76c4;	background-image: linear-gradient(90deg, #0c76c4 0%, #4cc8c1 100%), linear-gradient(#4f301b, #4f301b);}
.de-item:hover .de-more{color: #1a87c4;}
.de-item:hover .de-more:after{background-color: #1a87c4; background-image: url('../images/da8-c.png') ;}

@media(max-width:750px) { 
    .de-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .de-item{width: calc(50% - 5px);margin-right: 10px;}
    .de-d{padding: 0 ;}
    .de-text{padding:  .2rem;}
    .de-rt{width: 100%;text-align: center;}
}

.df-a{overflow: hidden;width: 100%;position: relative;overflow: hidden;}
.df-a:after{content: '';position: absolute;bottom: 0;left: 0;width: 1.2rem;height: 2rem;background-color: #303030;}
.df-b{width: 100%;padding-left: 1.2rem;}
.df-cont{font-size: 0;  width: 100%;padding: 1.4rem 2.6rem 1.4rem 1.4rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.df-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.df-lt{display: inline-block;vertical-align: middle; width: calc(100% - 9.6rem);padding-right: 1.15rem; }
.df-titles{display: inline-block; position: relative;margin-bottom: .28rem;}
.df-titles:before{content: '';position: absolute;top: 0;left: -.1rem;	width: .2rem;height: .2rem;border-radius: 50%;background-color: rgba(255,255,255,.3); }
.df-titles span{position: relative;z-index: 18;display: block; color: #ffffff;font-weight: bold;}
.df-intro{color: #ffffff;line-height: 1.8;min-height: 1.15rem;padding-bottom: .3rem;}
.df-buttom{width: 100%;font-size: 0;}

.df-prev{position: static;display: inline-block;vertical-align: middle; margin-top: 0; width: .36rem;height: .36rem;border-radius: 50%; background-image: url('../images/da22.png');background-size:  .36rem auto;background-position: center center;background-repeat: no-repeat; }
.df-prev:hover{background-image: url('../images/da22-b.png'); }
.df-next{transform: rotate(-180deg);margin-left: .25rem; position: static;display: inline-block;vertical-align: middle; margin-top: 0; width: .36rem;height: .36rem;border-radius: 50%; background-image: url('../images/da22.png');background-size:  .36rem auto;background-position: center center;background-repeat: no-repeat; }
.df-next:hover{background-image: url('../images/da22-b.png'); }

.df-rt{display: inline-block;vertical-align: middle; width: 9.6rem;}
.df-c{width: 100%;font-size: 0;}
.df-item{display: inline-block;vertical-align: middle;cursor: pointer; width: 20%;padding: 1px;}
.df-icon1{display: block; width: 100%;text-align: center;height: 1.4rem;line-height: 1.4rem;background-color: rgba(255,255,255,.1);}
.df-icon1 img{max-width: 71.8%;max-height: 50%;}
.df-icon2{display: none; width: 100%;text-align: center;height: 1.4rem;line-height: 1.4rem;background-color: #ffffff;}
.df-icon2 img{max-width: 71.8%;max-height: 50%;}

.df-item:hover .df-icon1{display: none;}
.df-item:hover .df-icon2{display: block;}

@media(max-width:750px) { 
    .df-a:after{display: none;}
    .df-b{padding-left: 0;}
    .df-cont{width: 100%;margin: 0 auto; max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .df-lt{width: 100%;margin-bottom: .35rem;}
    .df-rt{width: 100%;}
    .df-item{width: 50%;}
}

/* it类首页结束 */


/* 家居类首页开始 */

.ea-a{width: 100%;position: relative;overflow: hidden;}
.ea-cont{width: 100%;position: relative;}
.ea-b{width: 100%;}
.ea-item{width: 100%;}
.ea-c{display: block; width: 100%;cursor: pointer;}
.ea-img{width: 100%;}
.ea-img img{width: 100%;}
.ea-text{position: absolute;top: 34.88%;left: 50%;transform: translate(-50%,0);width: 15.6rem;}
.ea-titles{color: #ffffff; font-weight: bold;margin-bottom: .2rem; line-height: 1.18; }
.ea-intro{width: 100%;color: #ffffff;line-height: 1.45; margin-bottom: .75rem;}
.ea-more{display: inline-block;padding: .18rem .52rem .18rem .56rem;position: relative; background-color: #fff;}
.ea-more:before{content: '';position: absolute;top: 0;left: 0;width: .04rem;height: 100%;background-color: #fe5b0c;transition: all ease .5s;}
.ea-more span{color: #666666;position: relative;z-index: 18;}
.ea-more:hover span{ color: #fff;}
.ea-more:hover:before{width: 100%;}
  
.ea-pagination{position: absolute;bottom: .4rem;width: 100%;padding: 0 1.8rem;font-size: 0;text-align: left;}
.ea-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin-right: .1rem; width: 10px;height: 10px;background-color: #ffffff;opacity: 0.8;}
.ea-pagination .swiper-pagination-bullet-active{display: inline-block;vertical-align: middle;margin-right: .1rem; width: 10px;height: 10px;background-color: #fe5b0c;opacity: 1;}
.ea-prev{display: none;}
.ea-next{display: none;}

.ea-bottom{position: absolute;z-index: 88;bottom: .27rem; left: 50%;transform: translate(-50%,0);text-align: center; }
.ea-icon{width: 1.64em; animation: daRotate 1.5s linear infinite alternate;}
.ea-icon img{width: 100%;}


@keyframes daRotate{
    0%{
        transform: translatey(0);
    } 
    100%{
        transform: translatey(-5px);
    }

}

@media(max-width:750px) {  
    .ea-img img{min-height: 260px;object-fit: cover;}
    .ea-text{top: 50%;transform: translate(0,-50%);left: 0; width: 100%; padding-left: 10px;padding-right: 10px;}
    .ea-bottom{display: none;}
    .ea-titles{font-size: 20px;}
    .ea-intro{font-size: 13px;min-height: 1.45em;}
    .ea-pagination{bottom: 10px;padding: 0; text-align: center;}
    .ea-pagination .swiper-pagination-bullet{margin: 0 3px; }
}

.eb-a{width: 100%;padding-top: 1rem;padding-bottom: .92rem;}
.eb-main{width: 15.6rem;margin: 0 auto;}
.eb-top{width: 100%;max-width: 15.6rem;margin: 0 auto; padding-bottom: .2rem; font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.eb-left{display: block;position: relative;margin-bottom: .3rem;}
.eb-left:before{content: '';position: absolute;top: -.23rem;left: -.23rem;border-radius: 50%; width: .56rem;height: .56rem;background-image: url('../images/ea10.png'); background-size: 98% auto;background-position: center center;background-repeat: no-repeat;}
.eb-b{position: relative;z-index: 8; width: 100%;font-size: 0;margin-bottom: .15rem;}
.eb-titles{display: inline-block;vertical-align: text-bottom;color: #000000;font-weight: bold;}
.eb-en{display: inline-block;vertical-align: text-bottom;color: #000000; }
.eb-en:before{content: '';display: inline-block;vertical-align: text-bottom;margin: 0 .1rem; width: 6px;height: 6px;background-color: #fe5b0c;}
.eb-c{color: #666666;line-height: 1.55;} 
.eb-right{font-size: 0;margin-bottom: .3rem;}
.eb-navbox{display: inline-block;vertical-align: middle;}
.eb-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .5rem; color: #666666;position: relative;padding-bottom: .27rem;}
.eb-nav:last-child{margin-right: 0;}
.eb-nav:before{content: ''; position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0); display: block; width: 0;height: .03rem;transition: all ease .5s; background-color: #fe5b0c;}
.eb-nav.active{color: #fe5b0c;}
.eb-nav.active:before{width: 100%;}
.eb-more{display: inline-block;cursor: pointer; padding: .18rem .52rem .18rem .56rem;position: relative; background-color: #fff;}
.eb-more:before{content: '';position: absolute;top: 0;left: 0;width: .04rem;height: 100%;background-color: #fe5b0c;transition: all ease .5s;}
.eb-more span{color: #666666;position: relative;z-index: 18;}
.eb-more:hover span{ color: #fff;}
.eb-more:hover:before{width: 100%;}

.eb-bottom{width: 100%;}
.eb-one{display: none;font-size: 0;width: 100%;}
.eb-one.show{display: block;}
.eb-item{display: inline-block;vertical-align: middle;cursor: pointer; position: relative;margin-bottom: .08rem;width: 32.9%;  margin-right: .65%;}
.eb-item:nth-child(3n){margin-right: 0;}
.eb-img{width: 100%;position: relative;padding-top: calc(360/513*100%);overflow: hidden;}
.eb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.eb-text{position: absolute;left: 0;bottom: 0;padding: .6rem .4rem ;}
.eb-text:before{content: '';position: absolute;bottom: .3rem;left: .4rem;width: 100%;height: .16rem;background-image: url('../images/a11.png'); background-size: auto 100%;background-position: left center;background-repeat: no-repeat;}
.eb-name{color: #ffffff;font-weight: bold;line-height: 1.25;}

.eb-item:hover .eb-img img{transform: scale(1.05);}

@media(max-width:750px) {  
    .eb-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .eb-left{width: 100%;}
    .eb-right{width: 100%;text-align: center;}
    .eb-item{width: calc(50% - 5px);margin-right: 10px;}
    .eb-item:nth-child(3n){margin-right:10px;}
    .eb-item:nth-child(2n){margin-right: 0;}

    .eb-text{padding: .4rem .2rem;}
    .eb-text:before{left: .2rem;bottom: .2rem;}
}

.ec-a{width: 100%;padding: 1.2rem 0;min-height: 8.5rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ec-a .eb-titles{color: #ffffff;}
.ec-a .eb-en{color: #ffffff;}
.ec-a .eb-c{color: #ffffff;}
.ec-main{width: 15.6rem;margin: 0 auto;}
.ec-cont{width: 100%;font-size: 0;padding-top: .7rem; }
.ec-left{display: inline-block;vertical-align: middle;width: 59.6%;padding-right: .8rem; }
.ec-titles{color: #ffffff;font-weight: bold;position: relative;line-height: 1.33;padding-bottom: .38rem;margin-bottom: .42rem;}
.ec-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #fe5b0c;}
.ec-textbox{color: #ffffff;line-height: 2;margin-bottom: .7rem;}
.ec-textbox *{line-height: inherit;}
.ec-more{display: inline-block;cursor: pointer; padding: .18rem .52rem .18rem .56rem;position: relative; background-color: #fff;}
.ec-more:before{content: '';position: absolute;top: 0;left: 0;width: .04rem;height: 100%;background-color: #fe5b0c;transition: all ease .5s;}
.ec-more span{color: #666666;position: relative;z-index: 18;}
.ec-more:hover span{ color: #fff;}
.ec-more:hover:before{width: 100%;}

.ec-right{display: inline-block;vertical-align: middle;width: 40.38%;}
.ec-video{display: block; width: 100%;position: relative;cursor: pointer;}
.ec-img{width: 100%;overflow: hidden;}
.ec-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.ec-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .7rem;}
.ec-play img{width: 100%;}

.ec-video:hover .ec-img img{transform: scale(1.05);}

@media(max-width:750px) {  
    .ec-a{min-height: 1rem;padding-top: .8rem;padding-bottom: .8rem;}
    .ec-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .ec-cont{padding-top: .2rem;}
    .ec-left{width: 100%;padding-right: 0;padding-bottom: .5rem;}
    .ec-right{width: 100%;}
}


.ed-a{width: 100%;padding: 1rem 0; }
.ed-main{width: 100%;margin: 0 auto;}
.ed-cont{width: 100%;position: relative;overflow: hidden;}
.ed-one{position: absolute;top: 0;left: -110%;width: 100%;}
.ed-one.show{position: relative;left: 0;}
.ed-b{width: 100%;padding-bottom: .4rem;}
.ed-item{width: 14.8rem;margin: 0 .2rem;}
.ed-link{display: block;cursor: pointer;font-size: 0; position: relative;}
.ed-link:before{content: '';position: absolute;top: 0;left: 0;width: 32.43%;height: 100%; background-image: url('../images/ea10.jpg');background-size:  cover;background-position: center center;background-repeat: no-repeat;}
.ed-img{display: inline-block;vertical-align: middle;width: 67.57%;height: 6.4rem; overflow: hidden;position: relative;}
.ed-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.ed-text{position: relative;z-index: 18;padding: .2rem .6rem; display: inline-block;vertical-align: middle;width: 32.43%;}
.ed-name{position: relative;padding-bottom: .38rem;margin-bottom: .4rem;}
.ed-name:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #fe5b0c;}
.ed-name span{color: #000000;line-height: 1.33;font-weight: bold;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ed-intro{width: 100%;min-height: 2.9rem;padding-bottom: .4rem;}
.ed-intro span{color: #666666;line-height: 2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ed-more{display: inline-block;cursor: pointer; padding: .18rem .52rem .18rem .56rem;position: relative; background-color: #fff;}
.ed-more:before{content: '';position: absolute;top: 0;left: 0;width: .04rem;height: 100%;background-color: #fe5b0c;transition: all ease .5s;}
.ed-more span{color: #666666;position: relative;z-index: 18;}
.ed-more:hover span{ color: #fff;}
.ed-more:hover:before{width: 100%;}

.ed-link:hover .ed-name span{color: #fe5b0c;}
.ed-link:hover .ed-img img{transform: scale(1.05);}

.ed-b .ed-scrollbar{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0); width:  14.8rem;height: 4px;border-radius: 2px; background-color: #dcdcdc;}
.ed-b .ed-scrollbar .swiper-scrollbar-drag{background-color: #fe5b0c;border-radius: 2px;cursor: pointer;}

@media(max-width:750px) {  
    .ed-a{ padding-top: .8rem;padding-bottom: .8rem;}
    .ed-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .ed-item{width: 60%;}
    .ed-link:before{display: none;}
    .ed-text{width: 100%;padding: .3rem; background-image: url('../images/ea10.jpg');background-size:  cover;background-position: center center;background-repeat: no-repeat;}
    .ed-intro{padding-bottom: 0;height: 4em;min-height: 1em;margin-bottom: .3rem;}
    .ed-intro span{-webkit-line-clamp: 2;}
    .ed-img{width: 100%;height: auto;padding-top: calc(640/1000*100%);}
}

.ef-a{width: 100%;padding: 1rem 0 .6rem;  background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ef-main{width: 15.6rem;margin: 0 auto;}
.ef-cont{width: 100%;}
.ef-b{width: 100%; padding-bottom: .4rem;}
.ef-item{display: block;width: 3.6rem;cursor: pointer; margin-right: .4rem;}
.ef-item:last-child{margin-right: 0;}
.ef-link{width: 100%;display: block;position: relative;overflow: hidden;padding-bottom: .2rem;}
.ef-img{width: 100%;position: relative;padding-top: calc(235/360*100%);margin-bottom: .35rem;}
.ef-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; }
.ef-text{display: block;width: 100%;}
.ef-text .ef-name{color: #000000;line-height: 1.5;margin-bottom: .2rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ef-text .ef-intro{color: #666666;line-height: 1.5;height: 3em;margin-bottom: .5rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ef-text .ef-more{color: #999999;}
.ef-text .ef-more:after{content: '>';margin-left: .08rem;}

.ef-sub{position: absolute;bottom: -110%;left: 0;transition: all ease .5s;padding: .5rem .4rem .8rem;overflow: auto; width: 100%;height: 100%;background-image: url('../images/ea13.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ef-month{color: #ffffff;margin-bottom: .15rem;}
.ef-day{color: #ffffff;font-weight: bold;margin-bottom:  .35rem;}
.ef-sub .ef-name{color: #ffffff;line-height: 1.36;margin-bottom: .2rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ef-sub .ef-intro{color: #ffffff;line-height: 1.5;height: 3em;margin-bottom: .5rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ef-sub .ef-more{position: absolute;bottom: .2rem;left: 0;display: block;width: 100%;padding: 0 .4rem; color: #ffffff;}
.ef-sub .ef-more:after{content: '>';margin-left: .08rem;}
.ef-sub .ef-more:before{content: '';position: absolute;top:  0;right: .4rem;width: .38rem;height: 100%;background-image: url('../images/ea11.png');background-size: 100% auto; background-position: center center;background-repeat: no-repeat;}

.ef-link:hover .ef-sub{bottom: 0;}

.ef-b .ef-scrollbar{display: none; position: absolute;bottom: 0;left:0; width:  100%;height: 4px;border-radius: 2px; background-color: #dcdcdc;}
.ef-b .ef-scrollbar .swiper-scrollbar-drag{background-color: #fe5b0c;border-radius: 2px;cursor: pointer;}

@media(max-width:750px) {  
    .ef-a{ padding-top: .8rem;padding-bottom: .4rem;}
    .ef-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .ef-item{width: calc(50% - 5px);margin-right: 10px;}
    .ef-sub{padding: .5rem .2rem .8rem;}
}

.eg-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;}
.eg-main{width: 15.6rem;margin: 0 auto;}
.eg-cont{width: 100%;position: relative;}
.eg-b{width: 100%;}
.eg-item{display: block;width: 1.86rem;margin-right: .1rem;border: solid 1px #e5e5e5;}
.eg-item:last-child{margin-right: 0;}
.eg-link{display: block;width: 100%;position: relative; cursor: pointer;overflow: hidden;padding-top: calc(100/186*100%);}
.eg-link img{position: absolute;top: 0;left: 0;width: 90%;height: 90%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.eg-link:hover img{transform: scale(1.05);}

.eg-prev{left: -.48rem;top: 0;margin-top: 0; width: 8px;height: 100%;background-image: url('../images/ea8.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.eg-prev:hover{background-image: url('../images/ea8-b.png');}
.eg-next{right: -.48rem;top: 0;margin-top: 0; width: 8px;height: 100%;background-image: url('../images/ea9.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.eg-next:hover{background-image: url('../images/ea9-b.png');} 

.eg-pagination{display: none;}

@media(max-width:750px) {  
    .eg-a{ padding-top: .8rem;padding-bottom: .8rem;}
    .eg-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .eg-cont{padding: 0 20px;}
    .eg-item{width: calc(50% - 5px);margin-right: 10px;}
    .eg-prev{left: 0;}
    .eg-next{right: 0;}
}

/* 家居类首页结束 */



/*美妆类首页开始 */  

.fa-a{width: 100%;}
.fa-mian{width: 100%;position: relative;}
.fa-b{width: 100%;}
.fa-item{width: 100%;}
.fa-img {width: 100%;}
.fa-img img{width: 100%;}

.fa-pagination{display: none; position: absolute;bottom: .35rem;left: 0;width: 100%;font-size: 0;text-align: center;}
.fa-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;opacity: .5;margin: 0 .1rem; width: 8px;height: 8px;background-color: #fff;}
.fa-pagination .swiper-pagination-bullet-active{opacity: 1;}
.fa-prev{left: 0; margin-top: -.3rem; width: .3rem;height: .6rem;background-color: rgba(0,0,0,.8);background-image: url('../images/fa14.png');background-size: 50% auto;background-position: center center;background-repeat: no-repeat;}
.fa-prev:hover{background-color: #000; }
.fa-next{transform: rotate(-180deg); right: 0; margin-top: -.3rem; width: .3rem;height: .6rem;background-color: rgba(0,0,0,.8);background-image: url('../images/fa14.png');background-size: 50% auto;background-position: center center;background-repeat: no-repeat;}
.fa-next:hover{background-color: #000;  }

.fb-a{width: 100%;overflow: hidden;}
.fb-main{width: 14.4rem;margin: 0 auto;}
.fb-top{width: 100%;margin-bottom: .5rem; display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.fb-titles{flex: 1;color: #333333;line-height: 1.12; font-weight: bold;margin-bottom: .3rem;}
.fb-right{display: block;}
.fb-navbox{font-size: 0;}
.fb-nav{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .7rem;margin-bottom: .3rem;}
.fb-icon{display: inline-block;vertical-align: middle;margin-right: .1rem;}
.fb-icon1{display: block;height: 1.77em;}
.fb-icon1 img{max-width: none;height: 100%;}
.fb-icon2{display: none;height: 1.77em;}
.fb-icon2 img{max-width: none;height: 100%;}
.fb-classify{display: inline-block;vertical-align: middle;color: #333333;line-height: 1.5;}
.fb-nav.active .fb-icon1{display: none;}
.fb-nav.active .fb-icon2{display: block;}
.fb-nav.active .fb-classify{color: #a1360f;}

.fb-bottom{width: 100%;position: relative;overflow: hidden;}
.fb-one{position: absolute;top: 0;left: -19.2rem;width: 100%;}
.fb-one.show{left: 0;position: relative;}
.fb-b{width: 100%;}
.fb-item{width: 31.066%;margin-right: 3.4%;}
/* .fb-item:last-child{margin-right: 0;} */
.fb-link{display: block;width: 100%;min-height: 5.7rem;text-align: center; cursor: pointer;background-color: #f9f6f1;border: solid 1px #f9f6f1;}
.fb-img{width: 100%;height: 4rem;line-height: 4rem;overflow: hidden;}
.fb-img img{max-height: 75%;max-width: 75%;transform: scale(1.00);transition: all ease .5s;}
.fb-text{width: 100%;padding: .2rem;}
.fb-name{width: 100%;color: #333333;line-height: 1.5;font-weight: bold; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fb-intro{margin-top: .1rem; width: 100%;color: #999999;line-height: 1.33; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fb-price{color: #333333;font-weight: bold;margin-top: .27rem;}
.fb-more{opacity: 0;z-index: -1;white-space: nowrap; position: absolute;bottom: .45rem;left: 50%;transform: translate(-50%,0); margin-top: .2rem; padding: .15rem .5rem;background-color: #9e340b;color: #f9f6f1;}

.fb-link:hover{border: solid 1px #af2d0e;}
.fb-link:hover .fb-name{color: #9e340b;}
.fb-link:hover .fb-intro{opacity: 0;}
.fb-link:hover .fb-price{opacity: 0;}
.fb-link:hover .fb-more{opacity: 1;z-index: 18;}
.fb-link:hover .fb-img img{transform: scale(1.05);}

.fb-b .fb-prev{left: 1px; margin-top: -.3rem; width: .3rem;height: .6rem;background-color: #eeebe7;background-image: url('../images/fa14.png');background-size: 50% auto;background-position: center center;background-repeat: no-repeat;}
.fb-b .fb-prev:hover{background-color: #9e340b; background-image: url('../images/fa14-b.png');}
.fb-b .fb-next{transform: rotate(-180deg); right: 1px; margin-top: -.3rem; width: .3rem;height: .6rem;background-color: #eeebe7;background-image: url('../images/fa14.png');background-size: 50% auto;background-position: center center;background-repeat: no-repeat;}
.fb-b .fb-next:hover{background-color: #9e340b;background-image: url('../images/fa14-b.png');  }

@media(max-width:900px) {  
   .fb-a{padding-top: .8rem;padding-bottom: .8rem;}
   .fb-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
   .fb-item{width: calc(50% - 5px);margin-right: 10px;}
   .fb-titles{flex: none;}
   .fb-right{width: 100%;text-align: center;}
   .fb-nav{margin-right: .35rem;}

   .fb-icon1 {height: 1.2em;}
   .fb-icon2 {height: 1.2em;}
}

.fc-a{width: 100%;min-height: 100vh;display: flex;align-items: center;justify-content: center; background-color: #fafafa;}
.fc-main{width: 14.4rem;margin: 0 auto;}
.fc-cont{width: 100%;overflow: hidden; font-size: 0;background-image: url('../images/fa28.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.fc-left{display: inline-block;vertical-align: middle;width: 50.7%;padding: .15rem .7rem;} 
.fc-titles{color: #9e340b;font-weight: bold;margin-bottom: 1rem;}
.fc-titles:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: .55rem;height: 1px;background-color: #9e340b;}

.fc-tr{width: 100%;min-height: 2.48rem;padding-bottom: .3rem;}
.fc-td{display: none;width: 100%;}
.fc-td.show{display: block;}
.fc-classify{color: #333333;font-weight: bold;margin-bottom: .38rem;}
.fc-classify span{margin-right: .15rem;}
.fc-intro{color: #333333;line-height: 2.25;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.fc-bottom{width: 100%;position: relative;}
.fc-b{width: 100%;}
.fc-nav{width: 1.5rem;cursor: pointer; margin-right: .4rem;}
.fc-bg{width: 100%;height: 1rem;position: relative;overflow: hidden;}
.fc-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.fc-nav:hover .fc-bg{border: solid .02rem #af2d0e;}
.fc-nav.active .fc-bg{border: solid .02rem #af2d0e;}

.fc-right{display: inline-block;vertical-align: middle;width: 49.3%;position: relative;overflow: hidden;}
.fc-item{position: absolute;top: 0;left: -19.2rem;width: 100%;}
.fc-item.show{position: relative;left: 0;}
.fc-c{width: 100%;}
.fc-product{display: block;width: 100%;}
.fc-link{display: block;width: 100%;cursor: pointer;}
.fc-img{width: 100%;}
.fc-img img{width: 100%;}

.fc-c .fc-pagination{position: absolute;left: auto; right: 0;bottom: .6rem; width: 4.83rem;text-align: center;font-size: 0;}
.fc-c .fc-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;border-radius: 0; margin: 0 .1rem; transition: all ease .5s;opacity: 1;background-color: transparent;width: auto;height: auto;color:rgba(255,255,255,.7);}
.fc-c .fc-pagination .swiper-pagination-bullet-active{color: #fff;}

.fc-c .fc-pagination .swiper-pagination-bullet{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .fc-c .fc-pagination .swiper-pagination-bullet{font-size: 13.2px;}
}

.fc-c .fc-pagination .swiper-pagination-bullet-active{font-size: calc(24 * 100vw / 1920);}
@media(max-width: 1248px){
    .fc-c .fc-pagination .swiper-pagination-bullet-active{font-size: 15.6px;}
}

@media(max-width:1300px) {  
    .fc-titles{margin-bottom: .5rem;}
}
@media(max-width:900px) {  
    .fc-a{padding-top: .8rem;padding-bottom: .8rem;min-height: 1rem;}
    .fc-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .fc-left{width: 100%;padding: .5rem .3rem;}
    .fc-right{width: 100%;}
    .fc-c .fc-pagination{width: 100%;bottom: .25rem;}
}

.fd-a{width: 100%;overflow: hidden;}
.fd-main{width: 14.4rem;margin: 0 auto;}
.fd-top{width: 100%;font-size: 0;padding-bottom: .4rem;}
.fd-lt{display: inline-block;vertical-align: top;width: 31.4%;padding-right: .15rem;margin-bottom: .4rem;}
.fd-titles{color: #333333;font-weight: bold;margin-bottom: .25rem;}
.fd-intro{letter-spacing: .02rem;line-height: 1.45; color: #9e340b;}
.fd-rt{display: inline-block;vertical-align: top;width: 68.6%;}
.fd-textbox{width: 100%;color: #333333;line-height: 1.55;margin-bottom: .4rem;}
.fd-textbox *{line-height: inherit;}

.fd-bottom{width: 100%;position: relative;}
.fd-left{width: 100%;text-align: right;}
.fd-left img{max-width: 10.29rem;}
.fd-right{position: absolute;top: 0;left: 0;padding: .25rem 1.3rem .25rem .3rem;text-align: center; width: 5.29rem;height: 100%;overflow: auto; background-image: url('../images/fa26.png');background-size: cover;background-position: right center;background-repeat: no-repeat;}
.fd-list{display: inline-block;}
.fd-item{display: block;padding: .25rem 0 .25rem .8rem ;text-align: left; }
.fd-tip{color: rgba(255,255,255,.5);line-height: 1.6;margin-bottom: .1rem;}
.fd-b{display: block;position: relative;}
.fd-nub{font-weight: bold;color: #ffffff;}
.fd-icon{position: absolute;left: -.8rem;top: 50%;transform: translate(0,-50%);height: 1em;line-height: 1em; width: .3rem;}
.fd-icon img{max-width: 100%; max-height: 100%;}

@media(max-width:900px) {  
    .fd-a{padding-top: .8rem;padding-bottom: .8rem;min-height: 1rem;}
    .fd-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .fd-lt{width: 100%;}
    .fd-rt{width: 100%;}  
    .fd-left img{max-width: 100%;width: 100%;}
    .fd-right{padding: .25rem; position: relative;height: auto;width: 100%;background-color: #af2d0e;}
}



.fe-a{width: 100%;min-height: 100vh;display: flex;align-items: center;justify-content: center; background-color: #fafafa;}
.fe-main{width: 14.4rem;margin: 0 auto;}
.fe-top{width: 100%;margin-bottom: .5rem; display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.fe-titles{flex: 1;color: #333333;line-height: 1.12; font-weight: bold;margin-bottom: .3rem;}
.fe-right{display: block;}
.fe-navbox{font-size: 0;}
.fe-nav{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .7rem;margin-bottom: .3rem;}
.fe-icon{display: inline-block;vertical-align: middle;margin-right: .1rem;}
.fe-icon1{display: block;height: 1.77em;}
.fe-icon1 img{max-width: none;height: 100%;}
.fe-icon2{display: none;height: 1.77em;}
.fe-icon2 img{max-width: none;height: 100%;}
.fe-classify{display: inline-block;vertical-align: middle;color: #333333;line-height: 1.5;}
.fe-nav.active .fe-icon1{display: none;}
.fe-nav.active .fe-icon2{display: block;}
.fe-nav.active .fe-classify{color: #a1360f;}

.fe-bottom{width: 100%;position: relative;overflow: hidden;}
.fe-one{position: absolute;top: 0;left: -19.2rem;width: 100%;}
.fe-one.show{left: 0;position: relative;}
.fe-b{width: 100%;}
.fe-item{width: 31.066%;margin-right: 3.4%;}
.fe-item:last-child{margin-right: 0;}
.fe-link{display: block;cursor: pointer;width: 100%;background-color: #ffffff;transition: all ease .5s;}
.fe-img{width: 100%;padding-top: calc(325/445*100%);overflow: hidden;position: relative;}
.fe-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.fe-text{width: 100%;padding: .35rem .3rem  ;}
.fe-name{margin-bottom: .17rem; color: #333333;font-weight: bold;line-height: 1.5; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fe-intro{margin-bottom: .4rem; color: #999999;line-height: 2;height: 4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.fe-time{color: #999999;line-height: 1.2;}
.fe-time:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem; width: 1.12em;height: 1.2em;background-image: url('../images/fa24.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.fe-link:hover{background-color: #af2d0e;}
.fe-link:hover .fe-img img{transform: scale(1.05);}
.fe-link:hover .fe-name{color: #ffffff;}
.fe-link:hover .fe-intro{color: rgba(255,255,255,.5);}
.fe-link:hover .fe-time{color: rgba(255,255,255,.5);}
.fe-link:hover .fe-time:before{background-image: url('../images/fa24-b.png');}


@media(max-width:900px) {  
    .fe-a{padding-top: .8rem;padding-bottom: .8rem;min-height: 1rem;}
    .fe-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .fe-item{width: calc(50% - 5px);margin-right: 10px;}
    .fe-titles{flex: none;}
    .fe-right{width: 100%;text-align: center;}
    .fe-nav{margin-right: .35rem;}
    .fe-text{padding: .25rem .15rem;}
    .fe-intro{line-height: 1.5;height: 3em;margin-bottom: .25rem;}
    .fe-icon1{height: 1.2em;}
    .fe-icon2{height: 1.2em;}
}
  
/*美妆类首页结束 */ 


/*食品类首页开始 */  

.ga-a{width: 100%;}
.ga-cont{width: 100%;position: relative;}
.ga-b{width: 100%;}
.ga-item{width: 100%;display: block;}
.ga-link{display: block;width: 100%;cursor: pointer;}
.ga-img{width: 100%;}
.ga-img img{width: 100%;}
.ga-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 16rem;}
.ga-titles{color: #ffffff;font-weight: bold;line-height: 1.16;margin-bottom: .15rem;}
.ga-intro{color: #ffffff;line-height: 1.2;margin-bottom: .7rem;}
.ga-more{display: inline-block;position: relative;overflow: hidden;cursor: pointer; min-width: 2.4rem; text-align: center;background-color: #ffce24;border-radius: 0px 0px .3rem 0px;}
.ga-more span{display: inline-block;position: relative;z-index: 18; height: .6rem;line-height: .6rem;padding: 0 .15rem;color: #333333;}
.ga-more:before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #fcc917;transition: all ease .5s;}
.ga-more:hover:before{width: 100%;}

.ga-titles ,.ga-intro ,.ga-a .ga-more{opacity:0;transform:translate3d(150px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.ga-item.swiper-slide-active .ga-titles{opacity:1;transform:translate3d(0,0,0);}
.ga-item.swiper-slide-active .ga-intro{opacity:1;transform:translate3d(0,0,0);}
.ga-item.swiper-slide-active .ga-more{opacity:1;transform:translate3d(0,0,0);}

.ga-intro  {transition-delay: .2s;}
.ga-more  {transition-delay: 0.4s;}

.ga-prev{display: none;}
.ga-next{display: none;}
.ga-pagination{display: none;}


@media(max-width:750px) {  
    .ga-img img{min-height: 180px;object-fit: cover;}
    .ga-text{top: 50%;transform: translate(0,-50%);left: 0; width: 100%; padding-left: 10px;padding-right: 10px;} 
    .ga-titles{font-size: 20px;}
    .ga-intro{font-size: 13px;margin-bottom: .3rem;} 
}

.gb-a{width: 100%;background-color: #fff;}
.gb-top{width: 100%;}
.gb-navbox{width: 16rem;margin: 0 auto;display: flex;align-items: center; flex-wrap: wrap;padding: .15rem 0;}
.gb-nav{flex: 1;text-align: center;cursor: pointer;display: block;padding: .1rem 0;}
.gb-icon{display: inline-block;vertical-align: middle;width:  .5rem;height: .5rem;}
.gb-icon img{max-width: 100%;max-height: 100%;}
.gb-classify{display: inline-block;vertical-align: middle;max-width: calc(100% - .8rem);padding-left: .1rem;color: #333333;line-height: 1.5;}
.gb-nav:hover .gb-classify{color: #ffce24;}
.gb-nav.active .gb-classify{color: #ffce24;}

.gb-bottom{width: 100%;padding-top: .8rem;padding-bottom: 1rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.gb-main{width: 16rem;margin: 0 auto; position: relative;overflow: hidden;}
.gb-one{position: absolute;left: -120vw;top: 0;width: 100%;}
.gb-one.show{position: relative;left: 0;}
.gb-titles{width: 100%;text-align: center;color: #111111;margin-bottom: .5rem;}
.gb-buttom{width: 100%;text-align: center;}
 
.gb-cont{width: 100%;margin-bottom: .45rem;}
.gb-b{width: 100%;}
.gb-item{width: 22.18%;margin-right: 3.75%;}
.gb-item:last-child{margin-right: 0;}
.gb-link{display: block;cursor: pointer;width: 100%;position: relative;}
.gb-img{width: 100%;margin-bottom: .35rem; position: relative;overflow: hidden;padding-top: calc(355/355*100%);}
.gb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.gb-text{width: 100%;}
.gb-name{margin-bottom: .1rem;  color: #111111;line-height: 1.33; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gb-intro{color: #999999;line-height: 1.8;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.gb-link:hover .gb-img img{transform: scale(1.05);}
.gb-link:hover .gb-name{color: #ffce24; }
.gb-tip{position: absolute;top: 0;left: 0;display: inline-block;padding: .17rem .48rem;color: #111111; background-color: #ffa758;border-radius: 0px 0px .3rem 0px;}

.gb-b .gb-pagination{display: none;position: absolute;bottom: 0;left: 0;width: 100%;font-size: 0;text-align: center;}
.gb-b .swiper-pagination-bullet-active{background-color: #ffce24; }

@media(max-width:750px) {
    .gb-navbox{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .gb-bottom{padding-left: 10px;padding-right: 10px;}
    .gb-main{width: 100%;max-width: 480px;}
    .gb-item{width: calc(50% - 5px);margin-right: 10px;}
    .gb-nav{width: 25%;flex: none;}

    .gb-b { padding-bottom: .5rem;}
    .gb-b .gb-pagination{display: block;}
}

.gc-a{width: 100%;padding-top: .84rem;padding-bottom: 1rem;}
.gc-main{width: 100%;margin: 0 auto;}
.gc-titles{width: 100%;text-align: center;margin-bottom: .52rem; color: #111111;}
.gc-cont{width: 100%;font-size: 0;}
.gc-left{display: inline-block;vertical-align: middle; width: 50%;}
.gc-left img{width: 100%;}
.gc-right{display: inline-block;vertical-align: middle;width: 50%;padding: 0 1.6rem 0 1rem;}
.gc-tr{width: 100%;display: flex;justify-content: space-between; border-bottom: 1px solid #eeeeee;padding-bottom: .3rem;margin-bottom: .45rem;}
.gc-td{max-width: 45%;}
.gc-nub{display: inline-block;vertical-align: bottom;margin-bottom: .2rem; color: #ffce24;font-weight: bold;padding-right: .2rem;}
.gc-b{display: inline-block;vertical-align: bottom;margin-bottom: .3rem;color: #999999;}
.gc-intro{width: 100%;line-height: 1.8;color: #999999;margin-bottom: .45rem;}
.gc-intro *{line-height: inherit;}
.gc-img{width: 100%;margin-bottom: .9rem;}
.gc-img img{width: 100%;}

@media(max-width:900px) {
    .gc-right{padding: .3rem ;}
}
@media(max-width:750px) {
    .gc-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .gc-left{width: 100%;}
    .gc-right{width: 100%;padding: .3rem 0;}
}

.gd-a{width: 100%;padding-top: .8rem;padding-bottom: 1rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.gd-main{width: 16rem;margin: 0 auto;}
.gd-top{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding-bottom: .23rem;}
.gd-titles{color: #111111;margin-bottom: .3rem;}
.gd-navbox{font-size: 0;}
.gd-nav{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin-bottom: .3rem; margin-right: .75rem; color: #111111;line-height: 1.5;}
.gd-nav:last-child{margin-right: 0;}
.gd-nav.active{color: #ffce24;}
.gd-nav.active:before{content: '';position: absolute;top: 50%;left: -.2rem;transform: translate(0,-50%); width: .12rem;height: .03rem;background-color: #ffce24;  }
.gd-bottom{width: 100%;}
.gd-buttom{width: 100%;text-align: center;}
.gd-one{width: 100%;display: none;}
.gd-one.show{display: block;}
.gd-cont{display: flex;justify-content: space-between;flex-wrap: wrap; }
.gd-left{width: 10.48rem;font-size: 0;}
.gd-right{width: 4.95rem; background-color: #ffffff;margin-bottom: .5rem;}
.gd-left .gd-item{display: inline-block;vertical-align: top;cursor: pointer;margin-bottom: .5rem; width: 47.33%; margin-right: 5.34%; background-color: #ffffff;}
.gd-left .gd-item:nth-child(2n){margin-right: 0;}
.gd-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(279/496*100%);}
.gd-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.gd-text{width: 100%;padding: .3rem .3rem .35rem;}
.gd-b{width: 100%;display: flex;align-items: center;flex-wrap: wrap; margin-bottom: .15rem;}
.gd-classify{display: inline-block;margin-bottom: .1rem; margin-right: .2rem;	min-width: 1.2rem;height: .42rem;line-height: .42rem;text-align: center;padding: 0 .1rem;border-radius: .21rem;border: solid 1px #ffce24;}
.gd-time{color: #666666;margin-bottom: .1rem;}
.gd-name{margin-bottom: .2rem; color: #111111;line-height: 1.5;height: 3em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.gd-intro{color: #999999;line-height: 1.8;height: 3.6em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.gd-right .gd-item{display: block; width: 100%;cursor: pointer; border-bottom: 1px solid #eeeeee;}
.gd-right .gd-item:last-child{border-bottom: none;}

.gd-item:hover .gd-img img{transform: scale(1.05);}
.gd-item:hover .gd-classify{color: #ffce24;}
.gd-item:hover .gd-name{color: #ffce24;}

@media(max-width:750px) {
    .gd-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .gd-left{width: 100%;}
    .gd-left .gd-item{width: calc(50% - 5px);margin-right: 10px;}
    .gd-left .gd-text{padding: .3rem 10px;}
    .gd-right{width: 100%;}
    .gd-navbox{width: 100%;text-align: center;}
}

.ge-a{width: 100%;}
.ge-main{width: 100%;margin: 0 auto;}
.ge-cont{width: 100%;position: relative;min-height: 9rem;padding: 2.1rem 1.6rem;}
.ge-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.ge-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.ge-text{position: relative;z-index: 18;width: 7rem;padding: .64rem .5rem; background-color: #ffffff;border-radius: 0px 0px .9rem 0px;}
.ge-titles{color: #333333;line-height: 1.2;margin-bottom: .1rem;}
.ge-intro{color: #333333;line-height: 1.8;color: #333333;margin-bottom: .45rem;}
.ge-tr{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: .3rem;}
.ge-td{display: block;max-width: 45%;margin-bottom: .3rem;}
.ge-tip{color: #333333;margin-bottom: .2rem;}
.ge-phone{color: #333333;font-weight: bold;}
.ge-b{width: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.ge-c{flex: 1;padding-right: .9rem;color: #333333;line-height: 1.5;}


@media(max-width:750px) {
    .ge-cont{padding:.5rem 10px;display: flex;align-items: center;}
    .ge-text{width: 100%;margin: 0 auto; max-width: 500px;padding: .5rem 10px; }

}



.gf-a{width: 100%;padding-top: .82rem;padding-bottom: .6rem;}
.gf-main{width: 16rem;margin: 0 auto;}
.gf-titles{width: 100%;text-align: center;color: #111111;margin-bottom: .63rem;}
.gf-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.gf-item{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;padding: .58rem .4rem .58rem .65rem; width: 7.8rem;position: relative;margin-bottom: .4rem;background-color: #ffffff;box-shadow: 0px .15rem .4rem 0px rgba(0, 0, 0, 0.05);border-radius: 0px 0px .8rem 0px;}
.gf-item:before{content: '';position: absolute;top: 0;left: 0;width: 0;transition: all ease .5s;height: .03rem;background-color: #ffce24;}
.gf-icon{width: .85rem;height: .85rem;line-height: .85rem;}
.gf-text{width: calc(100% - 1.35rem);}
.gf-name{color: #111111;line-height: 1.33;margin-bottom: .2rem;}
.gf-intro{color: #999999;line-height: 1.8;}
.gf-item:hover:before{width: 100%;}

@media(max-width:750px) {
    .gf-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .gf-item{width: 100%;}
}

.gh-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.gh-main{width: 16rem;margin: 0 auto;}
.gh-titles{width: 100%;text-align: center; color: #111111;margin-bottom: .6rem;}
.gh-cont{width: 100%;display: flex;flex-wrap: wrap;}
.gh-item{display: flex;align-content: space-between;flex-wrap: wrap;padding: .5rem 0 0 .3rem;background-color: #ffffff;border-radius: .5rem 0px 0px 0px; width: 23.74%;margin-right: 1.68%;margin-bottom: .4rem;}
.gh-item:nth-child(4n){margin-right: 0;}
.gh-top{width: 100%;padding-bottom: .3rem;padding-right:  .3rem;}
.gh-nub{color: #ffe691;font-weight: bold;margin-bottom: .25rem;}
.gh-name{color: #333333;line-height: 1.33;margin-bottom: .2rem;}
.gh-intro{color: #7f7f7f;line-height: 1.8;}
.gh-bottom{width: 100%;}
.gh-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(210/350*100%);}
.gh-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

.gh-item:hover{background-color: #ffce24;}
.gh-item:hover .gh-nub{ color: rgba(0,0,0,.5);}
.gh-item:hover .gh-img img{transform: scale(1.05);}

@media(max-width:750px) {
    .gh-a{padding-top: .8rem;padding-bottom: .8rem;}
    .gh-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .gh-item{width: calc(50% - 5px);margin-right: 10px;}
    .gh-item:nth-child(2n){margin-right: 0;}
}


.gi-a{width: 100%;}
.gi-main{width: 100%;margin: 0 auto;}
.gi-cont{width: 100%;font-size: 0;}
.gi-left{display: inline-block;vertical-align: middle; width: 16.5%;padding-left: 1.6rem;}
.gi-navbox{display: inline-block;padding: .45rem 0 .05rem;position: relative;}
.gi-navbox:before{content: '';position: absolute;top: 0;left: 50%; display: block;width: 1px;height: 100%;border-left: 1px dashed #eeeeee;}
.gi-nav{display: block;width: .9rem;padding: .15rem;margin-bottom: .75rem;cursor: pointer; position: relative;}
.gi-nav:before{content: '';position: absolute;top: 0;left: 0;opacity: 0;transition: all ease .5s; width: 100%;height: 100%; border-radius: 50%; background-color: #fff5d3;}
.gi-icon {display: block;position: relative;z-index: 18;transition: all ease .5s; width: .6rem;height: .6rem;text-align: center;line-height: .6rem; border-radius: 50%;}
.gi-icon img{max-width: 50%;max-height: 50%;} 

.gi-nav.active:before{opacity: 1;}
.gi-nav.active .gi-icon{background-color: #fff;}

.gi-right{display: inline-block;vertical-align: middle;width: 83.5%;}
.gi-one{display: none;width: 100%;font-size: 0; position: relative;}
.gi-one.show{display: block;}
.gi-text{width:33.75%;display: flex;align-content: center;flex-wrap: wrap; min-height: 8rem;padding: .2rem 0;}
.gi-name{color: #111111;margin-bottom: .35rem;}
.gi-intro {width: 100%;color: #999999;line-height: 1.8;min-height: 2.85rem;padding-bottom: .3rem;}
.gi-intro *{line-height: inherit;}
.gi-img{position: absolute;top: 0;right: 0;width:60%;height: 100%;overflow: hidden;}
.gi-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

@media(max-width:900px) {
    .gi-left{padding-left: .5rem;} 
}

@media(max-width:750px) {
    .gi-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .gi-left{width: 100%;text-align: center;padding: .3rem 0;position: relative;}
    .gi-left:before{content: '';position: absolute;top: 50%;left: 0;display: block;width: 100%;height: 1px;border-top: 1px dashed #eeeeee;}
    .gi-navbox{width: 100%;overflow: auto;padding: 0 .1rem; white-space: nowrap; }
    .gi-navbox:before{display: none;}
    .gi-nav{display: inline-block;vertical-align: middle;margin: 0 .25rem;}
    .gi-right{width: 100%;} 
    .gi-img{width: 100%;position: relative;height: auto;padding-top: calc(800/960*100%);}
    .gi-text{width: 100%;padding: .3rem 0;}
}

.gj-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1.75rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.gj-main{width: 16rem;margin: 0 auto;}
.gj-titles{width: 100%;text-align: center;color: #111111;margin-bottom: 1.4rem;}
.gj-cont{width: 100%;font-size: 0;}
.gj-item{display: inline-block;vertical-align: middle;width: 20%;position: relative;}
.gj-item:after{content: '';position: absolute;top: 50%;right: -.25rem;z-index: 28; margin-top: -.3rem; width: .5rem;height: .6rem;background-image: url('../images/j31.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.gj-item:last-child:after{display: none;}
.gj-box{width: 100%;min-height: 3.2rem; padding: .75rem .4rem .2rem;text-align: center; background-image: url('../images/j30.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.gj-icon{width: 100%;margin-bottom: .08rem;}
.gj-icon img{height: .66rem;}
.gj-name{color: #333333;line-height: 1.33;margin-bottom: .1rem;}
.gj-intro{color: #666666;line-height: 1.8;}

@media(max-width:750px) {
    .gj-a{padding-top: .8rem;padding-bottom: .8rem;}
    .gj-titles{margin-bottom: .8rem;}
    .gj-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .gj-item{width: 50%;}
    .gj-box{background-size: 0 0;padding: .3rem 10px;}
    .gj-item:after{display: none;}
}

.gk-a{width: 100%;}
.gk-main{width: 100%;margin: 0 auto;position: relative;padding: 1.5rem 1.6rem;text-align: right;}
.gk-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.gk-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

.gk-cont{display: inline-block;text-align: left;position: relative;z-index: 18; padding: .55rem .5rem;	width: 7rem; background-color: #ffffff;border-radius: 0px 0px .9rem 0px;}
.gk-form{width: 100%;}
.gk-titles{	color: #333333;margin-bottom: .2rem;}
.gk-list{width: 100%;font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.gk-item{display: inline-block;vertical-align:top;position: relative;width: 46.6%; margin-bottom: .2rem;border-bottom: 1px solid #eeeeee;}
.gk-input{display: block;width: 100%;border: none;height: .6rem; color: #333333;}
.gk-code{position: absolute;top: 0;right: 0;width: .5rem;height: 100%;}
.gk-code img{width: 100%;height: 100%;cursor: pointer; object-fit: contain;} 

.gk-item.cont2{width: 100%;}
.gk-buttom{display: inline-block; margin-top: .2rem;position: relative;background-color: #ffce24;border-radius: 0px 0px .3rem 0px;overflow: hidden;}
.gk-buttom:before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #fcc917;transition: all ease .5s;}
.gk-submit{display: inline-block;cursor: pointer;position: relative;z-index: 18; border: none;background-color: transparent;color: #333333;line-height: .6rem; padding:0 .88rem ;}
.gk-buttom:hover:before{width: 100%;}

.gk-form input::-webkit-input-placeholder,
.gk-form textarea::-webkit-input-placeholder{color: #cccccc;}
.gk-form input:-moz-placeholder,
.gk-form textarea:-moz-placeholder{color: #cccccc;}
.gk-form input::-moz-placeholder,
.gk-form textarea::-moz-placeholder{color: #cccccc;}
.gk-form input:-ms-input-placeholder,
.gk-form textarea:-ms-input-placeholder{color: #cccccc;}

@media(max-width:750px) {
    .gk-main{width: 100%; padding: .5rem 10px; text-align: center;}
    .gk-cont{width: 100%;max-width: 480px;margin: 0 auto;}
    .gk-item{width: 100%;}
} 

/*食品类首页结束 */ 

/*箱包类首页开始 */ 

.ha-a{width: 100%;min-height: calc(100vh - 1rem);}
.ha-mian{width: 100%;position: relative;}
.ha-b{width: 100%;}
.ha-item{width: 100%;}
.ha-link{width: 100%;display: block;cursor: pointer;}
.ha-img{width: 100%;height: calc(100vh - 1rem);position: relative;overflow: hidden;}
.ha-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.ha-text{position: absolute;top: 11.76%;left: 50%;transform: translate(-50%,0);width: 16.4rem;}
.ha-en{color: #4b4b4b;line-height: 1.14; margin-bottom: .15rem;}
.ha-titles{color: #4b4b4b;line-height: 1.33;margin-bottom: .75rem;}
.ha-intro{color: #944632;line-height: 1.33;margin-bottom: 1.05rem;}
.ha-more{display: inline-block;position: relative;z-index: 0;letter-spacing: 1px;color: #666666;padding-bottom: .1rem;border-bottom: 1px solid #666666;}
.ha-more::first-letter{color: #fff;}
.ha-more span{margin-left: .28rem;}
.ha-more:before{content: '';position: absolute;top: -.25em;left: -.25em;z-index: -1; width: 1.16em;height: 1.16em;border-radius: 50%;background-color: #944632;}

.ha-bottom{position: absolute;bottom: .15rem;left: 50%;margin-left: -8.2rem; z-index: 88; width: 16.4rem;padding: .25rem 0; border-top: 1px solid #ffffff;}
.ha-prev{position: static;top: 0;left: 0;margin-top: 0;display: inline-block;vertical-align: middle;margin-right: .2rem;	width: .4rem;height: .4rem;border-radius: 50%;border: solid 1px #ffffff;background-image: url('../images/k10.png');background-size: 70% auto;background-position: center center;background-repeat: no-repeat;}
.ha-next{position: static;top: 0;right: 0;margin-top: 0;display: inline-block;vertical-align: middle;margin-right: .2rem;	width: .4rem;height: .4rem;border-radius: 50%;border: solid 1px #ffffff;background-image: url('../images/k11.png');background-size: 70% auto;background-position: center center;background-repeat: no-repeat;}
.ha-tip{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);font-size: 0;white-space: nowrap;}
.ha-nub{display: inline-block;vertical-align: text-bottom; color: #ffffff;margin-right: .15rem;}
.ha-line{display: inline-block;vertical-align: text-bottom;color: #ffffff;}
.ha-sum{display: inline-block;vertical-align: text-bottom;color: #ffffff;}

.ha-en,.ha-titles,.ha-intro,.ha-more{opacity:0;transform:translate3d(150px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.ha-item.swiper-slide-active .ha-en{opacity:1;transform:translate3d(0,0,0);}
.ha-item.swiper-slide-active .ha-titles{opacity:1;transform:translate3d(0,0,0);}
.ha-item.swiper-slide-active .ha-intro{opacity:1;transform:translate3d(0,0,0);}
.ha-item.swiper-slide-active .ha-more{opacity:1;transform:translate3d(0,0,0);}

.ha-titles{transition-delay: .3s;}
.ha-intro{transition-delay: .6s;}
.ha-more{transition-delay: .9s;}

@media(max-width:900px) {
    .ha-a{min-height: 100px;}
    .ha-img{height: auto;min-height: 230px; padding-top: calc(850/1920*100%);}
    .ha-text{width: calc(100% - 20px);}
    .ha-bottom{left: 10px;bottom: 0; margin-left: 0; width: calc(100% - 20px);}
    .ha-en{font-size: 22px;}
    .ha-titles{margin-bottom: .25rem;}
    .ha-intro{margin-bottom:  .3rem;}
}

.hb-a{width: 100%;min-height: calc(100vh - 1rem);display: flex;align-items: flex-end;justify-content: center; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.hb-main{width: 16.4rem;margin: 0 auto;}
.hb-top{width: 100%;}
.hb-en{color: #222222;font-weight: bold; margin-bottom: .35rem;}
.hb-titles{color: #222222;}
.hb-cont{width: 100%;padding-left: 4.8rem;padding-bottom: .9rem; position: relative;}
.hb-left{position: relative;z-index: 18; padding-right: 3.9rem;}
.hb-b{width: 100%;border-bottom: .02rem solid #bfbfbf;padding-bottom: .1rem;margin-bottom: .35rem;}
.hb-theme{color: #944632;line-height: 1.31; margin-bottom: .25rem;}
.hb-intro{color: #666666;line-height: 1.55;min-height: 3.1em;}
.hb-textbox{color: #666666;line-height: .38rem;min-height: 1.7rem;padding-bottom: .3rem;}
.hb-textbox *{line-height: inherit;}
.hb-img{position: absolute;bottom: 0;right: 0;width: 4.2rem;}
.hb-img img{width: 100%;}
.hb-list{width: 100%;font-size: 0;padding-bottom: .65rem;}
.hb-item{display: inline-block;vertical-align: top;width: 33.33%;margin-bottom: .5rem;}
.hb-c{width: 100%;margin-bottom: .25rem;}
.hb-nub{display: inline-block;vertical-align: text-bottom;font-weight: bold;padding-right: .05rem; letter-spacing: .02rem;color: #944632;}
.hb-d{display: inline-block;vertical-align: text-bottom;}
.hb-span1{ color: #222222;}
.hb-span2{display: inline-block;vertical-align:  top; color: #222222;}
.hb-e{color: #222222;line-height: 1.6;}

.hb-more{display: inline-block;cursor: pointer; padding: .1rem 0; color: #666666; border-bottom: 1px solid #666666;}
.hb-more:after{content: '+';margin-left: .25rem;}
.hb-more:hover{color: #944632;border-bottom: 1px solid #944632;}

@media(max-width:900px) {
    .hb-a{min-height: 100px;padding-top: .6rem; }
    .hb-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .hb-top{margin-bottom: .5rem;}
    .hb-cont{padding-left: 0;padding-bottom: 0;}
    .hb-left{padding-right: 0;}
    .hb-img{width: 100%;position: relative;text-align: right;}
    .hb-img img{width: 50%;}
}

.hc-a{width: 100%;min-height: calc(100vh - 1rem);display: flex;align-items:flex-start;justify-content: center; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.hc-main{width: 100%;padding-left: 1.4rem; margin: 0 auto;}
.hc-cont{width: 100%;position: relative;padding: 1.05rem 1.2rem .3rem 1.2rem;}
.hc-cont:before{content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 5.7rem;background-image: url('../images/k48.jpg');background-position: center center;background-repeat: no-repeat;}
.hc-top{position: relative;z-index: 8;padding-right: .2rem; width: 100%;margin-bottom: .7rem;display: flex;flex-wrap: wrap; align-items: flex-start;justify-content: space-between;}
.hc-left{flex: 1;padding-right:  .2rem;}
.hc-en{color: #fefefe;font-weight: bold; margin-bottom: .35rem;}
.hc-titles{color: #fdfdfd;}
.hc-navbox{font-size: 0;}
.hc-nav{display: inline-block;vertical-align: middle;cursor: pointer; position: relative; color: #fefefe;margin-right: .7rem;}
.hc-nav:after{content: '';position: absolute;top: 50%;right: -.35rem; margin-top: -.09rem; width: 1px;height:  .18rem; background-color: #999999;}
.hc-nav:last-child{margin-right: 0;}
.hc-nav:last-child:after{display: none;} 
.hc-nav.active{color: #944632;}

.hc-bottom{width: 100%;position: relative;z-index: 8; overflow: hidden;}
.hc-one{position: absolute;top: 0;left: -19.2rem;width: 100%;text-align: right;}
.hc-one.show{position: relative;left: 0;} 

.hc-b{display: inline-block;width: 12rem;text-align: left;}
.hc-item{width: 33.33%;padding: 0 .2rem; }
.hc-item:last-child{margin-right: 0;}
.hc-link{display: block;position: relative;cursor: pointer; transition: all ease .5s; padding: .55rem .2rem;text-align: center; width: 100%;background-color: #ffffff;border: solid 1px #999999;}
.hc-link:before{ opacity: 0;transition: all ease .5s; content: '';position: absolute;top: .2rem;left: .16rem;width: calc(100% - .32rem);height: calc(100% - .4rem); border: solid 1px #ffffff;background-image: url('../images/k49.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.hc-img{position: relative;z-index: 1; width: 100%;height: 2.7rem;line-height: 2.7rem;margin-bottom: .6rem;}
.hc-img img{max-width: 80%;max-height: 100%;}
.hc-text{position: relative;z-index: 1; width: 100%;}
.hc-spe{width: 100%;color: #222222;line-height: 1.55; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hc-name{width: 100%;color: #666666;line-height: 1.6;margin-top: .1rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 
.hc-link:hover{border: 1px solid #944632;background-color: #944632; }
.hc-link:hover:before{opacity: 1;}
.hc-link:hover .hc-spe{color: #fdfdfd;}
.hc-link:hover .hc-name{color: #fdfdfd;}

.hc-prev{position: absolute;top: 1.2rem;left: 0;margin-top: 0; width: .4rem;height: .4rem;border-radius: 50%; border: solid 1px #ffffff;background-image: url('../images/k13.png');background-size: auto .22rem; background-position: center center;background-repeat: no-repeat;}
.hc-next{position: absolute;top: 1.8rem;left: 0;right: auto; margin-top: 0; width: .4rem;height: .4rem;border-radius: 50%; border: solid 1px #ffffff;background-image: url('../images/k13.png');background-size: auto .22rem; background-position: center center;background-repeat: no-repeat;}
.hc-tip{position: absolute;bottom: 0;left: 0;white-space: nowrap;}
.hc-nub{display: inline;color: #666666;}
.hc-line{display: inline;color: #666666;}
.hc-line:before{content: '/';}
.hc-sum{display: inline;color: #666666;}

@media(max-width:900px) {
    .hc-a{min-height: 100px; }
    .hc-main{width: 100%;max-width: 500px; padding-left: 0;}
    .hc-cont{padding: .5rem 10px;}
    .hc-top{padding-right: 0;}
    .hc-left{width: 100%;flex: none;}
    .hc-navbox{width: 100%;text-align: center;margin-top: .5rem;}
    .hc-b{width: 100%;}
    .hc-item{width: calc(50% - 5px);margin-right: 10px;} 
    .hc-prev{display: none;}
    .hc-next{display: none;}
    .hc-tip{position: relative;margin-top: .3rem;width: 100%;text-align: center;}
    .hc-link:before{left: .1rem;width: calc(100% - .2rem);}
}
 
.hd-a{width: 100%;min-height: calc(100vh - 1rem);display: flex;align-items:center;justify-content: center; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.hd-main{width: 100%;margin: 0 auto;}
.hd-cont{width: 100%;font-size: 0;position: relative;}
.hd-cont:before{content: ''; position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-image: url('../images/k50.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}

.hd-left{position: relative;z-index: 8; display: inline-block;vertical-align: middle;width: 50%;padding: .1rem 1.15rem .1rem 1.4rem;max-height: calc(100vh - 1rem);overflow: auto;}
.hd-text{width: 100%;position: relative; background-color: #ffffff;padding: .7rem .5rem;}
.hd-text:after{content: '';position: absolute;bottom: 0;right: 0;width: 3.33rem;height: 2.3rem;background-image: url('../images/k16.png');background-size: cover;background-position:center center;background-repeat: no-repeat;}
.hd-top{position: relative;z-index:9;width: 100%;margin-bottom: .25rem;}
.hd-en{color: #222222;font-weight: bold; margin-bottom: .27rem;}
.hd-titles{color: #222222;}
.hd-intro{position: relative;z-index:9;width: 100%;max-width: 19em; color: #666666;line-height: 1.8;margin-bottom: .6rem;}
.hd-subtitle{position: relative;z-index:9;color: #222222;margin-bottom: .25rem;}
.hd-textbox{position: relative;z-index:9;color: #666666;line-height:1.8;min-height: 1.85rem;padding-bottom: .3rem;}
.hd-textbox *{line-height: inherit;}
.hd-more{position: relative;z-index:9;display: inline-block;cursor: pointer; padding: .1rem 0; color: #666666; border-bottom: 1px solid #666666;}
.hd-more:after{content: '+';margin-left: .25rem;}
.hd-more:hover{color: #944632;border-bottom: 1px solid #944632;}

.hd-right{display: inline-block;vertical-align: middle; width: 50%;height: calc(100vh - 1rem);overflow: hidden;position: relative;}
.hd-right img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

@media(max-width:900px) {
    .hd-a{min-height: 100px;}
    .hd-main{width: 100%;max-width: 500px; }
    .hd-cont:before{width: 100%;height: 100%;}
    .hd-left{width: 100%;padding: .6rem 10px;max-height: none;}
    .hd-text{padding: .3rem 10px;}
    .hd-right{width: 100%; height: auto;padding-top: calc(850/965*100%);}
} 

.he-a{width: 100%;min-height: calc(100vh - 1rem);display: flex;align-items:center;justify-content: center; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.he-main{width: 16.4rem;margin: 0 auto;}
.he-top{width: 100%;margin-bottom: .88rem;display: flex;flex-wrap: wrap; align-items: flex-start;justify-content: space-between;}
.he-left{flex: 1;padding-right:  .2rem;}
.he-en{color: #222222;font-weight: bold; margin-bottom: .35rem;}
.he-titles{color: #222222;}
.he-navbox{font-size: 0;}
.he-nav{display: inline-block;vertical-align: middle;cursor: pointer; position: relative; color: #666666;margin-right: .7rem;}
.he-nav:after{content: '';position: absolute;top: 50%;right: -.35rem; margin-top: -.09rem; width: 1px;height:  .18rem; background-color: #666666;}
.he-nav:last-child{margin-right: 0;}
.he-nav:last-child:after{display: none;} 
.he-nav.active{color: #944632;}

.he-bottom{width: 100%;position: relative;overflow: hidden;}
.he-one{position: absolute;top: 0;left: -19.2rem;width: 100%;}
.he-one.show{position: relative; left: 0;}
.he-b{width: 100%;}
.he-item{display: block;width: 3.5rem;margin-right:  .8rem;}
.he-item:last-child{margin-right: 0;}
.he-link{display: block;width: 100%;cursor: pointer;}
.he-time{width: 100%;margin-bottom:  .3rem;}
.he-time1{width: 100%;color: #333333;margin-bottom:  .17rem;}
.he-time2{width: 100%;color: #333333;}
.he-name{color: #333333;line-height: 1.5;height: 3em;margin-bottom: .45rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.he-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(200/350*100%);margin-bottom: .5rem;}
.he-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.he-more{display: inline-block;padding: .1rem 0; color: #666666; border-bottom: 1px solid #666666;}
.he-more:after{content: '+';margin-left: .25rem;}

.he-link:hover .he-img img{transform: scale(1.05);}
.he-link:hover .he-name{color: #944632; }
.he-link:hover .he-more{color: #944632;border-bottom: 1px solid #944632; }

.he-b .he-pagination{display: none; position: static;margin-top: .5rem; width: 100%;}
.he-b .he-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle; width: .5rem;height: 2px;margin: 0 .1rem;opacity: 1;border-radius: 0; background-color: #666666; }
.he-b .he-pagination .swiper-pagination-bullet-active{background-color: #944632;  }

@media(max-width:900px) {
    .he-a{min-height: 100px;padding-top: .6rem; padding-bottom: .6rem;}
    .he-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .he-left{width: 100%;flex: none;}
    .he-navbox{width: 100%;text-align: center;margin-top: .5rem;}
    .he-item{width: calc(50% - 5px);margin-right: 10px;}
    .he-b .he-pagination{display: block;}
}
  
.hf-a{width: 100%;}
.hf-main{width: 100%;}
.hf-top{width: 100%;padding-top: 1.28rem;padding-bottom: 1.02rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.hf-b{width: 16.4rem;margin: 0 auto;}
.hf-en{color: #fefefe;font-weight: bold;margin-bottom: .35rem;}
.hf-titles{color: #fdfdfd;}
.hf-bottom{width: 100%;}
.hf-cont{width: 16.4rem;margin: 0 auto;font-size: 0;padding-top: .6rem;padding-bottom: .5rem;} 
.hf-left{display: inline-block;vertical-align: top;width: 35%;padding-top: .15rem;padding-right: .15rem;}
.hf-name{color: #944632;line-height: 1.31;margin-bottom: .4rem;}
.hf-textbox{color: #666666;line-height: 1.77;}
.hf-textbox *{line-height: inherit;}
.hf-textbox p{margin-bottom: .1rem;}

.hf-right{display: inline-block;vertical-align: top;width: 65%;}
.hf-form{width: 100%;}
.hf-list{width: 100%;font-size: 0;}
.hf-item{display: inline-block;vertical-align: top;margin-bottom: .15rem; position: relative; width: 100%;border-bottom: 1px solid #999999;}
.hf-tip{display: block;color: #333333;line-height: .6rem;height: .6rem;}
.hf-tip span{color: #d20000;}
.hf-input{position: absolute;top: 0;left: 0;display: block;border: none;background-color: transparent; width: 100%;height: .6rem;color: #333333;}
.input-box.hide .hf-tip{opacity: 0;}

.hf-c{display: inline-block;vertical-align: top;height: 1.3rem; margin-bottom: .15rem; position: relative; width: 100%;border-bottom: 1px solid #999999;}
.hf-textarea{position: absolute;top: 0;left: 0;display: block;border: none;background-color: transparent; width: 100%;height: 100%;padding: .1rem 0;line-height: .4rem;}
 
.hf-submit{display: inline-block;cursor: pointer;border: none;margin-top: .3rem; min-width: 2.76rem;padding: 0 .15rem;height: .55rem;line-height: .55rem;text-align: center;color: #ffffff;background-color: #944632;}
  
@media(min-width:900px) {
    .hf-list .hf-item{width: 29%; margin-right: 6.5%;}
    .hf-list .hf-item:nth-child(3n){margin-right: 0;}
}

@media(max-width:900px) {
    .hf-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .hf-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .hf-cont{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .hf-left{width: 100%;padding-right: 0;margin-bottom: .35rem;}
    .hf-right{width: 100%;}
    .hf-tip{height: 35px;line-height: 35px;}
    .hf-input{height: 35px;}
    .hf-c{height: 120px;}
    .hf-textarea{line-height: 25px;height: 120px;padding: 5px 0;}
} 

/*箱包类首页结束 */ 


/*物流类首页开始 */  

.ia-a{width: 100%;position: relative;}
.ia-b{width: 100%;}
.ia-item{width: 100%;}
.ia-link{display: block;width: 100%;cursor: pointer;}
.ia-img{width: 100%;}
.ia-img img{width: 100%;}
.ia-text{position: absolute;top: 33.51%;left: 50%;transform: translate(-50%,0); width: 14rem;}
.ia-titles{width: 100%;position: relative; color: #ffffff;font-weight: bold;margin-bottom: .4rem;line-height: 1.15;}
.ia-titles:before{content: '';position: absolute; top: -.5rem;left: 0;width: 1.22rem;height: .17rem; background-image: url('../images/m6.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ia-en{color: #ffffff;line-height: 1.41;}
.ia-titles,.ia-en{opacity:0;transform:translate3d(150px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.ia-item.swiper-slide-active .ia-titles{opacity:1;transform:translate3d(0,0,0);} 
.ia-item.swiper-slide-active .ia-en{opacity:1;transform:translate3d(0,0,0);}

.ia-titles{transition-delay: .3s;}
.ia-en{transition-delay: .6s;} 

.ia-pagination{position: absolute;bottom:  .6rem;left: 50%;transform: translate(-50%,0);text-align: right; width: 14.2rem;}
.ia-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;opacity: 1; margin: 0 .1rem;	width: 12px;height: 12px;background-color: transparent;border-radius: 50%;border: solid 1px #ffffff;}
.ia-pagination .swiper-pagination-bullet-active{background-color: #ffffff;}

@media(max-width:750px) {
    .ia-text{top: 50%;transform: translate(-50%,-50%);padding-left: 10px;padding-right: 10px; width: 100%;}
    .ia-titles{font-size: 22px;margin-bottom: .2rem;}
    .ia-en{font-size: 13px;}
    .ia-pagination{transform: translate(-50%,0);padding-left: 10px;padding-right: 10px; width: 100%;bottom: 10px;}
    .ia-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
}

.ib-a{width: 100%;padding-top: .84rem;padding-bottom: .67rem;	background-color: #f4f5f7;}
.ib-main{width: 14rem;margin: 0 auto;}
.ib-top{width: 100%;text-align: center;margin-bottom: .5rem;}
.ib-en{color: #666666;margin-bottom: .2rem;}
.ib-titles{color: #333333;font-weight: bold;}
.ib-bottom{width: 100%;position: relative;font-size: 0;}
.ib-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative;width: 31.9%; margin-right: 2.14%; margin-bottom: .3rem;}
.ib-item:nth-child(3n){margin-right: 0;}
.ib-img{width: 100%;position: relative;padding-top: calc(300/445*100%);overflow: hidden;}
.ib-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.ib-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 .2rem; background-color: rgba(0,0,0,.5);}
.ib-nub{position: absolute;left:  .2rem;top: -.22rem;display: inline-block;width: .44rem;height: .44rem;text-align: center;line-height: .44rem; color: #ffffff; background-color: #1f64e1;}
.ib-text .ib-name{width: 100%;text-align: center; color: #ffffff;font-weight: bold;line-height: .64rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.ib-sub{opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: .45rem .65rem .3rem;background-color: rgba(31,100,225,.8); overflow: auto;text-align: center;}
.ib-sub .ib-name{color: #ffffff;line-height: 1.38;margin-bottom: .2rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ib-intro{text-align: left; color: #ffffff;line-height: 1.6;height: 4.8em;margin-bottom: .35rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ib-more{display: inline-block;	min-width: 1.4rem;padding: 0 .1rem;color: #1f64e1; line-height: .44rem;background-color: #ffffff;}
.ib-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .15rem; width: .16rem;height: .16rem;background-image: url('../images/m7.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.ib-item:hover .ib-text{opacity: 0;z-index: -1;}
.ib-item:hover .ib-sub{opacity: 1;z-index: 8;}

@media(max-width:1150px) {
    .ib-sub{padding: .2rem 10px;}
}
@media(max-width:750px) {
    .ib-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .ib-item{width: calc(50% - 5px);margin-right: 10px;}
    .ib-item:nth-child(3n){margin-right: 10px;}
    .ib-item:nth-child(2n){margin-right: 0;}
}

.ic-a{width: 100%;padding-top: 1.3rem;padding-bottom: .9rem;}
.ic-main{width: 14rem;margin: 0 auto;}
.ic-top{width: 100%;margin-bottom: .65rem;}
.ic-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ic-left{float: left;width: 6.6rem;}
.ic-b{display: inline-block;position: relative;margin-bottom: .9rem;padding-top: .35rem; padding-right: 1.48rem;}
.ic-b:after{content: '';position: absolute;top: 0;right: 0;width: 1.97rem;height: 1.46rem;background-image: url('../images/m8.png');background-size: 100% 100%; background-position: center center;background-repeat: no-repeat;}
.ic-en{position: relative;z-index: 8;margin-bottom: .2rem; color: #666666;}
.ic-titles{position: relative;z-index: 8;font-weight: bold; color: #333333;}
.ic-titles:after{content: '';position: absolute;bottom:  -.34rem;left: 0;width: .48rem;height: .03rem;background-color: #1f64e1;}
.ic-textbox{color: #555555;line-height: 2.1;}
.ic-textbox *{line-height: inherit;}
.ic-right{float: right;padding-right: .5rem;}
.ic-img{width: 5.7rem;position: relative;}
.ic-img:before{content: '';position: absolute;top: -.5rem;right:  -.5rem;width: calc(100% - .4rem);height: calc(100% - .4rem);border: .2rem solid #f5f5f5;}
.ic-img:after{content: '';position: absolute;top: -.1rem;right:  -.1rem;width: 73.15%;height: 100%;background-image: url('../images/m9.png');background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
.ic-img img{position: relative;z-index: 8;width: 100%;}

.ic-bottom{width: 100%;font-size: 0;padding:  .15rem .6rem;display: flex;flex-wrap: wrap;justify-content: space-between;background-image: url('../images/m10.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ic-item{display: block;padding: .15rem .1rem;}
.ic-c{width: 100%;margin-bottom: .15rem;}
.ic-nub{display: inline-block;vertical-align: top;margin-right: .1rem; color: #1f64e1;font-weight: bold;}
.ic-unit{display: inline-block;vertical-align: top;margin-top: .08rem; color: #1f64e1;font-weight: bold;}
.ic-intro{color: #555555;line-height: 1.58;}
  
@media(max-width:750px) {
    .ic-a{padding-top: .8rem;}
    .ic-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .ic-left{width: 100%;margin-bottom: 1.2rem;}
    .ic-right{width: 100%;}
    .ic-bottom{padding: .15rem .3rem;}
    .ic-item{width: 50%;}
}

.ie-a{width: 100%;padding-top: .8rem;padding-bottom: .97rem;background-image: url('../images/m9.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ie-main{width: 14rem;margin: 0 auto;}
.ie-top{width: 100%;text-align: center; margin-bottom: .6rem;}
.ie-en{color: #ffffff;margin-bottom: .2rem;}
.ie-titles{color: #ffffff;font-weight: bold;}
.ie-bottom{width: 100%;}
.ie-item{width: 3.17rem;margin-right: .3rem;padding: .17rem 0;}
.ie-item:last-child{margin-right: 0;}
.ie-link{display: block;position: relative; width: 100%;cursor: pointer;padding: .5rem .35rem 1rem;background-color: #fff;}
.ie-link:before{opacity: 0;z-index: -1;   content: '';position: absolute;top: -.17rem;left: 0;width: 100%;height: calc(100% + .34rem);background-color: #fff;}
.ie-link:after{opacity: 0;z-index: -1;  content: '';position: absolute;top: -.1rem;left: .06rem;width: calc(100% - .12rem);height: calc(100% + .2rem);border: solid 1px rgba(31,100,225,.5);}
.ie-c{position: relative;z-index: 8; width: 100%;min-height: 1rem;}
.ie-nub{color: #333333;font-weight: bold;}
.ie-icon{display:  none;	width: .8rem;height: .8rem;text-align: center;line-height: .8rem; background-color: #1f64e1;border-radius: .1rem;}
.ie-icon img{max-width: 50%;max-height: 50%;}
.ie-text{position: relative;z-index: 8;width: 100%;}
.ie-text:before{content: '';position: absolute;left: 0;bottom: -.6rem;width: .17rem;height:  .17rem;background-image: url('../images/m12.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ie-name{width: 100%; margin-bottom: .15rem; color: #333333;}
.ie-intro{color: #888888;line-height: 1.75;height: 7em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
  
.ie-item:hover .ie-link{padding: .5rem .35rem .7rem;}
.ie-item:hover .ie-link:before{opacity: 1;z-index: 2;}
.ie-item:hover .ie-link:after{opacity: 1;z-index: 3;}
.ie-item:hover .ie-c{text-align: center;min-height: 1.3rem;}
.ie-item:hover .ie-nub{display: none;}
.ie-item:hover .ie-icon{display: inline-block;}
.ie-item:hover .ie-text:before{display: none;}
.ie-item:hover .ie-name{text-align: center;}

.ie-pagination{display: none;margin-top: .5rem; position: static;width: 100%;text-align: center;font-size: 0;}
.ie-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;opacity: 1; margin: 0 .1rem;	width: 12px;height: 12px;background-color: transparent;border-radius: 50%;border: solid 1px #fff;}
.ie-pagination .swiper-pagination-bullet-active{background-color: #fff;}


@media(max-width:750px) { 
    .ie-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .ie-item{width: calc(50% - 5px);margin-right: 10px;}
    .ie-pagination{display: block;}
    .ie-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
}

.ig-a{width: 100%;padding-top: .68rem;padding-bottom: 1.2rem;background-image: url('../images/m10.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ig-main{width: 14.4rem;margin: 0 auto;}
.ig-top{width: 100%;margin-bottom: .3rem;padding:  0 .2rem; display: flex;align-items: flex-end;flex-wrap: wrap; justify-content: space-between;}
.ig-lt{flex: 1;}
.ig-en{color: #666666;margin-bottom: .2rem;}
.ig-titles{color: #333333;font-weight: bold;} 
.ig-navbox{font-size: 0;}
.ig-nav{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .2rem; min-width: 1.6rem;padding: 0 .15rem;color: #555555;line-height: .55rem;text-align: center;background-color: #efefef;}
.ig-nav:last-child{margin-right: 0;}
.ig-nav.active{background-color: #1f64e1;color: #fff;}

.ig-bottom{width: 100%;position: relative;overflow: hidden;}
.ig-one{position: absolute;left: -19.2rem;top: 0;width: 100%;}
.ig-one.show{position: relative;left: 0;}
.ig-b{width: 100%;padding: .2rem ;}
.ig-item{display: block;width: 33.3%;}
.ig-item:last-child .ig-link{border: none;}
.ig-link{display: block;cursor: pointer; width: 100%;padding: .6rem .4rem 1.5rem;border-right: 1px solid #d4d4d4;}
.ig-link:before{content: '';position: absolute;bottom: 0;left: 0;width: 0; transition: all ease .5s;height: .03rem;background-color: #1f64e1;}
.ig-link:after{content: '';position: absolute;bottom: .65rem;left: .4rem;width: .49rem;height: .49rem;background-color: #d4d4d4;background-image: url('../images/m13.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ig-time{color: #888888;margin-bottom: .45rem;}
.ig-name{color: #333333;line-height: 1.41;margin-bottom: .2rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ig-intro{color: #888888;line-height: 1.8;height: 3.6em;margin-bottom: .35rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ig-img{width: 100%;position: relative;padding-top: calc(230/385*100%);overflow: hidden;}
.ig-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

.ig-link:hover:before{width: 100%;}
.ig-link:hover:after{background-color: #1f64e1;background-image: url('../images/m13-b.png');}
.ig-link:hover{background-color: #ffffff;box-shadow: 0px 0px .24rem 0px rgba(153, 152, 153, 0.22);}
.ig-link:hover .ig-time{color: #1f64e1;}
.ig-link:hover .ig-name{color: #1f64e1;}
.ig-link:hover .ig-img img{transform: scale(1.05);}

.ig-b .ig-pagination{display: none;margin-top: .5rem; position: static;width: 100%;text-align: center;font-size: 0;}
.ig-b .ig-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;opacity: 1; margin: 0 .1rem;	width: 12px;height: 12px;background-color: transparent;border-radius: 50%;border: solid 1px #1f64e1;}
.ig-b .ig-pagination .swiper-pagination-bullet-active{background-color: #1f64e1;}

@media(max-width:750px) { 
    .ig-a{padding-bottom: .8rem;}
    .ig-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .ig-top{padding: 0 ;}
    .ig-item{width: 50%;}
    .ig-link{padding: .3rem 10px 1.3rem;}
    .ig-link:after{bottom: .3rem;left: 10px;}
    .ig-b .ig-pagination{display: block;}
    .ig-b .ig-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
}

.ih-a{width: 100%;padding-top: .5rem;padding-bottom: .6rem;background-image: url('../images/m20.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ih-main{width: 14.2rem;margin: 0 auto;}
.ih-cont{width: 100%;position: relative;}
.ih-b{width: 100%;font-size: 0;}
.ih-item{display: inline-block;vertical-align: middle;cursor: pointer; width: 16.66%;padding: .1rem;}
.ih-img{overflow: hidden; width: 100%;height: 1rem;text-align: center;;line-height: 1rem; background-color: #ffffff;}
.ih-img img{max-width: 70%;max-height: 70%;transform: scale(1.00);transition: all ease .5s;}
.ih-item:hover .ih-img img{transform: scale(1.05);}

.ih-pagination{display: none;margin-top: .5rem; position: static;width: 100%;text-align: center;font-size: 0;}
.ih-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;opacity: 1; margin: 0 .1rem;	width: 12px;height: 12px;background-color: transparent;border-radius: 50%;border: solid 1px #fff;}
.ih-pagination .swiper-pagination-bullet-active{background-color: #fff;}


@media(max-width:750px) {  
    .ih-main{width: 100%;max-width: 500px;padding-left: 5px;padding-right: 5px;}
    .ih-item{width: 33.33%;padding: 5px;}
    .ih-pagination{display: block;}
    .ih-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
} 

/*物流类首页结束 */ 



/* 
 
16rem
background-color: #944632;  
transform: scale(1.00);transition: all ease .5s;
.he-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(200/350*100%);}
.he-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;
background-size: cover;background-position: center center;background-repeat: no-repeat;
 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;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{transition-delay: .2s;}  

*/

/* 第一版内页开始*/ 
.sidebar{position: absolute;right: .2rem;bottom: 4px;z-index: 188;}
.sidebar-item{display: block;cursor: pointer; width: .46rem;height: .46rem;background-color: #da291c;background-image: url('../images/a15.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.sidebar-item:hover{background-color: #ff9920;} 

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-a{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .23rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-b{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .2rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-c{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .2rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-a:hover,.paging-b:hover,.paging-c:hover{background-color: #da291c;color: #fff;border: 1px solid #da291c;}
.paging-c.active{background-color: #da291c;color: #fff;border: .01rem solid #da291c;}
.paging-a,.paging-b,.paging-c{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .paging-a,.paging-b,.paging-c{font-size: 13.2px;}
}
@media(max-width: 750px){
    .paging-a,.paging-b,.paging-c{font-size: 12px;}
}

.g-a{width: 100%;position: relative;}
.g-img{width: 100%;}
.g-img img{width: 100%;}
.g-cont{position: absolute;left: 0;top: 33.5%; width: 100%;padding: 0 10px;text-align: center;}
.g-titles{position: relative;font-weight: bold; letter-spacing: .04rem;color: #ffffff;padding-bottom: .3rem;margin-bottom: .35rem;}
.g-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.19rem;	width: .38rem;height: .02rem;background-color: #ffffff;}
.g-text{color: #ffffff;line-height: 1.5;}
.g-text *{line-height: inherit;}

@media(max-width: 750px){ 
    .g-cont{top: 50%;transform: translate(0,-50%);}
}

@media(max-width: 500px){
    .g-img img{height: 280px;object-fit: cover;}
}

.nav{width: 100%;padding-bottom: .5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.nav-cont{width: 15.7rem;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;position: relative;z-index: 88; width: 2.6rem;margin-top: -.7rem;text-align: center;}
.nav-left:before{content: '';position: absolute;top: -.345rem;left: 0;width: 100%;height: .35rem;background-image: url('../images/a19.png');background-size: 2.6rem .35rem;background-position: center center;background-repeat: no-repeat;}
.nav-titles{position: relative; width: 100%;line-height: .7rem;color: #ffffff; background-color: #da291c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nav-list{width: 100%;background-color: #f8f8f8;}
.nav-item{display: block;position: relative;}
.nav-one{width: 100%;display: block;position: relative;}  
.nav-link{display: block;position: relative; cursor: pointer;color: #333333; width: 100%;padding: .2rem 2em;line-height: 1.8;border-bottom: 1px solid rgba(0, 0, 0, 0.08);  }

.nav-buttom{display: none;cursor: pointer; position: absolute;top: 0;right: 0;width: 2em;height: 100%;}
.nav-buttom:after{content: '+';position: absolute;top: 50%;left: 0;transform: translate(0 ,-50%);width: 100%;text-align: center;font-weight: bold; font-size: 333;font-size: 1.2em;}
.nav-item.has-two .nav-buttom{display: block;}
.nav-item.show .nav-buttom:after{content: '-';}
 
.nav-item:hover .nav-link{color: #ffffff;background-color: #ff9920;border-bottom: 1px solid #ff9920;}
.nav-item:hover .nav-buttom:after{ color: #fff;}
.nav-item.active .nav-link{color: #ffffff;background-color: #ff9920;border-bottom: 1px solid #ff9920;}
.nav-item.active .nav-buttom:after{ color: #fff;}
.nav-item.show .nav-link{color: #ffffff;background-color: #ff9920;border-bottom: 1px solid #ff9920;}
.nav-item.show .nav-buttom:after{ color: #fff;}

.nav-sub{display: none; width: 100%;}
.nav-two{display: block;position: relative; cursor: pointer;color: #888888; width: 100%;padding: .2rem .15rem;line-height: 1.8;border-bottom: 1px solid rgba(0, 0, 0, 0.08);  }
.nav-two:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%); width: .04rem;height: 1em;background-color: transparent;}
.nav-two.active:before{background-color: #ff9920;}
.nav-two:hover:before{background-color: #ff9920;}
 
.nav-right{float: right;} 

@media(max-width: 750px){ 
    .nav-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .nav-left{width: 100%;margin-top: 0;}
    .nav-left:before{display: none;}
    .nav-list{width: 100%;text-align: center;padding: .05rem 0;background-color: #fff;}
    .nav-item{display: inline-block;vertical-align: middle;width: 100%;margin: 0 0 .15rem; }
    .nav-item.has-two{display: block;width: 100%;margin: 0 0 .15rem;}
    .nav-titles{display: none;}
    .nav-right{width: 100%;}
    
}

.i-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.i-cont{width: 100%;}
.i-titles{color: #333333;text-align: center;font-weight: bold;margin-bottom: .55rem;}
.i-list{width: 100%;padding-bottom: .3rem;}
.i-item{width: 100%;display: block; position: relative;cursor: pointer; text-align: right;margin-bottom: .6rem; background-color: #f7f7f7; }
.i-img{position: absolute;top: 0;left: 0;width: 7.65rem;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.i-text{display: inline-block;text-align: left;padding: .9rem .4rem;width: 4.95rem;}
.i-name{color: #333333;font-weight: bold;padding-bottom: .3rem;margin-bottom: .15rem; position: relative;}
.i-name:after{content: ''; position: absolute;bottom: 0;left: 0; width: .26rem;height: .03rem;background-color: #ff9920;}
.i-b{color: #555555;line-height: 2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.i-b *{line-height: inherit;}
.i-more{display: inline-block;margin-top: .5rem; padding: .13rem .33rem;color: #ffffff; background-color: #da291c;}

.i-item:hover{background-color: #ffffff;box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.1);}
.i-item:hover .i-name{color: #ff9920;}



@media(min-width: 750px){ 
    .i-item:nth-child(2n)  {text-align: left;}
    .i-item:nth-child(2n) .i-img{right: 0;left: auto;}
}
@media(max-width: 750px){ 
    .i-a{width: 100%; }
    .i-item{width: 100%;}
    .i-img{width: 100%;position: static;height: auto;padding-top: 54.9%;}
    .i-text{width: 100%;padding: .5rem .3rem;}
}

.j-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.j-cont{width: 100%;}
.j-titles{color: #333333;text-align: center;font-weight: bold;margin-bottom: .55rem;}
.j-list{width: 100%;padding-bottom: .3rem;font-size: 0;}
.j-item{display: inline-block;vertical-align: top;cursor: pointer; width:3.9rem ;margin-right: .4rem;margin-bottom: .5rem; background-color: #fbfafa;}
.j-item:nth-child(3n){margin-right: 0;}
.j-img{width: 100%;overflow: hidden;}
.j-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.j-text{width: 100%;padding: .2rem .15rem;text-align: center;}
.j-name{width: 100%; color: #555555;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.j-item:hover{background-color: #da291c;}
.j-item:hover .j-img img{transform: scale(1.05);}
.j-item:hover .j-name{color: #ffffff;}


@media(max-width: 750px){ 
    .j-a{width: 100%; }
    .j-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .j-item:nth-child(3n){margin-right: .3rem;}
    .j-item:nth-child(2n){margin-right: 0;}
}

.k-a{width: 12.6rem;margin-top: .6rem;margin-bottom: .4rem; padding: .5rem; background-color: #ffffff;box-shadow: 0px 0px .13rem 0px rgba(166, 166, 166, 0.1);}
.k-cont{width: 100%;padding-bottom: .55rem;}
.k-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.k-left{float: left; width: 5.8rem;}
.k-big{width: 100%;position: relative;}
.k-b{width: 100%;}
.k-item{width: 100%;}
.k-c{display: block;cursor: pointer; width: 100%;}
.k-c img{width: 100%;}
.k-small{width: 100%;position: relative; padding:.2rem .15rem;}
.k-d{width: 100%;}
.k-nav{width: 20%;padding: 0 .1rem;}
.k-e{display: block;width: 100%;cursor: pointer; border: solid .02rem #fff;padding-top: 65.5%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.k-nav.swiper-slide-active .k-e{border: solid .02rem #da291c;}

.k-prev{left: 0;margin-top: -.1rem;	width: .12rem;height: .2rem;background-image: url('../images/a20.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.k-prev:hover{background-image: url('../images/a20-b.png');}
.k-next{transform: rotate(-180deg); right: 0;margin-top: -.1rem;	width: .12rem;height: .2rem;background-image: url('../images/a20.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.k-next:hover{background-image: url('../images/a20-b.png');}

.k-right{float: right;width: 5.1rem;padding-top: .4rem;}
.k-titles{color: #333333;font-weight: bold;margin-bottom: .4rem;}
.k-text{color: #555555;line-height: 1.8; min-height: 2.58rem;padding-bottom: .3rem;}
.k-text *{line-height: inherit;}

.k-list{width: 100%;}
.k-top{width: 100%;color: #ffffff;padding: .15rem .25rem;line-height: 1.3;	background-color: #da291c;}
.k-textbox{width: 100%;color: #555555;line-height: 1.6;padding: .45rem 0; }
.k-textbox *{line-height: inherit;}


@media(max-width: 750px){ 
    .k-a{width: 100%; padding: .3rem .15rem;}
    .k-left{width: 100%;}
    .k-right{width: 100%;}
}

.l-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.l-cont{width: 100%;}
.l-titles{width: 100%;text-align: center;font-weight: bold;color: #333333;margin-bottom: .6rem;}
.l-b{width: 100%;position: relative;}
.l-map{position: absolute;z-index: 8; top: 0;right:  0;width: calc(100% - 375px);height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.l-textbox{position: relative;z-index: 18;padding: .75rem .3rem .75rem .5rem;min-height: 4.8rem;background-color: #214293; width: 375px;  }
.l-name{position: relative;color: #fff;padding-bottom: .3rem;margin-bottom: .3rem;}
.l-name:after{content: '';position: absolute;bottom: 0;left: 0;	width: .26rem;height: .03rem;background-color: #fff;}
.l-list{width: 100%;}
.l-item{display: block;font-size: 0;padding: .2rem 0;}
.l-icon{display: inline-block;vertical-align: top;width: .2rem;height: 1.3em;line-height: 1.3em;}
.l-icon img{max-width: 100%;max-height: 100%;}
.l-text{display: inline-block;vertical-align: top;width: calc(100% - .2rem);padding-left: .25rem; color: #fff;line-height: 1.3;}

@media(max-width: 1200px){ 
    .l-map{width: 50%;}
    .l-textbox{width: 50%;}
}
@media(max-width: 750px){ 
    .l-a{width: 100%;}
    .l-b{padding: 0;}
    .l-map{position: static; height: 4.8rem;width: 100%;}
    .l-textbox{width: 100%;border: solid 1px #dcdcdc;}
}

.m-a{width: 12.6rem;padding-top: .4rem;padding-bottom: .5rem;}
.m-cont{width: 100%;}
.m-top{width: 100%;margin-bottom: .6rem;}
.m-titles{color: #333333;font-weight: bold;margin-bottom: .2rem;}
.m-text{color: #555555;line-height: 1.3;}
.m-list{width: 100%;position: relative;text-align: center;}
.m-form{width: 100%;}
.m-b{width: 100%;font-size: 0; text-align: left;}
.m-item{display: inline-block;vertical-align: top;width: 3.65rem; margin-right: .8rem;margin-bottom: .3rem;}
.m-item:nth-child(3n){margin-right: 0;}
.m-tip{display: inline-block;vertical-align: top;width: 4em;line-height: .5rem;  color: #555555;}
.m-tip span{color: #ff0000;}
.m-c{display: inline-block;vertical-align: top;width: calc(100% - 4em);}
.m-d{border: solid 1px #dcdcdc;background-color: transparent;width: 100%;height: .5rem; padding: 0 .2rem;color: #555555;}
.m-e{width: 100%;font-size: 0;margin-bottom: .3rem;text-align: left;}
.m-f{width: 100%;font-size: 0;margin-bottom: .3rem;text-align: left;}
.m-textarea{width: 100%;height: 1.8rem;padding: .15rem .2rem;line-height: 1.6;color: #555555; background-color: #ffffff;border: solid 1px #dcdcdc;}

.m-buttom{ position: relative; display: inline-block; cursor: pointer; background-color: #da291c;overflow: hidden;}
.m-buttom:after{content: '';position: absolute;top: 0;left: calc(100% - .03rem);transition: all .5s; width: 100%;height: 100%;background-color: #ff9920;}
.m-submit{border: none;display: block;cursor: pointer; background-color: transparent; color: #ffffff;position: relative;z-index: 18; width: 10em;height: 2.87em;}
.m-buttom:hover:after{left: 0;}


@media(max-width: 750px){ 
    .m-a{width: 100%;}
    .m-item{width: 100%;margin-right: 0;}
    .m-d{height: 35px;}
    .m-textarea{height: 130px;}
    .m-buttom{position: relative;top: 0;width: 50%;margin-left: 4em;}
}

.n-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.n-cont{width: 100%;}
.n-titles{color: #333333;text-align: center;font-weight: bold;margin-bottom: .55rem;}
.n-list{width: 100%;padding-bottom: .3rem;font-size: 0;}
.n-item{display: block;position: relative;font-size: 0;cursor: pointer;margin-bottom: .5rem;background-color: #f7f7f7;}
.n-img{display: inline-block;vertical-align: middle;width: 4.6rem;position: relative;padding-top: 2.55rem; overflow: hidden;}
.n-img img{position: absolute;top: 0;left: 0;height: 100%; width: 100%;object-fit: cover; transform: scale(1.00);transition: all .5s;}
.n-text{display: inline-block;vertical-align: middle;width: calc(100% - 5.2rem);padding: .1rem 0;}
.n-time{padding: 0 .6rem;color: #666666;line-height: 17px;margin-bottom: .25rem;}
.n-time:before{content: ''; display: inline-block;vertical-align: top;margin-right: .1rem; width: .17rem;height: 17px;background-image: url('../images/a24.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.n-b{position: relative; color: #333333;padding: 0 .6rem; line-height: 1.5;margin-bottom: .25rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n-b:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: .03rem;height: .24rem;background-color: #ff9920;}
.n-c{padding:  0 .6rem; color: #666666;line-height: .3rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n-more{position: absolute;top: 0;right: 0;width: .5rem;height: 100%; background-color: #ebebeb;}
.n-d{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.2em;text-align: center;color: #888888;line-height: 2;}


.n-item:hover .n-img img{transform: scale(1.05);}
.n-item:hover .n-b{	color: #da291c;}

@media(max-width: 1200px){ 
    .n-b{line-height: 1.3;margin-bottom: .2rem;}
    .n-c{line-height: 1.5;}
}

@media(min-width: 750px){ 
    .n-item:hover .n-more{background-color: #da291c;}
    .n-item:hover .n-d{ color: #fff;}
}
@media(max-width: 750px){ 
    .n-a{width: 100%;}
    .n-img{width: 100%;height: auto; padding-top: 55.43%;}
    .n-text{width: 100%;padding: .25rem 0;}
    .n-c{line-height: 1.8;}
    .n-b:before{display: none;}
    .n-more{position: static;background-color: transparent;width: 100%;}
    .n-d{display: block; position: static;transform: translate(0,0);width: 100%;text-align: left;}
    .n-time,.n-b,.n-c,.n-more{padding: 0 .3rem;}
}

.o-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.o-cont{width: 100%;padding: .4rem .5rem .2rem; background-color: #ffffff;box-shadow: 0px 0px .13rem 0px rgba(166, 166, 166, 0.1);}
.o-top{width: 100%;text-align: center;border-bottom: 1px solid #f3f3f3;padding-bottom: .15rem;margin-bottom: .3rem;}
.o-titles{width: 100%;color: #333333;margin-bottom: .3rem;line-height: 1.3;}
.o-b{width: 100%;font-size: 0;}
.o-time{display: inline-block;vertical-align: middle; padding: 0 .25rem;color: #666666;line-height: 17px;margin-bottom: .25rem;}
.o-time:before{content: ''; display: inline-block;vertical-align: top;margin-right: .1rem; width: .17rem;height: 17px;background-image: url('../images/a24.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.o-source{display: inline-block;vertical-align: middle; padding: 0 .25rem;color: #666666;line-height: 17px;margin-bottom: .25rem;}
.o-textbox{width: 100%;color: #666666;line-height: 1.87;padding-bottom: .2rem;}
.o-textbox *{line-height: inherit;}

.o-buttom{width: 100%;padding:.3rem 160px .3rem  0; border-top: 1px solid #f3f3f3;position: relative;}
.o-c{display: inline-block;  }
.o-d{display: block; color: #555555;margin: .1rem 0;line-height: 1.6;cursor: pointer;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.o-d:hover{color: #da291c;}
.o-back{ position: absolute;top: 50%;right: 0;transform: translate(0,-50%); cursor: pointer; background-color: #da291c;overflow: hidden;}
.o-back:after{content: '';position: absolute;top: 0;left: calc(100% - .03rem);transition: all .5s; width: 100%;height: 100%;background-color: #ff9920;}
.o-back span{display: block; color: #ffffff;position: relative;z-index: 18;padding: .15rem .45rem;}
.o-back:hover:after{left: 0 !important;}


@media(max-width: 750px){ 
    .o-a{width: 100%;}
    .o-cont{padding: .3rem .15rem;}
    .o-buttom{padding: .3rem 0 35px;}
    .o-back{bottom: 0;left: 50%;top: auto;right: auto; transform: translate(-50%,0);}
}

.p-a{ width: 12.6rem;padding-top: 1.12rem; padding-bottom: .55rem;}
.p-cont{width: 100%;}
.p-b{width: 100%;font-size: 0;padding-bottom: .5rem;}
.p-c{display: inline-block;vertical-align: middle;width: 8.3rem;}
.p-c img{width: 100%;}
.p-d{display: inline-block;vertical-align: middle;padding: .3rem .15rem .75rem; width: calc(100% - 8.3rem);padding-left: .55rem;text-align: center;position: relative;}
.p-d:before{content: '';position: absolute;top: 0;left: .55rem;width: .6rem;height: .28rem;background-image: url('../images/a26.png');background-size: auto .28rem;background-position: left center;background-repeat: no-repeat;}
.p-d:after{content: '';position: absolute;bottom:  0;right: 0;width: .6rem;height: .28rem;background-image: url('../images/a27.png');background-size: auto .28rem;background-position: right center;background-repeat: no-repeat;}
.p-logo{display: inline-block;width: .77rem;margin-bottom: .25rem;}
.p-logo img{width: 100%;}
.p-name{color: #da291c;line-height: 1.3;margin-bottom: .25rem;}
.p-text{width: 100%;margin: 0 auto; color: #333333;max-width: 15em;line-height: 2;}

.p-e{width: 100%;font-size: 0;}
.p-left{width: 8.3rem;padding-right: .2rem; display: inline-block;vertical-align: middle;}
.p-titles{color: #da291c;font-weight: bold;margin-bottom: .35rem;}
.p-textbox{color: #555555;line-height: 2;min-height: 1.6rem;}
.p-textbox *{line-height: inherit;}
.p-list{width: 100%;font-size: 0;}
.p-item{display: inline-block;vertical-align: top;width: 25%;margin-top: .3rem; }
.p-icon{display: block;height: .2rem;margin-bottom: .25rem;}
.p-icon img{max-width: none;height: 100%;}
.p-tip{display: block;font-size: 0;}
.p-nub{display: inline-block;vertical-align: top;margin-right: .1rem; color: #da291c;margin-bottom: .2rem;font-weight: bold;}
.p-unit{display: inline-block;vertical-align: top;margin-top: .08rem; color: #1f64e1;font-weight: bold;}
.p-f{color: #666666;line-height: 1.2;margin-bottom: .2rem;}

.p-right{width: calc(100%  - 8.3rem);padding-left: .55rem; display: inline-block;vertical-align: middle;}
.p-right img{width: 100%;}

@media(max-width: 750px){ 
    .p-a{width: 100%;}
    .p-b{width: 100%;}
    .p-c{width: 100%;margin-bottom: .3rem;}
    .p-d{width: 100%;padding-left: 0;}
    .p-d:before{left: 0;}
    .p-left{width: 100%;padding-right: 0;margin-bottom: .35rem;}
    .p-right{width: 100%;padding-left: 0;text-align: center;}
    .p-right img{width: auto;}
    .p-item{width: 50%;}
}

.q-a{width: 12.6rem;padding-top: .6rem; padding-bottom: .45rem;}
.q-cont{width: 100%;}
.q-titles{text-align: center;font-weight: bold;color: #333333;padding-bottom: .1rem;}
.q-list{width: 100%;}
.q-item{display: block;cursor: pointer;margin-top: .6rem; width: 100%;position: relative;text-align: right;background-color: #f8f8f8;}
.q-img{position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.q-text{display: inline-block;text-align: center;padding: .5rem .6rem;width: 50%;}
.q-icon{display: inline-block; width: .8rem;margin-bottom: .35rem;}
.q-icon img{width: 100%;}
.q-b{font-weight: bold; color: #333333;line-height: 1.3;margin-bottom: .25rem;}
.q-textbox{color: #666666;line-height: 2.2;text-align: left;}
.q-textbox *{line-height: inherit;}

@media(min-width: 750px){ 
    .q-item:nth-child(2n)  {text-align: left;}
    .q-item:nth-child(2n) .q-img{right: 0;left: auto;}
}
@media(max-width: 750px){ 
    .q-a{width: 100%;}
    .q-img{width: 100%;height: auto;padding-top: 59.58%;position:  static;}
    .q-text{width: 100%;padding: .35rem .25rem;}
}

.r-a{width: 12.6rem;padding-top: .6rem; padding-bottom: .2rem;}
.r-cont{width: 100%;}
.r-titles{text-align: center;font-weight: bold;color: #333333;padding-bottom: .55rem;}
.r-list{width: 100%;font-size: 0;padding-bottom: .5rem;}
.r-item{display: inline-block;vertical-align: top;text-align: center;width: 2.8rem;border: solid 1px #eeeeee;margin-right: .45rem;margin-bottom: .4rem;}
.r-item:nth-child(4n){margin-right: 0;}
.r-img{cursor: pointer; width: 100%;overflow: hidden;height: 2.8rem;line-height: 2.8rem;}
.r-img img{max-width: 80%;max-height: 80%; transform: scale(1.00);transition: all .5s;}
.r-text{display: block;cursor: pointer;	background-color: #f8f8f8;	border: solid 1px #eeeeee;}
.r-name{display: block;	color: #666666;padding: 0 .1rem;line-height: .6rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.r-item:hover .r-img img{transform: scale(1.05);}
.r-item:hover .r-text{	background-color: #da291c;}
.r-item:hover .r-name{	 color: #fff;}


@media(max-width: 750px){ 
    .r-a{width: 100%;}
    .r-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .r-item:nth-child(2n){margin-right: 0;}
}

.s-a{width: 12.6rem;padding-top: .6rem; padding-bottom: .2rem;}
.s-cont{width: 100%;}
.s-titles{text-align: center;font-weight: bold;color: #333333;padding-bottom: .55rem;}
.s-list{width: 100%;font-size: 0;padding-bottom: .5rem;}
.s-item{width: 100%;margin-bottom: .2rem;background-color: #fbfafa;padding: 0 .3rem;}
.s-top{width: 100%;position: relative;cursor: pointer; padding:.2rem .2rem .2rem  .4rem;}
.s-top:after{content: '';position: absolute;top: 0;right: 0;transition: all .3s; width: .2rem;height: 100%; background-image: url('../images/a32.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.s-icont{position: absolute;top: 50%;left: 0;transform: translate(0,-50%); width: .4rem; }
.s-img1{display: block;width: 100%;}
.s-img1 img{width:  .18rem;}
.s-img2{display: none;width: 100%;}
.s-img2 img{width:  .18rem;}
.s-name{color: #555555;line-height: 1.3;}
.s-sub{display: none;width: 100%;border-top: 1px solid #eaeaea;padding: .3rem .4rem;}
.s-b{color: #666666;line-height: 1.3;margin-bottom: .3rem;}
.s-c{color: #333333;line-height: 1.3;margin-bottom: .15rem;font-weight: bold;}
.s-textbox{line-height: 1.7;color: #666666;margin-bottom: .4rem;}
.s-textbox *{line-height: inherit;}
.s-tip{color: #666666;line-height: 1.3;}

.s-item.show .s-img1{display: none;}
.s-item.show .s-img2{display: block;}
.s-item.show .s-name{color: #da291c;}
.s-item.show .s-top:after{transform: rotate(-180deg);}


@media(max-width: 750px){ 
    .s-a{width: 100%;}
    .s-sub{padding: .3rem .15em;}
}

.t-a{width: 12.6rem;padding-top: .6rem; padding-bottom: .4rem;}
.t-cont{width: 100%;}
.t-titles{text-align: center;font-weight: bold;color: #333333;padding-bottom: .3rem;}
.t-abstract{text-align: center;color: #555555;line-height: 1.3;margin-bottom: .6rem;}
.t-list{width: 100%;}
.t-top{width: 100%;position: relative;padding: 0 1rem;}
.t-top:after{content: '';position: absolute;bottom: .17rem;left: 0;width: 100%;height: .01rem;background-color: #dcdcdc;}
.t-b{width: 100%;}
.t-nav{width: 2.1rem;padding-bottom: .17rem;margin-right: .7rem;}
.t-year{display: block;cursor: pointer; width: 100%;padding-bottom: .25rem;border-bottom: .02rem solid #000033;font-weight: bold; color: #333333;}
.t-nav.swiper-slide-active .t-year{color: #da291c;border-bottom: .02rem solid #da291c;} 

.t-prev{left: 0;top: auto;bottom: 0; margin-top: 0;	width: .34rem;height: .34rem;background-color: #e8e8e8;background-image: url('../images/a20.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.t-prev:hover{background-color: #da291c;background-image: url('../images/a20-c.png');}
.t-next{transform: rotate(-180deg); right: 0;top: auto;bottom: 0; margin-top: 0;	width: .34rem;height: .34rem;background-color: #e8e8e8;background-image: url('../images/a20.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.t-next:hover{background-color: #da291c;background-image: url('../images/a20-c.png');}

.t-bottom{width: 100%;padding:  0 1rem;}
.t-container{width: 100%;}
.t-item{ width: 2.1rem;margin-right: .7rem; } 
.t-one{display: block;width: 100%; cursor: pointer; margin-top: .25rem;} 
.t-img{width: 100%;margin-bottom: .2rem;}
.t-img img{width: 100%;}
.t-text{color: #333333;line-height: 2;}



@media(max-width: 750px){ 
    .t-a{width: 100%;}
    .t-top{padding: 0 .8rem;}
    .t-nav{width: calc(50% - .15rem);margin-right: .3rem;}
    .t-bottom{width: 100%;padding: 0 .8rem;}
    .t-item{width: calc(50% - .15rem);margin-right: .3rem;} 
}

.u-a{width: 100%;padding-top: .6rem;padding-bottom: .4rem;}
.u-b{width: 15.7rem;margin: 0 auto;}
.u-titles{color: #333333;font-weight: bold;margin-bottom: .22rem;text-align: center;}
.u-intro{line-height: 1.87; color: #555555;text-align: center;margin-bottom: .45rem;}
.u-intro *{line-height: inherit;}
.u-cont{width: 100%;padding-bottom: .3rem;font-size: 0;}
.u-item{display: inline-block;vertical-align: top;cursor: pointer;background-color: #f8f8f8; width: 3.68rem;margin-right: .32rem;margin-bottom: .5rem;}
.u-item:nth-child(4n){margin-right: 0;}
.u-img{width: 100%;overflow: hidden;}
.u-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.u-text{width: 100%;padding: .2rem .15rem;text-align: center;}
.u-name{width: 100%; color: #555555;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.u-item:hover{background-color: #2154bd;}
.u-item:hover .u-img img{transform: scale(1.05);}
.u-item:hover .u-name{color: #ffffff;}

@media(max-width: 750px){ 
    .u-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .u-item{width: calc(50% - .15rem);margin-right: .3rem;} 
    .u-item:nth-child(2n){margin-right: 0;}
}

.v-a{width: 100%;padding-top: .6rem;padding-bottom: 1rem;}
.v-cont{width: 12.6rem;margin: 0 auto;}
.v-titles{color: #333333;font-weight: bold;margin-bottom: .6rem;text-align: center;}
.v-list{width: 100%;font-size: 0;}
.v-item{display: inline-block;vertical-align: top;cursor: pointer;overflow: hidden; width: 2.28rem;height: 1.2rem;line-height: 1.2rem;text-align: center;margin-bottom: .3rem; border: solid 1px #eeeeee; margin-right: .3rem;}
.v-item:nth-child(5n){margin-right: 0;}
.v-item img{max-width: 85%;max-height: 70%;transform: scale(1.00);transition: all ease .5s;}
.v-item:hover img{transform: scale(1.05);}

@media(max-width: 750px){ 
    .v-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .v-item{width: calc(50% - 5px);margin-right: 10px;height: 1.5rem;line-height: 1.5rem;}
    .v-item:nth-child(5n){margin-right: 10px;}
    .v-item:nth-child(2n){margin-right: 0;}
}

.x-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .1rem;}
.x-top{width: 100%;text-align: center;margin-bottom: .55rem;}
.x-titles{color: #333333;font-weight: bold;margin-bottom: .25rem;}
.x-intro{color: #666666;line-height: 1.625;}
.x-cont{width: 100%;}
.x-item{width: 100%;text-align: right;position: relative;padding: .35rem 0;margin-bottom: .6rem;}
.x-bg{position: absolute;top: 0;left: 0;width: 7.65rem;height: 100%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.x-text{position: relative;z-index: 18;padding: .75rem .6rem; display: inline-block;text-align: left; width: 5.7rem; min-height: 3.5rem;background-color: #ffffff;box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.1);}
.x-b{width: 100%;font-size: 0;margin-bottom: .4rem;}
.x-icon{display: inline-block;width: .35rem;}
.x-icon img{width: 100%;}
.x-name{display: inline-block;vertical-align: auto;width: calc(100% - .35rem);padding-left: .25rem;color: #333333;font-weight: bold;}
 

.x-textbox{color: #555555;line-height: 1.875;}
.x-textbox *{line-height: inherit;}

@media(min-width: 750px){ 
    .x-item:nth-child(2n)  {text-align: left;}
    .x-item:nth-child(2n) .x-bg{left: auto; right: 0;}
}

@media(max-width: 750px){ 
    .x-a{width: 100%; }
    .x-item{ padding: 0;}
    .x-bg{width: 100%;position: relative;height: auto;padding-top: 54.9%;}
    .x-text{width: 100%;padding:.45rem .3rem ;}
}

/*第一套内页修改主题色 */ 
body.logistics .xv-c{background-color: #1f64e1;}

 
body.logistics .paging-a:hover,.paging-b:hover,.paging-c:hover{background-color: #1f64e1; border: 1px solid #1f64e1;}
body.logistics .paging-c.active{background-color: #1f64e1;  border: 1px solid #1f64e1;}
 
body.logistics .sidebar{  bottom: 0;} 
body.logistics .sidebar-item{background-color: #1f64e1; } 
body.logistics .sidebar-item:hover{background-color: #1f64e1;}  

body.logistics .nav-titles{background-color: #1f64e1;} 
body.logistics .nav-item:hover .nav-link{ background-color: #498aff;border-bottom: 1px solid #498aff;} 
body.logistics .nav-item.active .nav-link{ background-color: #498aff;border-bottom: 1px solid #498aff;} 
body.logistics .nav-item.show .nav-link{ background-color: #498aff;border-bottom: 1px solid #498aff;}
body.logistics .p-name{ color: #1f64e1;}
body.logistics .p-titles{ color: #1f64e1;}
body.logistics .p-nub{ color: #1f64e1;}
body.logistics .nav-two.active{color: #ef9e00;}
body.logistics .nav-two:hover{color: #ef9e00;}
body.logistics .nav-two.active:before{background-color: #ef9e00;}
body.logistics .nav-two:hover:before{background-color: #ef9e00;}
 
body.logistics .i-name:after{background-color: #edb84c; }
body.logistics .i-more{background-color: #1f64e1; }
body.logistics .i-item:hover .i-name{color: #1f64e1;}

body.logistics .j-item{border: solid 1px #e5e5e5;}
body.logistics .j-text{border-top: solid 1px #e5e5e5;}
body.logistics .j-item:hover{background-color: #1f64e1; }
body.logistics .j-item:hover .j-text{border-top: 1px solid #1659cf;}

body.logistics .k-nav.swiper-slide-active .k-e{border: solid .02rem #da291c;}
body.logistics .k-b{border: solid 1px #e5e5e5;}
body.logistics .k-top{ background-color: #da291c;	color: #fff; }
body.logistics .k-textbox{ padding: .4rem  0 .55rem;line-height: 1.6;}

body.logistics .a-buttom{ background-color: #1f64e1; }
.a-buttom:after {left: 100%;  } 
body.logistics .a-buttom:after {  background-color: #498aff;}

/* body.logistics .l-name:after{background-color: #233345;} */

body.logistics .m-buttom{background-color: #1f64e1;border-radius: 1.439em;    }
body.logistics .m-buttom:after{display: none; background-color: #1f64e1;}

@media(min-width: 750px){ 
    body.logistics .n-item:hover .n-more{ background-color: #1f64e1;background-image: linear-gradient(90deg, #1f64e1 0%, #1f64e1 100%), linear-gradient(#1f64e1, #1f64e1);} 
     
}

body.logistics .n-b:before{background-color: #1f64e1; }
body.logistics .n-item:hover .n-b{	color: #5486e7;} 

body.logistics .o-d:hover{color: #1f64e1;} 
body.logistics .o-back{background-color: #1f64e1;}   
body.logistics .o-back:after{left: -100%; background-color: #498aff;}  

body.logistics .r-item:hover .r-text{	background-color: #1f64e1;  } 

body.logistics .s-item.show .s-name{color: #1f64e1;}

body.logistics .t-nav.swiper-slide-active .t-year{color: #1f64e1;border-bottom: .02rem solid #1f64e1;} 
body.logistics .t-prev:hover{background-color: #1f64e1;} 
body.logistics .t-next:hover{background-color: #1f64e1;} 

body.logistics .l-textbox{	background-color: #1f64e1;}

/*第一版内页结束 */

/*第二版内页开始 */
 
/* 侧边栏 */
.mg-a{position: fixed;top: 50%; right: .22rem;transform: translate(0  , -50%); z-index: 98;}
.mg-cont{width: 48px;}
.mg-item{display: block;position: relative;width: 100%;margin: .2rem 0 ;  }
.mg-icon{display: block; width: 100%;cursor: pointer;}
.mg-icon1{display: block; width: 100%;height: 48px;border-radius: 48px;text-align: center;line-height: 48px; background-color: #ffffff;box-shadow: 0px .06rem .16rem 0px rgba(0, 0, 0, 0.16); }
.mg-icon1 img{max-width: 50%;max-height: 50%;}
.mg-icon2{display: none; width: 100%;height: 48px;border-radius: 48px;text-align: center;line-height: 48px; background-color: #0f69ce; }
.mg-icon2 img{max-width: 50%;max-height: 50%;}
.mg-item:hover .mg-icon1{display: none;}
.mg-item:hover .mg-icon2{display: block;}

.mg-sub{ position: absolute;top: 0;left: 0;  transition: all .5s;  width: 0; overflow: hidden;}
.mg-code{width:115px;padding: 10px;text-align: center; 	 background-color: #ffffff;box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16);position: relative;}
.mg-code:after{content: ''; position: absolute;top: 16px;right: -6px; width: 6px;height: 16px; background-image: url('../images/e14-b.png');background-size: 6px auto; background-position: center center;background-repeat: no-repeat;}
.mg-img{width: 100%;margin-bottom: 5px;}
.mg-img img{width: 100%;}
.mg-text{color: #666666;}
 
.mg-phone{display: block; width:115px;padding: 10px; background-color: #ffffff;box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16);position: relative;}
.mg-phone:after{content: ''; position: absolute;top: 16px;right: -6px; width: 6px;height: 16px; background-image: url('../images/e14-b.png');background-size: 6px auto; background-position: center center;background-repeat: no-repeat;}
.mg-b{color: #666;line-height: 1.5;margin-bottom: .1rem;}
.mg-c{color: #333;line-height: 1.5;}

 
.mg-item.active .mg-sub{width: 130px;left: -130px; }

@media(max-width: 900px){ 
    .mg-a{right: 15px;}
    .mg-cont{width: 30px;}
    .mg-icon1{height: 30px;line-height: 30px;}
    .mg-icon2{height: 30px;line-height: 30px;}
} 


.mh-a{width: 100%;position: relative;}
.mh-img{width: 100%;}
.mh-img img{width: 100%;}
.mh-cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding-top: 1rem; width: 17.7rem;text-align: center;}
.mh-en{color: #ffffff;margin-bottom: .25rem;}
.mh-titles{color: #ffffff;line-height: 1.5;}

body.About-Us .mh-en{color: #222222;}
body.About-Us .mh-titles{color: #222222;}
@media(max-width: 900px){ 
    .mh-cont{width: 100%; padding: 0 10px;} 
    .mh-img img{min-height: 200px;object-fit: cover;}
}

.mi-a{width: 100%;background-color: #ffffff;box-shadow: -2px 1px 0px 0px rgba(14, 7, 7, 0.04);}
.mi-b{width: 17.7rem;margin: 0 auto;}
.mi-cont{width: 100%;font-size: 0;}
.mi-item{display: inline-block;vertical-align: middle;cursor: pointer; line-height: .7rem;color: #999999;}
.mi-item:after{content: ''; display: inline-block;vertical-align: middle;margin: 0 .1rem; width: 1.5em;height: .7rem;background-image: url('../images/g21.png');background-size:  auto .69em; background-position: center center;background-repeat: no-repeat;}
.mi-item:last-child:after{display: none;} 
.mi-item:first-child:before{content: '';display: inline-block;vertical-align: middle;width: 2.5em;height: .7rem;background-image: url('../images/g22.png');background-size: auto 1em;background-position: center center;background-repeat: no-repeat;}


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

.mj-a{width: 100%;min-height: 50vh; padding-top: .8rem;padding-bottom: 1.3rem;overflow: hidden;}
.mj-b{width: 17.7rem;margin: 0 auto;}
.mj-cont{width: 100%;text-align: center;}
.mj-top{display: inline-block;position: relative;margin-bottom: .5rem;}
.mj-top:before{content: '';position: absolute;top: -10%;left: -19rem;z-index: 28; width: 19rem;height: 120%;background-color: #fff;}
.mj-top:after{content: '';position: absolute;top: -10%;right: -19rem;z-index: 28; width: 19rem;height: 120%;background-color: #fff;}
.mj-c{display: block;width: 24em;overflow: visible !important; }
.mj-nav{width: auto; min-width: 33.33%;cursor: pointer;}
.mj-d{width: 100%;padding:0 .4rem ;position: relative;}
.mj-d:before{content: '';position: absolute;top: 0;right: 0;width: .4rem;height: 100%; background-image: url('../images/g24.png');background-size: 10px auto; background-position: left center;background-repeat: no-repeat;}
.mj-d:after{content: '';position: absolute;top: 50%;right: -.05rem;margin-top: -.09rem;width: .03rem; height: .18rem;background-color: #eee;}
.mj-e{display: inline-block; color: #999999;padding: .1rem 0; position: relative;border-bottom: .02rem solid #fff;}
.mj-e:after{display: none; content: '';position: absolute;bottom: -.1rem;left: 50%;margin-left: -.05rem; width: .11rem;height: .1rem;background-image: url('../images/g25.png');background-size: .11rem auto; background-position: top center;background-repeat: no-repeat;}
.mj-sub{display: none; position: absolute;top: 1.5em;left: 50%;transform: translate(-50%,0); padding: .15rem .25rem;white-space: nowrap;  } 
.mj-list{width: 100%;padding: .1rem .15rem;	background-color: #ffffff;box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.08);border-radius: 0px 0px 6px 6px;}
.mj-one{display: block;color: #666666;border-bottom: 1px dashed #eeeeee;padding: .05rem ;line-height: 1.8;}
.mj-one:last-child{border-bottom: none;}
.mj-one:hover{color: #cd010d;} 
.mj-nav:hover .mj-e{color: #222222;border-bottom: .02rem solid #cd010d;}
.mj-nav:hover .mj-e:after{display: block;}
.mj-nav.active .mj-e{color: #222222;border-bottom: .02rem solid #cd010d;}
.mj-nav.active .mj-e:after{display: block;} 
.mj-prev{z-index: 38; left: -.46rem;margin-top: -.18rem;	width: .36rem;height: .36rem;border: solid 1px #aaaaaa;border-radius: 50%; background-image: url('../images/g23.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.mj-prev:hover{background-image: url('../images/g23-b.png');background-color: #cd010d;border: solid 1px #cd010d;}
.mj-next{z-index: 38;transform: rotate(-180deg); right: -.46rem;margin-top: -.18rem;	width: .36rem;height: .36rem;border: solid 1px #aaaaaa;border-radius: 50%; background-image: url('../images/g23.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.mj-next:hover{background-image: url('../images/g23-b.png');background-color: #cd010d;border: solid 1px #cd010d;}

.mj-buttom{width: 100%; text-align: left;font-size: 0;padding-top: .4rem;}
.mj-item{display: inline-block;vertical-align: top;cursor: pointer;width: 8.3rem;margin-right: 1.1rem;margin-bottom: .8rem; background-color: #f6f6f6;}
.mj-item:nth-child(2n){margin-right: 0;}
.mj-text{display: inline-block;vertical-align: middle;position: relative; width: calc(100% - 4.7rem);min-height: 2.8rem;padding:.1rem .3rem  .6rem .5rem;}
.mj-name{color: #000000;line-height: 1.3;margin-bottom: .1rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mj-f{color: #666666;margin-bottom:  .27rem;line-height: 1.3; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mj-g{display: inline-block;vertical-align: middle;padding: .09rem .3rem;margin-right: .1rem !important;margin-bottom: .1rem; color: #999999;border-radius: .17rem;border: solid 1px #c7c7c7;}
.mj-g:last-child{margin-right: 0 !important;} 
.mj-h{position: absolute;left: .5rem;bottom: .1rem; padding-bottom: .1rem;cursor: pointer;  } 
.mj-h:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #999999;}
.mj-h:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #cd010d;}
.mj-htext{display: inline-block;vertical-align: middle;color: #000000;}
.mj-himg{display: inline-block;vertical-align: middle;}
.mj-himg1{display: block;width: 1em;margin-left: .1rem;}
.mj-himg2{display: none;width: 1em;margin-left: .1rem;}  
.mj-img{display: inline-block;vertical-align: middle;width: 4.7rem;overflow: hidden;}
.mj-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}

.mj-item:hover .mj-img img{transform: scale(1.05);}
.mj-item:hover .mj-htext{color: #cd010d;}
.mj-item:hover .mj-himg1{display: none;}
.mj-item:hover .mj-himg2{display: block;}

@media(max-width: 900px){ 
    .mj-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mj-top{padding: 0 .5rem;width: 100%;}
    .mj-top:before{left: -18.5rem;}
    .mj-top:after{right: -18.5rem;}
    .mj-c{width: 100% !important;}
    .mj-d{padding: 0 .6rem;}
    .mj-prev{left: 0;}
    .mj-next{right: 0;}

    .mj-buttom{width: 100%;display: flex;flex-wrap: wrap; }
    .mj-item{display: flex;flex-wrap: wrap;flex-direction: column-reverse; justify-content: flex-end; width: calc(50% - 5px);margin-right: 10px;margin-bottom: .5rem;}
    .mj-item:nth-child(2n){margin-right: 0;}
    .mj-img{width: 100%;}
    .mj-text{width: 100%; padding: .15rem .15rem;}
    .mj-h {left: 0;top: 0; position: relative;margin: .25rem 0;padding-bottom: .15rem;}
}



.mk-a{width: 100%;background-color: #f6f6f6;}
.mk-top{width: 100%;padding: .55rem 0; }
.mk-b{width: 13.3rem;margin: 0 auto;}
.mk-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.mk-left{float: left;width: 6rem;}
.mk-big{width: 100%;position: relative;margin-bottom: .1rem;}
.mk-c{width: 100%;}
.mk-item{width: 100%;}
.mk-img{width: 100%;}
.mk-img img{width: 100%;}
.mk-small{width: 100%; position: relative;}
.mk-prev{display: none;}
.mk-next{display: none;}
.mk-d{width: 100%;}
.mk-nav{width: 1.12rem;margin-right: .1rem;cursor: pointer;}
.mk-bg{display: block; width: 100%;height: 1.12rem;line-height: 1.12rem;text-align: center; background-color: #fff;border-radius: 4px;border: solid 1px #fff;overflow: hidden;}
.mk-bg img{max-width: 100%;max-height: 100%;}
.mk-nav.active .mk-bg{border: solid 1px #cd010d;}

.mk-right{float: right;width: 6rem;padding-top: .65rem;}
.mk-tip{color: #999999;margin-bottom: .23rem;}
.mk-name{color: #333333;font-weight: bold;line-height: 1.3;padding-bottom: .35rem;margin-bottom: .35rem; position: relative;}
.mk-name:before{content: '';position: absolute;bottom: 0;left: 0; width: .23rem;height: .02rem;background-color: #333333;}
.mk-text{color: #999999;line-height: 1.6;margin-bottom: .4rem;}
.mk-text *{line-height: inherit;}
.mk-color{width: 100%;border-bottom: 1px solid #b5b5b5;min-height: 1.26rem;padding-bottom: .2rem;margin-bottom: .5rem;}
.mk-one{display: inline-block;vertical-align: middle;padding: .09rem .32rem; color: #999999;margin-right: .23rem;margin-bottom: .25rem;border-radius: .17rem;border: solid 1px #c7c7c7;}
.mk-share{width: 100%;}
.mk-e{display: inline-block;vertical-align: middle;color: #999999;margin-right: .35rem;}
.mk-f{display: inline;vertical-align: middle;}
.mk-g{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .25rem;}
.mk-gimg1{display: block;height: 1.125em;}
.mk-gimg1 img{height: 100%;}
.mk-gimg2{display: none;height: 1.125em;}
.mk-gimg2 img{height: 100%;}
.mk-g:hover .mk-gimg1{display: none;}
.mk-g:hover .mk-gimg2{display: block;}

.mk-bottom{width: 100%;background-color: #fff;padding: 1.3rem 0;}
.mk-h{width: 13.3rem;margin: 0 auto;}
.mk-titles{color: #000000;margin-bottom: .5rem;text-align: center;}
.mk-textbox{color: #999999;line-height: 1.6;margin-bottom: .4rem;}
.mk-textbox *{line-height: inherit;max-width: 100%;}

@media(max-width: 900px){ 
    .mk-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mk-h{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mk-left{width: 100%;}
    .mk-nav{width: calc(25% - .1rem);margin-right: .1333rem;}
    .mk-right{width: 100%;}
}



.ml-a{width: 100%;background-color: #f7f7f7;padding-bottom: .95rem;}
.ml-b{width: 17.7rem;margin: 0 auto;}
.ml-cont{width: 100%;}
.ml-top{width: 100%;position: relative;z-index: 28;margin-bottom: .9rem; margin-top: -1.55rem;background-color: #ffffff;box-shadow: 0px 6px 10px 0px rgba(41, 41, 41, 0.09);}
.ml-c{width: 6.6rem;padding: 1.15rem .7rem ;min-height: 8.86rem;background-image: url('../images/g29.png'); background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;}
.ml-titles{color: #000000;padding-bottom:  .44rem;position: relative;margin-bottom: .25rem;}
.ml-titles:before{content: '';position: absolute;bottom: 0;left: 0; width: .2rem;height: .02rem;background-color: #cd010d;}
.ml-textbox{max-width: 20em; line-height: 2.4;	letter-spacing: .02rem;color: #666666;}
.ml-textbox *{line-height: inherit;}

.ml-map{position: absolute;top: 0;right: 0;width: 11.1rem;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}

.ml-bottom{width: 100%;padding-left: .75rem;}
.ml-form{width: 100%;}
.ml-d{width: 100%;color: #000000;margin-bottom: .4rem;}
.ml-e{width: 100%;position: relative;}
.ml-e:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ml-left{float: left;width: 4.55rem;  }
.ml-g{color: #333333;line-height: 1.3;margin-bottom: .55rem;}
.ml-list{display: block;width: 100%;}
.ml-one{width: 100%;display: block;margin-bottom: .48rem;}
.ml-icon{display: block;margin-bottom: .2rem; width: .6rem;height: .6rem;text-align: center;line-height: .56rem;border-radius: 50%; background-color: #cd010d;border: solid .02rem #fe0311;}
.ml-icon img{max-width: 50%;max-height: 50%;}
.ml-text{width: 100%;}
.ml-h{margin-bottom: .1rem; color: #333333;}
.ml-i{color: #999999;}

.ml-right{float: right;width: 11.25rem;}
.ml-item{width: 100%;font-size: 0;margin-bottom: .2rem;}
.ml-tip{display: inline-block;vertical-align: top;color: #333333;line-height: .6rem;width: 3.9em;}
.ml-tip span{color: #d20000;}
.ml-k{display: inline-block;vertical-align: top;width: calc(100% - 3.9em);}
.ml-l{display: block;width: 100%;color: #333333;height: .6rem;padding: 0 .2rem; background-color: #ffffff;border: solid 1px #cccccc;}
.ml-textarea{display: block;width: 100%;color: #333333;min-height: 120px; height: 1.95rem;line-height: .4rem; padding: .1rem .2rem; background-color: #ffffff;border: solid 1px #cccccc;}
.ml-m{width: 100%;padding-left: 3.9em;}
.ml-submit{display: inline-block;cursor: pointer;border: none;background-color: #383b44; color: #ffffff;padding: .2rem 1.3rem; color: #ffffff;}
.ml-submit:hover{background-color: #d20000;color: #fff;}

@media(min-width: 900px){ 
    .ml-e:before{content: '';position: absolute;top: 0;left: 4.55rem;width: 1px;height: 100%;background-color: #e5e5e5;}

    .ml-j{width: 100%;font-size: 0;}
    .ml-j .ml-item{display: inline-block;vertical-align: middle;width: 50%;padding-right: .3rem;}
    .ml-j .ml-item:nth-child(2n){ padding-right: 0; padding-left: .3rem;}
}
@media(max-width: 900px){ 
    .ml-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .ml-top{margin-top: -.5rem;}
    .ml-c{width: 100%;min-height: 1rem; padding: .5rem  .45rem .8rem;}
    .ml-map{position: relative;width: 100%;height: 5rem;}
    .ml-bottom{width: 100%;padding-left: 0;}
    .ml-left{width: 100%;}
    .ml-right{width: 100%;}
}



.mm-a{width: 100%;padding-top: .7rem;padding-bottom: 1.3rem;}
.mm-b{width: 17.7rem;margin: 0 auto;}
.mm-top{width: 100%;text-align: center; }
.mm-nav{display: inline-block;vertical-align: middle;border-bottom: .02rem solid #fff;padding: .12rem 0; position: relative;cursor: pointer; color: #999999; margin: 0 .45rem .35rem;}
.mm-nav:after{content: '';position: absolute;top: 50%;right: -.45rem;margin-top: -.09rem;width: .03rem;height: .18rem;background-color: #eee;}
.mm-nav:last-child:after{display: none;}
.mm-nav:before{display: none;content: ''; position: absolute;bottom: -.1rem;left: 50%;margin-left: -.05rem;width: .11rem;height: .1rem;background-image: url(../images/g25.png);background-size: .11rem auto;background-position: top center;background-repeat: no-repeat;}

.mm-nav:hover{border-bottom: .02rem solid #f50010;color: #222222;}
.mm-nav:hover:before{display: block;}
.mm-nav.active{border-bottom: .02rem solid #f50010;color: #222222;}
.mm-nav.active:before{display: block;}

.mm-cont{width: 100%;font-size: 0;}
.mm-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative;overflow: hidden; width: 3.85rem;margin-right: .75rem; margin-top: .5rem;margin-bottom: .7rem;}
.mm-item:nth-child(4n){margin-right: 0;}
.mm-text{width: 100%; }
.mm-time{color: #222222;margin-bottom: .35rem;}
.mm-year{display: inline-block;vertical-align: bottom; color: #999999;margin-left: .15rem; }
.mm-img{width: 100%;margin-bottom: .25rem;}
.mm-img img{width: 100%;}
.mm-name{margin-bottom: .25rem; width: 100%;color: #111111;line-height: 1.6;height: 3.2em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mm-intro{ width: 100%;color: #999999;line-height: 1.7;height: 3.4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mm-c{margin-top: 1rem; display: inline-block;   padding-bottom: .1rem; position: relative;  } 
.mm-c:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #999999;}
.mm-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #cd010d;}
.mm-ctext{display: inline-block;vertical-align: middle;color: #000000;}
.mm-cimg{display: inline-block;vertical-align: middle;}
.mm-cimg1{display: block;width: 1em;margin-left: .1rem;}
.mm-cimg2{display: none;width: 1em;margin-left: .1rem;} 
.mm-bg{transition: all ease .5s; position: absolute;top: 110%;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.mm-d{position: absolute;bottom: 0;left: 0;padding:  .25rem ;overflow: auto; max-height: 80%; width: 100%;background-color: rgba(0,0,0,.2); }
.mm-d span{width: 100%; color: #ffffff;line-height: 1.7;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mm-item:hover .mm-bg{top: 0;}




@media(max-width:900px) {
    .mm-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .mm-top{margin-bottom: .35rem;}
    .mm-item{width: calc(50% - 5px);margin-right: 10px;margin-top: 0;}
    .mm-item:nth-child(2n){margin-right: 0;}
    .mm-c{margin-top: .35rem;}
}

.mn-a{width: 100%;background-color: #f7f7f7;padding-top:  .8rem;padding-bottom: 1.3rem;}
.mn-b{width: 17.7rem;margin: 0 auto;}
.mn-cont{width: 100%;}
.mn-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.mn-left{float: left;width: 13.4rem;background-color: #fff;padding: .55rem .7rem;}
.mn-top{width: 100%;text-align: center;border-bottom: 1px solid #f0f0f0;}
.mn-titles{color: #333333;line-height: 1.3;margin-bottom: .2rem;font-weight: bold;}
.mn-c{width: 100%;padding-bottom: .2rem;}
.mn-d{display: inline-block;vertical-align: middle;margin:0 .15rem .15rem ;line-height: 1.3;color: #666666;}
.mn-textbox{width: 100%;line-height: 1.7;color: #888888;padding: .25rem 0;border-bottom: 1px solid #f0f0f0;}
.mn-textbox *{line-height: inherit;max-width: 100%;}

.mn-buttom{width: 100%;text-align: right;padding-top: .45rem;}
.mn-up{display: inline-block;vertical-align: middle; color: #666666;margin-right: .5rem;cursor: pointer;}
.mn-up:before{content: '<';display: inline-block;vertical-align: top; margin-right: .2rem;margin-top: -.1em; font-size: 1.2em;font-weight: bold;}
.mn-up:hover{color: #cd010d;}
.mn-next{display: inline-block;vertical-align: middle; color: #666666; cursor: pointer;}
.mn-next:after{content: '>';display: inline-block;vertical-align: top; margin-left: .2rem;margin-top: -.1em; font-size: 1.2em;font-weight: bold;}
.mn-next:hover{color: #cd010d;}

.mn-right{float: right; width: 3.7rem;background-color: #fff;}
.mn-e{width: 100%;border-bottom: 1px solid #e5e5e5;padding: .15rem .35rem;position: relative;}
.mn-tip{padding: .06rem .2rem; color: #cd010d;border-left: 1px solid #cd010d;font-weight: bold;}
.mn-more{position: absolute;top: 50%;right: .35rem; transform: translate(0,-50%);display: block;cursor: pointer; color: #999999;}
.mn-more:after{content: '>';margin-left: .08rem;}
.mn-more:hover{color: #cd010d;}
.mn-list{width: 100%;padding: .1rem .35rem 0;}
.mn-item{display: block;cursor: pointer;width: 100%;padding: .17rem 0;border-bottom: 1px dashed #e5e5e5;}
.mn-item:last-child  {border-bottom: none;}
.mn-name{color: #333333;line-height: 1.6;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mn-time{color: #999999;margin-top: .1rem;}

.mn-item:hover .mn-name{color: #cd010d;}


@media(max-width:900px) {
    .mn-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .mn-left{width: 100%;margin-bottom: .5rem;padding: .5rem .35rem;}
    .mn-right{width: 100%;}
}



.mo-a{width: 100%;padding-top: .8rem;padding-bottom: 1.3rem; overflow: hidden;}
.mo-b{width: 17.7rem;margin: 0 auto;text-align: center;}
.mo-cont{width: 100%;min-height: 6.3rem;padding-bottom: .6rem;position: relative;font-size: 0;}
.mo-one{width: 100%;text-align: center;margin-bottom: .1rem;}  
.mo-item{display: inline-block;width: 8.75rem;cursor: pointer;overflow: hidden; position: relative;}
.mo-bg{display: block;transform: scale(1.00);transition: all ease .5s; width: 100%;height: 5.72rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.mo-text{opacity: 0;transition:all ease .5s; position: absolute;top: 50%;left: 50%;width: 50%;transform: translate(-50%,-50%);text-align: center; padding: .88rem 0;background-color: rgba(205,1,13,.65);}
.mo-icon{display: block;margin: 0 auto; width: .36rem; }
.mo-more{display: inline-block;position: relative;padding: .1rem 0;margin-top: .2rem; color: #ffffff;}
.mo-more:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: rgba(255,255,255,.5);}
.mo-more:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #fff;}
.mo-more img{width: 1em;margin-left: .25rem;}

.mo-item:hover .mo-text{opacity: 1;}
.mo-item:hover .mo-bg{transform: scale(1.05);}


@media(min-width:900px) {
    .mo-one:nth-child(10n+1){position: absolute;top: 0;left: 0;width: auto;}
    .mo-one:nth-child(10n+1) .mo-item{ width: 4.35rem;}
    .mo-one:nth-child(10n+1) .mo-bg{height: 2.8rem;}
    .mo-one:nth-child(10n+1) .mo-text{padding: .3rem 0;} 

    .mo-one:nth-child(10n+2){position: absolute;top: 2.9rem;left: 0;width: auto;}
    .mo-one:nth-child(10n+2) .mo-item{ width: 4.35rem;}
    .mo-one:nth-child(10n+2) .mo-bg{height: 2.8rem;}
    .mo-one:nth-child(10n+2) .mo-text{padding: .3rem 0;} 

    .mo-one:nth-child(10n+4){position: absolute;top: 0;right: 0;width: auto;}
    .mo-one:nth-child(10n+4) .mo-item{ width: 4.35rem;}
    .mo-one:nth-child(10n+4) .mo-bg{height: 2.8rem;}
    .mo-one:nth-child(10n+4) .mo-text{padding: .3rem 0;} 

    .mo-one:nth-child(10n+5){position: absolute;top: 2.9rem;right: 0;width: auto;}
    .mo-one:nth-child(10n+5) .mo-item{ width: 4.35rem;}
    .mo-one:nth-child(10n+5) .mo-bg{height: 2.8rem;}
    .mo-one:nth-child(10n+5) .mo-text{padding: .3rem 0;} 
     
    .mo-one:nth-child(10n+6){text-align: left;}

    .mo-one:nth-child(10n+7){position: absolute;top: 5.8rem;right: 4.45rem;width: auto;}
    .mo-one:nth-child(10n+7) .mo-item{ width: 4.35rem;}
    .mo-one:nth-child(10n+7) .mo-bg{height: 2.8rem;}
    .mo-one:nth-child(10n+7) .mo-text{padding: .3rem 0;} 

    .mo-one:nth-child(10n+8){position: absolute;top: 8.7rem;right: 4.45rem;width: auto;}
    .mo-one:nth-child(10n+8) .mo-item{ width: 4.35rem;}
    .mo-one:nth-child(10n+8) .mo-bg{height: 2.8rem;}
    .mo-one:nth-child(10n+8) .mo-text{padding: .3rem 0;} 

    .mo-one:nth-child(10n+9){position: absolute;top: 5.8rem;right: 0;width: auto;}
    .mo-one:nth-child(10n+9) .mo-item{ width: 4.35rem;}
    .mo-one:nth-child(10n+9) .mo-bg{height: 2.8rem;}
    .mo-one:nth-child(10n+9) .mo-text{padding: .3rem 0;} 

    .mo-one:nth-child(10n+10){position: absolute;top: 8.7rem;right: 0;width: auto;}
    .mo-one:nth-child(10n+10) .mo-item{ width: 4.35rem;}
    .mo-one:nth-child(10n+10) .mo-bg{height: 2.8rem;}
    .mo-one:nth-child(10n+10) .mo-text{padding: .3rem 0;} 

}

@media(max-width:900px) { 
    .mo-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mo-one{display: inline-block;vertical-align: middle; width: calc(50% - 10px);margin: 0 5px 10px;}
    .mo-item{width: 100%;}
    .mo-bg{height: auto;padding-top: 64.3%;}
    .mo-text{width: 80%;padding: .3rem 0;max-width: 150px;}

    .mo-one:nth-child(10n + 3){width: calc(100% - 10px);}
    .mo-one:nth-child(10n + 6){width: calc(100% - 10px);}
     
}


.mp-a{width: 100%;background-color: #f7f7f7;padding-top:  .85rem;padding-bottom: 1.4rem;}
.mp-b{width: 17.7rem;margin: 0 auto;}
.mp-cont{width: 100%;}
.mp-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.mp-left{float: left;width: 13.4rem;background-color: #fff;padding: .55rem .7rem;}
.mp-top{width: 100%;text-align: center;border-bottom: 1px solid #f0f0f0;}
.mp-titles{color: #333333;line-height: 1.3;margin-bottom: .2rem;font-weight: bold;}
.mp-c{width: 100%;padding-bottom: .2rem;}
.mp-d{display: inline-block;vertical-align: middle;margin:0 .15rem .15rem ;line-height: 1.3;color: #666666;}
.mp-textbox{width: 100%;line-height: 1.7;color: #888888;padding: .25rem 0;border-bottom: 1px solid #f0f0f0;}
.mp-textbox *{line-height: inherit;max-width: 100%;}

.mp-buttom{width: 100%;text-align: right;padding-top: .45rem;}
.mp-up{display: inline-block;vertical-align: middle; color: #666666;margin-right: .5rem;cursor: pointer;}
.mp-up:before{content: '<';display: inline-block;vertical-align: top; margin-right: .2rem;margin-top: -.1em; font-size: 1.2em;font-weight: bold;}
.mp-up:hover{color: #cd010d;}
.mp-next{display: inline-block;vertical-align: middle; color: #666666; cursor: pointer;}
.mp-next:after{content: '>';display: inline-block;vertical-align: top; margin-left: .2rem;margin-top: -.1em; font-size: 1.2em;font-weight: bold;}
.mp-next:hover{color: #cd010d;}

.mp-right{float: right; width: 3.7rem;background-color: #fff;}
.mp-e{width: 100%;border-bottom: 1px solid #e5e5e5;padding: .15rem .35rem;position: relative;}
.mp-tip{padding: .06rem .2rem; color: #cd010d;border-left: 1px solid #cd010d;font-weight: bold;}
.mp-more{position: absolute;top: 50%;right: .35rem; transform: translate(0,-50%);display: block;cursor: pointer; color: #999999;}
.mp-more:after{content: '>';margin-left: .08rem;}
.mp-more:hover{color: #cd010d;}
.mp-list{width: 100%;padding: .1rem .35rem 0;}
.mp-item{display: block;cursor: pointer;width: 100%;padding: .15rem 0;border-bottom: 1px dashed #e5e5e5;font-size: 0;}
.mp-item:last-child  {border-bottom: none;}
.mp-img{display: inline-block;vertical-align: middle;width: 1rem;overflow: hidden;}
.mp-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.mp-text{display: inline-block;vertical-align: middle;width: calc(100% - 1rem);padding-left: .15rem;}
.mp-name{color: #333333;line-height: 1.6;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mp-time{color: #999999;margin-top: .1rem;}

.mp-item:hover .mp-img img{transform: scale(1.05);}
.mp-item:hover .mp-name{color: #cd010d;}


@media(max-width:900px) {
    .mp-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .mp-left{width: 100%;margin-bottom: .5rem;padding: .5rem .35rem;}
    .mp-right{width: 100%;}
    .mp-img{width: 1.8rem;}
    .mp-text{width: calc(100% - 1.8rem);}
}



.mq-a{width: 100%;padding-top: .8rem;padding-bottom: .85rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.mq-b{width: 17.7rem;margin: 0 auto;}
.mq-navbox{width: 100%;text-align: center; position: relative;z-index: 18;}
.mq-nav{display: inline-block;vertical-align: middle;border-bottom: .02rem solid transparent;padding: .12rem 0; position: relative;cursor: pointer; color: #999999; margin: 0 .3rem .35rem;}
.mq-nav:after{content: '';position: absolute;top: 50%;right: -.45rem;margin-top: -.09rem;width: .03rem;height: .18rem;background-color: #eee;}
.mq-nav:last-child:after{display: none;}
.mq-nav:before{display: none;content: ''; position: absolute;bottom: -.1rem;left: 50%;margin-left: -.05rem;width: .11rem;height: .1rem;background-image: url(../images/g25.png);background-size: .11rem auto;background-position: top center;background-repeat: no-repeat;}

.mq-nav:hover{border-bottom: .02rem solid #f50010;color: #222222;}
.mq-nav:hover:before{display: block;}
.mq-nav.active{border-bottom: .02rem solid #f50010;color: #222222;}
.mq-nav.active:before{display: block;}

.mq-cont{width: 100%;font-size: 0;padding-bottom: .1rem;}
.mq-item{display: inline-block;vertical-align: middle;width: 4rem;padding: .15rem .15rem .2rem;text-align: center;cursor: pointer;	background-color: #ffffff;margin-right: .55rem;margin-bottom: .55rem;}
.mq-item:nth-child(4n){margin-right: 0;}
.mq-img{width: 100%;overflow: hidden;margin-bottom: .2rem;}
.mq-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.mq-text{width: 100%;}
.mq-name{color: #666666;color: #666666;line-height: 1.3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.mq-item:hover .mq-img img{transform: scale(1.05) ;}
.mq-item:hover .mq-name{color: #cd010d;}



@media(max-width:900px) {
    .mq-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .mq-item{width: calc(50% - 5px);margin-right: 10px;}
    .mq-item:nth-child(2n){margin-right: 0;}
}



.mr-a{width: 100%;padding-top: .85rem;padding-bottom: .98rem; background-color: #f8f8f8;}
.mr-b{width: 17.7rem;margin: 0 auto;}
.mr-cont{width: 100%;font-size: 0;padding-bottom: .45rem;}
.mr-item{display: inline-block;vertical-align: middle;cursor: pointer;background-color: #ffffff;border-radius: .1rem;width: 5.74rem;margin-right:  .24rem;margin-bottom: .25rem;}
.mr-item:nth-child(3n){margin-right: 0;}
.mr-img{width: 100%;height: 4.65rem;text-align: center;line-height: 4.65rem;border-bottom: 1px solid #eeeeee;}
.mr-img img{max-width: 80%; max-height: 65%;transform: scale(1.00);transition: all .5s;}
.mr-text{display: block; width: 100%;padding:.4rem .5rem .65rem;position: relative;}
.mr-text:after{content: ''; position: absolute;bottom: .45rem;left: .5rem;width: 50%;height: 3px;background-image: url('../images/g32.png');background-size: auto 3px;background-position: left center;background-repeat: no-repeat;}
.mr-name{color: #9a9a9a;line-height: 1.3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.mr-item:hover .mr-img img{transform: scale(1.05);}
.mr-item:hover .mr-text{background-color: #cd010d;}
.mr-item:hover .mr-text:after{background-image: url('../images/g32-b.png');}
.mr-item:hover .mr-name{ color: #fff;}

@media(max-width:900px) {
    .mr-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .mr-item{width: calc(50% - 5px);margin-right: 10px;}
    .mr-item:nth-child(3n){margin-right: 10px;}
    .mr-item:nth-child(2n){margin-right: 0;}
    .mr-img{height: 2.8rem;line-height:  2.8rem;}
    .mr-img img{max-height: 80%;}
    .mr-text{padding: .4rem .2rem .65rem;}
    .mr-text:after{left: .2rem;}
}


.ms-a{width: 100%;padding-top: .8rem; background-color: #f8f8f8;}
.ms-top{width: 17.7rem;margin: 0 auto;}
.ms-c{width: 100%;font-size: 0;text-align: center;padding-bottom: .4rem;}
.ms-form{width: 100%;}
.ms-d{display: inline-block;vertical-align: middle;text-align: left;margin-bottom: .3rem; }
.ms-e{display: inline-block;vertical-align: middle;text-align: left;margin-bottom: .3rem; }
.ms-f{display: inline-block;vertical-align: middle;margin-right: .2rem; border: none;background-color: #ffffff;width: 4.8rem;height: 40px;color: #333333;padding: 0 .2rem;}
.ms-submit{display: inline-block;vertical-align: middle;border: none;cursor: pointer;color: #ffffff;height: 40px;width: 1rem;text-align: center;line-height: 40px;background-color: #cd010d;}
 
.ms-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 1.8rem; margin-right: .2rem; background-color: #ffffff;position: relative;padding-right: .35rem;padding-left: .2rem;white-space:nowrap}
.ms-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: 40px;line-height: 40px; color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ms-form .select-w select{position: absolute;width: 100%;height: 100%;padding-left: .2rem;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.ms-form .select-w:after{ content: "";  position: absolute;right: .2rem;top: 0;z-index: 1;width: .15rem;height: 100%;background-image: url('../images/g33.png');background-size: .15rem auto;background-position: center center;background-repeat: no-repeat;}

.ms-bottom{width: 100%;background-color: #fff;padding-bottom: .95rem;}
.ms-h{width: 17.7rem;margin: 0 auto;}
.ms-cont{width: 100%;padding-bottom: .78rem;}
.ms-i{width: 100%;font-size: 0;padding: .15rem 2.85rem;background-color: #999999;}
.ms-j{display: inline-block;vertical-align: middle;color: #ffffff;line-height: 2;}
.ms-j:nth-child(1){width: 3.2rem;}
.ms-j:nth-child(2){width: 2.8rem;}
.ms-j:nth-child(3){width: 2.8rem;}
.ms-j:nth-child(4){width: 3.2rem;}

.ms-list{width: 100%;}
.ms-item{width: 100%;border-bottom: 1px solid #eeeeee;}
.ms-k{width: 100%;font-size: 0;padding: .15rem 2.85rem;cursor: pointer; position: relative;}
.ms-k:after{content: '';position: absolute;right: 2.85rem;top: 0; width: .15rem;height: 100%;background-image: url('../images/g34.png');background-size: .15rem auto;background-position: center center;background-repeat: no-repeat;}
.ms-l{display: inline-block;vertical-align: middle;color: #666666;line-height: 2;}
.ms-l:nth-child(1){width: 3.2rem;}
.ms-l:nth-child(2){width: 2.8rem;}
.ms-l:nth-child(3){width: 2.8rem;}
.ms-l:nth-child(4){width: 3.2rem;}

.ms-sub{display: none; width: 100%;padding: .5rem 2.85rem;background-color: #fafafa;}
.ms-m{width: 100%;font-size: 0;}
.ms-one{display: inline-block;vertical-align: top;width: 50%;padding-right: .35rem;margin-bottom: .25rem;}
.ms-n{color: #222222;margin-bottom: .3rem;}
.ms-textbox{display: inline-block;vertical-align: middle;color: #333333;line-height: 2.25;}
.ms-textbox *{line-height: inherit;}

.ms-item.show .ms-k{background-color: #cd010d;}
.ms-item.show .ms-k:after{background-image: url('../images/g34-b.png');}
.ms-item.show .ms-l{ color: #fff;}


@media(max-width:900px) {
    .ms-top{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .ms-h{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .ms-d{width: 100%;}
    .ms-form .select-w{width: calc(33.33% - .1rem);margin-right: .15rem;}
    .ms-form .select-w:nth-child(3n){margin-right: 0;} 
    .ms-e{width: 100%;}
    .ms-f{width: calc(60% - .15rem);margin-right: .15rem;}
    .ms-submit{width: 40%;}

    .ms-i{padding: .15rem .2rem;} 
    .ms-j{font-size: 12px;}
    .ms-j:nth-child(1){width: 30%;}
    .ms-j:nth-child(2){width: 20%;text-align: center;}
    .ms-j:nth-child(3){width: 20%;text-align: center;}
    .ms-j:nth-child(4){width: 30%;text-align: center;}
    .ms-k{padding: .15rem .2rem;} 
    .ms-k:after{right: .2rem;}
    .ms-l{font-size: 12px;}
    .ms-l:nth-child(1){width: 30%;}
    .ms-l:nth-child(2){width: 20%;text-align: center;}
    .ms-l:nth-child(3){width: 20%;text-align: center;}
    .ms-l:nth-child(4){width: 30%;text-align: center;}

    .ms-sub{width: 100%;padding: .35rem .2rem;}
    .ms-one{width: 100%;padding-right: 0;}

}



.mt-a{width: 100%;padding-top: .8rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.mt-b{width: 17.7rem;margin: 0 auto;}
.mt-cont{width: 100%;padding-top: .55rem;}
.mt-list{width: 100%;font-size: 0;text-align: center;padding-bottom: .6rem;display: flex;flex-wrap: wrap;justify-content: center;}
.mt-item{display: inline-block;vertical-align: top;margin-bottom: .45rem;text-align: left; padding: 0 .9rem;border-right: 1px solid #dbdcdf;}
.mt-item:last-child{border: none;} 
.mt-c{width: 100%;margin-bottom: .3rem;}
.mt-nub{display: inline-block;vertical-align: bottom;color: #cd010d;font-weight: bold;}
.mt-d{display: inline-block;vertical-align: bottom;margin-bottom: .2em; color: #cd010d;font-weight: bold;}
.mt-dspan{vertical-align: top; color: #cd010d;}
.mt-text{line-height: 1.3; color: #909192;}
.mt-bottom{width: 100%;padding: 1.7rem 2.2rem ;font-size: 0; background-color: rgba(255,255,255,.9); border-radius: .2rem .1rem 0px 0px;}
.mt-left{display: inline-block;vertical-align: middle;}
.mt-logo{display: inline-block;cursor: pointer; width: 1.3rem;}
.mt-right{display: inline-block;vertical-align: middle;width: calc(100% - 1.3rem);padding-left: 1.4rem;position: relative;}
.mt-right:before{content: '';position: absolute;top: 0;left: .7rem;width: 1px;height: 100%;background-color: #222222;}
.mt-titles{color: #222222;line-height: 1.3;margin-bottom: .3rem;}
.mt-textbox{width: 100%;color: #666666;line-height: 2;}
.mt-textbox *{line-height: inherit;}


@media(max-width:900px) {
    .mt-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .mt-item{width: 33.33%;text-align: center;padding: 0 .1rem;}
    .mt-nub{font-size: 22px;}
    .mt-d{font-size: 16px;}
    .mt-dspan{font-size: 10px;}
    .mt-text{font-size: 12px;}
    .mt-bottom{width: 100%;padding: .5rem 10px !important;}
    .mt-left{width: 100%;text-align: center;}
    .mt-right{width: 100% !important;padding-left: 0;}
    .mt-right:before{display: none;}
}

.mu-a{width: 100%;overflow: hidden; position: relative;padding-top: .8rem;padding-bottom: 1.55rem; background-size: auto 100%;background-position: left center;background-repeat: no-repeat; background-color: #f9f9f9;}
.mu-b{width: 14.9rem;margin: 0 auto;}
.mu-cont{padding-top: .4rem;}
.mu-left{position: absolute;top: 0;right: 0;height: 100%;}
.mu-img{height: 100%;}
.mu-img img{max-width: none; height: 100%;}
.mu-right{display: block;position: relative;z-index: 18;width: 60%;}
.mu-titles{color: #222222;position: relative;padding-bottom: .4rem;margin-bottom: .5rem;}
.mu-titles:after{content: '';position: absolute;bottom: 0;left: 0;	width: .2rem;height: .04rem;background-color: #cd010d;}
.mu-textbox{color: #666666;line-height: 2;width: 100%;}
.mu-textbox *{line-height: inherit;}


@media(max-width:900px) {
    .mu-a{background-size: cover;background-position: center center;}
    .mu-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .mu-left{position: relative;height: auto;margin-bottom: .5rem;}
    .mu-img{width: 100%;text-align: center;}
    .mu-img img{width: 80%;}
    .mu-right{width: 100%;}
}


.mv-a{width: 100%;}
.mv-b{width: 100%;margin: 0 auto;}
.mv-cont{width: 100%;font-size: 0; display: flex;flex-wrap: wrap;}
.mv-left{display: inline-block;vertical-align: middle;text-align: right; width: 50%;padding: 1.77rem  0 1.47rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.mv-c{display: inline-block;vertical-align:bottom;margin-right: 0.8rem; text-align: left; width: 3.5rem; padding: .45rem .3rem .9rem; background-image: url('../images/g36.png');background-size:cover;background-position: right bottom;background-repeat: no-repeat;}
.mv-em{color: #ffffff;margin-bottom: .18rem;}
.mv-titles{color: #ffffff;padding-bottom: 1.05rem;margin-bottom: .35rem; position: relative;}
.mv-titles:after{content: '';position: absolute;bottom: 0;left: 0;width: .6rem;height: .6rem;background-image: url('../images/g37.png');background-size: auto .6rem;background-position: center center;background-repeat: no-repeat;}
.mv-d{color: #ffffff;line-height: 1.3;margin-bottom: .15rem;}
.mv-e{color: #ffffff;opacity: 0.25;line-height: 1.2;}
.mv-navbox{display: inline-block;vertical-align: bottom;width: 1.75rem;text-align: left;}
.mv-nav{display: block;cursor: pointer;width: 100%;color: #333333;padding: .95rem .25rem  .6rem .25rem;background-color: rgba(215,213,213,.8);position: relative;}
.mv-nav:before{content: '';position: absolute;top: .37rem;left: .25rem;	width: .23rem;height: .03rem;background-color: #333333;}
 
.mv-nav.active{background-color: #fff;color: #cd010d;}
.mv-nav.active:before{background-color: #cd010d;}

.mv-right{display: inline-block;vertical-align: middle;width: 50%;padding: 1.6rem  .8rem 1.47rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.mv-f{width: 100%;}
.mv-g{color: #333333;margin-bottom: .45rem;}
.mv-textbox{display: block;color: #666666;line-height: 2.25;max-width: 35em; min-height: 2.25rem;padding-bottom: .35rem;}
.mv-textbox *{line-height: inherit;}
.mv-imgbox{width: 100%;}
.mv-one{display: inline-block;vertical-align: middle; width: 1.85rem;margin-right: .25rem;margin-bottom: .4rem;}
.mv-one img{width: 100%;}

.mv-list{width: 100%;}
.mv-item{display: inline-block;vertical-align: top;width: calc(33.33% - .1rem); margin-bottom: .4rem; margin-right: .15rem;text-align: center;}
.mv-item:nth-child(3n){margin-right: 0;}
.mv-img{display: block;cursor: pointer;margin-bottom: .13rem; width: 100%;height: 2.2rem;line-height: 2.2rem;}
.mv-img img{max-width: 100%;max-height: 100%;height: auto;}
.mv-name{color: #333333;line-height: 1.3;}

@media(max-width:900px) {
    .mv-b{width: 100%;max-width: 500px; }
    .mv-left{width: 100%;padding: .5rem 10px;}
    .mv-c{width: 100%;margin-right: 0;padding: .5rem .25rem; background-size: 0 0;background-color: rgba(205,1,13,.68);}
    .mv-navbox{width: 100%;}
    .mv-right{width: 100%;padding: .5rem .25rem;}
    .mv-one{width: calc(33.33% - .1rem);margin-right: .15rem;}
    .mv-one:nth-child(3n){margin-right: 0;}
 
    .mv-img{height: 1.8rem;line-height: 1.8rem;}
  
}

/*第二套内页修改主题色 */
body.knapsack .mm-nav:hover{border-bottom: .02rem solid #944632;}
body.knapsack .mm-nav.active{border-bottom: .02rem solid #944632;}
body.knapsack .mm-c:after{background-color: #944632;}

body.knapsack .bg-buttom:hover{background-color: #944632 !important;}
body.knapsack .bg-item:hover{background-color: #944632 !important;}
body.knapsack .bg-item.active{background-color: #944632 !important;}

body.knapsack .mj-prev:hover{background-color: #944632;border: solid 1px #944632;} 
body.knapsack .mj-next:hover{background-color: #944632;border: solid 1px #944632;} 
body.knapsack .mj-nav:hover .mj-e{border-bottom: .02rem solid #944632;} 
body.knapsack .mj-nav.active .mj-e{border-bottom: .02rem solid #944632;}
body.knapsack .mj-one:hover{color: #944632;} 
body.knapsack .mj-nav:hover .mj-e{border-bottom: .02rem solid #944632;}  
body.knapsack .mj-h:after{background-color: #944632;color: #333333;}
body.knapsack .mj-item:hover .mj-htext{ color: #944632;}

body.knapsack .mo-text{background-color: rgba(255,206,36,.65);}
body.knapsack .mo-text:before{content: ''; position: absolute;top: .1rem;left: .1rem;width: calc(100% - .2rem);height: calc(100% - .2rem); border: solid 1px #ffffff;}
body.knapsack .mj-c{width: 27em;}

body.knapsack .mk-nav.active .mk-bg{border: solid 1px #944632;}
/* body.knapsack .mk-name{color: #944632;} */ 

body.knapsack .ml-titles:before{background-color: #944632;}
body.knapsack .ml-icon{   background-color: #944632;border: solid .02rem #944632;} 
body.knapsack .ml-submit:hover{background-color: #944632; }

body.knapsack .mn-up:hover{color: #944632;}
body.knapsack .mn-next:hover{color: #944632;}
body.knapsack .mn-more:hover{color: #944632;}
body.knapsack .mn-tip{color: #944632;border-left: 1px solid #944632;}
body.knapsack .mn-item:hover .mn-name{color: #944632;}

body.knapsack .mp-tip {color: #944632;border-left: 1px solid #944632;}
body.knapsack .mp-more:hover{color: #944632;}
body.knapsack .mp-item:hover .mp-name{color: #944632;}
body.knapsack .mp-up:hover{color: #944632;} 
body.knapsack .mp-next:hover{color: #944632;} 

body.knapsack .mq-item:hover .mq-name{color: #944632;}  
body.knapsack .mq-nav:hover{border-bottom: .02rem solid #944632;} 
body.knapsack .mq-nav.active{border-bottom: .02rem solid #944632;}
body.knapsack .mt-nub{color: #944632;}
body.knapsack .mt-d{color: #944632;}
body.knapsack .mt-dspan{color: #944632;}
body.knapsack .mt-bottom{padding: 1.7rem 1.7rem;}
body.knapsack .mt-logo{width: 2.3rem;}
body.knapsack .mt-right{width: calc(100%  - 2.3rem);}

body.knapsack .mr-item:hover .mr-text{background-color: #944632;}

body.knapsack .ms-submit{background-color: #944632;}
body.knapsack .ms-item.show .ms-k{background-color: #944632;}

body.knapsack .mu-titles:after{background-color: #944632;}

body.knapsack .mv-nav.active{ color: #944632;}
body.knapsack .mv-nav.active:before{background-color: #944632;}

body.knapsack .mn-e{ padding: .2rem .3rem  ;}
body.knapsack .mn-list{ padding: .1rem .3rem 0;}

@media(max-width:900px) {
    body.knapsack .mv-c{background-color: rgba(148,70,50,.68);}
} 


body.knapsack .mh-cont{padding-top: 0; }
body.knapsack .mh-en{ color: #222222;}
body.knapsack .mh-titles{ color: #222222;}
 
body.knapsack .mk-bg{background-color: transparent;padding-top: calc(100/100*100%);position: relative;overflow: hidden;}
body.knapsack .mk-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

/*第二版内页结束 */


/* 动画 */

.teaser{opacity:0;transform:translate3d(0,100px,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);} 
.lter{opacity:0;transform:translate3d(-100px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(100px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);} 
.scale{opacity:0;transform:scale(1.3);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.scale.is-visible{opacity:1;transform:scale(1);} 
.reduce{opacity:0;transform:scale(.7);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.reduce.is-visible{opacity:1;transform:scale(1);}

@media(min-width: 750px) {

    .teaser.delay2  {transition-delay: .2s;}
    .teaser.delay4  {transition-delay: 0.4s;}
    .teaser.delay6  {transition-delay: 0.6s;}
    .teaser.delay8  {transition-delay: 0.8s;}
 
    .lter.delay2  {transition-delay: 0.2s;}
    .lter.delay4  {transition-delay: 0.4s;}
    .lter.delay6  {transition-delay: 0.6s;}
    .lter.delay8  {transition-delay: 0.8s;}
 
    .rter.delay2  {transition-delay: 0.2s;}
    .rter.delay4  {transition-delay: 0.4s;}
    .rter.delay6  {transition-delay: 0.6s;}
    .rter.delay8  {transition-delay: 0.8s;} 

}

.p-a,.k-a{overflow: hidden;}
.q-icon{position: relative;top: 0;transition: all ease .5s;}
.q-item:hover .q-icon{top: -5px;}  

@media(min-width:750px) {
    .r-item.teaser:nth-child(4n + 2)  {transition-delay: .2s;} 
    .r-item.teaser:nth-child(4n + 3)  {transition-delay: .4s;} 
    .r-item.teaser:nth-child(4n + 4)  {transition-delay: .6s;} 

    .j-item.teaser:nth-child(3n + 2)  {transition-delay: .3s;} 
    .j-item.teaser:nth-child(3n + 3)  {transition-delay: .6s;} 
}

.da-titles ,.da-intro ,.da-more{opacity:0;transform:translate3d(150px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.da-item.swiper-slide-active .da-titles{opacity:1;transform:translate3d(0,0,0);}
.da-item.swiper-slide-active .da-intro{opacity:1;transform:translate3d(0,0,0);}
.da-item.swiper-slide-active .da-more{opacity:1;transform:translate3d(0,0,0);}

.da-intro  {transition-delay: .2s;}
.da-more  {transition-delay: 0.4s;}
 

.ea-titles ,.ea-intro ,.ea-more{opacity:0;transform:translate3d(150px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.ea-item.swiper-slide-active .ea-titles{opacity:1;transform:translate3d(0,0,0);}
.ea-item.swiper-slide-active .ea-intro{opacity:1;transform:translate3d(0,0,0);}
.ea-item.swiper-slide-active .ea-more{opacity:1;transform:translate3d(0,0,0);}

.ea-intro  {transition-delay: .2s;}
.ea-more  {transition-delay: 0.4s;}

/*弹出层相关*/
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}