/*header*/
.st-container{font-size:0}
.header{position:fixed;top:0;left:0;width:100%;z-index:18;line-height:.97rem}
.header>div>div{display:inline-block;vertical-align:middle;width:26%}
.header .logo img {max-height:.74rem;transition:none;}
.header .navlist{width:67%;line-height:normal;}
.header .navlist li {display:inline-block;vertical-align:middle;padding:0 .36rem;}
.header .navlist li a{font-size:.18rem;color:#FFF;position:relative;}

.header .search{width:7%;text-align:right;line-height:normal}
.header .search a{display:inline-block;font-size:.18rem;color:#FFF}

.is_header {background:rgba(0,0,0,.6);box-shadow:6px 6px 8px rgba(0,0,0,.2)}
/*banner*/
.tem_banner{}
.tem_banner .txt{position:absolute;top:50%;transform:translateY(-50%);width:100%;left:0;z-index:1;text-align:center}
.tem_banner .txt>*{opacity:0;visibility:hidden;transform:translateX(20px);transition:none;}
.tem_banner .txt h3{font-size:.6rem;color:#FFF}
.tem_banner .txt .editor{font-size:.3rem;color:#FFF;margin:.35rem 0 0}
.tem_banner .swiper-slide-active .txt>*{opacity:1;visibility:visible;transform:none;transition:all .8s linear;transition-delay:.3s}
.tem_banner .swiper-slide-active .txt .editor{transition-delay:.6s}
.tem_banner .swiper-page {position:absolute;left:1.18rem;bottom:.3rem;z-index:1;text-align:center}
.tem_banner .swiper-page>div{width:.59rem;height:.59rem;outline:none;background:#FFF;line-height:.59rem;font-size:.18rem;color:#000;margin:1px 0 0}
.tem_banner .slide-pagination {position:absolute;width:100%;left:0;bottom:.85rem;z-index:1}
.tem_banner .slide-pagination>div{position:relative;text-align:center;}
.tem_banner .slide-pagination>div:after{content:'';width:100%;height:2px;background: rgba(255,255,255,.3);position:absolute;left:0;top:50%;transform:translateY(-50%);}
.tem_banner .slide-pagination>div span{opacity:.5;outline:none;margin:0 .17rem;width:.1rem;height:.1rem;background:#FFF;border-radius:100%;position:relative}


.tem_banner .slide-pagination>div span.swiper-pagination-bullet-active{opacity:1}

.tem_banner .share {position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:999;}
.tem_banner .share span{word-break: break-all;writing-mode: tb-rl;font-size:.14rem;color:#fefefe;display:block;line-height:.31rem;}
.tem_banner .share a{display:block;width:.31rem;height:.31rem;line-height:.31rem;text-align:center;margin:.15rem auto 0;font-size:.14rem;color:#FFF;background:#329cf7;background-image: linear-gradient(#329cf7, #2386f6);border-radius:100%}
.tem_banner .share a[title="facebook"] {background:#7998da;background-image: linear-gradient(#7998da, #425f9a);}
.tem_banner .share a[title="linkedin"] {background:#059ae6;background-image: linear-gradient(#059ae6, #057ebc);}
.tem_banner .share a[title="skype"] {background:#05c0ff;background-image: linear-gradient(#05c0ff, #29beff);}
.tem_banner .share a[title="google"] {background:#329cf7;background-image: linear-gradient(#329cf7, #2386f6);}
.tem_banner .share a:hover {box-shadow:2px 2px 4px rgba(0,0,0,.08)}
/**/
.tem_index_series{background:#FFF}
.tem_index_series .item0 {padding:.7rem 0 .6rem;max-width:13rem;margin:0 auto;position:relative;}

/*.tem_index_series .item0 video {width:100%transition:none;background:#000}*/

.tem_index_series .item0 .text{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);z-index:1}
.tem_index_series .item0 .text h5{font-size:.6rem;color:#FFF}
.tem_index_series .item0 .text p{font-size:.3rem;color:#FFF;margin:.25rem 0 .7rem;letter-spacing:6px;}
.tem_index_series .item0 .text em {font-size:.16rem;color:#232323;padding:0 .46rem;line-height:.61rem;display:inline-block;background:#f8fafc;}
.tem_index_series .item0>a:hover {box-shadow:6px 6px 8px rgba(0,0,0,.15)}
.tem_index_series .item1{position:relative}
.tem_index_series .item1 .swiper-slide a{display:block;position:relative;overflow:hidden;}
.tem_index_series .item1 .swiper-slide img {width:100%;height:7.24rem;object-fit:cover;}
.tem_index_series .item1 .swiper-slide .text{position:absolute;left:1.6rem;bottom:.8rem;z-index:2;}
.tem_index_series .item1 .swiper-slide .text h4{font-size:.3rem;color:#FFF;letter-spacing:6px;}
.tem_index_series .item1 .swiper-slide .text p{font-size:.16rem;color:#FFF;margin:.1rem 0 .4rem;}
.tem_index_series .item1 .swiper-slide .text em{font-size:.16rem;color:#232323;padding:0 .46rem;line-height:.61rem;display:inline-block;background:#f8fafc;}
.tem_index_series .item1 .swiper-slide a:hover img {transform:scale(1.06);}
.tem_index_series .videos{position:relative;cursor:pointer;}
.tem_index_series .videos video{width:100%;;height:7.4rem;object-fit:cover;;background:#000}
.tem_index_series .videos .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;transition:none;}
.tem_index_series .videos .play span{font-size:.16rem;color:#FFF;display:block;padding:1.1rem 0 0;}
.tem_index_series .videos .play span:before{content:"\f04b";font:normal normal normal 14px/1 FontAwesome;font-size:.26rem;color:#FFF;width:.85rem;height:.85rem;background:rgba(255,255,255,.2);border:1px solid #FFF;border-radius:100%;line-height:.83rem;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.tem_index_product{padding:.7rem 0 .8rem;text-align:center;background:#FFF}
.tem_index_product .title{margin:0 0 .4rem;}
.tem_index_product .title h3{font-size:.6rem;color:#000;text-transform:uppercase;font-family:"GEO212NC";letter-spacing:.1rem;}
.tem_index_product .title em{font-size:.24rem;color:#000;margin:.4rem 0 0;padding:.45rem 0 0;position:relative;display:inline-block;}
.tem_index_product .title em:before{content:'';width:.79rem;height:4px;background:#000;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.tem_index_product .lists li {padding:0 .13rem;}
.tem_index_product .lists li a{display:block;position:relative;overflow:hidden;}
.tem_index_product .lists li img{width:100%;height:4.98rem;object-fit:cover;transition:none;}
.tem_index_product .lists li .name{position:absolute;top:.55rem;left:0;width:100%}
.tem_index_product .lists li .name h5{font-size:.24rem;color:#FFF;}
.tem_index_product .lists li .name p{font-size:.16rem;color:#FFF;text-transform:uppercase;margin:.15rem 0 0;}
.tem_index_product .lists li a>em {font-size:.16rem;color:#FFF;position:absolute;bottom:.35rem;left:0;width:100%;}
.tem_index_product .lists li a:hover {box-shadow:8px 8px 10px rgba(0,0,0,.15);transform:translateY(-15px)}

.tem_index_join{padding:2.05rem 0 2.11rem;}
.tem_index_join:before{background-position:center;background-repeat:no-repeat;background-size:cover;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}
.tem_index_join h6{font-size:.36rem;color:#FFF;}
.tem_index_join h3{font-size:.48rem;color:#FFF;margin:.2rem 0 .35rem;}
.tem_index_join p{font-size:.2rem;color:#FFF;line-height:2;margin:0 0 .4rem;}
.tem_index_join a{display:inline-block;background:#f8fafc;padding:0 .31rem;line-height:.61rem;font-size:.16rem;color:#232323;}

.tem_index_news{background:#FFF;padding:1.3rem 0 1.2rem;text-align:center}
.tem_index_news>div{position:relative;padding:0 2.7rem;}
.tem_index_news .swiper-slide a{display:block;position:relative}
.tem_index_news .swiper-slide h6{font-size:.2rem;color:#2b2b2b;margin:0 0 .3rem;}
.tem_index_news .swiper-slide p{font-size:.16rem;color:#6c6c6c;line-height:1.8;margin:0;}
.tem_index_news .swiper-slide .time{margin:.65rem 0 0;padding:.3rem .9rem .3rem .45rem;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;position:relative;text-align:left;}
.tem_index_news .swiper-slide .time span{font-size:.14rem;color:#6c6c6c;font-style:oblique;display:inline-block;padding-left:.35rem;background:url(../images/icon0.png) 0 center no-repeat;background-size:.18rem .16rem;line-height:.2rem;}
.tem_index_news .swiper-slide .time>i{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-size:.23rem;color:#c2c2c2;}
.tem_index_news .swiper-page>div{position:absolute;top:50%;left:0;transform:translateY(-50%);background:url(../images/icon1-1.png) 0 0 no-repeat;background-size:.44rem .25rem !important;width:.44rem;height:.25rem ;outline:none;opacity:.5}
.tem_index_news .swiper-page>div.slide-button-next {left:auto;right:0;background:url(../images/icon1-2.png) 0 0 no-repeat;}
.tem_index_news .swiper-page>div:hover {opacity:1}
/*通用底部*/
.footer {background:#212121;padding:.7rem 0;}
.footer>div>div{display:inline-block;vertical-align:top;width:19%}
.footer .logo img {max-height:.83rem;transition:none;}
.footer .navlist{width:65%;padding:0 0 .49rem;border-bottom:2px solid rgba(255,255,255,.14);}
.footer .navlist li {padding:0 .4rem;display:inline-block;vertical-align:top;position:relative}
.footer .navlist li a{font-size:.16rem;color:#FFF}
.footer .navlist li:after{content:'/';font-size:.16rem;color:#FFF;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.footer .navlist li:first-child {padding-left:0}
.footer .navlist li:last-child:after{display:none;}
.footer .navlist li:last-child{padding-right:0}
.footer .code{width:16%;text-align:right;}
.footer .code>div{display:inline-block;text-align:center;}
.footer .code img {max-width:.94rem;transition:none;}
.footer .code p{font-size:.14rem;color:#FFF;margin:.14rem 0 0}
.footer .copy{display:block;width:100%;padding:0 18% 0 19%;font-size:.14rem;color:#7f7f7f;margin:.3rem 0 0}
.footer .copy a{font-size:.14rem;color:#7f7f7f}
/*通用内页*/
.flash .page_txt {position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;z-index:1;}
.flash .page_txt h3{font-size:.6rem;color:#FFF;}
.flash .page_txt p{font-size:.3rem;color:#FFF;margin:.4rem 0 0;letter-spacing:2px;}
@keyframes dropdown2 {
	form{
		bottom:.95rem
	}
	to{
		bottom:.47rem;
	}
}
.flash:after{content:'';background:url(../images/icon2.png) 0 0 no-repeat;background-size:.23rem .37rem;width:.23rem;height:.37rem;position:absolute;left:50%;bottom:.95rem;transform:translateX(-50%);animation: dropdown2 .7s 0.2s linear infinite alternate;}
/*关于*/
.about_box {background:url(../images/icon3.jpg) center 0 no-repeat;background-size:cover;padding:1.4rem 0 1.05rem;}
.about_box>div{padding:0 1.76rem;}
.about_box .title{margin:0 0 .75rem;width:50%;text-align:right;padding-right:.25rem;}
.about_box .title h2{font-size:1.19rem;color:#FFF;font-family:"Butler_Bold";text-transform:uppercase;}
.about_box .title p{font-size:.48rem;color:#FFF;margin:.4rem 0 0}
.about_box .company{float:right;width:50%;position:relative}
.about_box .company h3{position:absolute;bottom:100%;left:0;width:100%;margin:0 0 .45rem;padding:0 .25rem 0 .45rem;}
.about_box .company h3>*{display:inline-block;vertical-align:middle;width:50%}
.about_box .company h3 p{margin:0;font-size:.3rem;color:#FFF;padding:0 0 .3rem;position:relative}
.about_box .company h3 p:before,.about_box .company h3 p:after{content:'';width:1.18rem;height:2px;background:#bbb;position:absolute;bottom:.1rem;left:0;}
.about_box .company h3 p:after{width:.67rem;height:1px;background:#FFF;bottom:1px;}
.about_box .company h3>em{text-align:right;font-size:1.3rem;color:#FFF}
.about_box .company h3>em>i{font-size:.72rem;}
.about_box .company .editor{background:#FFF;padding:1.05rem 0}
.about_box .company .editor h4{padding:0 .42rem;font-size:.24rem;color:#242424;margin:0 0 .35rem;}
.about_box .company .editor .info {font-size:.16rem;color:#525252;line-height:1.8;text-indent:2em;}
.about_box .company .editor .info p{margin:0 0 .4rem;padding:0 .42rem;}
.about_box .company .editor .info .img{padding:1.1rem 0 .9rem;text-indent:0}
.about_box .company .editor .info>*:last-child{margin:0}
.about_box .history {float:right;width:50%}
.about_box .history .imgs{margin:0 0 2.87rem;}
.about_box .history h3{margin:0 0 .4rem;padding:0 .58rem 0 0;text-align:right;}
.about_box .history h3 p{margin:0;font-size:.3rem;color:#FFF;padding:0 0 .3rem;position:relative}
.about_box .history h3 p:before,.about_box .history h3 p:after{content:'';width:1.18rem;height:2px;background:#bbb;position:absolute;bottom:.1rem;right:0;}
.about_box .history h3 p:after{width:.67rem;height:1px;background:#FFF;bottom:1px;} 
.about_box .history .lists{background:#f3f3f3;padding:0 .38rem;}
.about_box .history .lists ul{display:block;border-left:1px solid #b5b5b5;padding:.55rem 0 1.25rem;}
.about_box .history .lists li {position:relative;margin:0 0 .4rem;cursor:pointer;}
.about_box .history .lists li>*{display:inline-block;vertical-align:top;width:21%}
.about_box .history .lists li h6 {font-size:.2rem;color:#242424;text-align:right;line-height:.26rem;}
.about_box .history .lists li .info{width:79%;font-size:.14rem;color:#525252;line-height:1.8;padding-left:.15rem;}
.about_box .history .lists li:before{content:'';width:.16rem;height:.16rem;background:#b5b5b5;border-radius:100%;position:absolute;top:.05rem;left:-.08rem;transition:all .4s linear}
.about_box .history .lists li:after{content:'';width:.24rem;height:.2rem;background:url(../images/icon4.png) 0 0 no-repeat;background-size:.24rem .2rem;position:absolute;top:.03rem;left:-.12rem;transition:all .5s linear;transform:scale(0);opacity:0}
.about_box .history .lists li:hover:before{opacity:0}
.about_box .history .lists li:hover:after{transform:scale(1);opacity:1}
.about_box .history .lists li:hover h6 {color:#99844c}
.about_box .workshop{position:relative;}
.about_box .workshop h3{position:absolute;width:50%;bottom:100%;margin:0 0 .45rem;right:0;padding-left:.44rem;}
.about_box .workshop h3 p{margin:0;font-size:.3rem;color:#FFF;padding:0 0 .3rem;position:relative}
.about_box .workshop h3 p:before,.about_box .workshop h3 p:after{content:'';width:1.18rem;height:2px;background:#bbb;position:absolute;bottom:.1rem;left:0;}
.about_box .workshop h3 p:after{width:.67rem;height:1px;background:#FFF;bottom:1px;} 
.about_box .workshop .swiper-slide a{display:block;position:relative;overflow:hidden;}
.about_box .workshop .swiper-slide img {width:100%;height:3.96rem;object-fit:cover;}
.about_box .workshop .slide-pagination{margin:.45rem 0 0;text-align:center;}
.about_box .workshop .slide-pagination span{opacity:1;outline:none;width:.17rem;height:.17rem;background:none;border:1px solid #FFF;margin:0 .09rem;}
.about_box .workshop .slide-pagination span.swiper-pagination-bullet-active{background:#FFF}
.about_box .workshop .swiper-slide a:hover img {transform:scale(1.06)}
.about_box .mains>h2 {padding:1.45rem 0 0;font-size:.72rem;color:#FFF;font-family:"Butler_Bold";text-align:center;text-transform:uppercase;letter-spacing:3px;}
/*产品*/
.product_box {padding:1.4rem 0 1.1rem;}
.product_box .title{margin:0 0 .65rem;}
.product_box .title>div{display:inline-block;vertical-align:bottom;width:50%;padding:0 .3rem;}
.product_box .title .name h3{font-size:1.19rem;color:#303030;text-transform:uppercase;font-family:"Butler_Bold";}
.product_box .title .name p{font-size:.48rem;color:#303030;margin:.4rem 0 0}
.product_box .title .menus{padding:0 .15rem;}
.product_box .title .menus li {display:inline-block;vertical-align:bottom;padding:0 .27rem;}
.product_box .title .menus li a{font-size:.3rem;color:#6b6b6b;display:block;}
.product_box .title .menus li span{display:block;position:relative;}
.product_box .title .menus li span:before,.product_box .title .menus li span:after{content:'';width:0;height:2px;background:#919191;position:absolute;bottom:-.2rem;left:0;transition:all .65s linear}
.product_box .title .menus li span:after{width:0;height:1px;background:#303030;bottom:-.3rem;transition:all .75s linear}
.product_box .title .menus li.on a,.product_box .title .menus li a:hover{color:#303030}
.product_box .title .menus li.on span:before,.product_box .title .menus li a:hover span:before{width:100%}
.product_box .title .menus li.on span:after,.product_box .title .menus li a:hover span:after{width:.67rem;}
.product_box .mains{background:#f5f5f5;}
.product_box .mains .items{background:#f6f8fb;}
.product_box .mains .items>div{display:inline-block;vertical-align:middle;width:33%}
.product_box .mains .items .infos{padding:0 .3rem 0 .55rem;}
.product_box .mains .items .infos>div{display:inline-block;vertical-align:top;width:62%;padding-top:.5rem;min-height:2.4rem;}
.product_box .mains .items .infos .t2 {width:38%;padding-left:.25rem;border-right:2px solid #d0d1d2;border-left:2px solid #d0d1d2}
.product_box .mains .items .infos .t2 li{margin:0 0 .2rem;}
.product_box .mains .items .infos .t2 li a{font-size:.2rem;color:#313132;}
.product_box .mains .items .infos .t1 {padding-right:.75rem;}
.product_box .mains .items .infos .t1 h5{font-size:.2rem;color:#292a2b;font-weight:bold;margin:0 0 .2rem;}
.product_box .mains .items .infos .t1 p{font-size:.16rem;color:#313132;line-height:1.8;margin:0}
.product_box .mains .items .imgs{width:67%}
.product_box .mains .lists{padding:.65rem .16rem 1.6rem;}
.product_box .mains .lists li {padding:0 .39rem;margin:0 0 .72rem;}
.product_box .mains .lists li a{display:block;position:relative;background:#FFF;border-radius:3px;padding:.15rem .15rem .4rem;text-align:center}
.product_box .mains .lists li .imgs {overflow:hidden;}
/*.product_box .mains .lists li img{width:100%;height:5.95rem;object-fit:cover;transition:none;}*/
.product_box .mains .lists li p{font-size:.16rem;color:#3f3f3f;text-transform:uppercase;margin:.35rem 0 0}
.product_box .mains .lists li a:hover{transform:translateY(-20px);box-shadow:6px 6px 10px rgba(0,0,0,.06)}
.product_box .mains .lists .more {text-align:center;transition:none;}
.product_box .mains .lists .more a{font-size:.16rem;color:#5f5f5f;}
/*品牌*/
.brand_box {padding:1.4rem 0 2.8rem;background:url(../images/icon4.jpg) center 0 no-repeat;background-size:cover;position:relative}
.brand_box:before{content:'';width:1px;height:100%;background:rgba(255,255,255,.5);position:absolute;top:0;left:50%}
.brand_box .mains {padding:0 1.8rem;}
.brand_box .title{margin:0 0 .65rem;}
.brand_box .title>div{display:inline-block;vertical-align:bottom;width:50%;padding:0 .3rem;}
.brand_box .title .name h3{font-size:1.19rem;color:#FFF;text-transform:uppercase;font-family:"Butler_Bold";}
.brand_box .title .name p{font-size:.48rem;color:#FFF;margin:.4rem 0 0}
.brand_box .title .menus{padding:0 .15rem;}
.brand_box .title .menus li {display:inline-block;vertical-align:bottom;padding:0 .27rem;}
.brand_box .title .menus li a{font-size:.3rem;color:#FFF;display:block;}
.brand_box .title .menus li span{display:block;position:relative;}
.brand_box .title .menus li span:before,.brand_box .title .menus li span:after{content:'';width:0;height:2px;background:#b2b8bc;position:absolute;bottom:-.2rem;left:0;transition:all .65s linear}
.brand_box .title .menus li span:after{width:0;height:1px;background:#FFF;bottom:-.3rem;transition:all .75s linear}
.brand_box .title .menus li.on a,.brand_box .title .menus li a:hover{color:#FFF}
.brand_box .title .menus li.on span:before,.brand_box .title .menus li a:hover span:before{width:100%}
.brand_box .title .menus li.on span:after,.brand_box .title .menus li a:hover span:after{width:.67rem;}

.brand_box .gids li.infos{background:#FFF;padding:1rem .45rem 1.2rem;}
.brand_box .gids li.infos h3{font-size:.3rem;color:#272727;margin:0 0 .35rem;}
.brand_box .gids li.infos .editor{font-size:.16rem;color:#525252;line-height:1.8;}
.brand_box .gids li a:hover img {transform:scale(1.06);position:relative;z-index:999;box-shadow:4px 4px 6px rgba(0,0,0,.16)}
/*新闻资讯*/
.news_box{padding:1.4rem 0;overflow:hidden;position:relative}
.news_box:before{content:'';width:1px;height:100%;background:#dcdcdc;position:absolute;top:0;left:50%}
.news_box .mains {padding:0 1.63rem;}
.news_box .title{margin:0 0 .65rem;}
.news_box .title>div{display:inline-block;vertical-align:bottom;width:50%;padding:0 .3rem;}
.news_box .title .name h3{font-size:1.19rem;color:#303030;text-transform:uppercase;font-family:"Butler_Bold";}
.news_box .title .name p{font-size:.48rem;color:#303030;margin:.4rem 0 0}
.news_box .title .menus{padding:0 .15rem;}
.news_box .title .menus li {display:inline-block;vertical-align:bottom;padding:0 .27rem;}
.news_box .title .menus li a{font-size:.3rem;color:#6b6b6b;display:block;}
.news_box .title .menus li span{display:block;position:relative;}
.news_box .title .menus li span:before,.news_box .title .menus li span:after{content:'';width:0;height:2px;background:#919191;position:absolute;bottom:-.2rem;left:0;transition:all .65s linear}
.news_box .title .menus li span:after{width:0;height:1px;background:#303030;bottom:-.3rem;transition:all .75s linear}
.news_box .title .menus li.on a,.news_box .title .menus li a:hover{color:#303030}
.news_box .title .menus li.on span:before,.news_box .title .menus li a:hover span:before{width:100%}
.news_box .title .menus li.on span:after,.news_box .title .menus li a:hover span:after{width:.67rem;}
.news_box .lists li {padding:0 .51rem;margin:0 0 .55rem;}
.news_box .lists li .imgs{overflow:hidden;position:relative}
.news_box .lists li img {width:100%;height:2.67rem;object-fit:cover;transition:none;}
.news_box .lists li .time {position:absolute;bottom:0;left:0;width:100%;padding:0 .23rem;font-size:.14rem;color:#FFF;line-height:.4rem;background:#b2b2b2;background: linear-gradient(to right, rgba(178, 178, 178, 1), rgba(178, 178, 178, 0))}
.news_box .lists li .text{margin:.34rem 0 0}
.news_box .lists li .text h4{font-size:.18rem;color:#373839;margin:0 0 .2rem;}
.news_box .lists li .text p{font-size:.14rem;color:#6c757d;line-height:.26rem;height:.52rem;overflow:hidden;margin:0 0 .5rem;}
.news_box .lists li .text em {font-size:.14rem;color:#5d5d5d;display:inline-block;line-height:.38rem;}
.news_box .lists li a:hover .text em {background:#414141;color:#FFF;padding:0 .27rem;}
.news_box .lists li a:hover .imgs{box-shadow:8px 8px 11px rgba(0,0,0,.1);transform:translateY(-10px)}
/*翻页*/
.page {margin:.5rem 0 0;position:relative;z-index:5}
.page a{display:inline-block;margin:0 5px;width:.43rem;height:.43rem;background:#eee;line-height:.43rem;font-size:.16rem;color:#505050;font-weight:bold;border-radius:5px;}
.page a.page-num-current,.page a:hover {background:#d2d2d2;color:#000}
/*加盟*/
.join_box{padding:.65rem 0 0;background:url(../images/icon5.jpg) right 0 no-repeat ;background-size:100% 13.33rem;}
.join_box .title{margin:0 0 .6rem;padding:0 1.6rem;}
.join_box .title>div{display:inline-block;vertical-align:bottom;width:38%}
.join_box .title .name h3{font-size:1.19rem;color:#FFF;text-transform:uppercase;font-family:"Butler_Bold";}
.join_box .title .name p{font-size:.48rem;color:#FFF;margin:.1rem 0 0;}
.join_box .title .desc{width:62%;padding-left:1.35rem;font-size:.16rem;color:#FFF;}
.join_box .mains1{margin:0 0 .55rem;}
.join_box .mains1 .text {background:rgba(255,255,255,.23);padding:1.25rem .7rem 3rem 1rem;position:relative;width:58%}
.join_box .mains1 .text h5{font-size:.3rem;color:#FFF;font-weight:bold;margin:0 0 .45rem;}
.join_box .mains1 .text>p{font-size:.16rem;color:#FFF;margin:0 0 .15rem;}
.join_box .mains1 .text .num {position:absolute;right:.7rem;bottom:.6rem;text-align:center}
.join_box .mains1 .text .num h6{font-size:.6rem;color:#FFF;}
.join_box .mains1 .text .num h6 em {font-size:1.83rem;font-family:"Butler_Bold";}
.join_box .mains1 .text .num p{font-size:.16rem;color:#FFF;margin:.2rem 0 0}
.join_box .mains2>div{display:inline-block;vertical-align:bottom;width:57%}
.join_box .mains2 .imgs span{background:none !important;}
.join_box .mains2 .imgs img {width:100%;height:6.91rem;transition:none;}
.join_box .mains2 .text{width:43%;padding:.95rem 1.6rem 0 1rem;background:#727272;height:6.4rem;}
.join_box .mains2 .text h5{font-size:.3rem;color:#FFF;font-weight:bold;margin:0 0 .73rem;}
.join_box .mains2 .text .item>div{display:inline-block;vertical-align:top;width:25%;margin:0 0 .6rem;text-align:center}
.join_box .mains2 .text .item>div p{font-size:.16rem;color:#FFF;margin:.15rem 0 0;}
.join_box .mains2 .text .item>div img {width:.76rem;transition:none;}
/*联系我们*/
.contact_box{}
.contact_box .infos>div{display:inline-block;vertical-align:middle;width:58%}
.contact_box .infos .text{padding:0 .15rem 0 3.37rem;}
.contact_box .infos .text h6{font-size:.36rem;color:#2f2e2e;}
.contact_box .infos .text h5{font-size:.3rem;color:#1c1c1c;margin:.6rem 0 .35rem;}
.contact_box .infos .text .editor p{font-size:.2rem;color:#464545;margin:0;padding:.2rem 0;line-height:.45rem;}
.contact_box .infos .text .editor p img {max-height:.4rem;transition:none;margin:0 .15rem 0 0}
.contact_box .infos .text .editor p a{font-size:.2rem;color:#464545;}
.contact_box .infos .map{width:42%}
.contact_box .infos .map #container {height:8rem;width:100%;}
.contact_box .message{padding:1.8rem 0 2.2rem;background-position:center;background-repeat:no-repeat;background-size:cover;}
.contact_box .message>div{padding:0 1.77rem;}
.contact_box .message h5{font-size:.36rem;color:#FFF;margin:0 0 1.1rem;}
.contact_box .message .lists{padding:0 1rem 0 .6rem;}
.contact_box .message .lists li {margin:0 0 .3rem}
.contact_box .message .lists li input[type="text"],.contact_box .message .lists li textarea{width:70%;height:.76rem;min-height:35px;border:0;background:none;border-bottom:1px solid rgba(255,255,255,.6);font-size:.16rem;color:#FFF;padding:0 .24rem;}
.contact_box .message .lists li textarea{width:100%;height:1.2rem;padding:.24rem;}
.contact_box .message .lists li input::-webkit-input-placeholder{color:#FFF}
.contact_box .message .lists li input:-moz-placeholder{color:#FFF}
.contact_box .message .lists li input::-moz-placeholder{color:#FFF}
.contact_box .message .lists li input:-ms-input-placeholder {color:#FFF}

.contact_box .message .lists li textarea::-webkit-input-placeholder{color:#FFF}
.contact_box .message .lists li textarea:-moz-placeholder{color:#FFF}
.contact_box .message .lists li textarea::-moz-placeholder{color:#FFF}
.contact_box .message .lists li textarea:-ms-input-placeholder {color:#FFF}
.contact_box .message .lists li button {background:#FFF;padding:0 .48rem;height:.48rem;font-size:.14rem;color:#323232;border-radius:6px;border:0;}
/*右边浮动*/
.fixed_box {position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:99;font-size:0}
.fixed_box li {width:.9rem;height:.9rem;position:relative;}
.fixed_box li>a{display:flex;background:#212121;    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;border-bottom:1px solid rgba(255,255,255,.3)}
.fixed_box li>a i{font-size:.2rem;color:#FFF}
.fixed_box li>a p{font-size:.16rem;color:#FFF;margin:.15rem 0 0}

.fixed_box li>div{position:absolute;opacity:0;top:0;right:-1.3rem;min-width:2.2rem;background:#212121;font-size:.16rem;color:#FFF;line-height:.9rem;padding:0 .15rem}
.fixed_box li:first-child+li+li>div{padding:.15rem}
.fixed_box li>div a{font-size:.14rem;color:#FFF}
.fixed_box li:hover .item {opacity:1;right:.95rem;}
.fixed_box li.b_top a i {font-size:.26rem}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:rgba(0,0,0,.8);box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#FFF}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#212121;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#FFF;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#212121}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#212121}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#FFF}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/
@media(max-width:1780px){
	.product_box .title .menus li{padding:0 .2rem;}
	.product_box .title .menus li a{font-size:.26rem;}
}
@media(max-width:1440px){
	.about_box>div,.brand_box .mains,.tem_index_news>div,.news_box .mains,.contact_box .message>div{padding:0 .9rem;}
	.header .navlist li{padding:0 .26rem;}
	.footer .navlist li{padding:0 .3rem}
}
@media(max-width:1000px){
	.join_box{background-size:100% 14.33rem;}
}
@media(max-width:992px){
	.about_box>div,.brand_box .mains,.tem_index_news>div,.news_box .mains,.contact_box .message>div{padding:0 .65rem;}
	.contact_box .infos .text{padding-left:1.6rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner .swiper-page{left:.25rem;}
	.about_box>div,.brand_box .mains,.news_box .mains,.contact_box .message>div{padding:0;}
	.grid li{width:48%}
	.join_box .mains2 .text{padding-right:.45rem;}
	.contact_box .infos .text{padding-left:.45rem;}
	.tem_index_news>div{padding:0 1.2rem;}
	.tem_index_series .item1 .swiper-slide .text{left:.45rem;}
	.join_box .title{padding:0 .45rem;}
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner .share{display:none;}
	.tem_banner .txt h3{font-size:.4rem}
	.tem_banner .txt .editor{font-size:.2rem}
	.tem_index_series .item0 > a{width:90%}
	.tem_index_series .item1 .swiper-slide .text{left:.25rem;}
	.tem_index_product .lists li{margin:0 0 .55rem;}
	.footer > div > div{display:block;width:100% !important;}
	.footer .navlist,.footer .logo,.footer .code{display:none;}
	.footer .copy{padding:0;text-align:center;}
	.about_box .company h3 > em{font-size:.6rem;}
	.about_box .company h3 > em > i{font-size:.3rem}
	.product_box .title .menus,.news_box .title .menus{display:none;}
	.product_box .title > div,.news_box .title > div{width:100%}
	.product_box .mains .items > div,.join_box .title > div,.join_box .mains2 > div{display:block;width:100% !important;}
	.product_box .mains .lists li img{height:auto;}
	.product_box .mains .lists li,.news_box .lists li{padding:0 .12rem;}
	.join_box .title{padding:0 .25rem;}
	.join_box .title .name {text-align:left;margin:0 0 .4rem}
	.join_box .title .desc{padding-left:0}
	.join_box{background-size:100% 16.33rem;}
	.join_box .mains1 .text{width:100%}
	.join_box .mains2 .text{padding:.95rem .25rem 0}
	.contact_box .infos > div{display:block;width:100% !important;}
	.contact_box .infos .text{padding:.65rem .25rem}
	.contact_box .message .lists{padding:0}
	.contact_box .message .lists li input[type="text"], .contact_box .message .lists li textarea{width:100%;font-size:12px;}
	.contact_box .message .lists li button {font-size:12px;}
}