/* 基础样式 */
body{
	margin: 0;
	background-color: #ffffff;
	font-family: Arial,Microsoft Yahei;
}
*{
	outline: none;
}
a{
	text-decoration: none;
}
h1, h2, h3, h4, h5{
    margin: 0;
    font-size: 100%;
    font-weight: normal;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;/
}

dl, dt, dd, p{ 
	margin:0; 
	padding:0;
}
ul, ol, li {
    list-style: none;
	padding:0;
	margin:0;
}

/* 超出隐藏 */
.of-ellipsis{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 多行文本超出隐藏 */
.of-ellipsis-2{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.of-ellipsis-3{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.of-ellipsis-4{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.of-ellipsis-5{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.of-ellipsis-6{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}
.of-ellipsis-7{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}
.of-ellipsis-8{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}

.s12 {
    font-size: 12px;
}
.s14 {
    font-size: calc(14 * 1rem / 100);
}
.s16 {
    font-size: calc(16 * 1rem / 100);
}
.s18 {
    font-size: calc(18 * 1rem / 100);
}
.s20 {
    font-size: calc(20 * 1rem / 100);
}
.s22 {
    font-size: calc(22 * 1rem / 100);
}
.s24 {
    font-size: calc(24 * 1rem / 100);
}
.s28 {
    font-size: calc(28 * 1rem / 100);
}
.s30 {
    font-size: calc(30 * 1rem / 100);
}
.s36 {
    font-size: calc(36 * 1rem / 100);
}
.s40 {
    font-size: calc(40 * 1rem / 100);
}
.s48 {
    font-size: calc(48 * 1rem / 100);
}
.s56 {
    font-size: calc(56 * 1rem / 100);
}
.s60 {
    font-size: calc(60 * 1rem / 100);
}
.s70 {
    font-size: calc(70 * 1rem / 100);
}


/* 动画 */

.drop{opacity:0;transform:translate3d(0,-80px,0);}
.drop.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.teaser{opacity:0;transform:translate3d(0,80px,0);}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 

.lter{opacity:0;transform:translate3d(-80px,0,0);}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.rter{opacity:0;transform:translate3d(80px,0,0);}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}

.scale{opacity:0;transform:scale(1.1);}
.scale.is-visible{opacity:1;transform:scale(1);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.reduce{opacity:0;transform:scale(.9);}
.reduce.is-visible{opacity:1;transform:scale(1);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}



/*顶栏*/
.header{position: fixed;top: 0;left: 0;z-index: 288;width: 100%;}
body.no-banner .header { background-color: #000;}
.h-main{width: 17.6rem;margin: 0 auto;}
.h-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-left{float: left; font-size: 0;}
.h-logo{display: inline-block;vertical-align: middle;cursor: pointer;height: 1.0rem;line-height: 1.0rem;}
.h-logo img{max-width: none;height: .24rem;}

.h-right{float: right;}
.h-h{display: inline-block;vertical-align: middle;}
.h-i{display: inline-block;vertical-align: top;position: relative;cursor: pointer; padding: 0 .4rem;}
.h-j{display: inline-block;position: relative;height: 1.0rem;line-height: 1.0rem;color: #ffffff;}
.h-j:after{content: '';position: absolute;top: calc(50%  + 1.5em); left: 0;width: 0;transition: all ease .5s;height: .02rem;background-color: #fff;}
.h-i.active .h-j:after { width: 100%;}
.h-sub {display: none;min-width: 2rem;background-color: #fff;position: absolute;left: 50%;top: 1.0rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.h-sub>li>a {display: block;cursor: pointer;width: 100%;padding: 10px 8px;white-space: nowrap; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.h-sub>li>a:hover {color: #fff;background-color: #000000;}   
.headerTel {display: inline-block; vertical-align: middle;  background: url(../img/nav_tel.png) no-repeat left center; display: inline-block;  padding-left:28px; color:#fff; margin-left: .2rem;}


.h-k{display: inline-block;vertical-align: middle;margin-left: .2rem;}
.h-search{display: block;cursor: pointer;width: 1.5em;height: 1.0rem;background-image: url('../img/a2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.hs-a{display: none;z-index: 108;white-space: nowrap; position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);}
.hs-form{font-size: 0;display: inline-block;}
.hs-text{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}
.hs-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #000;background-image: url('../img/a2.png');background-size: 18px auto;background-position: center center;background-repeat: no-repeat;}
.header.search-state .hs-a {display: block;}
.header.search-state .h-opa {display: block;}
.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}
.header.search-state .h-opa {display: block;}
.header:hover {background-color: #000;}
.header.black {background-color: #000;}
.h-i:hover .h-j:after{width: 100%;}
.h-i.active .h-j:after{width: 100%;}


.footer{width: 100%;padding-top: .75rem; background-color: #111111;}
.f-main{width: 16rem;margin: 0 auto;}
.f-top{width: 100%;padding-bottom: .7rem;}
.f-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-left{float: left;width: 8.25rem;display: flex;justify-content: space-between;}
.f-item{display: block;padding-right: .1rem;margin-bottom: .45rem;}
.f-one{display: block;width: 100%;margin-bottom: .28rem; color: #ffffff;line-height: 1.5;}
.f-twobox{display: inline-block;}
.f-two{display: block;cursor: pointer;margin-bottom: .1rem;line-height: 1.7;color: rgba(255,255,255,.5);}
.f-two:hover{color: #fff;}
.f-right{float: right;max-width: 3.8rem;}
.f-tip{width: 100%;margin-bottom: .28rem; color: rgba(255,255,255,.5);line-height: 1.5;}
.f-phone{display: block;cursor: pointer;width: 100%;margin-bottom: .38rem; color: #d6ad5d;line-height: 1.17;}
.f-address{width: 100%;margin-bottom: .1rem; line-height: 1.7;color: rgba(255,255,255,.5);}
.f-sharebox{width: 100%;font-size: 0;}
.f-share{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin-right: .2rem;margin-top: .2rem;}
.f-share:last-child{margin-right: 0;}
.f-link{display: block;}
.f-icon1{display: block;width: .45rem;height: .45rem;text-align: center;line-height: .45rem;overflow: hidden; border-radius: 50%; border: 1px solid rgba(255,255,255,.1);}
.f-icon1 img{opacity: .5; max-width: 100%;max-height: 100%;}
.f-icon2{display: none;width: .45rem;height: .45rem;text-align: center;line-height: .45rem;overflow: hidden; border-radius: 50%; border: 1px solid #ffffff;	background-color: #ffffff;}
.f-icon2 img{max-width: 100%;max-height: 100%;}
.f-share:hover .f-icon1{display: none;}
.f-share:hover .f-icon2{display: block;}

.f-sub{display: none; position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);padding-top: 13px;}
.f-box{display: block;position: relative; text-align: center;padding: .15rem;min-width: 1.3rem; background-color: #ffffff;border-radius: 3px;}
.f-box:before{content: ''; position: absolute;top: -6px;left: 50%;margin-left: -6px;border-bottom: 6px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.f-code{display: inline-block;min-width: 80px; width: 100%;margin-bottom: .1rem;}
.f-code img{width: 100%;}
.f-name{width: 100%;white-space: nowrap; color: #666666;line-height: 1;}

.f-link{width: 100%;padding: .2rem 0; color: rgba(255,255,255,.5);}
.f-link a{ margin-left:0.2rem; color: rgba(255,255,255,.5);}
.f-link a:hover{ text-decoration:underline;}

.f-bottom{width: 100%;padding: .4rem 0;border-top: 1px solid rgba(255,255,255,.1); display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;}
.f-lt{font-size: 0;}
.f-logo{display: inline-block;cursor: pointer;}
.f-logo img{max-width: none;height: .24rem;}
.f-rt{font-size: 0;}
.f-td{display: inline-block;vertical-align: middle;margin-right: .25rem;line-height: 1.7;color: rgba(255,255,255,.5);}
.f-td:last-child{margin-right: 0;}
.f-rt a{cursor: pointer;}
.f-rt a:hover{color: #fff;}

.banner{width: 100%;position: relative;}
.banner-img {width: 100%;}
.banner-img img{width: 100%;}
.banner-text{position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%); width: 16rem;}
.banner-titles{width: 100%;margin-bottom: .2rem; color: #ffffff;font-weight: bold;line-height: 1.17;}
.banner-intro{width: 100%;color: #ffffff;line-height: 1.41;}

.nav{width: 100%;overflow: hidden; background-color: #111111;}
.nav-main{width: 16rem;margin: 0 auto;}
.nav-cont{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.nav-left{font-size: 0;flex: 1;}
.nav-b{display: inline-block; max-width: 100%;}
.nav-item{position: relative; width: auto;cursor: pointer; margin-right: .8rem;}
.nav-item:last-child{margin-right: 0;}
.nav-item:after{transition: all ease .5s; content: '';position: absolute;bottom: 0;left: 0;width: 0;overflow: hidden; height: .03rem;background-color: #ffffff;}
.nav-item:hover:after {width: 100%;}
.nav-item.active:after{width: 100%;}
.nav-classify{display: block;height: .8rem;line-height: .8rem;color: #ffffff;}

.nav-right{font-size: 0;max-width: 50%;padding-left: .2rem;}
.nav-one{display: inline-block;vertical-align: middle;cursor: pointer; height: .8rem;line-height: .8rem;color: #ffffff;}
.nav-one:after{content: '>';display: inline-block;vertical-align: middle;margin: 0 .1rem;}
.nav-one:last-child:after{display: none;}
.nav-one:nth-child(1):before{content: '';display: inline-block;vertical-align: middle;margin-right: .15rem; width: 1.07em;height: 1.5em; background-image: url('../img/a27.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}



/*翻页*/
.pg-main{width: 100%;text-align: center;font-size: 0;}
.pg-main a{display: inline-block;vertical-align: top;min-width: .55rem;height: .55rem;line-height: .55rem;border-radius: .05rem;padding: 0 .1rem;transition: all .3s;background-color: #fff;margin: 0 .1rem;font-size: .16rem;color: #666;cursor: pointer;}
.pg-main a.active{background-color: #d6ad5d;color: #fff;}
.pg-prev,
.pg-next{background-image: url(../img/78.png);background-size: .15rem auto;background-repeat: no-repeat;background-position: center center;}
.pg-next{background-image: url(../img/79.png);}
.pg-main a:hover{background-color: #d6ad5d;color: #fff;}
.pg-prev:hover{background-image: url(../img/80.png);}
.pg-next:hover{background-image: url(../img/81.png);}

.my-id { position: absolute; top: -1.0rem; left: 0;}