@charset "utf-8";
@import url("base.css");

/*=========通用标题==========*/
.main_tit{padding:.5rem 0 .35rem;width:100%;  text-align:center;}
.main_tit h2{ font-size:.4rem; color:#000; font-weight:normal;line-height:1.4;}
.main_tit .line {display: block;width:25px;height: 4px;background:var(--main_color); margin: 20px auto auto auto; border-radius:5px;}
.main_tit p{font-size:16px; color:#333; margin-top:15px; line-height:1.8;}


@media screen and (max-width:768px) {
.main_tit{padding:20px 0 15px;}
.main_tit h2{ font-size:20px;}	
.main_tit .line{margin:10px auto;}
.main_tit p{font-size:13px; margin-top:10px;}
.main_tit p br{display:none;}
.main_tit .more{width:88px; line-height:32px;}
.main_tit .more a{font-size:14px;}
}


/*============首页--关于我们=============*/

.index_about{ padding:.8rem 0;overflow:hidden; position:relative;}
.index_about .txt{ width:45%; }

.index_about .txt h5{font-size:.16rem; letter-spacing:3px; font-weight:normal; margin-bottom:.11rem; padding-left:5px;}
.index_about .txt h3{font-size:.4rem; font-weight:normal; margin-bottom:.3rem;color:#000;}
.index_about .txt p{font-size:.16rem; line-height:2em; text-align:justify;}


.index_about .pic{width:48%; position:relative; overflow:hidden;}
.index_about .pic img{width:100%; display:block; border-radius:10px;}
.index_about .pic .play{width:60px; height:60px; position:absolute; position:absolute;top:50%;left:50%; margin: -30px 0 0 -30px ; transition:.9s all;}
.index_about .pic .play:hover{transform:rotate(360deg);}

.index_about .map_bg{ position:absolute; top:0;  left:1rem;}

@media screen and (max-width:768px) {
.index_about{ padding:25px 0;}
.index_about .txt{ width:100%; }
.index_about .txt h5{font-size:12px; letter-spacing:0; margin-bottom:5px; padding-left:3px;}
.index_about .txt h3{font-size:20px; letter-spacing:3px;  margin-bottom:15px;}
.index_about .txt p{font-size:13px; line-height:1.8; }
.index_about .pic{width:100%; border-radius:5px;}
.index_about .pic .play{width:50px; height:50px;margin:-25px 0 0 -25px;}
.index_about .map_bg{left:0px;}
.index_about .map_bg img{width:100%;}

}



/*数字*/
.index_shuzi{margin-top:.8rem; width:100%;}
.index_shuzi li{ color:#000;  position:relative;  box-sizing:border-box; text-align:center; font-size:.2rem;}
.index_shuzi li i{font-size: .52rem; font-style:normal; margin-right:2px; font-family:"din";}
.index_shuzi li span{ }
.index_shuzi li p{ font-size:14px; margin-top:6px; color:#666;}


@media only screen and (max-width: 768px){
.index_shuzi{margin:25px 0;}
.index_shuzi li{ font-size:14px;}
.index_shuzi li i{font-size:26px;}
.index_shuzi li span{ }
.index_shuzi li p{ font-size:14px; margin-top:6px; color:#666;}

}


/*首页视频*/
.index_video{width:100%; min-width:1200px; margin-top:-50px; position:relative;}
.index_video .pic {}
.index_video .pic img{width:100%; display:block;}
.index_video .video_play{ position:absolute; left:50%; top:50%; margin-left:-36px;margin-top:-36px;}
.index_video .video_play img{width:72px; display:block; transition: all 0.8s ease 0s;}
.index_video .video_play img:hover{
  cursor:pointer;
  transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */
}



/*============首页--旗下品牌=============*/
.qxpp_bg{background:url(../images/index_bg01.jpg) no-repeat center;background-size:cover;padding:.68rem 0; position:relative;}
.qxpp_bg .pic{width:48%;}
.qxpp_bg .box{ position:absolute; left:0; top:0; right:0; bottom:0;}
.qxpp_bg .txt{width:48%;}
.qxpp_bg .txt h3{font-size:.4rem; font-weight:normal; margin-bottom:.25rem;color:#000;}
.qxpp_bg .txt p{font-size:.2rem; margin-bottom:.35rem;}
.qxpp_bg .txt .desc{line-height:2.2; font-size:.16rem; text-align:justify;color:#666;}

@media only screen and (max-width: 768px){
.qxpp_bg{padding:25px 0;}
.qxpp_bg .pic{width:100%;order:2;padding:40px 0 0;}
.qxpp_bg .box{order:1; position:static;}
.qxpp_bg .txt{width:100%;}
.qxpp_bg .txt h3{font-size:20px;margin-bottom:10px;}
.qxpp_bg .txt p{font-size:14px; margin-bottom:15px;}
.qxpp_bg .txt .desc{font-size:13px;line-height:1.8;}
}


/*============首页--产品系列=============*/
#index_pro{width:100%;}
#index_pro .box{width: 100%;overflow: hidden;border-radius: 12px;height:60vh; min-height:4.8rem; position: relative;}
#index_pro .box img{width: 100%;height: 100%;object-fit: cover;}
#index_pro .box .item{width: 52%; max-width: 400px;position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.9);z-index: 12; border-radius: 10px;left: 9.5%;height: 55%;min-height:2.3rem;transition: all 0.7s ease 0.1s;
    opacity:0;margin-left: 40px; padding:0 5%; box-sizing:border-box;}
#index_pro .swiper-slide-active .item {opacity: 1;margin-left: 0px;}
#index_pro .box .item:before {width: 11px;height: 95%;content: ""; left: -11px;position: absolute;top: 50%;transform: translateY(-50%);background:var(--second_color);border-radius: 11px 0px 0px 11px;}
#index_pro .box h2{ font-size:.25rem; margin-bottom:.2rem; color:#000;}
#index_pro .box p{ line-height:1.8;  font-size:.16rem; text-align:justify; color:#666;}
#index_pro .box a{position:relative; margin-top:.2rem; background:var(--second_color); color:#fff; width:1rem;text-align:center; line-height:.32rem; border-radius:.32rem;}
#index_pro .box a svg{margin-left:5px;}

#index_pro .swiper-button-prev,#index_pro .swiper-button-next {width: 53px;height: 53px;background:none; opacity:1;top: 50%; z-index:8;transition: all 0.4s ease 0s; border:solid 1px #ddd; border-radius:100%;}
#index_pro .swiper-button-prev{left:19%;}
#index_pro .swiper-button-next {right:19%;}
#index_pro .swiper-button-prev:hover,#index_pro .swiper-button-next:hover{ background:var(--main_color); color:#fff; border:solid 1px var(--main_color);}

@media only screen and (max-width: 768px){
#index_pro .box{width:auto;border-radius:6px;height:240px; margin:0 10px; box-sizing:border-box;}
#index_pro .box img{width: 100%;height: 100%;object-fit: cover;}
#index_pro .box .item{width:76%;margin-left: 40px; padding:0 5%; box-sizing:border-box; left:6%;height: 65%;}
#index_pro .swiper-slide-active .item {opacity: 1;margin-left: 0px;}
#index_pro .box .item:before {width: 10px; left: -10px;}
#index_pro .box h2{ font-size:16px; margin-bottom:10px;}
#index_pro .box p{ line-height:1.6;  font-size:12px;}
#index_pro .box a{width:80px;margin-top:15px; line-height:28px; font-size:12px;}

#index_pro .swiper-button-prev,#index_pro .swiper-button-next { display:none;}
}



/*============首页--产品系列=============*/
.youshi_bg{position:relative;margin-top:.8rem;}
.youshi_bg .pic{overflow:hidden;}
.youshi_bg .box{position:absolute;top:0;left:0;right:0;bottom:0;}
.youshi_bg .box .logo{overflow:hidden;}
.youshi_bg .box h3{font-size:.4rem;color:#fff;font-weight:normal;margin:.4rem 0 .25rem;}
.youshi_bg .box p{font-size:.18rem;color:rgba(255,255,255,.85);}
.youshi_bg .box ul{margin-top:.5rem;}
.youshi_bg .box li{margin-right:.5rem;}
.youshi_bg .box li h4{color:#fff;font-size:.36rem; font-family:'din';}
.youshi_bg .box li .ico{margin:.2rem 0;}
.youshi_bg .box li span{color:#fff;}

@media only screen and (max-width: 768px){
.youshi_bg{position:relative;margin-top:25px;}
.youshi_bg .pic{height:225px;}
.youshi_bg .box .logo{overflow:hidden;}
.youshi_bg .box .logo img{width:30%;}
.youshi_bg .box h3{font-size:16px;margin:15px 0 10px;}
.youshi_bg .box p{font-size:12px;}
.youshi_bg .box ul{margin-top:15px;}
.youshi_bg .box li{margin-right:15px;}
.youshi_bg .box li h4{font-size:24px; }
.youshi_bg .box li .ico{margin:10px 0;}
.youshi_bg .box li .ico img{ height:16px;}
.youshi_bg .box li span{font-size:12px;}
}



/*============首页--新闻=============*/
.index_news .lean_more{ margin-bottom:.8rem;}
.news_list li{width:31.5%;margin-right:2.7%;}
.news_list li:nth-child(3n){margin-right:0;}
.news_list li .pic{overflow:hidden;  border-radius:10px;}
.news_list li .pic img{width:100%; height:100%; object-fit:cover; display:block;transition:all .5s;}
.news_list li .txt{padding:.2rem 0;}
.news_list li .txt h3{font-size:.18rem;font-weight:normal;line-height:1.4;margin-bottom:.15rem; transition:all .5s;}
.news_list li .txt span{color:#888;}
.news_list li:hover .pic img{ transform:scale(1.1,1.1);}
.news_list li:hover .txt h3{color:var(--main_color);}

@media only screen and (max-width: 768px){
.index_news{padding-bottom:20px;}
.news_list li .pic{ max-height:168px; border-radius:3px;}
.news_list li{width:100%;margin-right:0;}
.news_list li .txt{padding:12px 0 12px;}
.news_list li .txt h3{font-size:15px;margin-bottom:6px}
.news_list li .txt span{font-size:13px;}
}



/*===================公司介绍================*/
.page_about{padding:.9rem 0 1rem 0;}
.page_about .tit{width:30%;}
.page_about .tit h2{ font-size:.46rem; color:#000; line-height:1.3; position:relative; font-weight:normal;}
.page_about .tit h2:nth-child(2):after{content: ""; display:block;background:var(--second_color);width: .6rem;height: 4px; margin-top:20px;}
.page_about .txt{width:62%; text-align:justify; font-size:16px; line-height:2;}
.page_about .txt p{ margin-bottom:15px;}
.page_about .txt img{max-width:100%; margin-top:30px;}

@media screen and (max-width:768px) {
.page_about{padding:25px 15px;}
.page_about .tit{width:100%;}
.page_about .tit h2{ font-size:22px;}
.page_about .tit h2:nth-child(2):after{ width: .6rem;height: 4px; margin-top:8px;}
.page_about .txt{width:100%; font-size:15px; margin-top:15px;}
.page_about .txt img{max-width:100%; margin-top:20px;}
}




/* 数字变换css */
.page-number-info { margin-top:.3rem; overflow:hidden;}
.page-number-info ul {}
.page-number-info li { padding:.35rem 0; box-sizing:border-box; border-bottom:solid 1px #e8e8e8; position:relative;}
.page-number-info li:after {content: '';width: 25px;height: 1px;background-color:var(--main_color);position: absolute;left: -25px;bottom: -1px;z-index: 2;animation: moveline 4s linear infinite;}
.page-number-info li b {display: inline-block;position: relative; font-weight:normal;  color:var(--main_color);}
.page-number-info li p {font-size:.2rem; color:#222;}
.page-number-info li b i { font-style:normal;font-family:din; font-size:.52rem; }
.page-number-info li b sup { font-size: .16rem; }
.page-number-info li b span { font-weight:normal; font-size: .2rem;}

.page-number-info li:nth-child(2):after{animation-delay: 1s;}
.page-number-info li:nth-child(3):after{animation-delay: 2s;}
.page-number-info li:nth-child(4):after{animation-delay: 3s;}
@keyframes moveline {
  0% {
    left: -25px;
  }
  100% {
    left: 100%;
  }
}

@media screen and (max-width:768px) {
.page-number-info {border-top:0; margin-top:15px;}
.page-number-info li{padding:20px 0; }
.page-number-info li b{ }
.page-number-info li b i {font-size:28px;}
.page-number-info li b sup {font-size:12px; }
.page-number-info li b span {font-size: 14px;}
.page-number-info li p {font-size:16px;}

}


/*======================企业文化======================*/
.wenhua{ height:6.8rem;background: url(../images/culture_bg3.jpg);background-size: cover; background-attachment: fixed;}
.wenhua .main{ height:100%;}
.wenhua li{ width:25%; height:100%; position:relative;}
.wenhua li h2{ font-size:.36rem; color:#fff; margin-bottom:.25rem; padding-top:.8rem;}
.wenhua li h5{ font-size:.2rem; color:#fff; font-weight:normal;}
.wenhua li .ico{ position:relative; z-index:1;}
.wenhua li h3{font-size:.25rem; font-weight:normal; color:#fff; margin-bottom:.6rem; position:relative; z-index:1;}
.wenhua li p{ color:#fff; line-height:2; height:0; overflow:hidden; padding:0 .3rem;text-align:center; position:relative; z-index:1; transition: all .6s;}
.wenhua li:not(:first-child):after{content: "";display: inline-block;width: 100%;height: 0;position: absolute;left: 0;bottom: 0; z-index: 0; background: rgba(0,0,0,.39);transition: all 1s;}
.wenhua li.active:not(:first-child):after{height:100%;}
.wenhua li.active p{ height:50px;}
@media screen and (max-width:768px) {
.wenhua{ height:460px;background: url(../images/culture_bg3.jpg);background-size: cover; background-attachment:scroll;}
.wenhua li{ width:100%; height:auto;}
.wenhua .wli{border-bottom: 1px dashed rgba(255,255,255,.2); align-items:flex-start; padding-left:66px;  margin-bottom:25px; padding-bottom:10px;}
.wenhua li h2{ font-size:20px;margin-bottom:15px; padding-top:35px;}
.wenhua li h5{ font-size:15px; color:#fff; font-weight:normal;}
.wenhua li.active:not(:first-child):after{height:0;}
.wenhua li .ico{width:56px; z-index:1; position:absolute; left:0;}
.wenhua li .ico img{width:100%; display:block;}

.wenhua li h3{font-size:16px; margin-bottom:6px; text-align:left;}
.wenhua li p{ font-size:13px; line-height:1.6; height:auto; padding:0; text-align:left; color:rgba(255,255,255,0.68);}
.wenhua li.active p{ height:auto;}

}



/*======================参观公司======================*/
.cggs_list{ box-sizing:border-box; margin:0 0 .8rem 0;}
.cggs_list li { overflow:hidden; border-radius:10px; position:relative;}
.cggs_list li .pic img{width:100%;height:100%; object-fit:cover; display:block; transition:.4s all;}
.cggs_list li .txt{background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition: 0.4s all;}
.cggs_list li .txt i {display: block;width: 60px;height: 60px;background:var(--main_color);border-radius: 100%; opacity:0; transition: 0.6s all;}
.cggs_list li .txt i::after {content: '';width: 20px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.cggs_list li .txt i::before {content: '';width: 2px;height: 20px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.cggs_list li:hover .txt,.cggs_list li:hover .txt i{ opacity:1;}
	
/*按钮切换*/
#cggs_btn{position:relative;}	
#cggs_btn .swiper-button-prev { left:0px; background: url(../images/focus_btn_prev.png) no-repeat; background-size: cover;}
#cggs_btn .swiper-button-next {right:0px;background: url(../images/focus_btn_next.png) no-repeat; background-size: cover;}
#cggs_btn .swiper-button-prev,#cggs_btn .swiper-button-next { width:.68rem;height:.68rem; outline:none;  opacity:1; transition:0.3s all;}


/*分页器*/
#cggs_btn .swiper-pagination-bullet{width: 12px;height: 12px; display: inline-block; border-radius: 50%; background:#ddd; transition: all .5s ease;opacity: 1.0;}
#cggs_btn .swiper-pagination-bullet-active{background:#FF5F2A; opacity: 1.0;}
#cggs_btn .swiper-pagination{ text-align:center; width:100%; bottom:-40px;}
#cggs_btn .swiper-pagination span{margin:0 3px;}
@media screen and (max-width:768px) {
.cggs_list{ }
.cggs_list li { border-radius:5px; }
#cggs_btn .swiper-button-prev,#cggs_btn .swiper-button-next { display:none;}
}



/*============内页--资质荣誉=============*/
.ry_bg{padding-bottom:.8rem;}
.ry_list figure {background: #f2f2f2; padding:25px 15px; border-radius:10px; overflow:hidden; width:18%; margin-right:2.5%; box-sizing:border-box; margin-bottom:.3rem; position:relative;}
.ry_list figure:nth-child(5n) { margin-right:0}
.ry_list li .pic{ height:2.4rem;}
.ry_list li .pic img{max-width:100%;max-height:90%;display: inline-block;opacity:1;}
.ry_list li .txt{ background:rgba(0,0,0,0.4); position:absolute;border-radius:5px; transform: scale(0.3); top:0; left:0; width:100%; height:100%; color:#fff; text-align:center; opacity:0; transition: 0.6s all;}
.ry_list figure:hover .txt{ opacity:1; transform: scale(1);}
.ry_list li p{ text-align:center; margin-top:.15rem;font-size:15px;}

@media screen and (max-width:768px) {
.ry_list figure {padding:15px 10px; border-radius:5px; width:48.5%; margin-right:3%;margin-bottom:10px;}
.ry_list figure:nth-child(5n) { margin-right:auto}
.ry_list figure:nth-child(2n) { margin-right:0}
.ry_list li .pic{ height:2.4rem;}
.ry_list li .pic img{max-width:100%;max-height:100%;display: inline-block;opacity:1;}
.ry_list li .txt{ background:rgba(0,0,0,0.4); position:absolute;border-radius:5px; transform: scale(0.3); top:0; left:0; width:100%; height:100%; color:#fff; text-align:center; opacity:0; transition: 0.6s all;}
.ry_list figure:hover .txt{ opacity:1; transform: scale(1);}
.ry_list li p{ text-align:center; margin-top:.15rem; font-size:12px;}    
}


/*============内页--工厂设备=============*/
.gcsb_box{padding-bottom:.8rem;}
.scjd_list figure {width:31.5%; margin-right:2.7%; margin-bottom:.4rem; border-radius:8px; overflow:hidden;}
.scjd_list figure:nth-child(3n){margin-right:0;}
.scjd_list li .pic{overflow:hidden; height:3rem;}
.scjd_list li .pic>img{transition:all .5s;}
.scjd_list li .txt{background:#f5f5f5;line-height:.42rem;font-size:.16rem;transition:all .5s;}
.scjd_list li:hover .pic img{ transform:scale(1.1,1.1);}
.scjd_list li:hover .txt{background:var(--main_color);color:#fff;}

.scjd_list li .pic .mask{ position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); opacity:0; transition: all 0.5s ease;}
.scjd_list li .pic .mask dt{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;}
.scjd_list li .pic .mask dd{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;}
.scjd_list li:hover .pic .mask{ opacity:1;}
.scjd_list li:hover .pic .mask dd img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}	
	
@media screen and (max-width:768px) {
.scjd_list figure {width:48%; margin-right:10px; margin-bottom:15px; }
.scjd_list figure:nth-child(3n){margin-right:auto;}
.scjd_list figure:nth-child(2n){margin-right:0!important;}
.scjd_list li .txt{line-height:26px;font-size:13px;}
}


/*============内页--合作伙伴=============*/
.brand_list{ margin-bottom:.8rem;}
.brand_list li{width:18.8%; margin:0 1.5% .25rem 0; position: relative;box-sizing: border-box;border: 1px solid #e8e8e8; background:#fff; border-radius:5px; overflow:hidden; box-shadow: 0 1px 10px rgb(0 0 0 / 4%); transition:0.3s all;}
.brand_list li:nth-child(5n){margin-right:0;}
.brand_list li:hover{ transform:translateY(-3px); box-shadow: 0 1px 15px rgb(0 0 0 / 10%);}
.brand_list li img{max-width:90%;max-height:90%;display:block;/* filter: grayscale(1); */transition:0.3s all;}
.brand_list li:hover img{ filter: grayscale(0);}

@media screen and (max-width:768px) {
.brand_list{ margin-bottom:20px; padding-top:1px;}
.brand_list li{width:31.7%; height:56px;margin:0 8px 10px 0; box-sizing:border-box;border-radius:5px;}
.brand_list li:nth-child(3n){margin-right:0;}
.brand_list li:nth-child(5n){margin-right:auto;}
}




/*======================内页-销售网络频道页======================*/
.xswl_box{margin-bottom:.8rem;}
.xswl_box li{overflow:hidden; margin-bottom:.5rem;background:#f8f8f8; border-radius:6px;}
.xswl_box li .pic{width:50%;overflow:hidden;transition:all .3s; min-height:4rem;}
.xswl_box li:nth-child(2n) .pic{order:2;}
.xswl_box li .pic img{width:100%; height:100%; object-fit:cover; display:block; transition:all .5s;}

.xswl_box li .txt{width:50%;padding:0 .5rem;box-sizing:border-box; position:relative;}
.xswl_box li:nth-child(2n) .txt{order:1;}
.xswl_box li .txt .tit{border-bottom:1px solid #e8e8e8;padding-bottom:.2rem;}
/*.xswl_box li .txt .tit .ico{color:var(--main_color);font-family'din';font-size:.42rem; margin-right:.1rem;}*/
.xswl_box li .txt .num{position: absolute;font-size: 100px; z-index:1;color: #fff;line-height: 1;top:.1rem;right: .5rem;font-family: "MB";text-shadow: -1px 1px 0 #e7e7e7, 1px 1px 0 #e7e7e7, 1px -1px 0 #e7e7e7,-1px -1px 0 #e7e7e7; font-weight:bold;}
.xswl_box li .txt h3{font-size:.3rem; position:relative;transition:all .3s;}
.xswl_box li .txt .desc{line-height:2;margin:.3rem 0 ;text-align:justify; font-size:.16rem; color:#666;}
.xswl_box li .txt .btn {color:#888;transition:all .3s;}
.xswl_box li .txt .btn i{font-size:.18rem;margin-left:5px;color:#888;transition:all .3s;}

.xswl_box li .txt .lx p{margin-bottom:.2rem; font-size:15px; color:var(--main_color);}
.xswl_box li .txt .lx p i{margin-right:10px; font-size:16px;}
.xswl_box li .txt .lx p span{color:#333;}

.xswl_box li:hover .pic img{transform:scale(1.05);}
/*.xswl_box li:hover .txt h3:before{width:40px;}
.xswl_box li:hover .txt h3{border-bottom:1px solid var(--main_color);color:var(--main_color);}
.xswl_box li:hover .txt .btn {color:var(--main_color);}
.xswl_box li:hover .txt .btn i{color:var(--main_color);}*/

@media screen and (max-width:768px) {
.xswl_box li{}
.xswl_box li .pic{width:100%;}
.xswl_box li:nth-child(2n) .pic{order:1;}
.xswl_box li .txt{width:100%;padding:20px 15px;order:2;}
.xswl_box li:nth-child(2n) .txt{order:2;}
.xswl_box li .txt h3{font-size:18px}
.xswl_box li .txt .desc{line-height:1.8;margin:10px 0 10px;font-size:13px;}
.xswl_box li .txt .btn{width:120px;line-height:35px;}
.xswl_box li .txt .lx p{margin-bottom:10px;}
.xswl_box li .txt .lx p i{font-size:13px;}
.xswl_box li .txt .lx p span{color:#666;font-size:12px;}
.xswl_box li .txt .num{display:none;}
}


/*========================内页-销售网络列表页======================*/
.yewu_box{margin:.8rem 0 .6rem; border-radius:6px; overflow:hidden;}
.yewu_box .pic{width:50%; min-height:4rem; overflow:hidden;}
.yewu_box .txt{width:50%;background:#f8f8f8;padding:0 .5rem;box-sizing:border-box;}
.yewu_box .txt h3{position:relative; width:100%; padding-bottom:20px;font-size:.3rem;}
.yewu_box .txt h3::after {width:.35rem;height: 3px;bottom: -2px;display: block;content: '';background:var(--main_color);position: absolute;
left: 0;}
.yewu_box .txt p{margin:.2rem 0 .5rem;color:#666;font-size:16px;text-align:justify;line-height:2; }
.yewu_box .txt a{display:inline-block;width:1.6rem;line-height:.42rem;border:1px solid rgba(204,204,204,1);border-radius:25px;margin-right:.3rem;text-align:center;font-size:15px; transition:all .3s; font-family:din;}
.yewu_box .txt a i{font-size:18px;margin-right:10px;}
.yewu_box .txt .tel{margin-right:0;background:var(--main_color);width:2rem;color:#fff;font-size:18px;border:1px solid var(--main_color);}
.yewu_box .txt a:hover{ transform:translateY(-6px);}

@media screen and (max-width:768px) {
.yewu_box{margin:25px 0 20px; border-radius:4px;}
.yewu_box .pic{width:100%;}
.yewu_box .txt{width:100%;padding:15px 10px 20px;}
.yewu_box .txt h3{padding-bottom:10px;font-size:17px;}
.yewu_box .txt h3::after {width: 8%;}
.yewu_box .txt p{margin:15px 0 15px;font-size:13px;line-height:1.6;}
.yewu_box .txt a{width:108px;line-height:32px;margin-right:10px;font-size:13px;}
.yewu_box .txt a i{font-size:14px;margin-right:10px;}
.yewu_box .txt .tel{width:160px; font-size:14px;}
}

/*概述*/
.gaishu_box{padding-bottom:.8rem;}
.gaishu_box .title{margin-bottom:.25rem;  border-bottom:1px solid rgba(204,204,204,.5);}
.gaishu_box .title h3{display:inline-block; font-size:.25rem; position:relative; height:40px;}
.gaishu_box .title h3::after {width:100%;height: 3px;bottom: -1px;display: block;content: '';background:var(--main_color);position: absolute;
left: 0;}
.gaishu_box .title h3 i{font-size:.22rem;margin-right:10px;}

@media screen and (max-width:768px) {
.gaishu_box{padding-bottom:15px;}
.gaishu_box .title{margin-bottom:15px;}
.gaishu_box .title h3{padding-bottom:10px;font-size:16px;height:20px;}
.gaishu_box .title h3 i{font-size:15px;}

}







/*/*============内页--子栏目导航通用=============*
.page_main{padding:.8rem 0; max-width:1300px;}
.page_side{width:260px;}
.page_side h3{background:var(--main_color);line-height:.6rem;text-align:center;color:#fff;font-size:.24rem;font-weight:normal;border-radius:5px 5px 0 0;}
.page_side ul{}
.page_side li{padding:0 .2rem;box-sizing:border-box;background:#FBFBFB;border-bottom:1px solid rgba(204,204,204,.3);line-height:.46rem;position:relative;}
.page_side li a{display:block;transition:all .3s;}
.page_side li a i{font-size:12px;color:#888;transition:all .3s;}
.page_side li.active a,.page_side li.active a i{color:var(--main_color);}
.page_side li:before{position:absolute;content:'';display:block;width:0;height:20px;background:var(--main_color);left:0;top:50%; transform:translateY(-50%); transition:all .3s;}
.page_side li.active:before{width:2px;}
.page_side li:hover a i{color:var(--main_color);}
.page_side li:hover:before{width:2px;}

.page_side .pic{overflow:hidden;background:#FBFBFB;padding-top:.1rem;border-radius:0 0 5px 5px;}
.page_side .pic img{width:100%;display:block; opacity:.1;}

.page_con{width:calc(100% - 330px);background:#fff;border-radius:5px 5px;}


/*===============内页-位置导航通用========================*
.page_weizhi1{background:url(../images/right_title_bg.jpg) repeat-x left bottom;font-size:13px;line-height:.6rem;margin-bottom:.3rem;}
.page_weizhi1 .tit{font-size:.18rem;font-weight:bold;}
.page_weizhi1 .tit i{color:var(--main_color);margin-right:5px;font-size:.2rem;}
.page_weizhi1 .weizhi,.page_weizhi1 .weizhi a{color:#888;}
.page_weizhi1 .weizhi i{color:var(--main_color);margin-right:5px;}*/

/*正文样式*/
#art_box {   line-height:2; font-size:16px; overflow:hidden; width:100%;}
#art_box p {margin-bottom:15px;text-align:justify; }
#art_box strong{ color:#000; font-size:.18rem;}
#art_box img{ max-width:100%;margin-top:.2rem;}
#art_box table{ border:1px solid #eff3f8; border-collapse:collapse;   font-size:14px; line-height:24px; margin-bottom:15px;}
#art_box table p{margin-bottom:0;}
#art_box table tr:nth-child(1){ font-size:14px; background:#eff3f8; font-weight:bold;}
#art_box table td{padding:5px 10px; border:1px solid #D5DFEC;text-align:center;}
#art_box a{color:var(--main_color);}


@media screen and (max-width:768px) {
/*.page_main{padding:25px 15px;width:100%;}
.page_side{width:100%;}
.page_side h3{line-height:42px;font-size:18px;border-radius:3px 3px 0 0;}
.page_side ul{padding-bottom:15px;border-radius:0 0 3px 3px;}
.page_side li{padding:0 15px;line-height:36px;}
.page_side li:before{height:20px;}
.page_side .pic{display:none;}

.page_con{width:100%;margin-top:15px;}

.page_weizhi1{line-height:46px;margin-bottom:20px;}
.page_weizhi1 .tit{display:none;}*/
#art_box {font-size:14px; }
#art_box strong{ font-size:16px;}
#art_box p{margin-bottom:10px;line-height:1.8;font-size:14px;}
}




/*===================内页-视频集锦================*/
.shipin_list li{width:31%;margin-right:3.5%;margin-bottom:.4rem;box-sizing:border-box;overflow:hidden;}
.shipin_list li:nth-child(3n){margin-right:0;}
.shipin_list .pic{overflow:hidden;position:relative;  border-radius:10px;}
.shipin_list .pic img{width:100%;display:block; transition:all .3s;}
.shipin_list li:hover .pic>img{width:100%;display:block;transform: scale(1.1);}
.shipin_list .ico{width:60px; position:absolute;top:50%;left:50%; transform:translate(-50%,-50%);}
.shipin_list .ico img{ display:block;opacity:1; transform: scale(.7); transition:all .5s;}
.shipin_list .txt{padding:.2rem 0;text-align:center;}
.shipin_list .txt h3{font-weight:normal;font-size:.16rem;}
.shipin_list li:hover .ico img{opacity:1; transform: scale(1);}

@media screen and (max-width:768px) {
.shipin_list li{width:100%;margin-right:0;margin-bottom:10px;border-radius:5px;}
.shipin_list .ico img{width:35px;}
.shipin_list li .txt{padding:10px 10px;}
.shipin_list li .txt h3{font-size:13px;}
}

/*===================文章内容页================*/
.show_ban{overflow:hidden;height:46vh;}
.show_ban img{width:100%;height:100%;object-fit:cover;}

.show_main{max-width:1200px;margin:0 auto;position:relative;margin-top:-.8rem;background:#fff;padding:.68rem 1.6rem .8rem;box-sizing:border-box;}
.title_txt {font-size:.36rem;line-height:1.6;  color:#000; font-weight:bold; }


.art_info{margin-bottom:25px; color:#888; border-bottom: solid 1px #e8e8e8; position:relative;  }
.art_info em{position:relative;font-size:14px; display:inline-block; line-height:60px; font-style:normal; margin-right:25px;}
.art_info em img{ margin:-3px 5px 0 0; vertical-align:middle;}
.art_info em a{color:#888;}


/*上一篇下一篇*/
.cate_nextpre{ border-top:solid 2px var(--main_color); margin-top:.5rem; padding:.15rem 0;}
.cate_nextpre div{margin:15px 0;}
.cate_nextpre h3{font-size:.2rem; color: #111;  display:inline-block; }
.cate_nextpre p{font-size:16px;}

.cate_xg{}
.cate_xg .tit{background:url(../images/xg_tit.png) no-repeat; background-size:auto 100%; line-height:30px; font-size:.25rem; padding-left:36px; margin:.2rem 0 .3rem;}

@media screen and (max-width:768px) {
.show_ban{overflow:hidden;height:100px;}
.show_main{width:100%;top:0;background:#fff;padding:20px 15px 25px;box-sizing:border-box;}
.show_main .title_txt {font-size:18px;line-height:1.4;}

.art_info{margin-bottom:15px;}
.art_info em{font-size:13px; line-height:40px; margin-right:10px;}

.cate_nextpre{margin-top:15px; padding:10px 0;}
.cate_nextpre div{margin:10px 0;}
.cate_nextpre h3{font-size:14px; color: #111;  display:inline-block; }
.cate_nextpre p{font-size:13px;}

.cate_xg .tit{ height:25px; font-size:18px; padding-left:30px; margin-bottom:20px; background-size: 25px auto;}
}


/*========================图文列表页==============================*/
.article_list li{ padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #e8e8e8;}
.article_list li .pic{width:30%; position:relative; overflow:hidden;}
.article_list li .pic img{width:100%; display:block; }
.article_list li .txt{ width:65%; position:relative; }
.article_list li.nopic .txt{ width:100%; }
.article_list li .txt .title{font-size:18px;line-height:1.6; margin:5px 0 15px 0;  font-weight:bold; }
.article_list li .txt .desc{ color:#666; font-size:14px; line-height:1.8;}

.article_list li .art_footer{ position:absolute; left:0; bottom:5px; right:0;}
.article_list li.nopic .art_footer{ position:static; margin-top:10px;}
.article_list li .art_footer p{ font-size:13px; line-height:14px; color:#999; display:inline-block;}

@media screen and (max-width:768px) {
.article_list li{ padding-bottom:15px; margin-bottom:20px; border-bottom:solid 1px #e8e8e8;}
.article_list li .pic{width:30%;}
.article_list li .txt{ width:67%; }
.article_list li .txt .title{font-size:15px;line-height:none; margin:5px 0 10px 0;  font-weight:bold; }
.article_list li .txt .desc{ display:none;}

.article_list li .art_footer{ position:absolute; left:0; bottom:10px; right:0;}

}


/*===================内页-联系我们================*/

.contact_bg{background:#F9FAFB;padding-bottom:.8rem;}



/*联系方式*/
.xinxi_box{background:#fff;padding:.25rem .5rem .5rem;box-sizing:border-box; border-radius:0 0 10px 10px;}
.xinxi_box .tit{border-bottom:1px solid rgba(204,204,204,.3);padding-bottom:.3rem;}
.xinxi_box .tit h3{ font-size:.3rem;}
.xinxi_box .tit .wz p{color:#888; margin-bottom:5px; text-align:right;}
.xinxi_box .tit .wz span{color:var(--main_color); font-family:'din';font-size:.3rem;}

.xinxi_box ul{margin-top:.3rem;}
.xinxi_box li .ico{width:.42rem;height:.42rem;border:1px solid rgba(204,204,204,.6);border-radius:4px;}
.xinxi_box li .ico img{width:.28rem;display:block;}
.xinxi_box li p{color:#636363;margin-left:10px; font-size:16px;}


@media screen and (max-width:768px) {
.contact_bg{padding-bottom:25px;}
.contact_bg .main{ padding:0;}
.xinxi_box{padding:20px 15px 10px;box-sizing:border-box;}
.xinxi_box .tit{padding-bottom:15px;}
.xinxi_box .tit h3{font-size:16px;margin-bottom:15px;width:100%;}
.xinxi_box .tit .wz p{font-size:14px; text-align:left;}
.xinxi_box .tit .wz span{font-size:20px;}
.xinxi_box ul{margin-top:20px;}
.xinxi_box li{margin-bottom:15px; width:100%;}
.xinxi_box li .ico{width:25px;height:25px;}
.xinxi_box li .ico img{width:18px;display:block;}
.xinxi_box li p{font-size:13px;margin-left:8px;}

}

/*地图*/
.map{position:relative; background:#fff; padding:.2rem;  border-radius:10px 10px 0 0; overflow:hidden;}
#map1{height:5.5rem; margin-top:.9rem; overflow:hidden; border-radius:10px;}
.amap-marker-label{padding:15px; border-color: #ababab; border-radius: 5px; color: #666; font-size:14px; box-shadow: 0 6px 12px rgba(0,0,0,.2);}
.amap-marker-label h2{color: #333; font-size: 18px;}
.amap-marker-label p{ line-height:2;}
.amap-icon{ overflow:visible;}
.amap-icon:after {content: '';width: 50px;height: 50px;border-radius: 100%;transform: translate(-50%,-50%);
    background:url(../images/logo_ico.png) center no-repeat var(--main_color);
    position: absolute;left: 50%;top: 25%;z-index: 21;text-align: center;color: #fff;font-size: 16px;line-height: 50px;background-size:80%;}
.amap-icon:before {content: '';width: 74px;height: 74px;z-index: 11;position: absolute;left: 50%;top: 25%;background:var(--main_color);border-radius: 100%;
    transform: translate(-50%,-50%) scale(0);animation: fangdadh1 2000ms infinite ease;
}
.map .info {position: absolute;right:10%;top: 50%;transform: translateY(-50%); background-color: #fff;border-radius: 10px;padding:.15rem; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); width:1.35rem; text-align:center;}
.map .info  span {display: block;color: #231815; font-size:16px;}
.map .info p {color: #808080;margin-top:10px; font-size:12px; margin-bottom:.1rem;}
.map .info img {display: block;width: 100%;}


@keyframes fangdadh1{
	0%{transform: translate(-50%,-50%) scale(0);opacity:1;} 
	100%{transform: translate(-50%,-50%) scale(1.2);opacity: 0;}
}
@media screen and (max-width:768px) {
.map{width:100%; padding:0; border-radius:0;}
#map1{height:260px; margin-top:.5rem; border-radius:0;}
.map .info{display:none;}
}

/*留言反馈*/
.page_liuyan {width:70vw; max-width:1280px; margin:.8rem auto 0;}
.page_liuyan .tit_pic{ text-align:center;}
.page_liuyan .tit_pic img{height:.8rem;}
.page_liuyan .desc{font-size:.3rem; text-align:center; margin-top:.25rem; line-height:1.5;}
.page_liuyan .desc:after {content: ''; width:40px;height:4px;display: block;background-color:var(--main_color);margin:.2rem auto .5rem; border-radius:5px;}

/*留言*/
.page_liuyan{padding-bottom:.5rem;}
.message_input {margin-bottom:25px; text-align:center;}
.message_input input::-webkit-input-placeholder,
.message_input textarea::-webkit-input-placeholder{font-family:Microsoft Yahei;}
.message_input li{ width: 48.5%;} 
.message_input input{border:solid 1px #f5f5f5;background: #f5f5f5;outline: none; width: 100%;padding:18px 25px; border-radius:50px;  box-sizing:border-box;} 
.message_input input::-webkit-input-placeholder {} 
.message_input textarea{font-size:15px; display: block;border:solid 1px #f5f5f5;background:#f5f5f5; outline: none; width: 100%;padding: 20px 20px;box-sizing: border-box;min-height:150px; border-radius:15px;} 
.message_input .form-group input{width:45%; }

.message_input .submit{ border:none;outline: none; font-size:16px; margin:15px auto 0; cursor:pointer; text-align:center; color:#fff; background:var(--main_color); font-family:"微软雅黑"; transition:0.3s all; width:2.5rem; line-height:50px; border-radius:50px;}
.message_input textarea::-webkit-input-placeholder{}
.message_input .submit i{margin-left:.25rem;}
.message_input input:focus,.message_input textarea:focus{border:solid 1px var(--main_color); background:#fff;}

@media screen and (max-width:768px) {
.page_liuyan{width:100%; box-sizing:border-box; padding:0 15px 50px;}
.page_liuyan .desc:after { display:none;}
.page_liuyan .con{ width:100%;background: #fff;color: #333; padding:10px 0px 0; box-sizing:border-box; }

.message_input input::-webkit-input-placeholder,
.message_input textarea::-webkit-input-placeholder{color: #999; font-size:14px;}
.message_input {margin-bottom:0;}
.message_input li{ width:100%; margin-bottom:10px;} 
.message_input input{padding:13px 15px;} 
.message_input textarea{min-height:100px;padding: 15px 15px;}
.message_input .submit{width:100%; line-height:42px;}
}


/*===================内页-产品系列频道页================*/
.cate_pro li{margin-bottom:.8rem;height:6rem; position:relative;}
.cate_pro li .pic{width:65%;overflow:hidden;float:left;}
.cate_pro li:nth-child(even) .pic{float:right;}
.cate_pro li .txt{ position:absolute;top:0;left:0;bottom:0;right:0;}
.cate_pro li .txt .box{width:27%;float:right;}

.cate_pro li:nth-child(even) .txt .box{float:left;}
.cate_pro li .txt h3{font-weight:normal;font-size:.3rem;color:#000;position:relative;padding-left:.15rem;}
.cate_pro li .txt h3:before{position:absolute;content:'';width:4px;height:25px;background:var(--main_color);top:50%; transform:translateY(-50%);left:0;}
.cate_pro li .txt p{color:#888;line-height:1.8;text-align:justify;margin:.3rem 0 .5rem;}

@media screen and (max-width:768px) {
.cate_pro li{padding:0 15px;box-sizing:border-box;position:static;height:320px;}
.cate_pro li:nth-child(even){height:345px;}
.cate_pro li .pic{width:100%;border-radius:5px;height:160px;float:none;}
.cate_pro li:nth-child(even) .pic{float:none;}
.cate_pro li .txt{position:static;padding:20px 0 0;}
.cate_pro li .txt .box{width:100%;float:none;}

.cate_pro li:nth-child(even) .txt .box{float:none;}
.cate_pro li .txt h3{font-size:18px;padding-left:10px;}
.cate_pro li .txt h3:before{width:3px;height:15px;}
.cate_pro li .txt p{font-size:13px;margin:10px 0 15px;}

}


/*===================内页-产品系列列表页================*/
.pro_list li{width:31.5%;margin-right:2.6%;margin-bottom:.45rem;position:relative;}
.pro_list li:nth-child(3n){margin-right:0;}
.pro_list li .pic{overflow:hidden;}
.pro_list li .pic img{width:100%;display:block; transition:all .5s;}
.pro_list li .txt{position:absolute;bottom:.2rem;left:50%; transform:translateX(-50%);width:85%;line-height:.6rem;background:rgba(255,255,255,.8);text-align:center;font-size:.18rem;transition:all .5s;}
.pro_list li:hover .pic img{ transform:scale(1.1,1.1);}
.pro_list li:hover .txt{bottom:.3rem;background:rgba(255,255,255,1);color:var(--main_color);}
 
@media screen and (max-width:768px) {
.pro_list li{width:100%;margin-right:0;margin-bottom:20px;}
.pro_list li .txt{line-height:46px;bottom:20px;font-size:15px;}
}


/*========================产品内容页======================*/

/*产品内容*/
.pro_show1{background:#fff;border-radius:10px;padding:0 .8rem .8rem;box-sizing:border-box;}
.pro_show1 .left{ width:100%;  overflow: hidden; }
.pro_show1 .right{ width:55%; min-width:calc(100% - 650px);}

/* 产品大图 */
#focus {width:100%; position:relative; border:solid 1px #e8e8e8; box-sizing:border-box;}
#focus figure{overflow:hidden; height:5.2rem; position:relative;padding:.3rem .3rem;box-sizing:border-box; }
#focus figure a{ width:100%; height:100%;}
#focus figure a img{max-width:100%;max-height:100%; object-fit: cover;}

/*分页器*/
#focus .swiper-pagination-bullet{width: 8px;height: 8px; display: inline-block; border-radius: 100%; background:rgba(0,0,0,0.25); transition: all .5s ease;opacity: 1.0; font-size:0; overflow:hidden;}
#focus .swiper-pagination-bullet-active{background:var(--main_color);color: #fff;width: 25px;border-radius: 25px;}
#focus .swiper-pagination{bottom:10px;}


/*产品缩略图轮播*/
#tabs5 {width: 100%; position: relative;margin-top:12px;padding:0 20px;box-sizing:border-box;}
#tabs5 li {border: 1px solid #e8e8e8; cursor: pointer; position:relative;padding:.1rem .1rem;box-sizing:border-box;}
#tabs5 li.active{border: 1px solid #f60;}
#tabs5 li img{width:100%; display:block; transition:0.3s all;}
#tabs5 .swiper-button-prev {width: 10px;height: 30px;background-size: 10px auto;background-image: url('../images/adv-left-icon.png') !important;top: 62%;left: 0;z-index: 1;outline: none;}
#tabs5 .swiper-button-next {width: 10px;height: 30px;background-size: 10px auto;background-image: url('../images/adv-right-icon.png') !important;top: 62%;right: 0;z-index: 1;outline: none;}

.pro_show1 .right h1{ font-size:.4rem; color:#000; line-height:1.3; margin-bottom:20px;}
.pro_show1 .right h3{ font-size:14px; margin-bottom:20px; }
.pro_show1 .right .desc{line-height:2; text-align:justify; color:#666; background:#f5f6f7; padding:25px; border-radius:5px;}
.pro_show1 .right .btn{margin-top:20px;}
.pro_show1 .right .btn a{ line-height:43px; padding:0 30px; border-radius:3px; display:inline-block; background:var(--main_color);font-size: 15px; font-weight: 400;color: #FFFFFF; margin-right:15px;}
.pro_show1 .right .btn i{ font-size:18px; margin-right:5px;}
.pro_show1 .right .btn a.a2{ /*background:#059b80;*/ background:var(--second_color);}


@media screen and (max-width:768px) {
#focus figure{height:220px;padding:15px 10px;}
.pro_show1{border-radius:5px;padding:0 0 35px;}
.pro_show1 .right h1{ font-size:16px;  margin-bottom:10px; margin-top:20px;}
.pro_show1 .right h3{font-size:13px;color:#888;font-weight:normal;}
.pro_show1 .right .desc{line-height:1.8; padding:15px; font-size:13px;}
.pro_show1 .right .btn{margin-top:10px; justify-content:space-between;}
.pro_show1 .right .btn a{ line-height:36px; padding:0; width:48%; text-align:center; font-size: 14px; margin-right:0;}
.pro_show1 .right .btn i{ font-size:16px;}

}


/*=================内页-招商加盟==================*/
.zs_ms{width:60%;margin:0 auto .4rem;text-align:center;line-height:2.2;font-size:.18rem;}

/*加盟优势*/
.jmys_box li{width:23.5%;background:#F9FAFB;}
.jmys_box li .pic{overflow:hidden;border-radius:5px;}
.jmys_box li .pic img{width:100%;display:block;}
.jmys_box li .txt{padding:.3rem .3rem .5rem;box-sizing:border-box;text-align:center;}
.jmys_box li .txt h3{font-weight:normal;font-size:.24rem;color:#000;margin-bottom:.15rem;}
.jmys_box li .txt p{color:#666;line-height:1.8;}

/*加盟流程*/
.jmlc_bg{background:#f5f5f5;padding-bottom:.6rem;margin-top:.8rem;}
.jmlc_box li{width:18.5%;background:#fff;border-radius:5px;padding:.3rem .3rem 0;box-sizing:border-box;margin-bottom:.25rem; transition:all .5s;}
.jmlc_box li p{font-size:.16rem;line-height:1.8;height:.8rem;}
.jmlc_box li .ico img{height:.5rem;margin-top:.2rem;}
.jmlc_box li span{ font-family:'din';font-size:.6rem;color:rgba(204,204,204,.2);}
.jmlc_box li:hover{ transform:translateY(-10px);box-shadow: 0px 2px 30px 0px rgba(99, 99, 99, 0.1)}


/*加盟风采*/
.jmfc_box li{width:23.5%;margin-right:2%;margin-bottom:.25rem;position:relative;}
.jmfc_box li:nth-child(4n){margin-right:0;}
.jmfc_box li .pic{overflow:hidden;border-radius:5px;}
.jmfc_box li .pic img{width:100%;display:block;}
.jmfc_box li .txt{width:100%;line-height:.4rem;position:absolute;bottom:0;left:0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:15px;border-radius:0 0 5px 5px;}
.jmfc_box li .txt i{margin-right:8px;}


@media screen and (max-width:768px) {
.zs_ms{width:100%;margin:0 auto 20px;font-size:14px;line-height:1.8;}

/*加盟优势*/
.jmys_box li{width:48%;margin-bottom:15px;}
.jmys_box li .txt{padding:20px 10px 20px;}
.jmys_box li .txt h3{font-size:16px;margin-bottom:10px;}
.jmys_box li .txt p{font-size:12px;}

/*加盟流程*/
.jmlc_bg{padding-bottom:20px;margin-top:15px;}
.jmlc_box li{width:48%;padding:20px 15px 0;margin-bottom:15px;}
.jmlc_box li p{font-size:13px;line-height:1.6;height:60px;}
.jmlc_box li .ico img{height:35px;margin-top:10px;}
.jmlc_box li span{font-size:36px;}


/*加盟风采*/
.jmfc_box li{width:48%;margin-right:13px;margin-bottom:15px;}
.jmfc_box li:nth-child(2n){margin-right:0;}
.jmfc_box li .txt{line-height:26px;font-size:13px;}
.jmfc_box li .txt i{margin-right:5px;}
}


/*================人才理念=======================*/
.page_rcln{width:60%;margin:1.3rem auto 0;position:relative;}
.page_rcln img{position: absolute;top: -.6rem;left: -1.3rem;}
.page_rcln .con{font-size:.28rem;line-height:2.8;text-align:justify;font-weight:bold;}
.page_rcln .txt{margin-top:.2rem;font-size:.16rem;color:#666;text-align:justify;line-height:2;}

.page_rcln_bg{background:#f5f5f5;padding:0 0;margin-top:.8rem; transition:all .5s;}
.page_rcln_box li{width:33.3%;padding:.8rem .2rem;box-sizing:border-box;}
.page_rcln_box li .pic{overflow:hidden;}
.page_rcln_box li .pic img{width:60%;display:block;transition:all .5s;}
.page_rcln_box li .txt h3{font-size:.24rem;margin:.4rem 0 .3rem;}
.page_rcln_box li .txt p{text-align:center;line-height:1.8;font-size:.16rem;color:#666;}
.page_rcln_box li:hover{background:rgba(255,255,255,0.9);}
/*.page_rcln_box li:hover .pic img{border-radius:100%;}*/


@media screen and (max-width:768px) {
.page_rcln{width:100%;margin:45px auto 0;}
.page_rcln img{width:20%;top: -20px;left: 0;}
.page_rcln .con{font-size:16px;line-height:2;}
.page_rcln .txt{margin-top:15px;font-size:13px;line-height:1.8;}

.page_rcln_bg{margin-top:25px; padding-bottom:30px;}
.page_rcln_box li{width:100%;padding:30px 20px 20px;}
.page_rcln_box li .txt h3{font-size:16px;margin:20px 0 15px;}
.page_rcln_box li .txt p{line-height:1.8;font-size:13px;}
.page_rcln_box li .txt p br{display:none;}
}

/* 人才招聘 */
#job_bd{padding-bottom:.8rem;}
#job_bd dl{ background:#fcfcfc; border: #e8eaef 1px solid; position: relative; margin-bottom:.2rem;  padding:30px .5rem 0; border-radius:4px;}
#job_bd dl.active{/*box-shadow: 0 1px 20px rgb(0 0 0 / 4%);*/border: #e8eaef 1px solid;}
#job_bd dt{ box-sizing:border-box;  cursor:pointer; background:#fcfcfc; padding-bottom:30px;}
#job_bd dt .tit{width:80%;}
#job_bd dt .tit h2{ font-size:18px; margin-bottom:.2rem;}
#job_bd dt .tit span{flex:1; color:#888;}


#job_bd dt .btn{width:100px; display: flex;flex-direction: column;justify-content:center; align-items:flex-end; }
#job_bd dt .btn span:nth-child(2){ display:none;}
#job_bd dt.on .btn span:nth-child(1){display:none;}
#job_bd dt.on .btn span:nth-child(2){ display:flex;}
#job_bd dt .btn i{ margin-left:5px;}

#job_bd dd{ display:none; line-height:2; border-top: #e8e8e8 1px solid; position:relative; padding-bottom:50px;}
#job_bd dd strong{margin:.2rem 0 .1rem 0; display:block; font-size:18px;}
#job_bd dd a{cursor:pointer; font-size:15px; padding-left:35px; display: block; width:166px; line-height:42px; text-align: center; background:url(../images/joinsz3.png) no-repeat 35px center var(--main_color); color:#fff; transition:0.5s all; border-radius:50px; margin:25px auto auto auto; box-sizing:border-box;}
#job_bd dd a i{ margin-left:.1rem;}
#job_bd dd a:hover{transform: translateY(-5px); opacity:0.8;}
@media screen and (max-width:768px) {
#job_bd dl{margin-bottom:12px;  padding:25px 20px 0; }
#job_bd dt{ padding-bottom:15px;}
#job_bd dt .tit span{flex:auto; font-size:12px; width:100%; line-height:1.8;}
#job_bd dt .tit{width:calc(100% - 80px);}
#job_bd dt .tit h2{ font-size:16px; margin-bottom:10px;}
#job_bd dt .btn{width:80px; }

#job_bd dd{ line-height:1.8; font-size:13px; padding-bottom:25px;}
#job_bd dd strong{margin:.2rem 0 .1rem 0;  font-size:15px;}
#job_bd dd a{ font-size:14px; width:50%; line-height:40px; border-radius:50px; margin:15px auto auto auto;background:url(../images/joinsz3.png) no-repeat 30px center var(--main_color); background-size:16px auto;}

}



/*======================上传简历表单======================*/
.jianli_form{width:530px; height:580px; padding:50px 60px; background:#fcfcfc; border-radius:5px; box-sizing:border-box; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; margin:auto;}
.jianli_form .close{position:absolute; top:25px; right:25px; cursor:pointer;}

.jianli_form .tit{font-size:18px; color:#000; margin-bottom:25px; font-weight:bold;}
.jianli_form .tit span{ color:var(--main_color);}

.jianli_form ul{}
.jianli_form li{margin-bottom:.15rem;}

.jianli_form input,.jianli_form select{padding:.15rem;width:100%; box-sizing:border-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px; font-size:15px;
}
.jianli_form .form-group {width:100%;}
.jianli_form .form-group input{margin-bottom:.2rem;}

.jianli_form .submit{ border:none; font-size:16px; cursor:pointer; text-align:center; color:#fff; background:var(--main_color); border-radius: 3px; transition:0.3s all; width:100%; height:46px; line-height:46px;}
.jianli_form .submit:hover{ opacity:0.8;}
@media screen and (max-width:768px) {
.jianli_form{width:95%; height:520px; padding:30px 20px;}
.jianli_form .close{position:absolute; top:10px; right:5px; cursor:pointer;}
.jianli_form .tit{font-size:16px; line-height:1.5; margin-bottom:20px;}

.jianli_form input,.jianli_form select{padding:12px 10px;font-size:14px;}
.jianli_form .submit{font-size:16px;width:100%; height:45px; line-height:45px;}

}

/*上传按钮*/
.fileupload-buttonbar .btn {vertical-align: middle;
    display: inline-block;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #40aae2;
    border-color: #40aae2;
}
.btn.red:not(.btn-outline) {
    color: #fff;
    background-color: #e7505a;
    border-color: #e7505a;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.progress {
    border: 0;
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.progress {
    height: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.progress {
    overflow: hidden;
}
.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-striped, .progress-striped .progress-bar {
    background-size: 40px 40px;
}
.progress-bar-striped, .progress-striped .progress-bar, .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}
.progress-bar-success {
    background-color: #36c6d3;
}
.progress-bar {text-align: center;
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background-color: #40aae2;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.finecms-file-ts{ line-height:1.6em; color:#666;}
.files_row_preview { box-sizing:border-box;margin-right: 10px;border: 1px solid #d3cfcf;padding: 10px; width: 80px;height: 70px;overflow: hidden;border-radius: 4px; text-align: center;}
.files_row_preview img {max-width: 60px; max-height: 50px;}
.files_row .mpreview {position: relative;width: 78px;top: -18px;text-align: right;}
/*----------------------*/

/*===============服务支持===================*/
.fuwu_box1{ }
.fuwu_box1 .pic{ width:48%; border-radius:.5rem 0 .5rem 0; overflow:hidden;}
.fuwu_box1 .pic img{width:100%; height:100%; display:block; object-fit:cover;}
.fuwu_box1 .txt{width:48%;}
.fuwu_box1 .txt li{border-bottom: 1px solid #e5e6e8;font-size:.18rem; padding-bottom:.2rem;overflow: hidden;margin-bottom: .2rem;}
.fuwu_box1 .txt li span{color: #fff;text-align: center;height: .46rem;width: .46rem;font-size:.25rem;margin-right: .2rem; background:var(--main_color); border-radius:100%;}
@media only screen and (max-width: 768px){
.fuwu_box1 .pic{ width:100%; border-radius:25px 0 25px 0;}
.fuwu_box1 .txt{width:100%; margin-top:15px;}
.fuwu_box1 .txt li{ font-size:14px; padding-bottom:12px; margin-bottom:12px;}
.fuwu_box1 .txt li span{ height:25px;width:25px;font-size:18px;margin-right:10px;}
.fuwu_box1 .txt li p{width:calc(100% - 35px); line-height:1.5;}

}

/*服务支持*/
.fuwu_box2{background:url(../images/fuwu2.jpg) no-repeat center; background-size:cover; height:560px; margin-top:1rem; padding-top:.3rem; box-sizing:border-box;}
.fuwu_box2 ul{background:rgba(255,255,255,0.9); padding:.5rem .56rem; border-radius:.1rem; margin-top:.25rem;}
.fuwu_box2 ul li{ text-align:center;}
.fuwu_box2 ul li .ico{}
.fuwu_box2 ul li .ico svg{ height:.46rem; fill:var(--main_color);}
.fuwu_box2 ul li .txt{}
.fuwu_box2 ul li .txt h3{ font-size:.18rem; margin:.25rem 0 .2rem 0;}
.fuwu_box2 ul li .txt p{ color:#666; font-size:.14rem;}
@media only screen and (max-width: 768px){
.fuwu_box2{height:auto; margin-top:20px; padding-bottom:25px;}
.fuwu_box2 ul{ padding:15px 0; margin-top:10px;}
.fuwu_box2 ul li{width:100%; margin-bottom:20px;}
.fuwu_box2 ul li .ico svg{ height:35px;}
.fuwu_box2 ul li .txt h3{ font-size:16px; margin:12px 0 10px 0;}
.fuwu_box2 ul li .txt p{ font-size:14px;}
}


/*销售服务*/
.fuwu_box3{padding-bottom:.8rem;}
.fuwu_box3 li{width:23%; box-shadow: 0px 2px 30px 0px rgba(99, 99, 99, 0.1);border-radius: 4px; overflow:hidden;}
.fuwu_box3 li .pic{}
.fuwu_box3 li img{width:100%; height:100%; display:block; object-fit:cover;}
.fuwu_box3 li .txt{ padding:.35rem .25rem .25rem;}
.fuwu_box3 li .txt h3{ font-size:.18rem; margin-bottom: .2rem; font-family: 'hmed'; font-weight:normal;}
.fuwu_box3 li .txt p{color: #777; text-align:justify; line-height:2;}
@media only screen and (max-width: 768px){
.fuwu_box3 li{width:100%; margin-bottom:15px;}
.fuwu_box3 li .txt{ padding:.35rem .25rem .25rem;}
.fuwu_box3 li .txt h3{ font-size:17px; margin-bottom: .2rem;}
.fuwu_box3 li .txt p{color: #777; text-align:justify; line-height:1.8; font-size:13px;}
}

/*售后保障*/
.fuwu_box4{ background:#f8f8f8; margin-top:1rem; padding-bottom:.8rem;}
.fuwu_box4 li{ background:#fff; width:31%; padding:.4rem; box-sizing:border-box;}
.fuwu_box4 li .pic{width:80px;}
.fuwu_box4 li .pic img{width:100%; height:100%; display:block; object-fit:cover;  border-radius:3px;}
.fuwu_box4 li .txt{width:calc(100% - 80px); padding-left:.25rem; box-sizing:border-box;}
.fuwu_box4 li .txt h3{font-family: 'hmed'; font-weight:normal; font-size:.18rem; margin-bottom:.1rem;}
.fuwu_box4 li .txt p{ line-height:1.6; color:#888;}

@media only screen and (max-width: 768px){
.fuwu_box4{margin-top:25px; padding:10px 0 10px;}
.fuwu_box4 li{ width:100%; padding:20px; margin-bottom:15px;}
.fuwu_box4 li .pic{width:60px; height:60px;}
.fuwu_box4 li .txt{width:calc(100% - 60px); padding-left:.25rem; box-sizing:border-box;}
.fuwu_box4 li .txt h3{font-size:15px; margin-bottom:5px;}
.fuwu_box4 li .txt p{ line-height:1.5; font-size:13px;}

}