﻿@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(animate.min.css);
@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.header-v1 .search{ background:#f6f6f6;}
/*内页*/
/*轮显*/

.banner_page{ position:absolute; width:100%; text-align:left; left:0%; height:0px;  color:#aaaaaa; font-size:16px; z-index:10; bottom:86px; line-height:36px; z-index:5; /*font-style:italic;*/ font-weight:bold;}

.banner_page .wrap2{ height:0;}

.banner_page span{ color:#fff;}

.banner_page label{ color:#fff;opacity:0.2;filter:Alpha(opacity=20);}

.banner_page em{ font-style:normal; color:#fff;}

.main .banner .swiper-pagination{float: left;}

.main .banner .swiper-pagination-clickable .swiper-pagination-bullet{width: 36px;height: 3px;background: rgba(153,153,153,0.7);border-radius: 0;opacity: 1;margin-right: 5px;}

.main .banner .swiper-pagination-clickable .swiper-pagination-bullet-active{background: #ffffff;}

.banner img {height: 100vh;object-fit: cover;}



@media screen and (max-width: 1200px) {

/*轮显*/

.banner_page{ bottom:76px;}

.main .banner .btn{ bottom:40px;}



}

@media screen and (max-width: 992px) {

  /*轮显*/

  .banner img {height: auto;}

}

@media screen and (max-width: 640px) {

/*轮显*/

.main .banner .btn{bottom:30px;}

.main .banner .btn .boxs{ margin-left:140px;}

.banner_page{ bottom:66px; font-size:15px;}

.banner_page label{ /*display:none;*/ display:inline-block; width:40px; vertical-align:top; overflow:hidden;}

.banner_page em{  display:inline-block; width:40px; vertical-align:top; overflow:hidden;}

.main .banner .swiper-slide .rbtn{ min-width:130px; padding:0 30px; font-size:15px;}

.main .banner .swiper-slide .rbtn span{ height:42px; line-height:42px; padding:0;}



}



@media screen and (max-width: 480px) {

/*轮显*/

.main .banner .btn{bottom:42px;}

.banner_page{ bottom:58px;}



.main .banner .swiper-slide .rbtn{ min-width:110px; padding:0 20px; font-size:13px; margin-top:4%;}

.main .banner .swiper-slide .rbtn span{ height:36px; line-height:36px;}

.main .banner .swiper-slide .rbtn{ margin-top:1%;}

.main .banner .swiper-pagination{margin-top: 10px;}

}





@media screen and (max-width: 420px) {

/*轮显*/

.main .banner .swiper-slide .rbtn{ min-width:100px;}

.main .banner .swiper-slide .rbtn span{ height:32px; line-height:32px;}



}





/*分类弹窗*/
.about_bgs{z-index: 19891024;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.about_tc .closed2{ display:none;}

.o_big_con{/*  overflow:hidden; */ position:relative;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;/* -webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards; */min-height: 400px;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_big_con .cons .wrap{ height:100%; display:table; }
.o_big_con .cons .wrap3{ height:100%; display:table; }
.o_big_con .cons .wrap12{ height:100%; display:table; }
.o_big_con .h2{font-weight:normal; display:table-cell; vertical-align:middle;   text-align:left;color: #ffffff;}
.o_big_con .h2 label{width:100%;max-width: 790px; display:block;color:rgba(255,255,255,1);  margin-top:1.4%; font-size:20px; text-transform:none;line-height:36px;font-weight: normal;}
.o_big_con .h2 span{ display:block; overflow:hidden; color:rgba(255,255,255,1); line-height:1.2;  position:relative;  letter-spacing:1px; font-weight:bold;text-align: center;font-style: italic;margin-bottom: 90px;}
.o_big_con .h2 span sup{font-weight: normal;}
.o_big_con.bgs2 .h2 span{text-align: left;font-style: normal;}
.o_big_con .h2 span i{ font-style:normal; overflow:hidden; color:rgba(153,153,153,0.15); font-family:Arial; display:block; position:relative; line-height:100px; text-transform:uppercase;}
.o_big_con .h2 span em{ font-style:normal; overflow:hidden; color:#fff; position:absolute; bottom:0; left:0;}
.o_big_con.bgs3 .h2 span{text-align: left;font-style: normal;}
.o_big_con .h2 span .aa{position: relative;overflow: hidden;padding-bottom: 3%;margin-top:1.5%;padding-top: 1.5%;}
.o_big_con .h2 span .a{float: left;border-radius: 35px;border: 1px solid #FFFFFF;text-align: center;line-height: 70px;width: 192px;color: #ffffff;margin-right: 1%;font-weight: normal;position: relative;transition:all 0.3s;z-index: 0;overflow: hidden;}
.o_big_con .h2 span .a:hover{border-color: #008cd6;}
.o_big_con .h2 span .a::after{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;transition:all 0.3s;background: #008cd6;border-radius: 35px;z-index: -1;}
.o_big_con .h2 span .a:hover:after{width: 100%;}
.o_big_con .h2 span .a.on::after{width: 100%;}
.o_big_con .h2 span .a.on{border-color: #008cd6;}
.o_big_con .h2 span .ul{position: absolute;right: 0;top: 0px;}
.o_big_con .h2 span .ul li{float: left;margin-left: 15px;border-radius: 10px;overflow: hidden;height: 116px;}
.o_big_con .h2 span .ul li img{width: 116px;height: 116px;}
.o_big_con.bgs3 .h2 span{text-align: left;font-style: normal;}
.o_big_con.bgs3 .log1{display: block;height: 86px;border-radius: 6px;margin-bottom: 1.2%;}



.map{ position: relative;top: -80px; color:#999999; font-size:14px;transition:all 0.3s;}
/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:4%; padding-bottom:5%; clear:both; font-family:Arial;}
.yema.bgs2{ text-align:right;}
.yema a{ display:inline-block; height:42px; line-height:42px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:42px;margin-left:3px;  text-align:center; color:#999999; font-size:15px; border:1px solid #ffffff; background:#ffffff;border-radius: 50%; }
.yema a:hover{ text-decoration:none; color:#fff; background:#008cd6;border:1px solid #008cd6;}
.yema a.on{color:#fff;  background:#008cd6;border:1px solid #008cd6;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#008cd6;}
.yema a span{ font-family:"宋体"; font-weight:bold; font-size:15px;}
/*暂无内容*/
.nodata{ clear:both; max-width:1200px; margin:0 auto; overflow:hidden; text-align:center; margin-top:13%; margin-bottom:13%; background:url(../images/empty.png) center top no-repeat; background-size:auto 169px; padding-top:180px;}
.nodata .title{ color:#555555; font-size:18px; overflow:hidden; margin-top:2%; line-height:26px;}
.nodata .desc{color:#999999; font-size:14px; overflow:hidden; line-height:24px; margin-top:5px;}

@media screen and (max-width: 1560px) {
/*内页*/

.o_big_con .h2 span .aa{margin-top: 1%;}
.o_big_con .h2 span .a{line-height: 60px;width: 180px;}
.o_big_con .h2 label{font-size: 19px;}
.o_big_con .h2 span .ul li{height: 106px;}
.o_big_con .h2 span .ul li img{width: 106px;height: 106px;}
}
@media screen and (max-width: 1440px) {
/*内页*/

.o_big_con .h2 label{font-size: 18px;}

}
@media screen and (max-width: 1360px) {
/*内页*/
.o_big_con .h2 span i{ line-height:86px;}
.o_big_con .h2 label{font-size: 17px;}
}

@media screen and (max-width: 1200px) {
/*内页*/

.o_big_con.bgs2 .h2 label{ margin-bottom:3%;}
.o_big_con .h2 label{ line-height:30px;}
.o_big_con .h2 span{margin-bottom: 80px;}
.o_big_con .h2 span i{ line-height:72px;}
.o_big_con.bgs3 .h2 label{ margin-bottom:2%;}
.o_big_con .h2 span .aa{margin-top: 0%;}
.o_big_con.bgs3 .log1{height: 76px;}
.o_big_con .h2 span .a{line-height: 56px;width: 170px;}
.o_big_con .h2 span .ul li{height: 100px;}
.o_big_con .h2 span .ul li img{width: 100px;height: 100px;}
.map{ top:-50px;}

}

@media screen and (max-width: 1100px) {
/*内页*/


/*分页*/
.yema a{ height:36px; line-height:36px;min-width:30px; font-size:14px;}
.yema a span{ font-size:14px;}


}
@media screen and (max-width: 1000px) {
/*内页*/


.o_big_con .h2 label{ font-size:16px; line-height:26px;}
.o_big_con .h2 span i{ line-height:68px;}
.o_big_con.bgs3 .log1{height: 66px;}
.o_big_con .h2 span .a{line-height: 50px;}
.o_big_con .h2 span .ul li{height: 80px;}
.o_big_con .h2 span .ul li img{width: 80px;height: 80px;}
/*分类弹窗*/
.about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;}
.postions_b.lws .about_tc{ width:80%;}
.postions_b.lws{ display:block;}
.about_l.lws .about_tc{ width:88%;}
.about_tc .about_divs{ position:absolute; right:0; width:85%; background-color:#f5f5f7; top:0; overflow:hidden; height:100%;}
.about_tc .closed2{ right:84.5%; position:absolute; top:150px; cursor:pointer; width:25px; display:block;}
.about_tc .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}


}
@media screen and (max-width: 960px) {
/*内页*/
.o_big_con.bgs3 .o_big{min-height: 650px;}
.o_big_con.bgs3 .log1{margin-bottom: 2%;}
.o_big_con .h2 span .ul{position: static;clear: both;padding-top: 4%;}
}

@media screen and (max-width: 830px) {
/*内页*/
.o_big_con.bgs3 .o_big{min-height: 620px;}




}
@media screen and (max-width: 780px) {
/*内页*/
.o_big_con .h2 span i{ line-height:60px;}
.o_big_con.bgs2 .h2 span{margin-bottom: 0;}
.o_big_con.bgs3 .h2 span{margin-bottom: 0;}
.o_big_con.bgs3 .o_big{min-height: 540px;}
.o_big_con .h2 span .a{width: 160px;}


/*分页*/
.yema a{ height:26px; line-height:24px; padding-left:6px; padding-right:6px; margin-left:2px; font-size:13px; min-width:26px;}
.yema a span{ font-size:13px;}

}

@media screen and (max-width: 640px) {
/*内页*/

.o_big_con .h2 label{ font-size:15px; line-height:24px;}
.o_big_con .h2 span i{ line-height:50px;}
.o_big{ min-height:350px;}
.o_big_con .h2 span .a{width: 150px;}
/*分页*/
.yema a{ font-size:12px;}
.yema a span{ font-size:12px;}
/*暂无内容*/
.nodata{background-size:auto 130px; padding-top:140px;margin-top:15%; margin-bottom:15%;}

}


@media screen and (max-width: 480px) {
/*内页*/
.o_big{ height:300px;min-height: inherit;}
.o_big_con .h2{ font-size:18px; }
.o_big_con .h2 label{ font-size:14px; line-height:22px; margin-bottom:10px;}
.o_big_con .h2 span{margin-bottom: 70px;}
.o_big_con .h2 span i{ line-height:50px;}
.o_big_con .h2 span .a{width: 140px;line-height: 40px;font-size: 13px;margin-bottom: 1%;}
.o_big_con.bgs3 .o_big{min-height: 450px;}
.o_big_con .h2 span .ul li{height: 60px;margin-left: 10px;}
.o_big_con .h2 span .ul li img{height: 60px;width: 60px;}
.o_big_con.bgs3 .log1{height: 50px;}

/*分页*/
.yema{ padding-top:35px; padding-bottom:40px;}
.yema a{ padding-left:5px; padding-right:5px; margin-left:2px;}

}

@media screen and (max-width: 420px) {
/*内页*/
.o_big{ height:300px;}
.o_big_con .h2 label{ font-size:13px; line-height:20px;}
.o_big_con .h2 span i{ line-height:46px;}


}
@media screen and (max-width: 380px) {
/*内页*/
.o_big{height: 250px;}
.o_big_con .h2 label{ font-size:12px;}

}

/*品牌列表*/
.product_bg{background: #f8f8f8;overflow: hidden;padding-bottom:0%}
.product_ul{ overflow:hidden; margin-top:4%;margin-bottom:0%;}
.product_ul ul li{ float:left; width:23.5%; margin-bottom:2%;margin-right: 2%; overflow:hidden;  position:relative; z-index:0;transition:all 0.3s;background: #ffffff;border-radius: 10px; }
.product_ul ul li:nth-child(4n+0){margin-right: 0;}
.product_ul ul li .imgs{ overflow:hidden;  position:relative; padding-top:90%; }
.product_ul ul li .imgs img{display: block;width: 100%; position:absolute; height:90%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_ul ul li .txts{ overflow:hidden;width:94%;max-width: 316px;margin: 0 auto;margin-top: 0px;height:39px;}
.product_ul ul li .txts .h3{ line-height:30px; max-height:60px; font-weight:bold; overflow:hidden;color:#222222;transition:all 0.3s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.product_ul ul li .txts .p{line-height:30px; overflow:hidden; color:#333333; font-size:14px;margin-top:9px;font-size: 15px;}
.product_ul ul li .ends{width:94%;max-width: 316px;margin: 0 auto;border-top: 1px solid #e7e7e7;overflow: hidden;margin-top: 21px;padding-top: 21px;height: 71px;}
.product_ul ul li .ends .scrollable-container{width: 100%;overflow-x: auto; white-space: nowrap;height: auto;}
.product_ul ul li .ends .scrollable-container::-webkit-scrollbar { -webkit-appearance: none;}
.product_ul ul li .ends .scrollable-container::-webkit-scrollbar:vertical { width: 1px;}
.product_ul ul li .ends .scrollable-container::-webkit-scrollbar-thumb { border-radius: 1px; border:0; background-color:#ffffff;}
.product_ul ul li .ends .scrollable-container .categories{list-style: none;margin: 0;   padding: 0;}
.product_ul ul li .ends .scrollable-container .categories dd{display: inline-block;margin-right: 6px;color: #222222;font-size: 15px;user-select: none;background: #f3f3f3;padding-left: 16px;padding-right: 16px;height: 32px;line-height: 32px;border-radius: 4px;vertical-align: top;}
@media screen and (max-width: 1560px) {
/*品牌列表*/
.product_ul ul li .txts .h3{line-height: 26px;max-height: 39px;}
.product_ul ul li .txts{width: 90%;}
.product_ul ul li .ends .scrollable-container .categories dd{font-size: 14px;}
.product_ul ul li .txts .p{font-size: 14px;}
}
@media screen and (max-width: 992px) {
/*品牌列表*/
.product_ul ul li{width: 32%;}
.product_ul ul li:nth-child(4n+0){margin-right: 2%;}
.product_ul ul li:nth-child(3n+0){margin-right: 0;}
}
@media screen and (max-width: 780px) {
/*品牌列表*/
.product_ul ul li{width: 49%;}
.product_ul ul li:nth-child(3n+0){margin-right: 2%;}
.product_ul ul li:nth-child(2n+0){margin-right: 0;}
.product_ul ul li .txts{margin-top: 15px;height: 39px;}
.product_ul ul li .txts .p{ line-height: 26px;margin-top: 5px;}
.product_ul ul li .ends{padding-top: 15px;margin-top: 15px;height: 65px;}

}
@media screen and (max-width: 480px) {
/*品牌列表*/
.product_ul ul li .txts{height: 39px;}
.product_ul ul li .txts .p{font-size: 13px;line-height: 22px;}
.product_ul ul li .ends{height: 56px;}
.product_ul ul li .ends .scrollable-container .categories dd{font-size: 13px;padding-left: 10px;padding-right: 10px;margin-right: 3px;height: 26px;line-height: 26px;}
}
@media screen and (max-width: 420px) {
/*品牌列表*/
.product_ul ul li .ends{padding-top: 12px;margin-top: 12px;height: 52px;}
.product_ul ul li .ends .scrollable-container .categories dd{font-size: 12px;}
}

/*品牌详细*/
.product_bg2{position: relative;margin-top: -105px;z-index: 0;margin-bottom: 100px;}
.product_bg2.bgs2{margin-bottom: 1.7%;}
.product_box1{overflow: hidden;position:absolute;height: 100%;width: 83.385%;z-index: -2;background: #ffffff;border-radius: 0px 60px 60px 0px;left: 0;top: 0;}
.product_box1 .round1{position: absolute;width: 100%;bottom: 3%;left: -50%;}
.product_box1 .round2{position: absolute;width: 100%;top: 5%;right: -20%;}
.product_box2{overflow: hidden;position: absolute;width: 24.843%;background: #008cd6;z-index: -1;height: 97%;right: 0;top: 105px;border-radius: 30px 0px 0px 0px;}
.product_box2::after{content: "";position: absolute;right:-22% ;width: 83.85%;height: 50%;top: 510px;background: url(../images/brand_pic7.png) center top no-repeat;background-size: 100% auto;}
.product_l{width:64%;float: left;overflow: hidden;margin-top: 6%;max-width: 920px;}
.product_l .boxs{overflow: hidden;border-top: 1px solid #222222;position: relative;padding-top: 29px;padding-bottom: 50px;line-height: 1.6;color: #222222;font-size: 16px;}
.product_l .boxs:last-child{padding-bottom: 0;}
.product_l .boxs img{max-width: 100%;}
.product_l .boxs .pic1{position: absolute;right: 0;top: 35px;width: 45px;height: 45px;}
.product_l .boxs .pic2{display: block;height:48px;margin-bottom: 15px;}
.product_l .boxs .h4{overflow: hidden;padding-right: 50px;font-weight: normal;margin-bottom: 2%;}
.product_l .boxs .h5{overflow: hidden;padding-right: 50px;font-weight: bold;margin-bottom: 2%;clear: both;}
.product_l .boxs .h5 img{display: inline-block;margin-left: 18px;height: 45px;vertical-align:middle;}
.product_l .boxs .desc{margin-top: 1%;overflow: hidden;}
.product_l .boxs .color1{color: #068cd5;}
.product_l .boxs .ul{display: flex;width: 100%;justify-content: space-between;padding-top: 2%;flex-wrap: wrap;gap: 2%;overflow: hidden;}
.product_l .boxs .ul li{overflow: hidden;text-align: center;max-width: 182px;margin-bottom: 6%;width: 23.5%;}
.product_l .boxs .ul li .span{font-weight: lighter;display: block;margin-top: 20px;}
.product_l .boxs .ul li .tt{font-weight: bold;overflow: hidden;line-height: 1.3;margin-top: 10px;}
.product_l .boxs .ul li img{display: block;margin: 0 auto;height: 52px;}
.product_imgs{float: right;width: 31.92%;overflow: hidden;box-shadow: 0px 27px 21px 0px rgba(0,0,0,0.17);
    border-radius: 20px;margin-top: 205px;}
.product_imgs img{display: block;width: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_l .boxs .ul2{float: left;width: 49%;max-width: 450px;font-size: 14px;color: #777777;}
.product_l .boxs .ul2 li{display: block;overflow: hidden;padding-left: 17px;background: url(../images/brand_pic11.png) left top 5px no-repeat;margin-bottom: 4%;}
.product_l .boxs .ul2 li .tt{overflow: hidden;line-height: 22px;height: 22px;color: #222222;margin-bottom: 5px;font-size: 16px;}
.product_l .boxs .quality_imgs{overflow: hidden;float: right;width: 49%;max-width: 444px;}
.product_l .boxs .ul3{display: flex;width: 92%;overflow: hidden;justify-content: space-between;margin-top: 3%;}
.product_l .boxs .ul3 li{overflow: hidden;}
.product_l .boxs .ul3 li .tt{overflow: hidden;font-weight: bold;color: #068cd5;}
.product_l .boxs .ul3 li .p{overflow: hidden;color: #999999;}
.product_l .boxs .pic3{height: 144px;float: right;z-index: 0;margin-top: -15px;}
.product_l .boxs .ul4{margin-top: 5%;}
.product_l .boxs .ul4 li{display: block;margin-bottom: 47px;border-radius: 20px;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;}
.product_l .boxs .ul4 li:last-child{margin-bottom: 0;}
.product_l .boxs .ul4 li .num{position: absolute;width: 84px; height: 88px;background: #008CD6;border-radius: 20px;text-align: center;line-height: 88px;color: #ffffff;left: 32px;top: -19px;}
.product_l .boxs .ul4 li:nth-child(2n) .num{left: auto;right: 25px;}
.product_l .boxs .ul4 li .divs{padding-top: 36px;padding-bottom: 36px;padding-left: 32px;padding-right: 25px;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.product_l .boxs .ul4 li .img{width: 50%; order: 1;}
.product_l .boxs .ul4 li .img img{object-fit: cover;min-height: 250px;width: 100%;display: block;}
.product_l .boxs .ul4 li .txts{overflow: hidden;width: 48%;max-width: 388px;order: 0;}
.product_l .boxs .ul4 li .txts .tt{font-weight: bold;overflow: hidden;margin-bottom: 15px;}
.product_l .boxs .ul4 li:nth-child(2n) .img{ order: 0;}
.product_l .boxs .ul4 li:nth-child(2n) .txts{ order: 1;}
@media screen and (max-width: 1560px) {
/*品牌详细*/
.product_l .boxs .ul4 li .num{width: 74px;height: 78px;line-height: 78px;}
.product_l .boxs .ul4 li .txts .tt{margin-bottom: 10px;}
.product_l .boxs{font-size: 15px;}
.product_l .boxs .ul li img{height: 47px;}
}
@media screen and (max-width: 1200px) {
/*品牌详细*/
.product_bg2{margin-top: -85px;margin-bottom: 80px;}
.product_bg2.bgs2{margin-bottom: 1.5%;}
.product_box2{top: 85px;}
.product_imgs{margin-top: 185px;}
.product_l .boxs .pic3{height: 120px;}
.product_l .boxs .ul4 li .divs{padding-top: 26px;  padding-bottom: 20px; padding-left: 22px;  padding-right: 15px;}
.product_l .boxs .ul4 li .num{width: 54px;height: 58px;line-height: 58px; border-radius: 12px;left: 22px;}
.product_l .boxs .ul4 li:nth-child(2n) .num{right: 15px;}
}
@media screen and (max-width: 992px) {
/*品牌详细*/
.product_bg2.bgs2{margin-bottom: 2.3%;}
.product_l .boxs .ul li img{height: 42px;}
.product_l .boxs{font-size: 14px;padding-bottom: 40px;}
.product_l .boxs .h5 img{height: 40px;}
.product_l .boxs .pic3{height: 110px;}
.product_l .boxs .ul3{flex-wrap: wrap;}
.product_l .boxs .ul3 li{width: 50%;}
.product_l .boxs .ul3 li{margin-bottom: 5%;}
.product_l .boxs .ul4 li .txts .tt{margin-bottom: 5px;}

}
@media screen and (max-width: 780px) {
/*品牌详细*/
.product_l{width:100%;float: none;max-width: none;}
.product_imgs{width:100%;float: none;margin-top: 5%;display: none;}
.product_box2{display: none;}
.product_box1{width: 100%;border-radius: 0px 0px 0px 0px;}
.product_bg2{margin-top: 0;margin-bottom: 8%;}
.product_l .boxs{padding-bottom: 30px;}
.product_l .boxs .pic1{top: 25px;}
.product_l .boxs .pic2{height: 38px;}
.product_l .boxs .ul li img{height: 40px;}
.product_l .boxs .ul2{font-size: 13px;}
.product_l .boxs .ul2 li .tt{font-size: 15px;}
.product_l .boxs .h5 img{height: 35px;margin-left: 12px;}
.product_l .boxs .ul3{flex-wrap:nowrap;}
.product_l .boxs .ul3 li{width: auto;}
.product_l .boxs .pic3{height: 100px;}
.product_l .boxs .ul4 li .divs{display: block;}
.product_l .boxs .ul4 li .img{width: 100%;}
.product_l .boxs .ul4 li .txts{width: 100%;max-width: none;margin-top: 4%;}

}
@media screen and (max-width: 480px) {
/*品牌详细*/
.product_l .boxs{font-size: 13px;padding-bottom: 25px;padding-top: 20px;}
.product_l .boxs .ul li img{height: 35px;}
.product_l .boxs .ul li .span{margin-top: 15px;}
.product_l .boxs .pic1{top: 20px;width: 35px;height: 35px;}
.product_l .boxs .pic2{height: 30px;}
.product_l .boxs .ul2{font-size: 12px;float: none;width: 100%;}
.product_l .boxs .ul2 li .tt{font-size: 14px;}
.product_l .boxs .quality_imgs{float: none;width: 100%;max-width: none;}
.product_l .boxs .h5 img{height: 30px;margin-left: 8px;}
.product_l .boxs .ul3{flex-wrap: wrap;}
.product_l .boxs .ul3 li{width: 50%;}
}
@media screen and (max-width: 420px) {
/*品牌详细*/
.product_l .boxs{font-size: 12px;}
.product_l .boxs .ul li .span{margin-top: 10px;}
.product_l .boxs .h5 img{height: 25px;margin-left: 5px;}
}



/*Premix*/
.product_l .boxs .dl{overflow: hidden;}
.product_l .boxs .dl dd{display: block;overflow: hidden;margin-top: 4%;}
.product_l .boxs .dl dd .ico{ height: 100%;margin-right: 12px;height: 26px;}
.product_l .boxs .dl dd .h6{overflow: hidden;display: flex;align-items: start;line-height: 26px;font-weight: normal;}
.product_l .boxs .dl dd ul{overflow: hidden;margin-left: 40px;margin-top: 10px;}
.product_l .boxs .dl dd ul{overflow: hidden;}
.product_l .boxs .dl dd ul li{display: block;overflow: hidden;margin-bottom: 5px;padding-left: 18px;position: relative;font-weight: lighter;}
.product_l .boxs .dl dd ul li::after{content: "";position: absolute;left: 0;top: 10px;width: 6px;height: 6px;border-radius: 50%;background: #222222;}
.product_l .boxs .dl2{margin-top: 4%;}
.product_l .boxs .dl2.w2{padding-bottom: 5%;overflow: hidden;}
.product_l .boxs .dl2 dd{display: block;width: 31.333%;margin-right: 3%;margin-bottom: 2%;float: left;}
.product_l .boxs .dl2 dd:nth-child(3n){margin-right: 0;}
.product_l .boxs .dl2.w2 dd:nth-child(2) .imgs{margin-top: 15%;}
.product_l .boxs .dl2 dd .imgs{ overflow:hidden;position:relative; padding-top:70.32%;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);
    border-radius: 20px;z-index: 0; }
.product_l .boxs .dl2 dd .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_l .boxs .dl2 dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_l .boxs .dl2 dd .imgs::after{ background:rgba(0,0,0,.16); position:absolute; left:0; top:0; height:100%; width:100%;transition:all 0.3s; content:""; z-index:-1;}
.product_l .boxs .dl2 dd .h6{position: absolute;bottom: 15px;left: 0;padding-left: 20px;padding-right: 10px;text-align: left;color: #ffffff;font-weight: bold;line-height: 1.3;}
.product_l .boxs .dl2 dd ul{overflow: hidden;margin-top: 9%;}
.product_l .boxs .dl2 dd ul li{display: block;overflow: hidden;margin-bottom: 5px;padding-left: 18px;position: relative;font-weight: lighter;}
.product_l .boxs .dl2 dd ul li::after{content: "";position: absolute;left: 0;top: 10px;width: 6px;height: 6px;border-radius: 50%;background: #222222;}
.product_l .boxs .dl3{margin-top: 4%;display: flex;justify-content: space-between;}
.product_l .boxs .dl3 dd{display: block;width: 31.333%;margin-right: 3%;margin-bottom: 2%;float: left;background: #FFFFFF;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);overflow: hidden; border-radius: 20px;text-align: center;}
.product_l .boxs .dl3 dd:nth-child(3n){margin-right: 0;}
.product_l .boxs .dl3 dd .imgs{display: block;margin: 0 auto;height: 56px;width: 56px; position: relative;}
.product_l .boxs .dl3 dd .imgs img{width: 100%;height: 100%;display: block;transition:all 0.3s;position: absolute;top: 0;left: 0;}
.product_l .boxs .dl3 dd .imgs .img2{opacity:0;filter:Alpha(opacity=0);}
.product_l .boxs .dl3 dd:hover .imgs .img1{opacity:0;filter:Alpha(opacity=0);}
.product_l .boxs .dl3 dd:hover .imgs .img2{opacity:1.0;filter:Alpha(opacity=100);}
.product_l .boxs .dl3 dd .h6{font-weight: bold;overflow: hidden;margin-top: 6%;transition:all 0.3s;}
.product_l .boxs .dl3 dd:hover .h6{color: #ffffff;}
.product_l .boxs .dl3 dd .divs{overflow: hidden;margin: 0 auto;max-width: 210px;margin-bottom: 10%;margin-top: 10%;width: 94%;}
.product_l .boxs .dl3 dd .p{overflow: hidden;color: #777777;transition:all 0.3s;margin-top: 3%;}
.product_l .boxs .dl3 dd:hover .p{color: #ffffff;}
.product_l .boxs .dl3 dd:hover{background-repeat: no-repeat;background-size: cover;background-position: center center;background-image: url(../img/premix_img8.png);}
.product_l .boxs  ul5{overflow: hidden;margin-top: 9%;}
.product_l .boxs .ul5 li{display: block;overflow: hidden;margin-bottom: 5px;padding-left: 18px;position: relative;font-weight: lighter;}
.product_l .boxs .ul5 li::after{content: "";position: absolute;left: 0;top: 10px;width: 6px;height: 6px;border-radius: 50%;background: #222222;}
.product_l .boxs .ul5.w1{margin-left: 39px;}
.product_l .boxs .ul5.w1 li::after{top: 14px;}
@media screen and (max-width: 1200px) {
/*Premix*/
.product_l .boxs .dl dd ul li::after{top: 8px;}
.product_l .boxs .dl2 dd ul li::after{top: 8px;}
.product_l .boxs .dl3 dd .imgs{width: 50px;height: 50px;}
.product_l .boxs .ul5.w1{margin-left: 29px;}
.product_l .boxs .ul5 li::after{top: 8px;}

}
@media screen and (max-width: 992px) {
/*Premix*/
.product_l .boxs .dl2 dd .h6{bottom: 10px;}
.product_l .boxs .ul5.w1{margin-left: 20px;}
}
@media screen and (max-width: 640px) {
/*Premix*/
.product_l .boxs .dl dd .h6{line-height: 24px;}
.product_l .boxs .dl dd .ico{height: 24px;}
.product_l .boxs .dl3 dd .imgs{width: 44px;height: 44px;}
.product_l .boxs .dl2 dd .h6{padding-left: 15px;}
.product_l .boxs .ul5.w1 li::after{top: 10px;}
}
@media screen and (max-width: 480px) {
   /*Premix*/
.product_l .boxs .dl dd .h6{line-height: 22px;} 
.product_l .boxs .dl dd .ico{height: 22px;}
.product_l .boxs .dl3 dd .imgs{width: 40px;height: 40px;}
.product_l .boxs .dl2 dd .imgs{border-radius: 10px;}
.product_l .boxs .dl2 dd ul li::after{top: 6px;}
.product_l .boxs .ul5 li::after{top: 6px;}
.product_l .boxs .ul5.w1 li::after{top: 9px;}
.product_l .boxs .dl2 dd .h6{bottom: 5px;padding-left: 10px;}

}
@media screen and (max-width: 420px) {
    /*Premix*/
    .product_l .boxs .dl3 dd .imgs{width: 35px;height: 35px;}
    .product_l .boxs .ul5.w1 li::after{top: 8px;}
}
/*Botanical Extraction OEM*/
.service_box{overflow: hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;text-align: center;height: 100vh;display: flex;align-items: center;}
.service_box .wrap{margin-top: 8%;/* margin-bottom: 9%; */text-align: center;}
.service_box .h2{font-weight: bold;color: #ffffff;}
.service_box .ul{margin-top: 3%;overflow: hidden;}
.service_box .ul li{margin-left: 6px;margin-right: 6px;display: inline-block;vertical-align: top; border-radius: 10px;overflow: hidden;}
.service_box .ul li img{ width: 116px;height: 116px;display: block;}
.service_box .aa{margin-top: 10%;overflow: hidden;}
.service_box .aa .a{display: inline-block;vertical-align: top; border-radius: 35px; border: 1px solid #FFFFFF; text-align: center; line-height: 70px; color: #ffffff; margin-right: 0.5%;margin-left: 0.5%; font-weight: normal; position: relative; transition: all 0.3s; z-index: 0; overflow: hidden;margin-bottom: 2%;padding-left:2%;padding-right: 2%;}
.service_box .aa .a:hover{border-color: #008cd6;}
.service_box .aa .a::after{content: "";position: absolute;left: 0;top: 0;height: 100%;  width: 0; transition: all 0.3s; background: #008cd6; border-radius: 35px;z-index: -1;}
.service_box .aa .a:hover::after{width: 100%;}
.service_box .aa .a.on{border-color: #008cd6;}
.service_box .aa .a.on::after{width: 100%;}
.service_one{background-repeat:no-repeat; background-position:center center; background-size:cover;/* overflow: hidden; */text-align: center;}
.service_t{text-align: center;}
.service_t .h3{ line-height:1.3;  font-weight:bold; overflow:hidden;color:#222222;transition:all 0.3s;margin-top: 5.5%;}
.service_t .p{line-height:1.6; overflow:hidden;color:#222222;margin: 0 auto;max-width: 940px; margin-top:1%;}
.service_one .ul{display: flex;margin-top: 2.5%;margin-bottom: 7%;gap: 2%;flex-wrap: wrap;justify-content: center;position: relative;}
.service_one .ul li{width: 18.4%;overflow: hidden;text-align: center;border-radius: 20px;background: rgba(255,255,255,0.57);margin-bottom: 2%;transition:all 0.3s;}
.service_one .ul li:hover{box-shadow: 0 5px 25px rgba(0,0,0,0.1);}
.service_one .ul li .img{position: relative;width: 110px;height: 91px;margin: 0 auto;margin-top: 82px;z-index: 0;}
.service_one .ul li .img img{display: block;width: 100%;height: 100%;}
.service_one .ul li .img .ico{background: #008CD6;border-radius: 50%;width: 64px;height: 64px;overflow: hidden;position: absolute;right: -15px;top: -20px;z-index: -1;transition:all 0.3s;}
.service_one .ul li:hover .img .ico{right: -35px;top: -40px;}
.service_one .ul li .boxs{overflow: hidden;width: 94%;margin: 0 auto;max-width: 210px;}
.service_one .ul li .h4{overflow: hidden;margin-bottom: 18%;margin-top: 12%;font-weight: normal;}
.service_one .private_one_tc2{position: absolute;left: 50%;bottom:100%;max-width: 945px;width: 96%;transform: translate(-50%, 0%);background: #1d1d1d;border-radius: 10px;color: #ffffff;padding: 27px;line-height: 30px;font-size: 16px;display: none;transition:all 0.3s;}
.service_two{overflow: hidden;position: relative;margin-top: 5%;margin-bottom: 5%;padding-top: 70px;padding-bottom: 57px;z-index: 0;}
.service_two .bgs{position: absolute;right: 0;top: 0;height: 100%;object-fit: cover;width: 63.31%;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: -1;}
.service_two .wrap{display: flex;justify-content: space-between;align-items: center;}
.service_two .imgs{width: 52.5%;overflow: hidden;border-radius: 30px;}
.service_two .imgs img{display: block;width: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.service_two .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.service_two .txts{width: 43.75%;color: #ffffff;font-size: 16px;}
.service_two .txts .h4{font-weight: bold;line-height: 1.3;color: #ffffff;}
.service_two .txts .ul{overflow: hidden;margin-top:5%;}
.service_two .txts .ul li{display: block;overflow: hidden;padding-left: 18px;position: relative;font-weight: lighter;}
.service_two .txts .ul li::after{content: "";position: absolute;left: 0;top: 11px;width: 6px;height: 6px;border-radius: 50%;background: #ffffff;}
.service_two .txts .ul li .h5{font-weight: bold;overflow: hidden;color: #ffffff;margin-bottom: 2.6%;}
.service_two .txts .ul li .p{overflow: hidden;color: #ffffff;line-height: 1.8;margin-bottom: 3%;}
.service_two .txts .ul li .p .span{color: rgba(255,255,255,0.8);}
.service_two .txts .ul li:last-child .h5{margin-bottom: 0;}
@media screen and (max-width: 1560px) {
/*Botanical Extraction OEM*/ 
.service_box .ul li img{width: 106px;height: 106px;}
.service_box .aa .a{line-height: 60px;}
.service_one .ul li .img{margin-top: 60px;width: 100px;height: 83px;}
.service_one .ul li .img .ico{    width:50px;height: 50px;    right: -10px;top: -15px;}
}
@media screen and (max-width: 1200px) {
/*Botanical Extraction OEM*/ 
.service_box .ul li img{width: 100px;height: 100px;}
.service_box .aa .a{line-height: 56px;}
.service_one .ul li .img{margin-top: 50px;width: 90px;height: 74px;}
.service_one .ul li .img .ico{ width:44px;height: 44px;    right: -8px;top: -12px;}
.service_one .ul li:hover .img .ico{right: -30px;top: -35px;}
}
@media screen and (max-width: 992px) {
/*Botanical Extraction OEM*/ 
.service_box{height: auto;display: block;}
.service_box .wrap{margin-top: 17%;margin-bottom: 9%;}
.service_box .ul li img{width: 80px;height: 80px;}
.service_box .aa .a{line-height: 50px; }
.service_one .ul li .img{margin-top: 40px;width: 70px;height:58px;}
.service_one .ul li .img .ico{ width:34px;height: 34px;    right: -6px;top: -10px;}
.service_one .ul li:hover .img .ico{right: -25px;top: -30px;}
.service_two{padding-top: 0;padding-bottom: 0;margin-bottom: 7%;}
.service_two .wrap{display: block;}
.service_two .imgs{width: 100%;}
.service_two .txts{width: 100%;font-size: 15px;position: relative;margin-top: 5%;padding: 5% 4%;}
.service_two .txts .ul li::after{top: 10px;}
.service_two .bgs{width: 100%;}

}
@media screen and (max-width: 780px) {
/*Botanical Extraction OEM*/ 
.service_one .ul li{width: 32%;}
.service_one .ul li:hover .img .ico{right: -6px;top: -10px;}
.service_two .txts .ul li::after{top: 8px;}
}
@media screen and (max-width: 640px) {
/*Botanical Extraction OEM*/ 
.service_t .h3{margin-top: 6%;}
.service_t .p{margin-top: 2%;}
.service_one .ul{margin-top: 4%;}
.service_two .txts{font-size: 14px;}
.service_two .txts .ul li::after{top: 7px;}
.service_two .imgs{border-radius: 20px;}

}
@media screen and (max-width: 480px) {
/*Botanical Extraction OEM*/ 
.service_box .ul li img{width: 60px;height: 60px;}
.service_box .aa .a{line-height: 40px; font-size: 13px;padding-left: 3%;padding-right: 3%; }
.service_one .ul li{width:49%;}
.service_one .ul li .h4{margin-top: 10%;margin-bottom: 12%;}
.service_one .ul li .img{margin-top: 30px;}
.service_two .txts{font-size: 13px;}
.service_two .txts .ul li::after{top: 6px;}

}
@media screen and (max-width: 420px) {
/*Botanical Extraction OEM*/ 
.service_two .txts{font-size: 12px;}
}
/*Private Label*/
.service_three{background: #f1f1f1;overflow: hidden;}
.private_one{margin-top:4%;margin-bottom: 7%;position: relative;}
.private_one .private_one_tc{position: absolute;left: 50%;top: 50%;max-width: 945px;width: 96%;transform: translate(-50%, -50%);background: #1d1d1d;border-radius: 10px;color: #ffffff;padding: 27px;line-height: 30px;font-size: 16px;display: none;transition:all 0.3s;z-index: 101;}
.private_two{background-repeat:no-repeat; background-position:center center; background-size:cover;overflow: hidden;}
.private_two .service_t .h3{color: #ffffff;}
.private_two .private_two_con{overflow: hidden;display: flex;justify-content: space-between;margin-top: 4%;margin-bottom: 90px;align-items: center;}
.private_two .imgs{box-shadow: 0px 16px 21px 0px rgba(0,0,0,0.17);border-radius: 30px;overflow: hidden;width: 51%;max-width: 765px;}
.private_two .imgs img{display: block;width: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.private_two .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.private_two .txts{overflow: hidden;width: 47%;max-width: 753px;line-height: 26px;color: #ffffff;font-size: 16px;}
.private_two .txts .h3{padding-left: 18px;font-weight: bold;overflow: hidden;color: #ffffff;font-size: 18px;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.4);}
.private_two .txts ul{width: 100%;display: flex;flex-wrap: wrap;overflow: hidden;}
.private_two .txts ul li{width: 50%;padding-left: 18px;padding-top: 12px;padding-bottom: 8px;border-bottom: 1px solid rgba(255,255,255,0.4);}
.private_two .swiper-pagination{bottom: 35px;}
.private_two .swiper-pagination .swiper-pagination-bullet{background: #ffffff;}
.private_three{overflow: hidden;background: #f1f1f1;}
.private_three_con{margin-top: 3.5%;margin-bottom: 6%;}
.private_four{margin-top: 3.5%;margin-bottom: 6%;overflow: hidden;}
.private_four ul{width: 100%;display: flex;justify-content: space-between;}
.private_four ul li{width: 35.62%;overflow: hidden;transition:all 0.3s;}
.private_four ul li.on{width: 62.37%;}
.private_four ul li .imgs{ overflow:hidden;position: relative;padding-top: 578px;border-radius: 30px;z-index: 0;}
.private_four ul li .imgs .img2{ display: block; width: 100%; height:100%;position: absolute;left: 0;top: 0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;object-fit: cover;}
/* .private_four ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} */
.private_four ul li .imgs::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);}
.private_four ul li.on .imgs::after{opacity:0;filter:Alpha(opacity=0);}
.private_four ul li .h3{font-weight: bold;overflow: hidden;line-height: 36px;height: 36px;white-space:nowrap;text-overflow:ellipsis;margin-top: 32px;color: #222222;}
@media screen and (max-width: 1560px) {
/*Private Label*/
 .private_four ul li .imgs{padding-top: 540px;}
 .private_two .txts{font-size: 15px;}
 .private_two .txts .h3{font-size: 17px;}
}
@media screen and (max-width: 1440px) {
/*Private Label*/
.private_four ul li .imgs{padding-top: 500px;}
}
@media screen and (max-width: 1300px) {
/*Private Label*/
.private_four ul li .imgs{padding-top: 450px;}
}
@media screen and (max-width: 1200px) {
/*Private Label*/
.private_two .swiper-pagination{bottom: 20px;}
.private_four ul li .imgs{padding-top: 416px;}
}
@media screen and (max-width: 992px) {
/*Private Label*/
.private_two .private_two_con{display: block;margin-bottom: 8%;}
.private_two .imgs{width: 100%;max-width: none;}
.private_two .txts{width: 100%;max-width: none;margin-top: 4%;}
.private_four ul li .imgs{padding-top: 346px;}
.private_four ul li .h3{margin-top: 22px;}
}
@media screen and (max-width: 640px) {
/*Private Label*/
.private_two .txts{font-size: 14px;margin-top: 5%;}
.private_two .txts .h3{font-size: 16px;}
.private_four ul li .imgs{padding-top: 222px;border-radius: 20px;}
.private_four ul li .h3{margin-top: 17px;}
}
@media screen and (max-width: 480px) {
/*Private Label*/
.private_two .private_two_con{margin-bottom: 10%;}
.private_two .txts{font-size: 13px;line-height: 22px;}
.private_two .txts .h3{font-size: 15px;}
.private_two .swiper-pagination{bottom: 15px;}
.private_four ul li .imgs{padding-top: 168px;border-radius: 10px;}
.private_four ul li .h3{margin-top: 12px;height: 30px;line-height: 30px;}
}
@media screen and (max-width: 420px) {
    /*Private Label*/
    .private_two .swiper-pagination{bottom: 10px;}
}
/*Quality*/
.product_l .boxs .quality_img{position: absolute;right: 3%;bottom: 50px;height: 238px;}
.product_l .boxs .quality_cons{line-height: 2;overflow: hidden;}
.product_l .boxs .quality_cons .h5{padding-right: 0;}
.product_l .boxs .quality_img2{float: left;margin-right:4% ;width: 406px;margin-bottom: 4%;}
.product_l .boxs .quality_cons2{line-height: 1.8;overflow: hidden;margin-bottom: 6%;}
.product_l .boxs .quality_img3{position: absolute;right: 0%;bottom:0px;height: 255px;}
@media screen and (max-width: 1200px) {
/*Quality*/
.product_l .boxs .quality_img{right: 0;height: 200px;}
.product_l .boxs .quality_img2{width: 350px;margin-right: 3%;margin-bottom: 2%;}
.product_l .boxs .quality_img3{height: 200px;}
}
@media screen and (max-width: 992px) {
/*Quality*/
.product_l .boxs .quality_img{position: static;display: block;margin-left: 20px;margin-top: 4%;}
.product_l .boxs .quality_img2{width: 300px;}
.product_l .boxs .quality_img3{height: 160px;}
}
@media screen and (max-width: 640px) {
/*Quality*/
.product_l .boxs .ul5.w1{margin-left: 0;}
.product_l .boxs .quality_img{margin-left: 0;}
.product_l .boxs .quality_img2{width: 250px;}
}
@media screen and (max-width: 480px) {
/*Quality*/
.product_l .boxs .quality_img2{width: 200px;}
.product_l .boxs .quality_img3{height: 130px;}
}
@media screen and (max-width: 420px) {
/*Quality*/
.product_l .boxs .quality_img2{width: 150px;} 
.product_l .boxs .quality_img3{height: 110px;}
}
/*新闻列表*/
.news_bg{overflow: hidden;background: #f1f1f1;}
.news_ul{ overflow:hidden; margin-top:6%;}
.news_ul ul li{ display: block;background: #FFFFFF; border-radius: 20px; margin-bottom:3%; overflow:hidden; transition:all 0.3s;z-index: 0;position: relative; }
.news_ul ul li:last-child{margin-bottom: 0;}
.news_ul ul li::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition:all 0.3s;background: url(../images/news_bg1.png) center center no-repeat;background-size: cover;opacity:0;filter:Alpha(opacity=0);z-index: -1;}
.news_ul ul li:hover::after{opacity:1.0;filter:Alpha(opacity=100);}
.news_ul ul li .boxs{   max-width:1500px; width:94%;margin: 0 auto; text-align:left;margin-top: 45px;margin-bottom:60px;position:relative; z-index:0;}
.news_ul ul li .imgs{position:absolute;right: 0;top: 0;width: 257px;opacity:0;filter:Alpha(opacity=0);transition:all 0.3s;}
.news_ul ul li:hover .imgs{opacity:1.0;filter:Alpha(opacity=100);}
.news_ul ul li .imgs img{display: block;width: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_ul ul li .txts{ overflow:hidden; transition:all 0.3s;max-width: 1130px;padding-right: 270px; }
.news_ul ul li .h3{ overflow:hidden;height:40px; line-height:40px;font-weight:bold; color:#222222;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;margin-top: 20px;}
.news_ul ul li:hover .h3{color: #ffffff;}
.news_ul ul li .date{ height:22px; line-height:22px; overflow:hidden; color:#008CD6;transition:all 0.3s;}
.news_ul ul li:hover .date{color: #ffffff;}
.news_ul ul li .dl{margin-top: 25px;overflow: hidden;}
.news_ul ul li .dl dd{line-height:30px; overflow:hidden; color:#555555;transition:all 0.3s;background-repeat: no-repeat;background-position: left top 4px;background-size: 18px 21px;float: left;margin-right: 2%;width: 48%;max-width: 440px;padding-left: 25px;}
.news_ul ul li:hover .dl dd{color: #ffffff;}
.news_ul ul li .dl dd.bgs1{background-image: url(../images/news_pic1.png);}
.news_ul ul li .dl dd.bgs2{background-image: url(../images/news_pic2.png);}
.news_ul ul li:hover .dl dd.bgs1{background-image: url(../images/news_pic1_on.png);}
.news_ul ul li:hover .dl dd.bgs2{background-image: url(../images/news_pic2_on.png);}

@media screen and (max-width: 1200px) {
/*新闻列表*/
.news_ul ul li .boxs{margin-top: 35px;margin-bottom:50px;}
.news_ul ul li .imgs{width: 240px;}
}
@media screen and (max-width: 992px) {
/*新闻列表*/
.news_ul ul li .imgs{position: static;opacity: 1.0;filter: Alpha(opacity = 100);}
.news_ul ul li .txts{margin-top: 3%;max-width: none;padding-right: 0;}
.news_ul ul li .boxs{margin-bottom: 35px;}
}
@media screen and (max-width: 640px) {
/*新闻列表*/
.news_ul ul li .dl{margin-top: 15px;}
.news_ul ul li .h3{height: 32px;line-height: 32px;margin-top: 15px;}
}
@media screen and (max-width: 480px) {
/*新闻列表*/
.news_ul ul li .boxs{margin-bottom: 20px;margin-top: 25px;}
.news_ul ul li .dl{margin-top: 10px;}
.news_ul ul li .dl dd{float: none;width: 100%;max-width: none;max-width: none;margin-bottom: 3px;}
.news_ul ul li .dl dd{line-height: 26px;background-position: left top 2px;}
.news_ul ul li .h3{height: 26px;line-height: 26px;}
}
@media screen and (max-width: 420px) {
    
}
/*分享*/
.contentbox .sharebox{  margin-top:15%; --dw: 50px; --w: var(--dw);--size: 50%;--sc: #000000; --fill: var(--sc);}
.contentbox .sharebox ul li{float:left; width:50px; height:50px; background-repeat:no-repeat; background-size:100% 100%;transition:all 0.3s; background:rgba(255, 255, 255, 0.1); border-radius:50%;}
.contentbox .sharebox ul li a{ display:block; width:100%; height:100%;margin:0; position:relative;transition:all 0.3s;}
.contentbox .sharebox ul li a:hover{/*filter: Alpha(Opacity=80);opacity: 0.8;*/}
.contentbox .sharebox ul li.weixin{--size: 63%;}
.contentbox .sharebox ul li.weixin .wem1{width: 203px; bottom:41px; text-align: center;  position: absolute; margin-left:-80px;margin-top: -203px; background-image: url(../img/ewm.png);background-repeat: no-repeat; height:0; overflow:hidden;transition:all 0.3s;transform:scale(0, 0);}
.contentbox .sharebox ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;transition:all 0.3s; }
.contentbox .sharebox ul li.weixin a:hover .wem1{ height:195px;padding-top: 20px; padding-bottom:20px;transform:scale(1, 1);}
.contentbox .sharebox ul li a{ display:block; width:100%; height:100%;}
.contentbox .sharebox ul li:hover{--fill:#008cd6;}
.contentbox .sharebox .social-share .social-share-icon{ width:40px; height:40px; line-height:40px; vertical-align:top;}
.contentbox .sharebox .social-share .social-share-icon:hover{background:none;}
.contentbox .sharebox .self-svg {width: var(--w);height: var(--w);background: transparent;}
.contentbox .sharebox .self-svg svg {transition: all 0.3s;}
/*新闻资讯详细*/
.news_cons{position: relative;margin-top:6%;margin-bottom: 5%;}
.about_x2{overflow:hidden;  position:relative;width:calc(98% - 300px);width:-webkit-calc(98% - 300px);width:-moz-calc(98% - 300px);float: left;max-width: 1211px;}
.about_x2:after{ content:""; width:14px; height:14px; background:url(../images/news_bg3.png) no-repeat; position:absolute; left:0; top:0;}
.about_x2 .news_type{ overflow:hidden;color: #008cd6;line-height: 20px;}
.about_x2 .show_t{ line-height:60px; color:#000000;  margin-bottom:31px; margin-top:44px; font-weight:bold;}
.about_x2 .con_line{ line-height:40px; color:#333333; overflow:hidden; }
.about_x2 .con_line span{margin-left: 20px;padding-left: 23px;overflow: hidden;position: relative;}
.about_x2 .con_line span::after{content: "";position: absolute;left: 0;top: 7px;height: 10px;width: 1px;background: #d9d9d9;}
.about_x2 img{margin-bottom:10px; display:block; max-width:100%;}
.about_x2 .con_id{ line-height:30px;overflow:hidden;white-space:normal;/* word-break:break-all; */ padding-top:40px;font-size:16px; color:#333;text-align:left; padding-bottom:40px;}
.about_x2 .con_id .h2{ font-size:16px; margin-bottom:5px;}
.about_x2 .con_id .h4{font-weight: normal;overflow: hidden;line-height: 1.6;margin-top: 2%;margin-bottom: 3%;color: #008cd6;text-align: center;}
.about_x2 .con_id p{ padding-bottom:10px; overflow:hidden;}
.about_x2 table{border-collapse:collapse;border-spacing:0;}
.about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.prenext{ padding-top:19px; text-align:left;  font-size:15px;margin-bottom:1%; margin-top:1%; overflow:hidden; color:#222222;border-top: 1px solid #e9e9e9;position: relative; }
.prenext span{width:calc(100% - 166px);width:-webkit-calc(100% - 166px);width:-moz-calc(100% - 166px); overflow:hidden; background-repeat:no-repeat; background-size:11px 18px;display: block; line-height:38px;height: 38px;white-space:nowrap;text-overflow:ellipsis;}
.prenext span.l{ text-align:left; padding-left:32px; background-image:url(../images/left2.png); background-position:left center;}
.prenext span.l:hover{ background-image:url(../images/left2_on.png);color:#008cd6;}
.prenext span.r{ text-align:right; padding-right:32px; background-image:url(../images/right2.png);background-position:right center;}
.prenext span.r:hover{ background-image:url(../images/right2_on.png);color:#008cd6;}
.prenext a{ color:#222222; overflow:hidden; transition:all 0.3s;}
.prenext a:hover{ color:#008cd6;  text-decoration:none;opacity:0.8;filter:Alpha(opacity=80);}
.prenext .goback{position: absolute; top:36px; height:54px; line-height:54px; width:156px; border-radius:27px; color:#fff;background: #008cd6 url(../images/news_pic3.png) 37px center no-repeat;right: 0;background-size: 14px 16px;text-indent: 58px;font-size: 16px;}
.prenext .goback:hover{ opacity:0.8;filter:Alpha(opacity=80); color:#fff;}
.news_r{float: right;width: 300px;margin-top: 250px;}
.news_r .news_r_t{line-height: 32px;overflow: hidden;color: #222222;margin-top: 24px;}
.news_r .news_r_ul{overflow: hidden;margin-top: 25px;margin-bottom: 6%;}
.news_r .news_r_ul li{display: block;padding-top: 22px;padding-bottom: 28px;background: #F1F1F1;  border-radius: 10px;font-size: 15px;padding-left: 17px;padding-right: 17px;margin-bottom:32px;}
.news_r .news_r_ul li .date{line-height: 26px;height: 26px;overflow: hidden;color: #008cd6;}
.news_r .news_r_ul li .dl{overflow: hidden;color: #555555;margin-top: 11px;}
.news_r .news_r_ul li .dl dd{overflow: hidden;line-height: 24px;height: 24px;white-space:nowrap;text-overflow:ellipsis;}
.news_r .news_r_ul li .h3{line-height: 30px;max-height: 60px;overflow: hidden;color: #222222;white-space:nowrap;text-overflow:ellipsis;margin-top: 7px;font-weight: bold;font-size: 22px;}
.news_r .news_r_ul li:hover{background: url(../images/news_pic4.png) no-repeat;}
.news_r .news_r_ul li:hover .h3{color:#ffffff;}
.news_r .news_r_ul li:hover .date{color:#ffffff;}
.news_r .news_r_ul li:hover .dl{color: rgba(255,255,255,0.67);}
.news_r .contentbox{padding-top: 22px;padding-bottom: 22px;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.news_r .contentbox label{float: left;overflow: hidden;font-size: 16px;line-height: 40px;margin-right: 10px;}
.news_r .contentbox .sharebox{float: left;margin-top: 0;--dw: 40px;}
.news_r .contentbox .sharebox ul li{width: 40px;height: 40px;}
.contentbox .sharebox .social-share .social-share-icon{ width:40px; height:40px; line-height:40px; vertical-align:top;}
.contentbox .sharebox .social-share .social-share-icon:hover{background:none;}

@media screen and (max-width: 1560px) {
/*新闻资讯详细*/
.about_x2 .show_t{margin-bottom: 51px;}
.about_x2 .con_id{font-size: 15px;}
}

@media screen and (max-width: 1200px) {
/*新闻资讯详细*/
.about_x2 .show_t{line-height: 50px;margin-bottom: 40px;}
.about_x2 .con_id{padding-top: 30px;}
.news_r{margin-top: 240px;}
.news_r .news_r_ul li .h3{font-size: 20px;}
}
@media screen and (max-width: 992px) {
/*新闻资讯详细*/
.about_x2{width: calc(100% - 0px); width: -webkit-calc(100% - 0px);width: -moz-calc(100% - 0px);float: none;max-width: none;}
.about_x2 .con_id{padding-top: 4%;padding-bottom: 4%;}
.about_x2 .show_t{margin-bottom: 30px;margin-top: 30px;}
.about_x2 .con_id{line-height: 1.8;font-size: 15px;}
.news_r{float: none;width: 100%;margin-top: 5%;}
.news_r .news_r_ul{margin-bottom: 3%;}
.news_r .news_r_ul li .h3{height: auto;line-height: 26px;font-size: 18px;}
}
@media screen and (max-width: 780px) {
   /*新闻资讯详细*/
.about_x2 .show_t{line-height: 40px;}
.about_x2 .con_line{line-height: 30px;}
.about_x2 .con_line span::after{top: 5px;}
.prenext{padding-top: 15px;}
.prenext span{line-height: 30px;height: 30px;}
.prenext .goback{line-height: 50px;height: 50px;top: 20px;}
.news_r .contentbox label{font-size: 14px;} 
}
@media screen and (max-width: 640px) {
    /*新闻资讯详细*/
.prenext{font-size: 14px;}
.prenext span{width:calc(100% - 150px);width:-webkit-calc(100% - 150px);width:-moz-calc(100% - 150px);}
.prenext .goback{line-height: 44px;height: 44px;width: 140px;background-position: 26px center;text-indent: 50px;}
.about_x2 .con_id{font-size: 14px;}
}
@media screen and (max-width: 480px) {
    .news_r .news_r_ul li{margin-bottom: 3%;}
}
@media screen and (max-width: 420px) {
    .about_x2 .con_id{font-size: 13px;}
}

/*视频弹窗按钮*/
.fccc{display: flex;display: -webkit-flex; justify-content: center;align-items: center; flex-direction: column;}
.private_four .playbox{cursor: pointer;position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);z-index: 5;}
.private_four .playbox .imgbox{width: 94px;  margin-bottom: 18px;  position: relative;}
.private_four .playbox .imgbox img{width: 100%;}
.private_four .playbox .imgbox .idh{position: absolute;bottom: 3px;right: 0;}
.private_four .playbox .imgbox .idh i{display: block;width: 6px;height: 28px;border-radius: 3px 3px 0 0;background-color: #fff;overflow: hidden;position: absolute;bottom: 0;}
.private_four .playbox .imgbox .idh i:nth-child(1){right: 0;animation: idh 2s linear infinite;}
.private_four .playbox .imgbox .idh i:nth-child(2){right: 11px;animation: idh 2s 0.5s linear infinite;}
.private_four .playbox .imgbox .idh i:nth-child(3){right: 22px;animation: idh 2s 1s linear infinite;}
.private_four .playbox:hover .imgbox .idh i{background-color: #008cd6;}
.hoverimg .img{transition:all 0.3s;}
.hoverimg .img:first-child{display: block;}
.hoverimg .img:last-child{display: none;}
.hoverimg:hover .img:first-child{display: none;}
.hoverimg:hover .img:last-child{display: block;}    
/* 视频弹窗 */
.hvideobox{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.6);z-index: -9;transition: 0.3s;opacity: 0;}
.hvideobox.on{z-index: 99;opacity: 1;}
.hvideobox .mainbox{width: 800px;max-width: 90%;max-height: 80vh;position: relative;}
.hvideobox .mainbox .hvideo video{display: block;max-width: 100%;max-height: 100%;}
.hvideoclosebtn{position: absolute;top: -60px;right: 0;width: 40px;height: 40px;cursor: pointer;}
.hvideoclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #fff;position: absolute;top: 19px;left: 5px;transform: rotateZ(-45deg);}
.hvideoclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #fff;position: absolute;top: 19px;left: 5px;transform: rotateZ(45deg);}
.sjmenubox{display: none;}
@keyframes idh{
	0%{height: 28px;}
	50%{height: 5px;}
	100%{height: 28px;}
}
@media screen and (max-width: 1600px) {
    /*视频弹窗按钮*/
    .private_four .playbox .imgbox{width: 80px;}
 }
@media screen and (max-width: 992px) {
   /*视频弹窗按钮*/
   .private_four .playbox .imgbox{width: 55px;}
}

.selects{height: 52px;  width: 100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 66px;}
@media screen and (max-width: 1440px){
	.selects{
		height:46px;
		padding-left: 50px;
	}
}
@media screen and (max-width: 640px){
	.selects{
		height:40px;
		width:100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 10px;
	}
}

@media screen and (max-width: 480px){
.selects{ font-size:14px;}
}



