*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;font-size:100px}
@media (max-width:1600px){html{font-size:6.25vw}
}
@media (max-width:1024px){html{font-size:9.765625vw}
}
@media (max-width:480px){html{font-size:14vw}
}
body{line-height:2;font-size:0.16rem;}
.auto-inner{margin:0 auto;width:84%;}
@media (max-width:1400px){
.auto-inner{width:96%;}
}
/*--------------------------------------------------------------------------------------------Maintop */
.Process001 .wap{
    display: none;
}
@media(max-width:768px){
.Process001 .pc {
        display: none;
    }
.Process001 .wap{
        display: block;
    }
}

.Maintop{}
.Maintop .top-nav{display: table; height: 115px;}
.Maintop .top-nav dd{display: table-cell; vertical-align: middle;}

.Maintop .t-login a{display: block; border: 1px solid rgba(255,255,255,0.5);padding: 0 27px;line-height: 36px; border-radius: 50px; transition: 0.3s;}
.Maintop .t-login a:before{display: inline-block; content: ''; width: 28px; height: 16px;background: url("../images/Top002908_login.png") no-repeat left center; vertical-align: middle;}
.Maintop .t-login a:hover{background: #89b320;border-color: #89b320;color: #fff;}

.Maintop.hover .t-login a{display: block; border: 1px solid rgba(0,0,0,0.9);padding: 0 27px;line-height: 36px; border-radius: 50px; transition: 0.3s;}
.Maintop.hover .t-login a:hover{background: #89b320;border-color: #89b320;color: #fff;}
@media (min-width:1025px) {
.Maintop{position:fixed;width:100%;left:0;top:0;z-index:100;border-bottom:0.01rem solid rgba(255,255,255,0.1);transition:background-color 0.3s,transform 1s;}
.Maintop.Down{transform:translateY(-5.3125em);}
.Maintop.hover{background-color:#fff;box-shadow:0 0 0.1rem rgba(0,0,0,0.1);}
.Maintop.hover .logo .white,
.Maintop:not(.hover) .logo .red{display:none;}
.Maintop:not(.hover),
.Maintop:not(.hover) a:not(:hover){color:#fff;}
}
@media (max-width:1024px) {
    .Maintop .top-nav{height: 80px;}
    .Maintop .t-login a{padding: 0 16px;line-height: 30px;font-size: 14px;}
 .Maintop .t-login a:before{width: 18px; margin-top: -2px;}
.Maintop{height:0.525em; }
.Maintop .wap-fixed{position:fixed;width:100%;left:0;top:0;z-index:100;background-color:#fff;box-shadow:0 0 0.1rem rgba(0,0,0,0.1);padding-top:0em;}
.Maintop .logo .white{display:none;}
.Maintop .auto{position:relative;border-top:0.01rem solid #eee;}
}
.Maintop .logo{float:left;display:table;height:5.3125em;}
.Maintop .logo a{display:table-cell;vertical-align:middle;}
.Maintop .logo img{height:3.5em;}
@media (max-width:1024px) {
.Maintop .logo{height:4em;}
.Maintop .logo img{height:3em;}
}
.Maintop .top-nav dd{font-family:'Bebas';}
.Maintop .top-nav dd.oa a{display:block;border:0.01rem solid #ccc;text-align:center;}
.Maintop.hover .top-nav dd.oa a:hover{background:#89b320;color:#fff;}
.Maintop.hover .top-nav dd.oa a{border-color:#ccc;padding:0 0.1rem;text-align:center;}
.Maintop .top-nav dd.lang a{margin:0 0.05rem;}
.Maintop .top-nav dd.stock b{font-weight:normal;}

/* @media(min-width:1025px) and  (max-width:1770px) {
.Maintop .top-nav{margin-right:8.34vw;}
} */
@media (min-width:1025px) {
.Maintop .top-nav{float:right;padding-top:1.75em;font-size:0.875em;}
.Maintop .top-nav dd{float:left;line-height:2.5714em;}
.Maintop .top-nav dd.oa{margin-left:-2.2857em;}
.Maintop .top-nav dd.oa a{width:6.5714em;}
.Maintop .top-nav dd.stock{margin-right:2.1428em;padding-right:2.1428em;border-right:0.01rem solid rgba(255,255,255,0.1);}
.Maintop:not(.hover) .top-nav dd.stock{border-right-color:#fff;}
}
@media (max-width:1024px) {
.Maintop .top-nav{position:absolute;right:0;bottom:100%;display:flex;align-items:center;margin-bottom:0.5em;}
.Maintop .top-nav dd{line-height:2;}
.Maintop .top-nav dd:not(:last-child){margin-right:1em;}
.Maintop .top-nav dd.oa a{width:2em;}
}
.Maintop menu li span{display:block;}
@media (min-width:1025px) {
.Maintop menu{float:right;}
.Maintop menu li{float:left;}
.Maintop menu li:not(:last-child){margin-right:4em;}
.Maintop menu li span,
.Maintop menu li span a{line-height:4.8125em;}
.Maintop menu li span a{display:block;position:relative;z-index:1;color:#3f3f3f;font-size:0.18rem;}
.Maintop menu li span a:hover{font-weight:600;color:#89b320;}
.Maintop menu li span a:after{position:absolute;content:'';left:0;bottom:0;height:0.02rem;background-color:#fff;transition:0.3s;}
.Maintop menu li:hover span a:after,
.Maintop menu li.aon span a:after{width:100%;}
.Maintop menu li .sub{position:absolute;top:100%;background-color:#fff;border-radius:0 0 0.05rem 0.05rem;overflow:hidden;}
.Maintop menu li .sub dt a:hover {color: #89b320;}
}
@media (max-width:1600px) {
    .Maintop menu{margin-right: 6%;}
}
@media (max-width:1024px) {
.Maintop menu{position:fixed;left:-100%;top:5em;height:calc(100% - 7em);overflow:auto;background-color:#fff;width:3.2rem;opacity:0;transition:0.3s ease;}
.menu-show .Maintop menu{left:0;opacity:1;transform:translateX(0);}
.Maintop menu li{border-bottom:0.01rem solid #eee;}
.Maintop menu li span{padding-top:1em;padding-bottom:1em;padding-left:1em;}
.Maintop .has-sub span .op:before,
.Maintop .has-sub span .op:after{background-color:#ccc;}
.Maintop menu li .sub{background-color:rgba(0,0,0,0.1);}
}
.Maintop .open-search{position:absolute;right:0;top:0;width:5.3125em;height:5.4125em;background:rgba(63,63,63,0.8) url(../images/Top003124-btn.svg) no-repeat center;cursor:pointer;background-size:auto 23.53%;}
.Maintop .top-search{position:absolute;right:0;top:100%;background-color:#fff;width:100%;max-width:4rem;}
.Maintop .top-search .btn{background-color:rgba(0,0,0,1);background-image:url(../images/Top003124-btn.svg);background-size:auto 50%;}
.Maintop .open-search.on:before,
.Maintop .open-search.on:after{width:40%;left:30%;}
.Maintop.hover .open-search.on:before,
.Maintop.hover .open-search.on:after{background-color:rgba(0,0,0,1);}
@media (max-width:1024px) {
.Maintop .open-search{width:2.4em;height:2.4em;top:50%;margin-top:-1.2em;background-color:rgba(0,0,0,1);background-size:auto 60%;right:2.6em;}
.Maintop .open-menu{width:2.4em;height:2.4em;right:0;}
.Maintop .open-menu i{width:60%;left:20%;background-color:rgba(0,0,0,1);}
}







/*-------------------------------------------------------------------------------------------.Mainbanner */
.Mainbanner{color:#fff;font-size:1rem;}
.Mainbanner .tit{font-family:'Butler-Bold';font-size:0.5em;line-height:0.825;font-weight:600;}
.Mainbanner .subtit{font-family:'Butler-Bold';font-size:0.8em;line-height:0.825;font-weight:600;}
.Mainbanner .desc{font-size:0.3em;letter-spacing:0.20833em;margin-top:0.5em;}
.Mainbanner .ctit{font-family:'Butler-Bold';font-size:0.4em;line-height:0.825;font-weight:600;}
.Mainbanner .subdesc{font-size:0.22em;letter-spacing:0.20833em;margin-top:1em;}
.Mainbanner .subdesc pre{text-align:center;}
.Mainbanner li{position:relative;}
.Mainbanner .slick-slide::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);}
.Mainbanner .txt{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;text-align:center;}
.Mainbanner .txt .ytable{height:100%;}
.Mainbanner .tit,.Mainbanner .desc,.Mainbanner .ctit{transform:translateY(0.3rem);opacity:0;transition:1.2s 0.5s cubic-bezier(0.075,0.82,0.165,1);}
.Mainbanner .desc{transition-delay:1s;}
.Mainbanner .ani-show .tit,.Mainbanner .ani-show .desc,.Mainbanner .ani-show .ctit{transform:translateY(0);opacity:1;}
.Mainbanner .slick-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:0.59em;z-index:20;}
.Mainbanner .slick-dots li{float:left;width:0.2em;height:0.2em;margin:0 0.1em;}
.Mainbanner .slick-dots li.slick-active{background:url(../images/Banner003172-dots.svg) no-repeat;background-size:contain;}
.Mainbanner .slick-dots li button{width:0.05em;height:0.05em;background-color:#ffffff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0;border:0;overflow:hidden;text-indent:-999em;font-size:1em;}
.Mainbanner .slick-dots li.slick-active button{opacity:0;}

.Mainbanner li{height: calc(66vw /(1920 / 960));}
.product_banner {height: calc(64vw /(1920 / 960)) !important;}
.Mainbanner #video{width: 100%;height: calc(66vw / (1920 / 960));object-fit: cover;position: relative;z-index: 9;}
.Mainbanner .img-block{height: calc(66vw / (1920 / 960)) ;}
@media (max-width:100rem){
.Mainbanner{font-size:7vw;}
}
@media (max-width:40rem){
.Mainbanner .slick-dots li{width:0.4em;height:0.4em;margin:0 0.2em;}
.Mainbanner .slick-dots li button{width:0.2em;height:0.2em;}
}
/*-------------------------------------------------------------------------------------------.nctitle*/
.nctitle{font-size:0.45rem;color:#333 ;text-align:center;margin: 0;padding: 0;line-height: 1;font-weight: normal;}
.nctitle:after{content:'';width:0.3rem;height:0.02rem;display:block;margin:0.2rem auto;background:#89b320;}
/*-------------------------------------------------------------------------------------------.Floor0001 */
.Floor0001{padding:5vw 0;}
.Floor0001 .list{margin-top:0.3rem;}
.Floor0001 .list .item{width:32.6%;float:left;margin-right:1.1%;margin-bottom:4.5%;}
.Floor0001 .list .item:nth-child(3n){float:right;margin-right:0;}
@media only screen and (max-width:14.3rem ){.Floor0001 .auto{max-width:14.3rem;padding-left:0.15rem;padding-right:0.15rem;}
}
.Floor0001 .list{}
.Floor0001 .list .list-wrap{margin:0 -0.8%;}
.Floor0001 .list .ul{}
@media only screen and (max-width:767px ){
.Floor0001 .list .ul{width:100%;float:none;padding-left:0;padding-right:0;padding-bottom:3%;}
}
.Floor0001 .list .item-inner{position:relative;}
.Floor0001 .list .item .linkhref{position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;display:block;}
.Floor0001 .list .item .pic{background-repeat:no-repeat;background-position:center;background-size:cover;padding-bottom:78.625%;}
.Floor0001 .list .item .pic:after{position:absolute;left:0;top:0;height:100%;width:100%;content:"";display:block;background-color:#000;-moz-opacity:0.1;opacity:0.1;filter:alpha(opacity=10);transition:all .3s;}
.Floor0001 .list .item .item-inner:hover .pic:after{-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);}
.Floor0001 .list .ul0 .item .pic{padding-bottom:78.625%;}
.Floor0001 .list .item .word{
     color:#fff;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: 0;
    left: 0;
}
.Floor0001 .list .item .word h2{font-size:0.18rem;font-weight:normal;margin:0;position:relative;}
.Floor0001 .list .item .word h2 i{font-style:normal;position:absolute;left:0;top:0;}
.Floor0001 .list .item .word figure{font-size:0.14rem;padding:0 0.4rem;opacity:0;transition:all .3s;line-height:0.24rem;height:0;overflow:hidden;}
.Floor0001 .list .item .item-inner:hover .word figure{margin:0.15rem 0 0;opacity:1;height:0.48rem;overflow:hidden;}

@media only screen and (min-width:768px){
.Floor0001 .list .item .word h2{font-size:0.2rem;}
.Floor0001 .list .item .word figure{font-size:0.16rem;}
.Floor0001 .list .item .item-inner:hover .word figure{height:0.76rem;}
}
@media only screen and (min-width:1024px){
.Floor0001 .list .item .word h2{font-size:0.24rem;}
/* .Floor0001 .list .item .word{bottom:0.38rem;} */
}
@media only screen and (min-width:1200px){
.Floor0001 .list .item .word h2{font-size:0.3rem;}
/* .Floor0001 .list .item .word{bottom:0.58rem;} */
}

@media (max-width:640px) {
.Floor0001 .list .item .word h2{font-size:0.3rem;}
.Floor0001 .list .item{width:48%;}
.Floor0001 .list .item:nth-child(3n){float:left;margin-right:0;}
.Floor0001 .list .item:nth-child(2n){float:right;margin-right:0;}
}
/*-------------------------------------------------------------------------------------------.Floor0002 */
.Floor0002{position:relative;z-index:1;}
.Floor0002 .main{color:#fff;padding:7.709% 0;background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;}
.Floor0002 .main .ytable{height:100%;}
.Floor0002 .nctitle{color:#fff;}
.edit-css-2718{font-size:0.18rem;text-align:center;line-height:0.32rem;max-width: 940px; margin: auto;}
.edit-css-2718 .tit{font-size:0.24rem;font-weight:normal;margin:0 0 2% 0;}
.edit-css-2718 span{display:block;font-size:0.6rem;margin-top:0.6rem;font-weight:600;}
.edit-css-2718 p{margin-bottom:2%;margin-top:0.3rem;line-height:0.4rem;}
.Floor0002 .main .link{width:2rem;line-height:0.5rem;text-align:center;color:#fff;border:0.01rem solid #e5dbcb;display:block;margin:0.5rem auto 0;transition:0.3s;font-size:0.16rem;}
.Floor0002 .main .link:hover{background:#89b320;color:#fff;}

@media(max-width:640px){
.edit-css-2718 span{font-size:0.4rem;}
}



/*-------------------------------------------------------------------------------------------.Floor0003 */
.Floor0003{padding-top:3%;position:relative;z-index:3;}
.Floor0003 .auto-inner{margin:-1.5rem auto 0;background:#fff;}
.Floor0003 .auto-inner:after{position:absolute;content:'';background:url(../images.Floor0003-more.png) no-repeat;width:0.24rem;height:0.24rem;left:50%;margin-left:-0.12rem;bottom:-0.12rem;}
.Floor0003 .map{margin-top:-0.48rem;}
.Floor0003 section{max-width:14rem;margin:0 auto;text-align:center;padding:4% 0;color:#000;}
.Floor0003 ul li{float:left;width:33.333333%;font-size:0.3rem;color:#333;}
.Floor0003 ul li b{font-size:0.72rem;}
.Floor0003 ul li span{display:inline-block;font-size:0.14rem;padding:0 10%;line-height:0.24rem;}
.Floor0003 h1{font-size:0.24rem;font-weight:normal;margin:0;}
.Floor0003 h1:after{display:block;content:'';margin:0 auto;width:0.55rem;height:0.02rem;background-color:#000;margin-top:0.25rem;}
.Floor0003 p{line-height:0.3rem;}
@media(max-width:1000px){.Floor0003 .map{display:none;}
.Floor0003{padding-bottom:3%;}
}
@media(max-width:640px){
.Floor0003 p{line-height:normal;}
/* .Floor0003 ul li{float:none;width:auto;} */
}
@media(max-width:480px){.Floor0003 ul li{font-size:0.2rem;}
.Floor0003 ul li b{font-size:0.5rem;}
}
/*-------------------------------------------------------------------------------------------.Floor0004 */
.Floor0004{padding:6% 0;}
.Floor0004 h2{font-size:0.24rem;color:#333;margin:0;padding-bottom:0.2rem; font-weight: normal;}
.Floor0004 h2:after{width:0.20rem;height:0.02rem;display:inline-block;background-color:#89b320;content:'';margin-top:0.17rem;margin-left:0.15rem;position:relative;top:-0.05rem;}
.Floor0004 .list{margin-top:0.5rem;}
.Floor0004 .list .ul-list2{padding: 0 0 0 2.5em;}

.Floor0004 .img-item a{display: block;height: 27.5em;position: relative;}
.Floor0004 .img-item .Ispic{height: 100%;}
.Floor0004 .img-item .txt{position:absolute; left: 0;bottom: 0;background-color: rgba(63,63,63,0.8);z-index: 10;width: 100%;padding: 2em 1.875em;color: #fff;}
.Floor0004 .img-item .txt aside{font-size: 0.16rem; line-height: 1; }
.Floor0004 .img-item .txt h3{ margin: 0; font-size: 0.20rem; line-height: 1.5; margin-bottom: 0.5em; font-weight: normal;}
.Floor0004 .img-item .more{position: absolute;width: 3.75em;height: 3.75em;background: #e01900 url(../images/Floor003162-more-white.svg) no-repeat center; right: -1.875em; top: 50%;margin-top: -1.875em; background-size: auto 20%;}

.Floor0004 .ul-list{padding: 0 2.5em 0 0;}
.Floor0004 .ul-list dd{line-height: 3.25em;padding-left: 20px;position: relative; margin-bottom: 1.70em; border-bottom: 1px solid transparent;}
.Floor0004 .ul-list dd:before{position: absolute;left: 0; top:0; content: '>'; width: 1.875em;height: 1.875em;font-family: '宋体'; color: #89b320;  font-size:0.20rem; ;}

.Floor0004 .ul-list dd:hover{border-bottom: 1px solid #89b320;}
.Floor0004 .ul-list dd a{font-size: 0.18rem; color: #333;}
.Floor0004 .ul-list dd time{float: right;font-family: 'BerlinSansFB-Reg';color: #999; margin-left: 1em;}


@media (min-width:1025px) {
.Floor0004 .tab-ul{margin-left: 12.125em;margin-top: -3.375em;}
.Floor0004 .tab-ul li{float: left; margin-right: 2.125em;}
.Floor0004 .img-item{width: 50%;}
.Floor0004 .ul-list{width: calc(100% - 50%);}

}
@media (max-width:1024px) {
.Floor0004 .title{font-size: 1.8em;}
.Floor0004 .tab-ul{display: flex;justify-content: space-between;}
.Floor0004 .tab-ul:after{display: none;}
.Floor0004 .tab-ul li > a{top: -3em;}
.Floor0004 .ul-list{padding: 1em;}
.Floor0004 .ul-list dd a,
.Floor0004 .img-item .txt aside,
.Floor0004 .tab-ul li span{}
.Floor0004 h2{font-size:0.3rem;}
}


/* 
.Floor0004 .list ul{padding-left:48%;position:relative;background-color:#fff;}
.Floor0004 .list li{border-bottom:0.01rem solid #ebebeb;line-height:0.41rem;padding:0.31rem 0;}
.Floor0004 .list li:nth-child(1) .Ispic{position:absolute;right:0;top:0;display:none;width:48%;height:100%;}
.Floor0004 .list li .Ispic{position:absolute;left:0;top:0;display:none;width:48%;height:100%;}
.Floor0004 .list li .Ispic img{display:none;}
.Floor0004 .list li figure{padding-left:1.18rem;padding-right:3%;position:relative;}
.Floor0004 .list li time{position:absolute;text-align:center;left:0;top:0;border-right:0.01rem dotted #999;width:0.88rem;font-size:0.12rem;color:#999;line-height:normal;}
.Floor0004 .list li time span{font-size:0.2rem;display:block;}
.Floor0004 .list li h3{margin:0;font-size:0.14rem;font-weight:normal;}
.Floor0004 .list li.on{background-color:#89b320;}
.Floor0004 .list li.on time,.Floor0004 .list li.on a{color:#fff;}
.Floor0004 .list li.on time{border-right-color:#99bde7;}
.Floor0004 .list li.on i{position:absolute;width:0;height:0;border:0.15rem solid #89b320;border-top-color:transparent;border-bottom-color:transparent;border-left:0;left:-0.15rem;top:50%;margin-top:-0.15rem;}
.Floor0004 .list li.on .Ispic{display:block;}
@media(max-width:10rem){.Floor0004 .list{margin-bottom:3%;}
.Floor0004 .list li{padding:5% 0;}
}
@media(max-width:4.8rem){.Floor0004 .list ul{padding-left:0;}
.Floor0004 .list li{padding-top:0;}
.Floor0004 .list li .Ispic{margin-bottom:5%;position:relative;width:auto;display:block;padding-bottom:50%;}
.Floor0004 .list li.on i{display:none;}
} */
/*-------------------------------------------------------------------------------------------.Floor0005 */
.Floor0005{background-size:cover;background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding:6vw 0 5vw 0;}
.Floor0005 .nctitle{color:#fffffc;}
.Floor0005 .h2{text-align:center;color:#fff;font-size:0.42rem;font-weight:normal;}
.Floor0005 figure{color:#fff;font-size:0.18rem;margin:0.2rem auto 0;text-align:center;line-height:2;}
.Floor0005 figure h2{font-size:0.6rem;font-weight:600;margin:0.6rem 0;}
.Floor0005 figure p{font-size:0.36rem;font-weight:100;}
.Floor0005 .more{height:0.5rem;max-width:1.6rem;width:50%;display:block;margin:0.3rem auto 0;text-align:center;line-height:0.5rem;background:#89b320;border-radius:0.5rem;color:#d5e4f0;font-size:0.16rem;}
.Floor0005 .Form{margin-top:0.67rem;}
.Floor0005 .box{margin: 0  -0.1rem;display: flex;justify-content: center; flex-wrap: wrap;}
.Floor0005 dl{float:left;width:20%;padding: 0 .1rem;box-sizing: border-box}
.Floor0005 dl:last-child{width:19.5%;margin-left:0;margin-right:0;float:right;}
.Floor0005 dd{margin-bottom:0.2rem;}
.Floor0005 input,.Floor0005 select,.Floor0005 textarea{background:none;border:none;}
.Floor0005 input::-webkit-input-placeholder,.Floor0005 textarea::-webkit-input-placeholder{color:#fff;}
.Floor0005 input::-moz-input-placeholder,.Floor0005 textarea::-webkit-input-placeholder{color:#fff;}
.Floor0005 input::-ms-input-placeholder,.Floor0005 textarea::-webkit-input-placeholder{color:#fff;}
.Floor0005 textarea{width:100%;height:1.18rem;color:#fff;font-family:"微软雅黑";font-size:0.16rem;overflow:hidden;resize:none;background:url(../images/Floor002213-text_bg.png) 0 0;border:0.01rem solid #89b320;padding:0.1rem;}
.Floor0005 .text{font-family:"微软雅黑";width:100%;height:0.5rem;line-height:0.48rem;font-size:0.16rem;color:#fff;border:0.01rem solid #89b320;background:url(../images/Floor002213-text_bg.png) 0 0;padding:0 0.1rem;}
.Floor0005 select{display: block !important;;font-family:"微软雅黑";width:100%;height:0.5rem;line-height:0.48rem;font-size:0.16rem;color:#fff;border:0.01rem solid #89b320;background:url(../images/Floor002213-text_bg.png) 0 0;padding:0 0.1rem;}
.Floor0005 option{color: #333;}
.Floor0005 .btn{width:100%;height:0.5rem;cursor:pointer;display:block;font-size:0.16rem;margin:0 auto;font-family:"微软雅黑";text-align:center;line-height:0.5rem;color:#89b320;background:#fffffc;transition:all 0.5s ease-out 0s;}
.Floor0005 .btn:hover{color:#fff;background-color:#89b320;}
.Floor0005 .select_s{width:98%;float:left;}
.Floor0005 .select_s:last-child{float:right;}
.Floor0005 .select{display:none;}
.Floor0005 .select_box{width:100%;line-height:0.2rem;display:inline-block;position:relative;}
.Floor0005 .select_showbox{height:0.5rem;padding-left:0.05rem;position:relative;line-height:0.48rem;background:url(../images/Floor002213-text_bg.png) 0 0;border:0.01rem solid #89b320;color:#fff;}
.Floor0005 .select_showbox i{position:absolute;top:50%;margin-top:-0.02rem;right:0.1rem;width:0.09rem;height:0.05rem;background:url(../images/Floor002213-arrowB.png) 100% 50% no-repeat;}
.Floor0005 .select_option{border:0.01rem solid #d2d2d2;border-top:none;display:none;position:absolute;top:0.5rem;left:0;width:100%;background:#fff;z-index:3;list-style:none;}
.Floor0005 .select_option li{padding-left:0.05rem;line-height:0.3rem;list-style:none;}
.Floor0005 .select_option li.selected{background-color:#F3F3F3;color:#999;}
.Floor0005 .select_option li.hover{background:#89b320;color:#fff;}
@media(max-width:1199px){
.Floor0005 .h2{font-size:0.35rem;}
.Floor0005 figure h2{font-size:0.35rem; margin: 0.1rem 0;}
}
@media(max-width:1000px){.Floor0005{padding:5% 0;}
.Floor0005 .h2{font-size:0.3rem;}
.Floor0005 .Form{margin-top:0.35rem;}

}
@media(max-width:767px){
.Floor0005 .select_s{width:100%;margin-bottom: 0.2rem;}
.Floor0005 dl{width:100% !important;float:none !important;margin-right:auto !important;max-width:5rem;margin-left:auto !important;}
}
/*-------------------------------------------------------------------------------------------.Mainbottom */
.Mainbottom{background:#3f3f3f;color:#fff;padding:0.72rem 0 0.5rem 0;}
.Mainbottom .top{padding-bottom:2%;}
.Mainbottom .top .txt{font-size:0.24rem;line-height:0.4rem;}
.Mainbottom .mid{line-height:0.24rem;padding-bottom:0.25rem;}
.Mainbottom .mid nav{ display:none;}
.Mainbottom .mid nav a{float:left;color:#fff;font-size:0.18rem;}
.Mainbottom .mid nav a:not(:last-child):after{display:inline-block;content:'·';color:#666;margin:0 0.36rem;}
.Mainbottom .mid nav a:hover{color:#fff;}
.Mainbottom .mid .bshare-custom a{width:0.26rem;height:0.26rem;margin:0;padding:0;background-position:center center;background-repeat:no-repeat;display:inline-block; background-size: contain;position: relative;}
.Mainbottom .mid .bshare-custom a:not(:last-child){margin-right:0.38rem;}
.Mainbottom .mid .bshare-custom a.bshare-sinaminiblog{background-image:url(../images/Bottom002900_wx.png);}
.Mainbottom .mid .bshare-custom a.bshare-weixin{background-image:url(../images/Bottom002900_sina.png);}
.Mainbottom .mid .bshare-custom a.Instagram{background-image:url(../images/Bottom002900_douyin.png);}
.Mainbottom .mid .bshare-custom a.bshare-facebook{background-image:url(../images/Bottom002900_xhs.png); }
.Mainbottom .mid .bshare-custom a figure{position: absolute; left: 0; bottom: 100%; width: 120px; padding: 5px;background: #fff; margin-bottom: 10px;border-radius: 5px;display: none;}
.Mainbottom .mid .bshare-custom a figure img{display: block;width: 100%;}
.bsBox,.bsBox *{box-sizing:content-box;}
.Mainbottom .bottom{border-top:0.01rem solid #555;padding:0.2rem 0;}
.Mainbottom .bottom,.Mainbottom .bottom a{color:#999;font-size:0.16rem;}
.Mainbottom .bottom a:hover{color:#fff;}
.Mainbottom .bottom dt a{display:inline-block;}
.Mainbottom .bottom dt a:not(:last-child):after{margin:0 0.17rem;display:inline-block;content:'·';color:#666;vertical-align:middle;}
.Mainbottom .friendship{position: relative;padding-left: 0.8rem;}
.Mainbottom .friendship .name{position: absolute;left: 0;top: .05rem;color:#999;font-size:0.16rem;}
.Mainbottom .friendship ul{list-style-type: none;}
.Mainbottom .friendship ul li{display: inline-block;margin: .05rem;}
.Mainbottom .friendship ul li a{color:#999;font-size:0.16rem;}
.Mainbottom .friendship ul li a:hover{color:#fff;}
@media(min-width:1025px){
.Mainbottom .top .logo{max-width:30%;}
}
@media(max-width:1280px){
.Mainbottom .mid nav a:not(:last-child):after{margin:0 0.2rem;}
.Mainbottom .mid .bshare-custom a:not(:last-child){margin-right:0.2rem;}
}
@media(max-width:1024px){

.Mainbottom{text-align:center;padding:0.4rem 0;}
.Mainbottom .top .logo{max-width:40%; margin: 0 auto; }
.Mainbottom .mid nav a{display:inline-block;float:none;}
.Mainbottom .bottom dt,.Mainbottom .mid nav,.Mainbottom .top .logo{padding-bottom:0.22rem;}
}
@media(max-width:640px){
.Mainbottom{margin-bottom: 1.5rem;}
.Mainbottom .top .txt{display: none;font-size:0.26rem;line-height:0.4rem;}
.Mainbottom .mid{ line-height:0.32rem;}
.Mainbottom .mid nav a{font-size:0.16rem;}
.Mainbottom .mid nav a:not(:last-child):after{margin:0 0.1rem;}
.Mainbottom .friendship{padding-left: 0;}
.Mainbottom .friendship .name{position: initial;}
}
/*-------------------------------------------------------------------------------------------------------------.Columntit*/
.Columntit{text-align:center;margin-bottom:3%;}

.Columntit h2{font-size:0.42rem;margin:0;display:block;color:#333;  line-height: 1;}
.Columntit span:after{content:"";display:block;width:0.3rem;height:0.03rem;background:#89b320;margin:1% auto 2%}

.Columntit h3{font-size:0.36rem;font-weight:normal;margin:0;display:block;color:#333}
.Columntit h3:after{content:"";display:block;width:0.3rem;height:0.03rem;background:#89b320;margin:0 auto 2%}
.Columntit h4{font-size:0.22rem;margin:0;display:block;color:#444;font-weight:normal;position:relative;padding-left:0.1rem;line-height:1;}
.Columntit span{font-size:0.16rem;}
.Columntit_center{text-align:center;}
/*-------------------------------------------------------------------------------------------------------------.Columnmore*/
.Columnmore{text-align:center;margin:2% 0 0}
.Columnmore a{color:#666;text-align:center;line-height:0.6rem;margin:0 auto 0;font-size:0.18rem;padding-right:0.2rem;background:url(../images/more.png) no-repeat right center;}
/*-------------------------------------------------------------------------------------------------------------.Columnbanner*/
.Columnbanner{position:relative;z-index:1;}
.Columnbanner:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/bancover.png);opacity:.5}
.Columnbanner div{padding-bottom:30%;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#666;}
.Columnbanner img{display:none}
.Columnbanner aside{display:block;text-align:center;font-weight:bold;position:absolute;left:0%;top:40%;line-height:1.5;z-index:50;font-size:0.42rem;padding:0 2%;color:#fff;width:100%;}
.Columnbanner aside span{display:block;font-size:0.16rem;text-transform:capitalize;}
@media(max-width:1024px){.Columnbanner div{display:none}
.Columnbanner img{display:block;width:100%}
}
/*-------------------------------------------------------------------------------------------------------------.Columnmenu*/
.Columnmenu{border-bottom:1px solid #e5ebe7;}
.Columnmenu .auto-inner{height:auto;overflow:hidden;}
.Columnmenu .col-name{font-size:0.3rem;color:#222;margin:0;font-weight:400;position:relative;margin-left:0.1rem;display:none}
@media(min-width:1025px){
.Columnmenu ul{margin-top:0;width:60%;}
.Columnmenu li{display:inline-block;margin:0 5% 0 0}
.Columnmenu li a{color:#444;font-size:0.16rem;line-height:1rem;display:block;border-bottom:0.03rem solid transparent;transition:.3s}
.Columnmenu li.aon a,.Columnmenu li:hover a{border-color:#89b320;color:#89b320;}
.Columnmenu .current{line-height:1rem;}
.Columnmenu .current>*{position:relative;margin-left:2em;color:#999999;font-size:0.14rem;}
.Columnmenu .current>*:before{transform:skewX(-30deg);content:"";display:block;position:absolute;left:-1em;top:15%;width:0.01rem;height:70%;background:#dddddd;}
.Columnmenu .current>*:nth-child(1):before{display:none;}
.Columnmenu .current>*:nth-child(1){margin-left:0;padding-left:0.3rem;background:url(../images/home_icon.png) no-repeat left center;}
}
@media(max-width:1024px){
.Columnmenu .auto{border-bottom:none;padding:5vh 4% 0}
.Columnmenu .col-name{display:none;width:100%;height:0.4rem;line-height:0.4rem;color:#666;font-size:0.16rem;text-align:center;border:0.01rem solid #eee;background:url(../images/icon_r.png) no-repeat right 0.2rem center;margin:0;border-radius:1rem;}
.Columnmenu .col-name:after{display:none}
.Columnmenu ul{/* display:none; */background:#fff;border-top:none;border-radius:0.05rem;overflow:hidden;}
.Columnmenu .current {display:none}
.Columnmenu li{display:inline-block;margin:0 5% 0 0 /* padding:0;border-bottom:0.01rem solid #e5e5e5;color:#666;font-size:0.16rem;text-align:center;margin:0;display:block;width:100%;text-align:center */}
.Columnmenu li.aon a,.Columnmenu li:hover a{border-color:#89b320;color:#89b320;}
.Columnmenu li:last-child{border-bottom:none}
.Columnmenu li a{color:#444;font-size:0.16rem;line-height:1rem;display:block;border-bottom:0.03rem solid transparent;transition:.3s}
}
/*-------------------------------------------------------------------------------------------------------------.pictit_list01*/
.pictext_list01{padding:4% 0 0}
.pictext_list01 li{background:#fff;overflow:hidden;width:18.4%;margin-right:2%;float:left}
.pictext_list01 li:nth-child(5n){margin-right:0}
.pictext_list01 ul:nth-child(1){margin-bottom:3%}
.pictext_list01 li .pic{padding-bottom:130%;background-size:cover;transition:transform .5s ease-in-out;background-color:#666}
.pictext_list01 li:hover .pic{transform:scale(1.1);}
.pictext_list01 li .text{;background:#f3f3f3;position:relative;z-index:50;padding:3% 0}
.pictext_list01 li .text h3{color:#444;margin:0;line-height:0.4rem;font-size:0.16rem;font-weight:normal;text-align:center;}
.pictext_list01 li .text span{position:absolute;left:0;top:-0.36rem;line-height:0.36rem;background:rgba(0,0,0,0.5);padding:0 0.1rem;color:rgba(255,255,255,0.6);font-family:Fonts;border-radius:0 0.05rem 0 0}
/*-------------------------------------------------------------------------------------------------------------.Columnpage*/
.Columnpage .Pages{text-align:center;padding:5em 0}
.Columnpage .Pages a{display:inline-block;vertical-align:middle;background:#f3f3f3;padding:0 0.15rem;line-height:0.38rem;color:#999}
.Columnpage .Pages a.a_cur,.Columnpage .Pages a:hover{background-color:#89b320;color:#fff}
.Columnpage .Pages em{font-style:normal;display:inline-block;vertical-align:middle;overflow:hidden}
.Columnpage .Pages em a{float:left;margin-left:2px}
.Columnpage .Pages .p_count,.Columnpage .Pages .p_cur,.Columnpage .Pages .p_jump,.Columnpage .Pages .p_total{display:none}
.Columnpage .Pages .a_prev,.Columnpage .Pages .a_next{padding:0;width:0.44rem;overflow:hidden;line-height:10rem;height:0.38rem}
.Columnpage .Pages .a_prev{background:url(../images/Columnpage-a_prev.png) no-repeat center center #f3f3f3;}
.Columnpage .Pages .a_next{background:url(../images/Columnpage-a_next.png) no-repeat center center #f3f3f3}
.Columnpage .Pages .a_prev:hover{background:url(../images/Columnpage-a_prev2.png) no-repeat center center #89b320}
.Columnpage .Pages .a_next:hover{background:url(../images/Columnpage-a_next2.png) no-repeat center center #89b320}
@media(max-width:6.4rem){.Columnpage .Pages .a_end,.Columnpage .Pages .a_first{display:none}
}
@media(max-width:4.8rem){.Columnpage .Pages a{padding:0 0.05rem}
}
/*-------------------------------------------------------------------------------------------------------------.Honor_list*/
.Honor_list{padding:5% 0 0;background:#f3f3f3}
.Honor_list .home_title{text-align:center;width:100%;float:none;margin-bottom:3%;}
.Honor_list .list{padding:0 3.4375vw}
.Honor_list .list ul{margin-bottom:2%;}
.Honor_list li{float:left;text-align:center;background:url(../images/Honorlist_taibg.png) repeat-x top 90% left #f3f3f3;position:relative;list-style:none;}
.Honor_list li a{display:block;position:relative;z-index:3}
.Honor_list li .ytable{height:3rem}
.Honor_list li .ytable-cell{vertical-align:bottom}
.Honor_list li figure{position:relative;margin-bottom:0.3rem;display:inline-block;}
.Honor_list li figure img{max-height:2.5rem;background:rgba(255,255,255,.8);border-right:0.04rem solid rgba(0,0,0,.08);border-top:0.02rem solid rgba(0,0,0,.05);border-left:0.02rem solid rgba(0,0,0,.05);padding:0.1rem;position:relative;}
.Honor_list li .tit{height:0.5rem;line-height:0.24rem;color:#666}
.Honor_list .Columnpage .Pages{padding-top:2%;}
.fancybox-title-float-wrap{font-weight:400}
@media(min-width:7.69rem){.Honor_list_normal li{width:25%;padding:0 0.3rem}
.Honor_list_normal li:first-child:before,.Honor_list_normal li:nth-child(5n+1):before{position:absolute;top:0;content:'';height:100%;background:url(../images/Honorlist_taibg_l.png) no-repeat left top 90% #f3f3f3;width:7.4375vw;left:-2vw;right:auto;}
.Honor_list_normal li:last-child:before,.Honor_list_normal li:nth-child(5n):before{position:absolute;top:0;content:'';height:100%;background:url(../images/Honorlist_taibg_r.png) no-repeat right top 90% #f3f3f3;width:7.4375vw;right:-2vw;left:auto;}
}
@media(max-width:7.68rem){.Honor_list{padding:0.3rem 0 0.1rem;background:#f3f3f3;margin:0.2rem 0 0.5rem;}
.Honor_list .list{padding:0 0.2rem}
.Honor_list li{width:100%;}
.Honor_list li .ytable{height:auto;}
.Honor_list li figure img{max-height:100%;width:100%}
.Honor_list li figure{width:90%;margin:0 auto}
.Honor_list li .tit{margin:0.4rem 0 0.2rem}
.Honor_list li{background:url(../images/Honorlist_taibg.png) repeat-x bottom 0.45rem left #f3f3f3}
.Honor_list li:before{position:absolute;top:0;content:'';height:100%;background:url(../images/Honorlist_taibg_l.png) no-repeat left bottom 0.45rem #f3f3f3;width:5vw;left:-5vw}
.Honor_list li:after{position:absolute;top:0;content:'';height:100%;background:url(../images/Honorlist_taibg_r.png) no-repeat right bottom 0.45rem #f3f3f3;width:5vw;right:-5vw}
}
.Honor_list_slides .home_more{position:relative;text-align:center;}
.Honor_list_slides .home_more a{position:relative;margin:3% auto 0;text-align:left;}
.Honor_list_slides{padding:0;}
.Honor_list_slides .slick-list{margin:0 -1vw}
.Honor_list_slides .list ul{margin:0 1vw}
.Honor_list_slides li figure img{max-height:2.5rem;}
.Honor_list_slides .slick-arrow{background:url(../images/arrow.png) no-repeat left 0.15rem center;z-index:100;font-size:0;width:0.46rem;height:0.46rem;border-radius:100%;position:absolute;top:50%;margin-top:-0.23rem;cursor:pointer;padding:0;}
.Honor_list_slides .slick-prev{left:1%}
.Honor_list_slides .slick-next{right:1%;background-position:right 0.15rem center !important;}
.Honor_list_slides .slick-arrow:hover{opacity:0.6;}
@media(min-width:751px){.Honor_list_slides li{width:33.3334%;padding:0 0.3rem}
.Honor_list_slides li:first-child:before,.Honor_list_slides li:nth-child(3n+1):before{position:absolute;top:0;content:'';height:100%;background:url(../images/Honorlist_taibg_l.png) no-repeat left top 90% #f3f3f3;width:7.4375vw;left:-2vw;right:auto;}
.Honor_list_slides li:last-child:before,.Honor_list_slides li:nth-child(3n):before{position:absolute;top:0;content:'';height:100%;background:url(../images/Honorlist_taibg_r.png) no-repeat right top 90% #f3f3f3;width:7.4375vw;right:-2vw;left:auto;}
}
@media(max-width:750px){
	.Honor_list_slides li{ width:100%; background-position:center 110%;}

}
/*-------------------------------------------------------------------------------------------------------------.QAlist*/
.QAlist{padding:5% 0 0;}
.QAlist h3{margin:0;font-weight:normal;padding:3% 0;font-size:0.24rem;color:#333;}
.QAlist h3 b{display:block;}
.QAlist li{padding-bottom:0.1rem;}
.QAlist li:last-child{padding-bottom:0;}
.QAlist dl{position:relative;padding-left:0.59rem;}
.QAlist dl dt,.QAlist dl dd{border:1px solid #e5ebe7}
.QAlist dl dt{position:absolute;width:0.6rem;left:0;top:0;color:#89b320;text-align:center;font-size:0.24rem;}
.QAlist dl.Q dt,.QAlist dl.Q dd,.QAlist dl.A dt{height:0.6rem;line-height:0.6rem;}
.QAlist dl.A dd{padding:5% 8%;background:#f3f3f3;}
.QAlist dl.Q dd{padding:0 3%;}
.QAlist li figure{padding-top:2%;}
.QAlist li figure a{display:inline-block;padding:0 0.2rem;line-height:0.25rem;color:#fff;background-color:#89b320;}
.QAlist dl.A{display:none;padding-top:0.1rem;}
.QAlist dl.A dt{top:0.1rem;}
.QAlist dl.A p{margin:0;}
.QAlist dl.Q_on dt{color:#fff;background-color:#89b320;}
.QAlist dl.Q_on dd{}
@media(max-width:4.8rem){.QAlist dl.Q dt,.QAlist dl.Q dd,.QAlist dl.A dt{height:0.4rem;line-height:0.4rem;}
.QAlist h3,.QAlist dl dt{font-size:0.2rem;}
.QAlist dl.A p{max-height:0.66rem;overflow:hidden;}
}
/*.Contain----------------------------------------------------------------------*/
.Contain>.auto-inner{padding:5% 0 0;}
.Contain .fl{width:15%;}
.Contain .fr{width:80%;}
@media (max-width:1024px){.Contain .fl{width:100%;}
.Contain .fr{width:100%;}
}
/*.pfloat_box----------------------------------------------------------------------*/
.pfloat_box{position:relative;}
.pfloat_box .box{border-bottom:1px solid #e9e9e9}
.pfloat_box .box .tit{position:relative;padding:0 2em;cursor:pointer;display:block;line-height:3.5;}
.pfloat_box .box .tit.aon{color:#eee;background:#ea5b1e}
.pfloat_box .box ul{display:none;background:#f3f3f3;}
.pfloat_box .box li{margin-bottom:0px;}
.pfloat_box .box li a{font-size:0.14rem;display:block;line-height:3;transition:0s;padding:0.2em 2em;position:relative;}
.pfloat_box .box .tit.click::after{position:absolute;content:'';background:url(../images/menu_down.png) no-repeat center center;top:45%;width:0.17rem;height:0.07rem;background-size:contain;right:10%;}
.pfloat_box .box .tit.aon::after{background:url(../images/menu_up.png) no-repeat center center;background-size:contain;}
.pfloat_box .box ul li:hover a,.pfloat_box .box ul li.aon a{background:#ffa782;color:#fff;}
.pfloat_box .box li a::after{position:absolute;content:'';background:url(../images/menu_aon.png) no-repeat center center;top:50%;width:0.7rem;height:0.11rem;background-size:contain;right:-0.05rem;margin-top:-0.05rem;display:none;}
.pfloat_box .box ul li:hover a::after,.pfloat_box .box ul li.aon a::after{display:block;}
.pfloat_box .box .aon::before{display:none}
.reveal{display:none}
@media(max-width:768px){
.main_productmenu{/* display:none; */}
.main_productmenu{/* position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000; */}
.main_productmenu .bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.main_productmenu .pfloat_box{/* position:absolute;left:10%;top:10%;width:80%;height:auto;z-index:100; */background:#fff;padding:5% 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pfloat_box .close{width:0.6rem;height:0.6rem;position:absolute;right:-0.3rem;top:-0.3rem;cursor:pointer;z-index:100;background:#144288;border-radius:10rem;}
.pfloat_box .close:before,.pfloat_box .close:after{position:absolute;content:'';width:60%;left:20%;height:0.02rem;top:50%;margin-top:-0.005rem;background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.pfloat_box .close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.pfloat_box .box{border-bottom:1px solid #e9e9e9;width:49%;background: #ea5b1e;}
.pfloat_box .box .tit{color: #ffff;}
.menu_box .box {
        position: relative;
    }

    .menu_box .tit {
        display: block; 
        cursor: pointer;
    }

    .menu_box .ul {
        position: absolute; 
        left: 0;
        top: 100%;
        background: white; 
        z-index: 1000; 
        width: 100%; 
		        height: 260px;
        overflow: auto;
    }

    .menu_box .ul.show {
        display: block;
		height: 300px;
        overflow: auto;
    }
	
	.reveal{display:block;position: relative;text-align: center;font-size:15px; font-weight:bold;padding-bottom:15px;}
	.reveal::after {
    content: '';
        display: block;
        width: 20px;
        height: 2px;
        background-color: #ccc;
        position: absolute;
        left: 47%;
}
	
}
/*-------------------------------------------------------------------------------------------------------------.News_list01*/
.Product_list{padding:0;;}
.Product_list li{overflow:hidden;width:100%;float:left;list-style:none;margin-bottom:3%;}
.Product_list li .pic{padding-bottom:70%;background-size:cover;transition:transform .5s ease-in-out;}
.Product_list li:hover .pic{transform:scale(1.1);}
.Product_list li .text{position:relative;z-index:50;padding:4% 0;background:#f3f3f3;text-align:center;}
.Product_list li .text h3{color:#444;margin:0;line-height:0.4rem;font-size:0.22rem;font-weight:bold;text-align:center;}
.Product_list li .text span{text-align:center;color:rgba(0,0,0,.6); font-size: 0.14rem;}
@media(min-width:769px){

.Product_list li{width:48.5%;}
.Product_list li:not(:nth-child(2n)){margin-right:3%;}
.Product_list li:nth-child(6) ~ li{margin-bottom:0}
}

@media(max-width:769px){
.Product_list ul{
	display: flex;
    flex-wrap: wrap;
}
.Product_list li{
	width: 47%;
        position: relative;
        margin-left: 10px;
}
.Product_list li .text {
	position: absolute;
    top: 40%;
    left: 31%;
    background: none;
}
.Product_list li .text h3{font-size:0.28rem;color:#fff;}
.Product_list li .text span {display: none;}
}



/*-------------------------------------------------------------------------------------------------------------.Product_detail*/
.Product_detail{padding:5% 0;background:#f3f3f3}
.Product_detail .auto-inner{position:relative;}
.Product_detail .pic_list{width:50%;float:left;position:relative;}
.Product_detail .top .auto-inner{position:relative;height:auto;overflow:hidden;background:#fff;margin-bottom:0.5%; padding:4%;}
.Product_detail .top .con{width:50%;float:right;position:relative;padding:0;border-left:none;padding:2% 0 0 6%; }
.Product_detail .top .slider-for{border:1px solid #e5ebe7;}
.Product_detail .top .slider-nav{width:100%;padding:3% 0.8rem;border:1px solid #eee;background:#f3f3f3;border-top:none; margin-top: 0%;}
.Product_detail .top .slider li .pic{padding-bottom:70%;background-color:#666}
.Product_detail .top .slider-for li .pic{border:none}
.Product_detail .top .slider-nav .slick-list{margin:0 -0.04rem;}
.Product_detail .top  .slider-nav .slick-slide{position:relative;margin:0 0.04rem;cursor:pointer;}
.Product_detail .top  .slider-nav .slick-slide:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:0.04rem solid rgba(0,0,0,.0)}
.Product_detail .top  .slider-nav .slick-current:after{border-color:#89b320}
.Product_detail .top .slick-arrow{background:url(../images/arrow.png) no-repeat left 0.15rem center;z-index:100;font-size:0;width:0.46rem;height:0.46rem;border-radius:100%;position:absolute;top:50%;margin-top:-0.23rem;cursor:pointer;padding:0;}
.Product_detail .top .slick-prev{left:1%}
.Product_detail .top .slick-next{right:1%;background-position:right 0.15rem center !important;}
.Product_detail .top .slick-arrow:hover{opacity:0.6;}
.Product_detail .top .slick-prev{left:3%;}
.Product_detail .top .slick-next{right:3%;}
.Product_detail .top .con .mtit{border-bottom:1px solid #e5ebe7;padding-bottom:1%;margin-bottom:5%;}
.Product_detail .top .con .mtit h1{line-height:1;font-size:0.36rem;margin:0 0 2%;font-weight:normal;color:#222}
.Product_detail .top .con .mtit span{line-height:1;font-size:0.16rem;margin:0 0 10% 0;font-weight:normal;color:#666}
.Product_detail .top .con h2{line-height:1;font-size:0.18rem;margin:0 0 2%;font-weight:normal;color:#222}
.Product_detail .top .con p{margin:0}
.Product_detail .top .con .btn{display:inline-block;vertical-align:middle;margin-right:0.2rem;margin-top:5%;}
.Product_detail .top .con .btn a{font-size:0.16rem;display:inline-block;line-height:0.44rem;min-width:1.8rem;padding-left:0.2rem;background:url(../images/cont.png) no-repeat left 0.44rem center #222;color:#fff;border:none;cursor:pointer;border-radius:1rem;float:left;text-align:center;}
.Product_detail .top .con .phone{font-size:0.3rem;color:#222;font-family:Fonts2;margin-bottom:0.01rem;padding-left:0.42rem;display:inline-block;position:relative;line-height:0.44rem;vertical-align:middle;margin-top:5%;}
.Product_detail .top .con .phone:before{content:"";display:block;position:absolute;left:0;top:0.05rem;width:0.35rem;height:0.35rem;background:url(../images/phone.png) no-repeat center center;background-size:contain}
.Product_detail .top .con .code_con{margin:15% 0 10%;}
.Product_detail .top .con .code_con dd{width:32%;margin-right:2%;float:left;text-align:center;border:1px solid #e5ebe7;padding:0.6em;}
.Product_detail .top .con .code_con dd:nth-child(3n){margin-right:0;}
.Product_Category{display:none}

.Product_detail .info_back a{position:relative;color:#fff;background:url(../images/back.png) no-repeat left 0.35rem center #89b320;
    display:inline-block;width:1.6rem;line-height:2.5;padding-left:0.2rem;font-size:0.16rem;border-radius:1rem;margin-left:2%;text-align:center;
margin-top: 5%;}
.Product_detail .info_back a:hover{opacity:.8}

.Product_detail .prod-intro { padding-top: 4%;}
.Product_detail .prod-intro .name{border-bottom: 1px solid #efefef;font-family: 'SourceHanSansCN-Medium';font-size:0.24rem; padding-bottom: 0.10rem;color: #333; line-height: 2;}

.Product_detail .prod-intro .singlePage{line-height: 2.4; margin: 0.20rem 0 0.30rem 0; font-size:0.16rem;}


@media(max-width:768px){
.Product_detail .top  .pic_list,
.Product_detail .top  .con{ float:none; width:auto; padding: 4% 0 2% 0%;}
.Product_detail .info_back a {width:40%;}

}
@media(max-width:480px) {
	.Product_Category{display:block}
}






/*-------------------------------------------------------------------------------------------------------------.pictit_slides*/
 .recommend{margin-top:5%;}
.pictit_slides .slick-list{margin:0 -0.1rem;}
.pictit_slides .slick-slide{position:relative;margin:0 0.1rem;cursor:pointer;background-color:#fff;}
.pictit_slides li{margin-bottom:5%;background-color:#fff;overflow:hidden;}
.pictit_slides .pic{padding-bottom:66%;transition:transform .5s ease-in-out;}
.pictit_slides li:hover .pic{transform:scale(1.1);}
.pictit_slides .text{padding:4% 0;text-align:center;background:#fff;position:relative;z-index:50;}
.pictit_slides .text h1{color:#444;margin:0;line-height:1.5;font-size:0.16rem;font-weight:normal;text-align:center;}
/*-------------------------------------------------------------------------------------------------------------.pictit_list01*/
 .pictit_list01{padding:4% 0 0}
.pictit_list01 li{background:#fff;overflow:hidden;width:31.2%;margin-right:2%;float:left}
.pictit_list01 li:nth-child(3n){margin-right:0}
.pictit_list01 ul:nth-child(1){margin-bottom:2%}
.pictit_list01 li .pic{padding-bottom:61%;background-size:cover;transition:transform .5s ease-in-out;}
.pictit_list01 li:hover .pic{transform:scale(1.1);}
.pictit_list01 li .text{background:#fff;position:relative;z-index:50;padding:4%}
.pictit_list01 li .text h1{color:#444;margin:0;line-height:2;font-size:0.16rem;font-weight:normal;text-align:center;}
/*-------------------------------------------------------------------------------------------------------------.pictit_slides*/
.recommend{margin-top:5%;}
.pictit_slides .slick-list{margin:0 -0.1rem;}
.pictit_slides .slick-slide{position:relative;margin:0 0.1rem;cursor:pointer;background-color:#fff;}
.pictit_slides li{margin-bottom:5%;background-color:#fff;overflow:hidden;}
.pictit_slides .pic{padding-bottom:66%;transition:transform .5s ease-in-out;}
.pictit_slides li:hover .pic{transform:scale(1.1);}
.pictit_slides .text{padding:4% 0;text-align:center;background:#f3f3f3;position:relative;z-index:50;}
.pictit_slides .text h1{color:#444;margin:0;line-height:1.5;font-size:0.16rem;font-weight:normal;text-align:center;}
/*-------------------------------------------------------------------------------------------------------------.pictit_list01*/
.pictit_list01{padding:4% 0 0}
.pictit_list01 li{background:#fff;overflow:hidden;width:31.2%;margin-right:2%;float:left}
.pictit_list01 li:nth-child(3n){margin-right:0}
.pictit_list01 ul:nth-child(1){margin-bottom:2%}
.pictit_list01 li .pic{padding-bottom:61%;background-size:cover;transition:transform .5s ease-in-out;}
.pictit_list01 li:hover .pic{transform:scale(1.1);}
.pictit_list01 li .text{background:#f3f3f3;position:relative;z-index:50;padding:4%}
.pictit_list01 li .text h1{color:#444;margin:0;line-height:2;font-size:0.16rem;font-weight:normal;text-align:center;}

/*-------------------------------------------------------------------------------------------------------------.Singlepage*/
.pictit_list .slick-list{margin:0 -0.15rem;}
.pictit_list .slick-slide{position:relative;margin:0 0.15rem;cursor:pointer;background-color:#fff;}
.pictit_list li{margin-bottom:5%;background-color:#fff;}
.pictit_list .pic{padding-bottom:110%;transition:transform .5s ease-in-out;}
.pictit_list li:hover .pic{transform:scale(1.1);}
.pictit_list .text{padding:4% 0;text-align:center;border-top:1px solid #f3f3f3;;}
.pictit_list .text h3{color:#444;margin:0;line-height:1.5;font-size:0.16rem;font-weight:normal;text-align:center;}
/*-------------------------------------------------------------------------------------------------------------.pictit_slides*/
.pictit_slides .slick-list{margin:0 -0.08rem;}
.pictit_slides .slick-slide{position:relative;margin:0 0.08rem;cursor:pointer;}
.pictit_slides .pic{padding-bottom:60%;}
.pictit_slides .text{padding:4% 0;background:#fff;text-align:center;}
.pictit_slides .text h2{font-weight:lighter;color:#333;font-size:0.16rem;margin:0;}

.pictit_slides  .slick-arrow{background:url(../images/arrow.png) no-repeat left 0.15rem center #fff;z-index:100;font-size:0;width:0.46rem;
    height:0.46rem;border-radius:100%;position:absolute;top:50%;margin-top:-0.23rem;cursor:pointer;padding:0;}
.pictit_slides  .slick-prev{left:-0.23rem}
.pictit_slides  .slick-next{right:-0.23rem;background-position:right 0.15rem center !important;}
.pictit_slides  .slick-arrow:hover{opacity:0.6;}



/*-------------------------------------------------------------------------------------------------------------.News_top*/
.News_top{padding:5% 0}
.News_top .home_title{text-align:center;width:100%;float:none;margin-bottom:3%;}
.News_top .slick-slide a{display:block;position:relative;height:auto;overflow:hidden;}
.News_top .slick-slide .pic{position:absolute;right:0;top:0;width:50%;height:100%;background-color:#666;}
.News_top .slick-slide .text{float:left;width:50%;background:#f3f3f3;padding:8% 6%;}
.News_top .slick-slide .h3{color:#333;font-size:0.22rem;font-weight:400;margin:0.3rem 0 0.1rem}
.News_top .slick-slide .p{color:#999;font-size:0.16rem;line-height:0.3rem;overflow:hidden;height:0.85rem;}
.News_top .slick-slide .time{margin-top:7%;color:#999;}
.News_top .home_more{position:relative;text-align:center;}
.News_top .home_more a{position:relative;margin:5% auto 0;text-align:left;}
/*-------------------------------------------------------------------------------------------------------------.News_list01*/
.News_list01{padding:5% 0 0}
.News_list01 img{width:100%;border-radius:0rem;transition:transform .5s ease-in-out}
.News_list01 .h3{color:#333;font-size:0.22rem;font-weight:400;margin:0.1rem 0 0.1rem}
.News_list01 .p{color:#999;font-size:0.16rem;line-height:0.3rem;overflow:hidden;margin-bottom:0;}
.News_list01 ul li{margin-bottom:0;background:#fff;padding:0.3rem 0;position:relative;border-bottom:0.01rem solid #eee;transition:.5s}
.News_list01 li:hover{background:#f3f3f3}
.News_list01 li:hover .left img{transform:scale(1.1)}
.News_list01 ul li a{display:block;height:auto;overflow:hidden}
@media(min-width:769px){
.News_list01 .right{float:right;width:22%;overflow:hidden;border-radius:0rem}
.News_list01 .left{float:left;width:74%;padding:2% 2% 2% 2.8rem;position:relative}
.News_list01 .time{border-right:0.01rem solid #e5e5e5;position:absolute;left:0;top:32%;width:2rem;text-align:center;font-family:Fonts2;color:#bbb;font-size:0.18rem;}
.News_list01 .time span{font-size:0.6rem;display:block;line-height:1;}
.News_list01 ul li{padding-right:0.2rem}
}

@media(max-width:768px){
.News_list01{}
.News_list01 ul li{padding:0 0 0.4rem 0}
.News_list01 .left img{border-radius:0.05rem;}
.News_list01 .left .time{margin:0.1rem 0 0.05rem;display:inline-block}
.News_list01 .left .time span{float:right;margin:0}
.News_list01 .left .time span:before{content:"-"}
.News_list01 .left .h3{ font-size: 0.28rem;}
.News_list01 .p{line-height:0.4rem;}
}
/*-------------------------------------------------------------------------------------------------------------.News_detail*/
.News_detail{padding:5% 0;}
.News_detail .auto-inner{background:#f3f3f3;padding:5% 200px;max-width: 1200px;}
.News_detail .news_info{height:auto;overflow:hidden}
.News_detail .news_info .title{text-align:center;padding-bottom:0.2rem;border-bottom:0.01rem dashed #d2d2d2;margin-bottom:0.3rem}
.News_detail .news_info .title h2{margin:0;padding-bottom:0.15rem;font-size:0.28rem;font-weight:400;color:#333}
.News_detail .news_info .title p{margin:0;padding-bottom:0.1rem}
.News_detail .news_info .title p span{margin:0 0.05rem;color:#777;font-family:Arial,Helvetica,sans-serif}
.News_detail .news_info .info{line-height:0.4rem;}
.News_detail .news_info .center{text-align:center}
.News_detail .info{font-size:0.16rem;line-height:0.4rem;color:#666;text-indent:2em;}
.News_detail .info img{display:block;width:100%;margin:2em 0;}
.News_detail .info video{width:70%;display:block;margin:3% auto}
.News_detail .pic_2{margin:3% 0}
.News_detail .pic_2 img{width:49%;margin-right:2%;float:left;}
.News_detail .pic_2 img:nth-child(2n){margin-right:0}
.News_detail .bot{position:relative;margin-top:0.7rem;padding-top:0.5rem;font-size:0.16rem;border-top:0.01rem dashed #d2d2d2}
.News_detail .info_back{text-align:center;clear:both;position:absolute;right:0;bottom:0.05rem;width:40%;text-align:right;}
.News_detail .info_back a{position:relative;color:#fff;background:url(../images/back.png) no-repeat left 0.35rem center #89b320;display:inline-block;width:1.6rem;line-height:2.5;padding-left:0.2rem;font-size:0.16rem;border-radius:1rem;margin-left:2%;text-align:center;}
.News_detail .info_back a.download{background:url(../images/download.png) no-repeat left 0.35rem center #89b320;}
.News_detail .info_back a:hover{opacity:.8}
.News_detail .info_pn span{display:block;font-size:0.16rem;margin:0.15rem 0 0}
.News_detail .info_pn span a{color:#666}

@media(max-width:1024px){
.News_detail{padding:4vh 0;background:#fff}
.News_detail .auto{padding:0 4%}
.News_detail .info_back{position:relative}
.News_detail .bot{position:relative;margin-top:0.15rem}
.News_detail .news_info .title h3{font-size:0.22rem}
}
@media(max-width:768px){
.News_detail .info *{max-width:100%!important}
.News_detail .info .rich_media_area_primary_inner{max-width:100%!important}
.News_detail .info_back a{width:100%}

.News_detail .auto-inner {
    padding: 5%;
}
}
@media(min-width:1025px){
.News_detail .info_pn span{width:80%}
}
/*-------------------------------------------------------------------------------------------------------------.Contact*/
.Contact{padding:3% 0 4%;}
.Contact .auto{position:relative;}
.Contact .pic{position:absolute;right:0;top:0;width:50%;height:100%;background-color:#666;}
.Contact .text{width:50%;float:left;background-color:#f3f3f3;}
.Contact .text .word{padding:8% 8%;}
.Contact .text .slogan{background:url(../images/cbg.jpg) no-repeat right center #695345;padding:8% 8%;color:#fff;}
.Contact .text .slogan{font-size:0.18rem;}
.Contact .text .slogan span{display:block;font-size:0.14rem;margin-top:1%;color:rgba(255,255,255,0.5);}
/*-------------------------------------------------------------------------------------------------------------.Job_list01*/
.Job_list01{padding:5% 0 1%;}
.Job_list01 .auto-inner{overflow:hidden;}
.Job_list01 .top{line-height:0.26rem;margin-bottom:3%}
.Job_list01 .job_ol{background:#3f3f3f;}
.Job_list01 .list_ul{}
.Job_list01 .job_ol,.Job_list01 .list_ul{overflow:hidden;clear:both;padding:0 8%;}
.Job_list01 .job_ol li,
.Job_list01 .list_ul li{list-style:none;float:left;width:20%;text-align:center;}
.Job_list01 .job_ol li:nth-child(1),.Job_list01 .list_ul li:nth-child(1){text-align:left;}
.Job_list01 .job_ol li:last-child,.Job_list01 .list_ul li:last-child{float:right;width:auto;;}
.Job_list01 .job_ol li{color:#fff;line-height:4em}
.Job_list01 .list{border-bottom:1px solid #e9e9e9;}
.Job_list01 .job_info{display:none;position:relative;}
.Job_list01 .job_info::before{content:"";display:block;width:1rem;height:1rem;bottom:-0.5rem;background:url(../images/jbg.png) no-repeat right center;background-size:contain;position:absolute;left:-0.8rem;z-index:10;}
.Job_list01 .job_info::after{content:"";display:block;width:1rem;height:1rem;bottom:-0.5rem;background:url(../images/jbg.png) no-repeat left center;position:absolute;right:-0.8rem;z-index:10;}
.Job_list01 .list_ul{cursor:pointer;font-size:0.14rem;}
.Job_list01 .list_ul li{padding:1.5em 0;line-height:2;font-size:0.16rem;}
.Job_list01 .job_info{padding:5% 8%;line-height:2;display:none;border-radius:0.05rem;background:url(../images/logo_bg2.png) no-repeat right 8% bottom 15% #f3f3f3;background-size:2.2rem;border-top:1px solid #eee}
.Job_list01 .btn{margin:5% 0 0;}
.Job_list01 .btn a{position:relative;color:#fff;background:url(../images/go.png) no-repeat left 0.35rem center #89b320;display:block;width:1.6rem;line-height:2.5;padding-left:0.2rem;font-size:0.16rem;text-align:center;border-radius:1rem;}
.Job_list01 .btn a:hover{opacity:0.6;}
@media(max-width:40rem){
.Job_list01 .job_ol li,.Job_list01 .list_ul li{width:25%}
.Job_list01 .job_ol li:nth-child(4),.Job_list01 .list_ul li:nth-child(4){display:none}
}
/*-------------------------------------------------------------------------------------------------------------.Singlepage*/
.Singlepage{padding:5% 0;font-size:0.16rem;line-height:2}
.Singlepage p *{ font-size:.16rem!important;}
.Singlepage2{padding:5% 0;}
.Singlepage hr{border-color:#ddd;}
.Singlepage2 .auto-inner{background:#f3f3f3;padding:5%;}
.Singlepage.nopadding{padding:0;}
.Singlepage.nopb{padding-bottom:0;}
.Singlepage.innernp .auto-inner{ padding: 0;}

.Singlepage .tcenter{ text-align: center;}
.Singlepage  .pic_2{margin:3% 0}
.Singlepage  .pic_2 img{width:49.5%;margin-right:1%;float:left;}
.Singlepage  .pic_2 img:nth-child(2n){margin-right:0}



/*-------------------------------------------------------------------------------------------------------------.About_page*/
.Singlepage .About_page{margin-bottom:5%;}
.Singlepage .About_page .text{width:60%;float:left}
.Singlepage .About_page .pic{width:35%;float:right;padding:0;text-align:right}
.Singlepage .About_page .pic img{width:100%}
.Singlepage .About_page .text dl{margin-top:4%;}
.Singlepage .About_page .text dl dd{width:32%;margin-right:2%;float:left;background:#f3f3f3;padding:5%;min-height:2.3rem;}
.Singlepage .About_page .text dl dd:nth-child(3n){margin-right:0}
.Singlepage .About_page .text dl dd p{margin:0}
@media(max-width:1400px){.Singlepage .About_page .text dl dd{min-height:1.9rem;padding:4%;}
.Singlepage .About_page .text{width:55%;}
.Singlepage .About_page .pic{width:40%;}
}
.Singlepage .kuang .pic{margin-top:5%;}
/*-------------------------------------------------------------------------------------------------------------.contact*/
.Singlepage .contact{position:relative;}
.Singlepage .contact .text{width:60%;float:left;padding:5%;}
.Singlepage .contact .pic{width:50%;position:absolute;right:0;top:0;height:100%;}
.Singlepage .contact .pic img{width:100%}
.Singlepage .contact .Columntit{margin-bottom:3%;}
.Singlepage .contact .text .tit{font-size:0.18rem;font-weight:normal;margin:0;color:#444;display:inline-block;width:0.8rem;}
.Singlepage .contact .text .tit img{width:0.2rem;vertical-align:middle;margin-right:5%;opacity:0.6}
.Singlepage .contact .text .item{margin-bottom:0.3%;color:#666}
.Singlepage .contact .box{background:#f3f3f3;height:auto;overflow:hidden;position:relative;}
.Singlepage .contact .box:nth-child(1){margin-bottom:1%;}
.Singlepage .contact .text .item p{display:inline-block;margin:0;}
.Singlepage .contact .text .item:last-child{margin-bottom:0}
.Singlepage .contact .Columntit{text-align:left;}
/*-------------------------------------------------------------------------------------------------------------.Research*/
.Singlepage .Research{margin-bottom:5%;position:relative;}
.Singlepage .Research .text{float:left;padding:0;background:#fff;padding:6% 40% 6% 6%;}
.Singlepage .Research .pic{width:calc(100% / 3);position:absolute;right:0;top:0;height:100%;padding:0;text-align:right}
/*-------------------------------------------------------------------------------------------------------------.Promise*/
.Singlepage .Promise .con{position:relative;;}
.Singlepage .Promise .text{width:calc(100% / 1.49);float:left;}
.Singlepage .Promise .pic{width:calc(100% / 3);position:absolute;right:0;top:0;height:100%;padding:0;text-align:right}
.Singlepage .Promise dd{background:#fff;width:50%;float:left;padding:1.8% 5%;border:1px solid #eaf3ee;margin-left:-1px;margin-top:-1px;}
.Singlepage .Promise dd .Columntit{display:inline-block;margin-right:3%;}
.Singlepage .Promise dd .Columntit h4{margin:0;line-height:1;}
/*-------------------------------------------------------------------------------------------------------------.Advantage*/
.Advantage .icon_list dd{width:24.2%;margin-right:1%;float:left;background:#f3f3f3;padding:4%;text-align:center;}
.Advantage .icon_list dd:nth-child(4n){margin-right:0}
.Advantage .icon_list dd img{width:0.7rem;}
.Advantage .icon_list dd .text h4{color:#222;margin:6% 0 2% 0;font-size:0.22rem;font-weight:normal;}
.Advantage .icon_list dd .text span{line-height:1.8;display:block;color:#999;}
/*-------------------------------------------------------------------------------------------------------------.Advantage*/
.Brand .icon_list dd{width:33.2%;margin-right:0.2%;float:left;background:#f3f3f3;padding:3% 3%;text-align:center;}
.Brand .icon_list dd:nth-child(3n){margin-right:0}
.Brand .icon_list dd img{width:0.7rem;}
.Brand .icon_list dd .text h4{color:#222;margin:6% 0 2% 0;font-size:0.22rem;font-weight:normal;}
.Brand .icon_list dd .text span{line-height:1.8;display:block;color:#999; font-size:0.18rem;}


@media(max-width:640px){
.Brand .icon_list dd{width:100%;float:none; margin-bottom: 3%;}
}

.Singlepage  .Cond { background:#f5f5f5; position: relative;}
.Singlepage  .Cond .text { padding:3% 8%;}
.Singlepage  .Cond .text dd{margin:6% 0;}
.Singlepage  .Cond .text h4{margin: 0 0 0.2em 0; font-size: 0.22rem; color: #333;  padding-left: 0.4em;
     border-left: 0.04rem solid #89b320; line-height: 1;}


@media(min-width:769px){

.Singlepage  .Cond .pic{ width: 40%; position: absolute; right: 0; top: 0; height: 100%; overflow: hidden;}
.Singlepage  .Cond .text{ width:60%; float: left;}

}



/*-------------------------------------------------------------------------------------------------------------.Marketing*/
.Marketing dd{width:24.8%;margin-right:0.2%;float:left;background:#f3f3f3;padding:3% 4%;}
.Marketing dd:nth-child(4n){margin-right:0}
.Marketing dd b{text-align:center;font-size:0.4rem;color:#fff;display:block;border-radius:10em;line-height:0.5rem;width:0.5rem;height:0.5rem;background:#89b320;}
.Marketing dd p{height:0.5rem;}

/*-------------------------------------------------------------------------------------------------------------.Marketing*/
.num-list dd{width:24.8%;margin-right:0.2%;float:left;background:#fff;padding:3% 4%; line-height: 1; text-align: center;}
.num-list dd:nth-child(4n){margin-right:0}
.num-list dd b{font-size:0.5rem;color:#89b320;;display:inline-block }
.num-list dd span{font-size:0.16rem;color:#666;;display:inline-block }
.num-list dd p{font-size:0.16rem; color: #666; display: block; margin: 0.5em 0 0;}


@media(max-width:640px){
.num-list dd{width:48%; margin-right:2%; margin-bottom: 2%;}
}




/*-------------------------------------------------------------------------------------------------------------.pict-list*/
.pict-list li{height:auto;overflow:hidden;position:relative;background-color:#f3f3f3; padding: 2em; width:49%; float: left; margin-right:2%;    }
.pict-list li:nth-child(2n){ margin-right:0; }
.pict-list li:not(:last-child){ margin-bottom:2%; }
.pict-list li .pic{ float: left;width:40%; position: absolute; left: 0; top: 0; height: 100%;}
.pict-list li .text{padding:2% 8%;float:right;text-align:left;width:60%;}
.pict-list li .text h4{color:#222;margin:0 0 5%;line-height:1.5;font-size:0.3rem;font-weight:normal;}
.pict-list li .text pre{color:#666;margin:0;line-height:2;font-size:0.16rem;font-weight:normal; }
.pict-list-full{ padding: 5% 0;}
.pict-list-full li{ width: 100%; margin: 0 0 1% 0;}
.pict-list-full li .text{padding:5% 8%;}



@media(max-width:640px){
.pict-list-full li .text{padding:2%;}
}




/*-------------------------------------------------------------------------------------------------------------.logo_slides*/
.logo_slides  .slick-list{ margin: 0 -0.5em;}
.logo_slides  .slick-slide{ margin: 0 0.5em;}
.logo_slides  .slick-slide li{ border:1px solid #e5e5e5; overflow: hidden;}
.logo_slides  .pic{padding-bottom: 50%;transition: transform .5s ease-in-out}
.logo_slides li:hover .pic{ transform: scale(1.1);}

.logo_slides .slick-arrow{background:url(../images/arrow.png) no-repeat left 0.15rem center #f3f3f3;z-index:100;font-size:0;width:0.46rem;
    height:0.46rem;border-radius:100%;position:absolute;top:50%;margin-top:-0.23rem;cursor:pointer;padding:0;}
    .logo_slides  .slick-prev{left:-0.23rem}
    .logo_slides .slick-next{right:-0.23rem;background-position:right 0.15rem center !important;}
    .logo_slides  .slick-arrow:hover{opacity:0.6;}




/*-------------------------------------------------------------------------------------------------------------.Condition*/
.Condition dd{width:33.2%;margin-right:0.2%;float:left;background:#f3f3f3;padding:3% 4%;}
.Condition dd:nth-child(3n){margin-right:0}
.Condition dd b{text-align:center;font-size:0.26rem;color:#fff;display:inline-block;border-radius:10em;line-height:0.5rem;width:0.6rem;height:0.6rem;background:#89b320;margin-left:-0.1rem;border:0.04rem solid #f3f3f3}
.Condition dd b:nth-child(1){background:#999;}
.Condition dd p{display:block;height:0.5rem;}
/*.------------------------------------------------------------------------------------------------------------.Quote*/
.Quote{position:relative;padding-bottom:0;overflow:hidden;z-index:100;padding:0 0 5%;}
.Quote .auto-inner{position:relative;z-index:56;height:auto;overflow:hidden;}
.Quote .con{padding:5% 5%;background:#f3f3f3}
.Quote li{float:left;width:49.5%;margin-right:1%;margin-bottom:1%;position:relative;}
.Quote li:nth-child(2n){margin-right:0;}
.Quote .text,.Quote .select{border:1px solid #e5e5e5;line-height:0.46rem;height:0.46rem;width:100%;background:#fff;color:#999;padding:0 0.2rem;font-size:0.16rem;}
.Quote .text::placeholder{color:#999;}
.Quote .sel .select{width:32%;margin-right:2%;float:left;}
.Quote .sel .select:nth-child(3){margin-right:0}
.Quote li .form_err{position:absolute;right:2%;top:0;color:#444;line-height:0.46rem;}
.Quote .btn{font-size:0.16rem;display:inline-block;line-height:0.44rem;min-width:1.4rem;margin:0 0.2%;background-color:#ddd;color:#444;border:none;cursor:pointer;border-radius:1rem;}
.Quote .submitbtn{color:#fff;background:#222;}
.Quote .bbtn{height:auto;overflow:hidden;margin-top:3%;text-align:center;}
.Quote .bbtn span{float:right;line-height:0.36rem;}
/*-------------------------------------------------------------------------------------------------------------.PicList000593*/
.PicList000593{padding:5% 0 0;}
.PicList000593 li{overflow:hidden;float:left;width:32%;margin-right:2%;margin-bottom:2%;position:relative;background:#f5f5f5}
.PicList000593 li:nth-child(3n){margin-right:0}
.PicList000593 li:nth-child(3) ~ li{margin-bottom:0}
.PicList000593 li .video_files{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
.PicList000593 li .video_files video{width:100%;height:100%;background-color:#000}
.PicList000593 li .video_files .close{position:absolute;right:3%;top:3%;z-index:10;width:0.3rem;height:0.3rem;border-radius:50%;background-color:#89b320;cursor:pointer}
.PicList000593 li .video_files .close::after,.PicList000593 li .video_files .close::before{position:absolute;content:'';width:2px;height:60%;border-radius:3px;background-color:#fff;left:14px;top:6px}
.PicList000593 li .video_files .close::before{transform:rotate(45deg)}
.PicList000593 li .video_files .close::after{transform:rotate(-45deg)}
.PicList000593 li figure{position:relative}
.PicList000593 li figure em{display:block;padding-bottom:63%;background-size:cover;background-position:center center;background-repeat:no-repeat}
.PicList000593 li figure a{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.3);transition:.5s}
.PicList000593 li:hover figure a{background-color:rgba(0,0,0,.5)}
.PicList000593 li figure a::before{position:absolute;content:'';z-index:5;top:50%;left:50%}
.PicList000593 li figure a::before{width:0.56rem;height:0.56rem;background:url(../images/play.png) no-repeat center center;background-size:contain;margin-left:-0.28rem;margin-top:-0.28rem;border-radius:50%;opacity:.6}
.PicList000593 li p{text-align:center;font-size:0.16rem}

.PicList000593 .link{width:2rem;line-height:0.5rem;text-align:center;color:#000;border:0.01rem solid #e5dbcb;display:block;margin:0.5rem auto 0;transition:0.3s;font-size:0.16rem;}
.PicList000593 .link:hover{background:#89b320;color:#fff;}

@media(max-width:768px){
.PicList000593 ul:first-child{margin-bottom:0}
.PicList000593 li{width:100%;margin:0 0 20px 0}
}
/*-------------------------------------------------------------------------------------------------------------.pictit_list01*/
.pictit_list01{padding:4% 0 0}
.pictit_list01 li{background:#fff;overflow:hidden;width:100%;margin-bottom:2%;float:left}
.pictit_list01 li .pic{padding-bottom:50%;background-size:cover;transition:transform .5s ease-in-out;background-color:#666}
.pictit_list01 li:hover .pic{transform:scale(1.1);}
.pictit_list01 li .text{;background:#f3f3f3;position:relative;z-index:50;}
.pictit_list01 li .text h3{color:#444;margin:0;line-height:4;font-size:0.16rem;font-weight:normal;text-align:center;}
@media(min-width:769px){.pictit_list01 li{width:32%;}
.pictit_list01 li:not(:nth-child(3n)){margin-right:2%;}
.pictit_list01 li:nth-child(3) ~ li{margin-bottom:0}
}
/*-------------------------------------------------------------------------------------------------------------.pictit_list02*/
.pictit_list02{padding:4% 0 0}
.pictit_list02 li{background:#fff;overflow:hidden;width:100%;margin-bottom:2%;float:left}
.pictit_list02 li .pic{padding-bottom:50%;background-size:cover;transition:transform .5s ease-in-out;background-color:#666}
.pictit_list02 li:hover .pic{transform:scale(1.1);}
.pictit_list02 li .text{;background:#f3f3f3;position:relative;z-index:50;}
.pictit_list02 li .text h3{color:#444;margin:0;line-height:4;font-size:0.16rem;font-weight:normal;text-align:center;}
@media(min-width:769px){.pictit_list02 li{width:32%;}
.pictit_list02 li:not(:nth-child(3n)){margin-right:2%;}
.pictit_list02 li:nth-child(3) ~ li{margin-bottom:0}
}
/*-------------------------------------------------------------------------------------------------------------.About_main*/
.About_main .home_title h3{color:#444;}
.About_main .home_title h3 span{color:#444;}
.About_main .Floor0001{padding-bottom:1.05rem;}
/*-------------------------------------------------------------------------------------------------------------.TextList003121*/
.TextList003121{padding:5% 0;background:#f3f3f3;}
.TextList003121 .inside{}
.TextList003121 .inside .ytable{min-height:4rem;background:url(../images/map_bg.png) no-repeat right 15% center #fff;background-size:auto 100%;}
.TextList003121 .Columntit{text-align:center;}
.TextList003121 .area{background:#1c9a5c;width:10%;}
.TextList003121 .area dd{color:rgba(255,255,255,0.8);font-size:0.16rem;line-height:4;padding:0;cursor:pointer;text-align:center;}
.TextList003121 .area dd.slick-current{background-color:#0f6d3e}
.TextList003121 .list{}
.TextList003121 .list li{border-bottom:1px solid #eaf3ee;padding:1.8% 0;font-size:16px;line-height:1.875;}
.TextList003121 .list li h4{font-weight:normal;font-size:0.22rem;background:url(../images/TextList003121-icon.png) no-repeat left center;color:#333333;line-height:1.5;margin:0}
.TextList003121 .list li aside{position:relative;padding-left:3.125em;min-height:1.875em;}
.TextList003121 .list li aside span{position:absolute;left:0;top:0;}
.TextList003121 .slick-arrow{background:url(../images/arrow4.png) no-repeat left 0.15rem center;;margin-top:0;top:auto;bottom:-17%;cursor:pointer;padding:0;border:1px solid rgba(255,255,255,0.2)}
.TextList003121 .slick-prev{left:50%;margin-left:-0.48rem;}
.TextList003121 .slick-next{right:50%;background-position:right 0.15rem center !important;margin-right:-0.48rem;}
.TextList003121 .slick-arrow:hover{background:url(../images/arrow4.png) no-repeat left 0.15rem center}
.TextList003121 .btn{margin:2% 0 0;display:inline-block;padding-right:0.25rem;background:url(../images/add_icon.png) no-repeat right center;background-size:0.16rem;line-height:1;border-radius:100rem;color:#666;position:relative;}
.TextList003121 .btn:hover{background:url(../images/add_icon2.png) no-repeat right center;background-size:0.16rem;color:#89b320;}
@media (max-width:1400px){.TextList003121 .area{width:12%;}
}
@media (min-width:769px){.TextList003121 .ytable{table-layout:fixed;}
.TextList003121 .ytable-cell{vertical-align:top;}
.TextList003121 .area dl{}
.TextList003121 .list-group{padding:3% 45% 3% 6%;}
}
@media (max-width:768px){.TextList003121 .ytable,.TextList003121 .ytable-cell{display:block;}
.TextList003121 .area{margin-bottom:2vw;}
.TextList003121 .area dl{display:flex;flex-wrap:wrap;}
.TextList003121 .area dd{font-size:2.5vw;}
}
@media (max-width:480px){.TextList003121 .tit{font-size:6vw;}
.TextList003121 .list li{font-size:3.5vw;}
.TextList003121 .area dd{font-size:3.5vw;padding:0 1em;line-height:2.2;}
}
/*-------------------------------------------------------------------------------------------------------------.History_box*/
.History_box{position:relative;padding:3% 0;}
.History_box .Columntit{margin:0 0 2%;}
.History_box .Columntit h3{text-align:center;color:#fff;}
.History_box .con{}
.History_box .bg{background:url(../images/History_bg.jpg) no-repeat center bottom;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-10;background-size:cover;}
.History_box .con li{color:#fff;}
.History_box .con li .tit{font-family:Fonts2;line-height:1;font-size:0.3rem;margin:0;position:relative;padding:1.5em 0;}
.History_box .con .slick-list{position:relative;}
.History_box .con .slick-list::after{content:"";position:absolute;left:0;bottom:50%;width:100%;height:0.01rem;z-index:100;}
.History_box .con li.slick-slide{position:relative;padding-left:0.3rem;background:url(../images/time_line1.png) no-repeat left bottom;background-size:100% auto;}
.History_box .con li.slick-slide .tit:before{content:"";position:absolute;left:-0.3rem;top:-0.05rem;width:0.16rem;height:0.16rem;background:#1c9a5c;border-radius:1rem;border:0.02rem solid #fff;}
.History_box .con li.slick-slide .tit:after{z-index:-10;content:"";display:block;position:absolute;left:-0.22rem;top:0.1rem;width:2px;height:3rem;border-left:1px dotted rgba(255,255,255,0.3);}
.History_box .con li.slick-current .tit:before{background:#89b320;}
.History_box .con li .inner{height:1rem;padding-right:10%;}
.History_box .con li .inner p{margin:0;}
.History_box .con li.slick-slide:nth-child(odd){margin-top:1.71rem;background:url(../images/time_line2.png) no-repeat left top;background-size:100% auto;}
.History_box .con li.slick-slide:nth-child(even){}
.History_box .con li.slick-slide:nth-child(even) .tit{padding:0 0 1.5em;}
.History_box .con li.slick-slide:nth-child(even) .tit:before{top:auto;bottom:-0.05rem}
.History_box .con li.slick-slide:nth-child(even) .tit:after{top:auto;bottom:0.1rem;}
.History_box .con li.slick-slide:nth-child(odd) .inner p{}
.History_box .slick-arrow{top:50%;margin:-0.23rem 0 0;}
.History_box .slick-prev{left:-0.7rem;}
.History_box .slick-next{right:-0.7rem;}
/*-------------------------------------------------------------------------------------------------------------.History_box*/
.Tit_list{padding:5% 0 0;}
.Tit_list ul{border:1px solid #f3f3f3}
.Tit_list li{width:100%;;float:left;background:url(../images/linkarrow.png) no-repeat right 2em center #fff;}
.Tit_list li a{line-height:4;padding:0 2em;display:block;}
.Tit_list li:nth-child(2n){background:url(../images/linkarrow.png) no-repeat right 2em center #f3f3f3;}
/*-------------------------------------------------------------------------------------------------------------.pic_list01*/
.pic_list01{padding:5% 0 0}
.pic_list01 img{width:100%;border-radius:0rem;transition:.5s}
.pic_list01 .h3{color:#333;font-size:0.22rem;font-weight:400;margin:0.1rem 0 0.1rem}
.pic_list01 .p{color:#999;font-size:0.16rem;line-height:0.3rem;overflow:hidden}
.pic_list01 span{width:0.4rem;height:0.4rem;background:url(../images/home_more.png) no-repeat center center #fff;display:block;margin-top:10%;border-radius:1rem;transition:0.5s;}
.pic_list01 li:hover span{background:url(../images/home_more3.png) no-repeat center center #89b320;}
.pic_list01 ul li{margin-bottom:2%;background:#fff;position:relative;background:#f3f3f3;transition:.5s}
.pic_list01 li:hover{}
.pic_list01 li:hover .left img{opacity:0.8;}
.pic_list01 ul li a{display:block;height:auto;overflow:hidden}
@media(min-width:769px){.pic_list01 .right{float:right;width:65%;overflow:hidden;border-radius:0rem;background:#f3f3f3;position:relative;z-index:50;}
.pic_list01 .left{float:left;width:35%;position:relative;padding:3% 5%}
.pic_list01 .time{margin-top:0.14rem}
.pic_list01 ul li{padding-right:0.2rem}
}
@media(max-width:768px){.pic_list01{padding:5vh 0}
.pic_list01 ul li{padding:0 0 0.4rem 0}
.pic_list01 .left img{border-radius:0.05rem;}
.pic_list01 .right .h3{margin:0.3rem 0 0}
}
.filter-list li{list-style:none;}
.filter-disabled{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.filter-box{position:relative;}
.filter-box select{display:none;}
.filter-text{height:100%;overflow:hidden;position:relative;cursor:pointer;padding:0 30px 0 10px;background:#fff;border:1px solid #e6e6e6;}
.filter-text input{font-size:14px;}
.filter-text .filter-title{width:100%;height:36px;line-height:36px;border:0;background-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;cursor:pointer;}
.filter-list{display:none;width:100%;max-height:300px;background-color:#fff;font-size:16px;position:absolute;top:100%;left:0;z-index:99;border:1px solid #e6e6e6;overflow:auto;}
.filter-list li.filter-null a{color:#d2d2d2;}
.filter-list li a{display:block;padding:0 10px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.filter-list li:hover{background-color:#f2f2f2;}
.filter-list li.filter-selected a{display:block;color:#fff;}
.filter-list li.filter-disabled{background-color:#fff;}
.filter-list li.filter-disabled a{display:block;color:#d2d2d2;}
.filter-list li.filter-disabled:hover a{cursor:not-allowed!important;background-color:#fff;}
.icon{position:absolute;}
.icon-filter-arrow{width:8px;height:6px;background-repeat:no-repeat;background-image:url(../images/icon_arrow_down_x2.png);background-size:100%;right:10px;top:13px;transition:all .2s;}
.icon-filter-arrow.filter-show{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
/*-------------------------------------------------------------------------------------------------------------.RighInfo002275*/
.RighInfo002275{padding:5% 0}
.RighInfo002275 .text{margin-bottom:0.3rem}
.RighInfo002275 .text .tit{font-size:0.18rem;font-weight:normal;margin:0;color:#444;display:block;;}
.RighInfo002275 .text .tit img{width:0.2rem;vertical-align:middle;margin-right:1%;opacity:0.6}
.RighInfo002275 .text .item{margin-bottom:1%;color:#666}
.RighInfo002275 .text .bot{margin-top:3%;padding-top:3%;border-top:1px solid #e5e5e5;}
.RighInfo002275 .text .bot dd{width:100%;;}
.RighInfo002275 .codeul li{width:23.5%;float:left;margin-right:2%;text-align:center;}
.RighInfo002275 .codeul li:nth-child(4n){margin-right:0;}
.RighInfo002275 .map{width:100%;height:2rem; overflow: hidden;}
.RighInfo002275 .map #map{height:100%;}
.RighInfo002275 .map img{/* max-width:none !important; */}
@media screen and (min-width:7.68rem){
.RighInfo002275 .text{float:left;width:45%;}
.RighInfo002275 .map{float:right;width:50%;height:2.6rem;}
}
@media screen and (min-width:10.24rem){
.RighInfo002275 .map{float:right;width:50%;height:3.2rem;}
.RighInfo002275 .text .title{font-size:0.52rem;}
}
@media screen and (min-width:12rem){
.RighInfo002275 .text .title{margin-bottom:0.75rem}
.RighInfo002275 .map{width:50%;height:4.9rem;}
.RighInfo002275 .text{width:45%;}
}

@media screen and (max-width:64rem){
.RighInfo002275 .text{float:none;width:100%;}
.RighInfo002275 .map{float:none;width:100%;}
}




.join-form{padding:5% 0;}
.join-form .auto-inner{height:auto;overflow:hidden;position:relative;}
.join-form .row{position:relative; width: 49%; margin-right: 2%; margin-bottom: 2%; float: left;}
.join-form .row:nth-child(2n){ margin-right:0}
.join-form .row-full{ width: 100%;margin: 0;}

.join-form select,
.join-form .text{border:none;background:#fff; border: 1px solid #e5e5e5; line-height:0.64rem;height:0.64rem;width:100%;color:#999;padding:0.15rem 0.15rem;font-size:0.16rem;}
.join-form .text::placeholder{color:#666;}


.join-form .add  select{ width: 49%; float: left; margin-right: 2%;}
.join-form .add  select:nth-of-type(2n){ margin-right:0; display: block !important;}



.join-form .cer{position:absolute;right:5px;top:5px;bottom:5px;height:100%;}
.join-form .row img{cursor:pointer;position:absolute;right:1em;top:calc(50% - 19px);}
.join-form .btn{font-size:0.16rem;display:block;line-height:0.5rem;width:30%;margin: 0 auto; background-color:#89b320;color:#fff;
    border:none;cursor:pointer;}
@media(max-width:768px){
    .join-form .row{ width: 100%; margin: 0 0 2% 0;}
    .join-form .row img{right:0;}
    }


/*
 .Form002219
 */
.Form002219{position:fixed; background:rgba(0,0,0,0.5); width:100%; height:100%;left: -100%;top: 0; z-index: 1;opacity: 0}
.Form002219 .ytable{height: 100%; table-layout: fixed; }
.Form002219 .close{position: absolute;top: 20px;right: 20px;height: 17px;width: 17px;display: block;background: url(../images/Form002324-colseBtn.jpg) no-repeat;cursor: pointer;z-index: 999}
.Form002219_on{z-index: 999; left: 0; opacity: 1;}
.Form002219 .wrap-container{background:#fff; padding:3% 2% 3% 2%; border-radius: 6px;  width: 50%;  max-width: 900px; position: relative; margin:0 auto;} 
.CLSBTN{cursor: pointer;width: 33px;height: 33px;background: url(../images/PicList000307-close.jpg) center no-repeat;position: absolute;right: 2%;top: 2%;}
.Form002219 dl{ width:100%;  padding-left:100px; min-height:44px; position:relative; margin-bottom:24px;}
.Form002219 dt{ color:#5b5b5b; font-size:16px; position:absolute; left:0; width:90px; text-align:right; line-height:44px;}
.Form002219 .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:44px;height:44px; color:#5b5b5b;}
.Form002219 strong{ display: block;border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:44px;height:44px; color:#5b5b5b;}
.Form002219 dl.dl{ width:100%; float:none; max-width:none;}
.Form002219 textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:360px !important; padding:10px; color:#5b5b5b;}
.Form002219 .btn{ display:inline-block; line-height:40px; min-width:140px; margin-right:20px;color:#fff; background-color:#89b320; font-size:16px; border:none; border-radius:5px; cursor:pointer;}
.queueList{margin: 0 !important;}
.wu-example p{display: none !important;}
.placeholder{ padding:40px 0 !important; }
.placeholder .webuploader-pick{background:#89b320 !important;  }
@media(max-width:1000px){
.Form002219 .wrap-container{ width: 90%;} 
.Form002219 dl {padding-left: 0;margin-bottom: 0}
.Form002219 dt{position:relative;width:auto; text-align:left;}
.Form002219 dl.dl{margin-bottom: 10px;}
}
@media(max-width:768px){
.Form002219{padding:50px 0;}
}
@media(max-width:640px){
.Form002219 dl{ float:none; width:100%; margin-left:0 !important;}	
.Form002219 textarea{ height:250px !important;}
}
@media(max-width:480px){
.Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;}	
}



.Advantage001{padding: 3% 0;}
.Advantage001 li{ padding: 2% 0;border-bottom: 1px solid #e5e5e5 }
.Advantage001 li:last-child{ border-bottom: none}
.Advantage001 li .inner{  height: auto; overflow: hidden;;position: relative; }
.Advantage001 li .pic{ width: 30%; position: absolute; left: 0; top: 0; height: 100%;transition: transform .5s ease-in-out  }
.Advantage001 li:hover .pic{ transform: scale(1.1);}
.Advantage001 li .text{ width: 66%;  float: right; padding: 4% 0;}

.Advantage001 li .text h3{color:#333;font-size:0.22rem;margin:0.1rem 0 0.5rem}
.Advantage001 li .text h3 span{color:#fff;font-size:0.16rem; background: #b9b316; padding: 1em; margin-right: 1.6em;}
.Advantage001 li:nth-child(2) .text h3 span{ background: #89b320;}
.Advantage001 li:nth-child(3) .text h3 span{ background: #7fb146;}
.Advantage001 li:nth-child(4) .text h3 span{ background: #59c0cd;}
.Advantage001 li:nth-child(5) .text h3 span{ background: #19a39c;}
.Advantage001 li:nth-child(6) .text h3 span{ background: #a54d30;}
.Advantage001 li:nth-child(7) .text h3 span{ background: #626ec7;}
.Advantage001 li:nth-child(8) .text h3 span{ background: #a2537f;}
.Advantage001 li:nth-child(9) .text h3 span{ background: #b8832d;}
.Advantage001 li:nth-child(10) .text h3 span{ background: #9e4f2e;}
.Advantage001 li:nth-child(11) .text h3 span{ background: #86313c;}
.Advantage001 li:nth-child(12) .text h3 span{ background: #258d6f;}
.Advantage001 li:nth-child(13) .text h3 span{ background: #89b320;}
.Advantage001 li:nth-child(14) .text h3 span{ background: #7fb146;}
.Advantage001 li:nth-child(15) .text h3 span{ background: #59c0cd;}
.Advantage001 li:nth-child(16) .text h3 span{ background: #19a39c;}
.Advantage001 li:nth-child(17) .text h3 span{ background: #a54d30;}
.Advantage001 li:nth-child(18) .text h3 span{ background: #626ec7;}
.Advantage001 li:nth-child(19) .text h3 span{ background: #a2537f;}
.Advantage001 li:nth-child(20) .text h3 span{ background: #b8832d;}
.Advantage001 li .text p{color:#999;font-size:0.16rem;line-height:2;overflow:hidden;margin-bottom:0; height: 3.5em;}
@media(max-width:768px){
    .Advantage001 li{ padding: 5% 0;}
    .Advantage001 li .pic,
    .Advantage001 li .text{ width:100%;  float:left; position: relative;}
    .Advantage001 li .pic{ padding-bottom: 50%;}
    .Advantage001 li .text p{ height:auto}
    }







.Process001{ background: #f5f5f5;padding: 3% 0;}
.Process001 li{ text-align: center;  float: left; margin-bottom:1%; float: left; background: #fff;
padding: 2%; box-shadow: 0 0 0.2rem #eee}

.Process001 li .ico{   display: block; width: 100%;}
.Process001 li .ico img{  max-width:0.6rem;width: 40%;  margin: 0 auto;transition: 0.5s}
.Process001 li:hover  .ico img{transform: rotateY(360deg);}

.Process001 li .text h3{color:#333;font-size:0.22rem;font-weight:400;margin:0.5em 0 0 }

@media(min-width:769px){
.Process001 li{width: 19.2%; margin-right: 1%; }
.Process001 li:nth-child(5n){ margin-right: 0;}
}

@media(max-width:768px){
.Process001 li{width: 49%; margin-right: 2%; padding: 5%; }
.Process001 li:nth-child(2n){ margin-right: 0;}
.Process001 li .ico img{  max-width:0.8rem;width: 60%;}
}
   
   
/*
 .Floor001318 ä¸ºdemoç¼–å·
 */
.Floor001318{padding: 5% 0;  position: relative; background: #f5f5f5;}
.Floor001318 .Hometitle{ margin-bottom: 0.30rem;}
.Floor001318 .store-address {display: flex;overflow: hidden;}

.Floor001318 ::-webkit-scrollbar {width:0.06rem;height:0.06rem;}
.Floor001318 ::-webkit-scrollbar-track {width:0.06rem; background-color:#f0f0f0; -webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;}
.Floor001318 ::-webkit-scrollbar-thumb {background-color:#e2e2e2;background-clip:padding-box;min-height:2;}
.Floor001318 ::-webkit-scrollbar-thumb:hover {background-color:#89b320} 

.Floor001318 .map{float: left; width: 70%; overflow:hidden; position:relative; clear:both;height: 6.10rem; }
.Floor001318 .list{ float: right; width: 30%; overflow: auto; height: 6.10rem; /* max-width: 1440px;width: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); z-index: 10; */}
.Floor001318 .list .con{width:100%;background:rgba(255,255,255,0.9);box-shadow:-8px 8px 20px rgba(0,0,0,.1);overflow: hidden;position: relative;   float: left;}
.Floor001318 #all_map_1318{ position:absolute !important; left:0; top:0; width:100%; height:100%; z-index: 1;}
.Floor001318 #all_map_1318 *{ box-sizing:content-box; }
.Floor001318 #all_map_1318 img{max-width:none;}
.Floor001318 #all_map_1318 .BMap_bubble_content{ line-height:1.8;}
.Floor001318 .list li{cursor:pointer; padding:0.20rem 0; background-color: #DE5923; padding: 0.36rem 0.36rem 0.20rem 0.50rem;}
.Floor001318 .list li:nth-child(2n){background: #DE6D23;}
.Floor001318 .list li h1{ margin:0; font-size:0.20rem; color:#fff; margin-bottom:0.10rem; padding-left:0.32rem; background: url(../images/ex_address.png) no-repeat left center; background-size: 0.2rem; font-weight: normal;}
.Floor001318 .list li p{color: #e7ecdd; font-size:0.14rem;line-height:2; margin:0 ; padding-left:0.32rem;}
.Floor001318 .list li.on {background: #DE5923;}
.Floor001318 .btn {display: block;width: 1.0rem;height: 0.40rem;margin-top: 0.18rem;margin-left: 0.32rem;line-height: 0.40rem;text-align: center;font-size: 0.14rem;color:#de5923;background: #fff;}

.Floor001318 .list .bx-controls-direction{ overflow:hidden; clear:both; }
.Floor001318 .list .bx-controls-direction a{ width:48%; background: url(../images/Floor001318-btn_prev.png) no-repeat center center #eaeaea; display:block; height:50px; float:left; overflow:hidden; line-height:1000px; border-radius: 10px;}
.Floor001318 .list .bx-controls-direction a.bx-next{ float:right; background-image:url(../images/Floor001318-btn_next.png);}


@media(max-width:768px){
.Floor001318 .store-address {display: block;}
.Floor001318 .list{ float:none; width:auto; margin-top:0%; height: 4.5rem; }
.Floor001318 .map{ float:none; width:auto; }
.Floor001318 #all_map_1318{ position:relative !important; width:100%; height:300px !important;}


}
@media(max-width:375px){
.Floor001318 #all_map_1318{ height:250px !important;}
}



.Floor001318 .hot-city {display: flex;align-items: center;padding: 2% 0;margin: 0 230px; }
.Floor001318 .hot-tt {line-height: 1;font-size: 26px;color: #333;}
.Floor001318 .citys-box {display: flex;flex-wrap: wrap;flex: 1;padding-left: 10px;overflow: hidden;}
.Floor001318 .citys-box a {display: block;height: 30px;padding: 0 12px;margin: 5px;line-height: 30px;background: #f5f5f5;border: 1px solid #e5e5e5;border-radius:3px;}
.Floor001318 .citys-box a.on,
.Floor001318 .citys-box a:hover{background: #89b320; color:#fff;}

@media(max-width:768px){
.Floor001318 .hot-city {margin: 0 10px; }
.Floor001318 .hot-tt {font-size: 20px;}
}




.Map002520 .select{ width: 60%; margin: 0 auto;}
.Map002520 .select{ padding-bottom:2%; }
.Map002520 .select dl > *{ float:left;}
.Map002520 .select dd{position:relative; z-index:20; width:28%; margin-right:2%;}
.Map002520 .select dd > a{ position:relative;  background: #fff; line-height:45px; color:#4f4f4f;}
.Map002520 .select dd > a::after{ position:absolute; content:''; border:6px solid transparent; border-top-width:7px; border-top-color:#ababab; right:16px; margin-top:-3px; top:50%;}
.Map002520 .select dd a{padding:0 16px; display:block;}
.Map002520 .select dd figure{ position:absolute; left:0px; right:0px; top:100%; background:#fff;border:1px solid #f4f0d4; border-top:0;max-height:300px; overflow:auto; display:none;}
.Map002520 .select dd figure a{ line-height:30px; }
.Map002520 .select dd figure a:hover{ background:#89b320; color:#000;}
.Map002520 .select dt{ width:40%;}
.Map002520 .search{ position:relative;}
.Map002520 .search .text{ width:100%;line-height:45px;height:45px; color:#4f4f4f;padding:0 55px 0 16px; border: none;}
.Map002520 .search .btnn{ position:absolute; right:0; top:0; width:55px; height:100%; background:url(../images/Map002520-btn.png) no-repeat center center;}


@media(max-width:768px){
.Map002520 .select{ width: 100%; margin: 0 auto;}
.Map002520 .select dd{width:100%; margin-bottom: 2%; }
.Map002520 .select dt{ width:100%;}

}

footer{display:none;}
@media(max-width:768px){
footer{display:block;}
}
footer{ overflow:hidden; position:fixed; z-index:100; width:100%; max-width:768px; bottom:0;background-color: #04d3d2;}
footer dd{ float:left; width:20%; text-align:center; position:relative;height: 82px;overflow: hidden;}
footer dd::before{ position:absolute; content:''; right:0; top:0; height:100%; width:1px;background-color: #fff;}
footer dd:last-child::before{ display:none;}
footer dd a{ display:block; color:#fff;font-size: 14px;padding:10px 0;}
footer dd a:hover{color: #fff;}
footer dd a button{width:100%;border:0;background: none;color: #fff;font-size: 14px;}
footer dd textarea{background: none;border:0;height:0;width: 0;font-size: 14px;}
footer dd figure{height:0;}
footer dd a.aon{background-color: #02cac9;}
footer dd span{ display:block; padding-bottom:40%; background:url(../images/foot_icon_1.png) no-repeat center center/contain; margin-bottom:5px;}
footer dd:nth-child(2) span{ background-image:url(../images/foot_icon_5.png);}
footer dd:nth-child(3) span{ background-image:url(../images/foot_icon_3.png);}
footer dd:nth-child(4) span{ background-image:url(../images/cart.png);}
footer dd:nth-child(5) span{ background-image:url(../images/foot_icon_6.png);}
@media(max-width:768px){
	footer dd {
    float: left;
    width: 20%;
    text-align: center;
    position: relative;
    height: 60px;
    overflow: hidden;
}
footer dd a {
    display: block;
    color: #fff;
    font-size: 12px;
    padding: 0px 0;
}
footer dd span {
    display: block;
    padding-bottom: 40%;
    background: url(../images/foot_icon_1.png) no-repeat center center / 30%;
    margin-bottom: 0px;
}
footer dd a button {
    width: 100%;
    border: 0;
    background: none;
    color: #fff;
    font-size: 12px;
}
}
.Shopping_Cart {
	position: fixed;
    right: 0.10rem;
    bottom: 20%;
	z-index: 200;
    transform: translateY(-50%);
	border-radius: 0.50rem;
	    width: 0.60rem;
    height: 0.60rem;
	background: #de5923 url(../images/cart.png) no-repeat center center / 40%;
}


/*Other002907 */
.Other002907{position: fixed; right: 0.10rem; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 200; /* border: 1px solid #eee; */ border-bottom: 0; width: 0.80rem; /* box-shadow: 0 0 10px rgba(0,0,0,0.2); */  border-radius: 0.50rem;background: #04d3d2/*#de5923*/;}
.Other002907 li:not(:last-child){ border-bottom: 1px solid #eee;}
.Other002907 li .icon{position: inherit; text-align: center;display: block;line-height: 0.40rem; padding-top: 0.20rem;background-position:  center 15px;background-repeat: no-repeat; font-size: 0.14rem;color: #fff; }
.Other002907 li a:hover{color: #fff;font-weight: bold; }
.Other002907 li a img{display: table; margin: 0 auto; width: 0.24rem;}
/* .Other002907 li.li_0 a{background-image: url("../images/Other002907_icon1.png");}
.Other002907 li.li_1 a{background-image: url("../images/Other002907_icon2.png");}
.Other002907 li.li_2 a{background-image: url("../images/Other002907_icon3.png");} */
.Other002907 li.li_4 .icon{background-image: url("../images/Other002907_gettop.png");background-position:  center 0.20rem; background-color: #02cac9;font-size: 0.14rem;color: #fff; /* margin-left: -1px; margin-right: -1px; */padding-top: 0.30rem; height: 0.70rem; line-height: normal; border-radius: 0 0 0.50rem 0.50rem;}
.Other002907 li a img{display: table; margin: 0 auto; width: 0.24rem;}

.Other002907 ul li{ position:relative;}
.Other002907 ul li figure{ position:absolute; top:0; right:0.80rem;background:#04d3d2; color:#fff; display:none;}

.Other002907 li.li_1 figure{padding:0 0.10rem; font-size:0.18rem;line-height:0.4rem;white-space:nowrap;} 
.Other002907 li.li_1 figure a{ background-image: none; color:#fff;}
.Other002907 .li_2 figure{ width:1.50rem; padding:0.10rem;}
.Other002907 .li_2 figure img{ display:block; width:100%;} 
.Other002907 li_1:hover figure {
    display: flex;
}

@media(max-width:768px){
.Other002907{ display: none;}
}

.auto_1440{max-width:1440px;width:94%;}
.single_article{padding: 4% 0; min-height:200px;}
.link_list{padding: 3% 0}
.link_list li{ float: left; width: 20%; padding: 1%; text-align: center;}
.link_list li a{ display: block; padding: 10px; box-shadow: 0 0 10px rgb(138,138,138,0.3)}
.link_list .pic{ position: relative; padding-bottom: 40%; overflow: hidden;}
.link_list .pic img{ position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.link_list .name{ padding: 10px 0}

.sitemap { padding-top: 4%; padding-bottom: 4%}
.sitemap li{ padding:1% 0; border-bottom:dotted 1px #ccc}
.sitemap li b{ padding-right:20px;}
.sitemap li span{ display:inline-block; padding-right:20px;}
@media (max-width:768px) {
.sitemap li span{ padding-right:10px;}
}
.font_list li{padding: 2% 0; border-bottom: solid 1px #eee}
.font_list li time{float: right; color: #666666}

/*#newBridge .icon-left-center{margin: 0 auto;position: fixed!important;right: 10px!important;left: auto!important;width: 80px!important;height: 85px!important;margin-top: -166px!important;}*/
/* 2024.05.29 */
.price-wrap {
    margin-top: 10px;
    padding: 0 10px 10px 10px;
    background-color: #fff1f2;
    overflow: hidden;
}

.price-wrap li{
    display: flex;
    align-items: center;
    margin-top: 10px;
    line-height: 22px;
    font-size: 12px;
}
.price-wrap li .label {
    width: 60px;
    color: #8c8c8c;
}

.price-wrap li .price {
    font-size: 18px;
    font-weight: 700;
    color: #ff5757;
}
.price-wrap li .price i {
    font-size: 12px;
    font-weight: 400;
}
.price-wrap li .marking-price{
    margin-left: 8px;
    color: #bcbcbc;
}

.price-wrap li .sale {
    margin-left: auto;
    color: #8c8c8c;
}

.param-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select-box {
    width: 70%;
}
.condition {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.param-select .condition {
    flex-wrap: nowrap;
    min-height: 45px;
}
.param-select .condition .condition-box, .param-select .condition {
    display: flex;
    align-items: baseline;
}

.param-select .condition .tit {
    font-weight: 600;
    min-width: 80px;
    margin-top: 10px;
}

.param-select .condition .condition-box {
    flex-wrap: wrap;
}

.condition ul {
    margin: 5px;
    display: flex;
    flex-direction: column;
}

.condition li {
    display: flex;
    border: 1px solid #e6e6e6;
    margin: 5px;
	width: 170px;
}
.condition li select {
    width: 75px;
    height: 28px;
    line-height: 28px;
    border: none;
    padding: 0 8px;
    font-size: 0.12rem;
}
.condition li .manner {
    width: 75px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    padding: 0 8px;
    font-size: 0.15rem;
    text-align: center;
}

.condition .title {
    outline: 0;
    padding: 0 5px;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
    display: inline-block;
	width: 100%;
}

.condition .ctit {
    width: 100%;
    text-align: center;
}
.condition .product-type {
    margin-left: 10px;
    color: #1db3c9;
}
.condition .coyp-product-type {
    background-color: #1db3c9;
    color: #fff;
    padding: 2px 4px;
    margin-left: 10px;
}

.param_btn {
    display: flex;
    flex-direction: column;
}

.param_btn .param-button {
    background: #ea5b1e;
    border-color: #ea5b1e;
    border: 1px solid #dcdfe6;
    color: #fff;
    display: block;
    margin-top: 10px;
    width: 120px;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 1;
    border-radius: 4px;
}

 .btn-wrap {
    display: flex;
}

.btn-wrap button {
    display: flex;
    border: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    height: 52px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    background-color: #3f464b;
    width: 160px;
    line-height: 52px;
}

.btn-wrap button:nth-last-child(2) {
    color: #fff;
    background-color: #ea5b1e;
}
.btn-wrap button:last-child {
    background-color: #fff;
    border: 1px solid #ea5b1e;
    color: #ea5b1e;
}

@media (max-width:1680px) {
    .btn-wrap {
        padding-top: 21%;
        display: flex;
    }
}

@media (max-width:1600px) {
    .btn-wrap {
        padding-top: 9%;
        display: flex;
    }
}

@media (max-width:1440px) {
    .btn-wrap {
        padding-top: 6%;
        display: flex;
    }
}

/* 2024-06-01 */

.detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #eee
}

.detail .tab {
    display: flex;
    background-color: #f5f6f7;
    line-height: 48px
}

.detail .tab li {
    padding: 0 20px;
    font-size: 16px;
    color: #4f4f4f;
    cursor: pointer
}

.detail .tab li.active {
    position: relative;
    background-color: #fff;
    color: #ea5b1e
}

.detail .tab li.active:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background-color: #ea5b1e
}
 @media(max-width:640px){
.detail .tab li {  flex: auto;   text-align: center; padding: 0 ;}
}

.detail .html {
    position: relative;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.detail .html .html_mask {
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 9999;
    pointer-events: none;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.detail .html img,.detail .html table {
    max-width: 100%;
    vertical-align: top;
    pointer-events: none;
    z-index: 9!important;
    position: relative
}

/*
 .Form002802
 */
 .Form002802{ padding: 5% 0; }
 .Form002802 .form{ width:90%; max-width:740px; margin:0 auto;}
.Form002802 .form h3{ text-align:center; padding:3% 0; color:#000;font-size: 0.36rem;}
.Form002802 .form h3:after {
    content: "";
    display: block;
    width: 0.3rem;
    height: 0.03rem;
    background: #89b320;
    margin: 0 auto 2%;
}
.Form002802 .form ul{ padding-top:4%; max-width:554px; margin:0 auto;}
.Form002802 .form li{ position:relative; padding-left:80px; margin-bottom:15px;line-height:46px;}
.Form002802 .form li .name{ position:absolute; left:0; font-weight:bold;  color:#333;}
.Form002802 .form li .text{ width:100%; line-height:46px; height:46px; padding:0 10px; background:#fff; border:1px solid #d5d5d5;}
.Form002802 .form li dl{ position:relative; }
.Form002802 .form li dt{ position:relative;background:#fff; border:1px solid #d5d5d5;padding:0 15px 0 10px; color:#999;cursor:pointer;}
.Form002802 .form li dt:after{ position:absolute; right:10px; top:50%; margin-top:-5px; content:''; width:0; height:0; border-color:transparent; border-top-color:#c02a05; border-width:10px 6px; border-style:solid;}
.Form002802 .form li dd{ position:absolute; left:0; width:100%; background:#fff; display:none; line-height:30px; max-height:150px; overflow:auto;}
.Form002802 .form li dd span{ display:block; padding:0 10px;cursor:pointer;}
.Form002802 .form li dd span:hover{ background-color:#eee;}
.Form002802 .form li.date dl{ float:left; width:49%;}
.Form002802 .form li.date dl.month{ float:right;}
.Form002802 .form ol{ padding:3% 0;}
.Form002802 .form ol p{ margin:0 0 10px 0;}
.Form002802 .form ol p:before{ vertical-align:middle; display:inline-block; margin-right:10px; content:''; width:0; height:0; border-color:transparent; border-top-color:#c02a05; border-width:10px 6px 0 6px; border-style:solid;}
.Form002802 .btn{ text-align:center;}
.Form002802 .btn input{ cursor:pointer; border:none; width:40%; max-width:129px; color:#fff; background:#89b320; padding:0; height:34px; margin:0 2%;border-radius: 1rem;}

 
 @media(min-width:641px){
 .Form002802 .from td:nth-child(3n),
 .Form002802 .from .textareas,
 .Form002802 .from .btn,
 .Form002802 .from .tip{ padding-right: 0; }
 }
 @media(max-width:640px){
 .Form002802 .from td{ display: block; padding-right: 0; }
 }

 .grey {
    background-color: #f5f5f5 !important;
}

.base {
    padding: 1% 0;
}

 /* 登录弹窗 */
.tishi1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #332c2c;
}
.tishi1 .a{
    color: #de5923;
    display: inline-block;
    cursor: pointer;
}
.basemsg{
    width: 100%;
    height: 100%; 
    margin-top: 9%;
    padding-bottom: 1%;
}
.basemsg .main{
    position: relative;
}
.basemsg .content{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.form_btn1{
    line-height: 50px;
    background-color: #de5923;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
}
.login{
    max-width: 600px;
    background-color: #fff;
    padding: 3.2% 3.7%;
    width: 95%;
}
.login .form_btn1{
    margin-top: 10px;
}
.login .title{
    text-align: center;
}
.login .form2{
    margin-top: 20px;
}

.form2 .item{
    display: flex;
    align-items: center;
    height: 50px;
    flex: 1;
    border: 1px solid #eeeeee; 
}
.form2 .item .lable{
    width: 55px;
    min-width: 55px;
    text-align: center;
    position: relative;
    color: #999999;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.form2 .item .lable::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    max-height: 85%;
    background-color: #eeeeee;
}
.form2 .item_box.yanz .lable{
    background-image: url(../images/icon09.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
}
.form2 .item_box.yanz .getma{
    width: 150px;
    border: 1px solid #de5923;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #de5923;
    margin-left: 15px;
}
.form2 .item_box{
    margin-bottom: 20px;
    display: flex;
} 
.form2 .input{
    padding-left: 15px;
    flex: 1;
}
.form2 .input input{
    border: none;
}
.form2 .input input::placeholder{
    color: #999999;
}

.login .tishi1{
    margin-top: 30px;
}


@media (max-width: 768px){
    .form2 .item {
        height: 40px;
    }
    .login .form2 {
        margin-top: 20px;
    }
    .form2 .item_box{
        margin-bottom: 10px;
    }
    .form2 .input{
        padding-left: 5px;
    }
}


 /* 注册 */
.register{
    max-width: 600px;
    background-color: #fff;
    padding: 3.2% 3.7%;
    width: 95%;
}
.register .form_btn1{
    margin-top: 10px;
}
.register .title{
    text-align: center;
}
.register .form3{
    margin-top: 40px;
}
.form3 .item{
    display: flex;
    align-items: center;
    padding: 14px 20px;
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
    position: relative;
}
.form3 .item .input{
    flex: 1;
    display: flex;
}
.form3 .item .input span {
    color: red;
}
.form3 .item input{
    width: 100%;
    border: none;
}

.form3 .item .input select {
    border: none;
    width: 100%;
}

.form3 .checkbox {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-bottom: 20px;
}

.form3 .checkbox .title {
    font-size: 13px;
}

.form3 .checkbox label {
    display: flex;
    align-items: center;
    font-size: 11px;
}

.form3 .item input::placeholder{
    color: #999999;
}
.form3 .item.eye .eye_item{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 20px;
    height: 13px;
    background-image: url(../images/icon25.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.form3 .item.eye .eye_itemed{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 20px;
    height: 13px;
    background-image: url(../images/icon26.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.form3 .item.eyeed .eye_itemed{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 20px;
    height: 13px;
    background-image: url(../images/icon26.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.register .tishi1{
    margin-top: 15px;
}
.form_ok{
    display: flex;
    align-items: center;
}
.form_ok .form_ct{
    display: flex;
    align-items: center;
    color: #333333;
    margin-left: 15px;
}
.form_ok a{
    color: #de5923;
}
.form_ok .act{
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 1px solid #eee;
    position: relative;
}
.form_ok .act.cur{
    background-color: #de5923;
}
.form_ok .act.cur::before{
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 1px;
    width: 8px;
    height: 4px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
} 
.form3 .fbox {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
.form3 .fbox .left {display:block; width:4em; text-align:right;}
.form3 .fbox .item {width:calc(100% - 5em); margin-bottom:0px;}
.form3 .fbox .checkbox {width:calc(100% - 5em); padding-bottom:0;flex-wrap:wrap; justify-content:space-between;}
@media (max-width: 1024px){
    .form3 .item {
        margin-bottom: 10px;
        padding: 10px 15px;
    }
    
    .register .form3 {
        margin-top: 20px;
    }
    .form_btn1{
        line-height: 40px;
    }
}

/* 忘记密码 */
.forgeted{
    max-width: 600px;
    background-color: #fff;
    padding: 3.2% 3.7%;
    width: 95%;
}
.forgeted .form_btn1{
    margin-top: 10px;
}
.forgeted .title{
    text-align: center;
}
.forgeted .tishi1{
    margin-top: 40px;
}
.forgeted .form4{
    margin-top: 40px;
}
.form4 .item{
    display: flex;
    align-items: center;
    padding: 14px 20px;
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
    position: relative;
}
.form4 .item .input{
    flex: 1;
}
.form4 .item input{
    width: 100%;
    border: none;
}
.form4 .item input::placeholder{
    color: #999999;
}
.form4 .item.eye .eye_item{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 20px;
    height: 13px;
    background-image: url(../images/icon25.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.form4 .item.eye .eye_itemed{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 20px;
    height: 13px;
    background-image: url(../images/icon26.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.form4 .item.eyeed .eye_itemed{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 20px;
    height: 13px;
    background-image: url(../images/icon26.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.form4  .item.yanz{
    border: none;
    position: relative;
    padding: 0;
    align-items: unset;
}
.form4  .item.yanz .input{
    border: 1px solid #eee;
    padding: 15px;
}
.form4  .item.yanz .getma{
    width: 150px;
    border: 1px solid #e62129;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e62129;
    margin-left: 15px;
}
@media (max-width: 1024px){
    .form4 .item {
        margin-bottom: 10px;
        padding: 10px 15px;
    }
    .forgeted .form4 {
        margin-top: 20px;
    } 
    .form4  .item.yanz .input{
        padding: 10px 15px;
    }
    .form4  .item.yanz .getma{
        width: 100px;
    }
}
/* 个人资料 */
.profile01 {
    padding: 0.8rem;
}

.hbox27{
    display: flex;
    padding-bottom: 6.3%;
}
.hbox27 .left{
    width: 200px;
    min-width: 200px;
}
.hbox27 .right{
    flex: 1;
    margin-left: 40px;
    background-color: #fff;
    padding: 30px 50px;
}
.hbox27 .right .button {
    width: 200px;
    line-height: 50px;
    background-color: #de5923;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
}
.hbox27 .hbox27_tit{
    color: #e62129;
    display: block;
    border-bottom: 2px solid #eee;
}
.hbox27 .hbox27_tit span{
    color: #de5923;
    padding-bottom: 20px;
    position: relative;
    display: inline-block;
}
.hbox27 .hbox27_tit span::before{
    content: '';
    display: block;
    height: 4px;
    background-color: #de5923;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
}
.hbox27 .hbox27_tit::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
}
.tabs3{
    padding: 10px 30px;
    background-color: #fff;
}
.tabs3 .tab{
    padding: 20px 0 20px 30px;
    position: relative;
    color: #333333;
    background-repeat: no-repeat;
    background-position: center left;
    display: block;
}
/* .tabs3 .tab.cur{
    color: #e62129;
} */
.tabs3 .tab.my_personal{
    background-image: url(../images/person01.png);
}
.tabs3 .tab.my_download{
    background-image: url(../images/person02.png);
}
.tabs3 .tab.my_security{
    background-image: url(../images/person03.png);
}
.tabs3 .tab.my_exit{
    background-image: url(../images/person04.png);
}

/* .tabs3 .tab.my_personal.cur{
    background-image: url(../images/hperson01.png);
}
.tabs3 .tab.my_download.cur{
    background-image: url(../images/hperson02.png);
}
.tabs3 .tab.my_security.cur{
    background-image: url(../images/hperson03.png);
}
.tabs3 .tab.my_exit.cur{
    background-image: url(../images/hperson04.png);
} */

.profile01 .form5{
    padding-top: 35px;
    padding-bottom: 19%;
}
.form5{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 940px;
}
.form5 .item.user_item{
    display: flex;
    align-items: center;
    margin-bottom: 2%;
}
.form5 .item.user_item .user{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
}
.form5 .item.user_item .user_box{
    margin-left: 25px;
    position: relative;
}
.form5 .item.user_item .user_btn{
    color: #333333;
    line-height: 40px;
    padding: 0 20px;
    background-color: #edf2f5;
}
.form5 .item.user_item input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    
    cursor: pointer;
}

.form5 .lable{
    color: #999999;
}
.form5 .input{
    border: 1px solid #eeeeee;
    padding: 12px 25px;
}
.form5 .input{
    color: #333333;
    margin-top: 10px;
}
.form5 .input::placeholder{
    color: #333333;
}
.form5 .item.w100{
    width: 100%;
}
.form5 .item.w50{
    width: 49%;
    margin-bottom: 2%;
}
.form5 .item.form5-l{
    margin-left: 2%;
}
.form5 .input input{
    background-color: transparent;
    width: 100%;
    border: none;
}
@media (max-width: 1280px){
    .hbox27 .right{
        padding: 20px 30px;
    }
}
@media (max-width: 1024px){
    .hbox27 .hbox27_tit span{
        padding-bottom: 10px;
    }
    .hbox27 .right{
        margin-left: 20px;
    }
}
@media (max-width: 768px){
    .form5 .input {
        padding: 5px 15px;
    }
    .tabs3 .tab {
        padding: 15px 0 15px 30px;
    }
    .tabs3{
        padding: 10px 15px;
    }
}
@media (max-width: 640px){
    .hbox27 {
        flex-wrap: wrap;
    }
    
    .hbox27 .left {
        width: 100%;
    }
    
    .hbox27 .right {
        margin-left: 0;
        width: 100%;
        padding: 10px 15px;
    }
    .form5 .item.user_item .user {
        width: 60px;
        height: 60px;
    }
    
    .form5 .item.user_item .user_box {
        margin-left: 10px;
    }
    
    .form5 .item.user_item .user_btn {
        line-height: 30px;
        padding: 0 10px;
    }
    .profile01 .form5 {
        padding: 25px 0;
    }
	.profile01{ padding:.3rem;}
	.tabs3{display: flex;flex-wrap: wrap; font-size:.18rem;}
	.tabs3 .tab{ padding: 8px 0 8px 20px;  width: 33.33%; background-size:14px;}
}

.identity {text-align: center;display: flex;line-height: 40px;  background: #4b3d3a; border-radius: 10px;}

.identity .user {width: 50%; color: #fff;position: relative}

.identity .user:nth-child(1).selected{background: linear-gradient(70deg,#de5923 90%,rgba(0,0,0,0) 90%); border-radius: 10px 0 0 10px;}
.identity .user:nth-child(2).selected{background: linear-gradient(70deg,rgba(0,0,0,0) 10%,#de5923 10%); border-radius: 0 10px 10px 0;}

input[type="checkbox"]:checked {
    background-color: #de5923;
}

.popup {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
}

.popup-content {
    margin: 15% auto;
    padding: 20px;
    width: 80%;
    max-width: 400px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    position: relative;
}

.popup-close {
    cursor: pointer;
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: -9px;
    right: 16px;
}

.popup-close:hover,
.popup-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.popup-button{
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 10px;
    flex: 28px;
    color: #000;
    margin: 0 auto;
}

.popup-button:hover {
    border: 1px solid #de5923;
    background: #de5923;
    color: #fff;
}

/* 我的分销码 */

.code_tit {
    font-size: 17px;
    padding-top: 15px;
    color: #000;
    font-weight: 600;
}

.code_tit span {
    color: #de5923;
    font-size: 25px;
}

.code_usre {
    display: flex;
    flex-direction: column;
}

.code_usre .code_ctit {
    font-size: 17px;
    padding-top: 15px;
    color: #000;
    font-weight: 600;
}

.code_usre .code_list {
    display: flex;
    flex-direction: column;
}

.code_usre .code_list .code_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
}

.code_usre .code_list .code_item .name {
    font-size: 17px;
    color: #000;
}

.code_usre .code_list .code_item .time {
    font-size: 17px;
    color: #999;
}

/* 我的佣金 */
.my_kickback {
    display: flex;
    align-items: baseline;
}
.kickback {
    font-size: 17px;
    padding-top: 15px;
    color: #000;
    font-weight: 600;
}

.kickback span {
    color: #de5923;
    font-size: 25px;
}

.kickback_btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 10px;
    color: #de5923;
    margin-left: 20px;
    border: 1px solid #de5923;
    background-color: #fff;
    cursor: pointer;
}

.kickback_btn:hover {
    background-color: #de5923;
    border: 1px solid #de5923;
    color: #fff;
}

.kickback_list {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}

.kickback_data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
    background: #eee;
}

.kickback_data .left {
    display: flex;
    width: 50%;
    align-items: baseline;
}

.kickback_data .left .num {
    font-size: 17px;
    color: #000;
    font-weight: 600;
	margin-left: 20px;
}

.kickback_data .left .num span {
    color: #de5923;
    font-size: 25px;
}

.kickback_data .left .time {
    font-size: 12px;
    color: #999;
    margin-left: 20px;
}
.disabled {
    background-color: #dcdcdc;
    border: 1px solid #b0b0b0;
    color: #a0a0a0;
    cursor: not-allowed;
}
@media(max-width:640px){
	.kickback_data .left{ flex-wrap:wrap;}
}


/* 我的订单 */
.Myorder .search {
    width: 300px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    border: 1px solid #eee;
}

.Myorder .search input {
    border: none;
    width: 80%;
    color: #000;
    font-size: 14px;
    padding-left: 10px;
}

.Myorder .list {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}
.Myorder .list li {
    display: flex;
    flex-direction: column;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
}

.Myorder .list li .dot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #999;
}

.Myorder .list li .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.Myorder .list li .info .title {
    font-size: 14px;
    color: #000;
}

.Myorder .list li .info .time {
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center;
}

.Myorder .list li .time .tit {
    margin-right: 20px;
}

.TextList002798{ background: #fff; padding: 1% 0;}
.TextList002798 .list {margin-bottom:15px;}
.TextList002798 .tab{ line-height:30px; padding:15px 0; font-size:16px; cursor:pointer; position:relative;}
.TextList002798 .tab p{display:block; font-size: 16px; color: #3d3d3d; margin: 0; padding-right: 200px;}
.TextList002798 .tab p:hover{color: #de5923;}
.TextList002798 .tab span{width:auto;line-height: 30px;position: absolute;top:1px;font-size: 14px;padding:5px 25px;margin-top:10px; color:#333; background:#f2f2f2;}
.TextList002798 .tab .btn {right: 10px;} 
.TextList002798 .tab .btn.aon{ background: #de5923;color: #fff; }
.TextList002798 .list-main .ul{ padding:15px 2%; border-top:1px dotted #e5e5e5; background:#f9f9f9;}
.TextList002798 .list-main .ul{display: none;}
.TextList002798 .list-main .ul li{ padding:20px 0; border-bottom: 1px dashed #ddd;position:relative;}
.TextList002798 .list-main .ul li a{display:block; padding: 0 75px 0 20px; background: url(../images/TextList002798_dow.png) 0 50% no-repeat; font-size: 16px; color: #3d3d3d;}
.TextList002798 .list-main .ul li a:hover{color: #de5923;}
.TextList002798 .list-main .ul li span{width:auto; height: 30px; line-height: 30px; position: absolute; top: 0; font-size: 12px; background: #de5923; color: #fff; padding: 0 10px; margin-top:10px; }
.TextList002798 .list-main .ul li .down{position: absolute;top:4px; text-align:center; width:80px; right: 10px; background:url(../images/TextList002798-icon.png) no-repeat left 12px center #fff; padding-left: 30px;height:32px; border:1px #18469e solid; color:#18469e; line-height:32px;} 
.TextList002798 .list-main .ul li:last-child{ border-bottom:none;}
.back-btn {
    border: 1px solid #de5923;
    color: #de5923;
    font-size: 15px;
    background: none;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
}


@media(max-width:640px){
.TextList002798 .tab span{font-size: 12px; padding: 4px 14px;}
.TextList002798 .tab .btn:nth-child(2) { right: 100px; }	
.TextList002798 .list-main ul li a{ background: url(../images/TextList002798_dow.png) 0 3px no-repeat; }
.TextList002798 .list-main ul li .down{ position: relative; top: 0; right: auto; display: block; margin-top: 15px; } 
}

.TextList002798 .House {
    font-size: 25px;
    font-weight: 600;
}

.TextList002798 .House_list {margin-bottom:15px;}

.TextList002798 .House-main .ul{
    display: flex;
    flex-direction: column;
}

.TextList002798 .House-main ul {
    display: flex;
    background-color: #f5f6f7;
    line-height: 48px
}

.TextList002798 .House-main ul li {
    padding: 0 20px;
    font-size: 16px;
    color: #4f4f4f;
    cursor: pointer
}

.TextList002798 .House-main ul li.active {
    position: relative;
    background-color: #fff;
    color: #ea5b1e
}

.TextList002798 .House-main ul li.active:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background-color: #ea5b1e
}

.TextList002798 .House-main .html {
    position: relative;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.TextList002798 .House-main .html .html_mask {
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 9999;
    pointer-events: none;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.TextList002798 .House-main .html img,.TextList002798 .House-main .html table {
    max-width: 100%;
    vertical-align: top;
    pointer-events: none;
    z-index: 9!important;
    position: relative
}

/* 系统消息 */
.TextList001246 li{ border-bottom:1px dashed #c7c7c7; padding:20px 5px; overflow:hidden;}
.TextList001246 li time{ float:left; width:74px; margin-right:20px; background:url(../images/TextList001246-date.jpg) no-repeat center top; height:79px; text-align:center;}
.TextList001246 li time span{font-size: 18px; display:block;font-family: Arial;padding: 15px 0 0 0;color: #858585;}
.TextList001246 li p{ line-height:21px; overflow:hidden; height:42px; margin-bottom:0;}
.TextList001246 li .dot{ padding-top:5px;}

/* Popup styles */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    width: 100%;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

.popup-content h2 {
    margin-top: 0;
}

.popup-content label {
    display: flex;
    margin: 10px 10px;
    justify-content: flex-end;
}

.popup-content input,
.popup-content textarea {
    width: 80%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-left: 15px;
}

.popup-content button {
    background-color: #ea5b1e;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}

#purchaseForm .stumber {
    width: 90px;
    height: 30px;
    background: #ea5b1e;
    line-height: 30px;
    border-radius: 8px;
    color: #fff;
    margin: 0 auto;
}

.blank {clear:both; width:100%;background-color:rgba(63,63,63,0.8);}
@media only screen and (max-width:1024px){
.blank {display:none;}
}

.login-type{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-type .item{
    margin: 0 20px;
}
.login-type .item.hover{
    border-bottom: 1px solid #de5923;
    color: #de5923;
}


#confirmationModal {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .modal-content {
            background: white;
            padding: 20px;
            border-radius: 5px;
            text-align: center;
        }
		
		.cart-item {
  display: flex;
  align-items: center;
  justify-content:space-between;
  margin: 10px 0;
}

.cart-item .data {
	display: flex;
  align-items: center;
}
	

.cart-item-img {
  width: 80px;
  height: 80px;
  margin-right: 10px;
}

.cart-item-name {
  flex: 2;
  font-size: 16px;
  margin-right: 10px;
}

.cart-item-price,
.cart-item-total {
  margin: 0 20px;
}

.cart-item-quantity {
  display: flex;
  align-items: center;
}

.cart-item-quantity button {
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 1;
  margin: 0 5px;
}

.cart-item-quantity input {
  width: 50px;
  text-align: center;
}

.cart-item .delete{
	background-color: #fff;
    border: 1px solid #de5923;
    width: 80px;
    height: 30px;
    border-radius: 10px;
    color: #de5923;
	text-align: center;
	line-height: 30px;
}

.cart-item .delete:hover{
	background-color: #de5923;
    color: #fff;
}

.total-price {
  font-weight: bold;
  margin-top: 20px;
}

.total-price .btn{
	background-color: #fff;
    border: 1px solid #de5923;
    width: 80px;
    height: 30px;
    border-radius: 10px;
    color: #de5923;
}

.total-price .btn:hover{
	background-color: #de5923;
    color: #fff;
}
@media (min-width: 768px) {
.embed-icon[data-v-06873b41]{ margin-top:270px}
}
