@charset "utf-8";
/* CSS Document */
:root{    
	--main_color:#f44; 
	--bg_color:#f3f4f7;       
}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}
body{ color: #333;  font-size:14px; font-family: "Microsoft YaHei","微软雅黑"; overflow-x:hidden;background:#fff;}
body{ -webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;/*安卓和 IOS html5 动画卡顿解决方案*//* overflow-x:hidden; */line-height: 1; font-size:14px; max-width: 680px; margin: 0 auto;}
a{text-decoration:none; color:#333; outline-style:none;}
a:hover{color:var(--main_color);}
a,input,img,:focus{ -webkit-tap-highlight-color:transparent; mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ }
ul,li{list-style:none;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
img{border:0;}
.main{margin:0 10px;}

.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display: flex;justify-content: flex-start;flex-wrap:wrap;}


/*文字省略*/
.ellipsis1 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}



/*头部*/
.header{width:100%; height:90px; overflow:hidden; z-index:9; position:relative;}
.header .pic img{width:100%; height:90px; display:block;}
.header .txt{ position:absolute; left:15px; top:15px; right:50px; bottom:15px;}
.header .txt .logo{width:60px; height:60px; border-radius:100%; overflow:hidden; margin-right:10px;}
.header .txt .logo img{width:100%; height:100%; object-fit:cover; display:block;}
.header .txt .company_info{flex:1; font-size:13px; color:#DABFA5; line-height:1.5;}
.header .txt .company_info span{ margin-right:6px;}
.header .txt .company_info p:nth-child(1){ font-size:16px;}


/*底部图标*/
.foot_ico {position: fixed;width: 100%;left: 0;bottom: 0;z-index: 9; padding: 0 10px 10px; overflow:hidden; overflow: hidden; box-sizing:border-box;}
.foot_ico li {width: 50%;text-align: center;background: #00b1ff; padding:10px 0;}
.foot_ico li:last-child{ background:#ff5e00;border-radius:0 30px 30px 0; }
.foot_ico li:first-child{border-radius:30px 0 0 30px; }
.foot_ico li img{width: 20px; margin-right: 10px; vertical-align: middle;}
.foot_ico li a{color: #fff;}




/*===================头部ban=======================*/
.header_ban{overflow:hidden;}
.header_ban img{width:100%;display:block;}

/*===================首页主体部分=======================*/
.sub_nav{width:25%;/*background:var(--bg_color);*/ padding-bottom:50px; padding-left:2px; box-sizing:border-box;}
.sub_nav li{line-height: 1.3;padding: 10px 3px;font-size: 14px; background:#637E99; color:#fff; border-radius:10px; text-align:center; margin-top:5px; box-sizing:border-box;  }
.sub_nav li.on{background:#EC7203; color:#fff; font-weight:bold;}

.category{width:72%;padding-right:8px;box-sizing:border-box; margin-bottom:50px;}
.category .ban{overflow:hidden;margin-top:10px;border-radius:8px;}
.category .ban img{width:100%;display:block;}


.category .list li{width:48%;margin-bottom:15px;border-radius:5px;overflow:hidden;background:var(--bg_color);}
.category .list li .pic{overflow:hidden;}
.category .list li .pic img{width:100%;display:block;}
.category .list li .txt{text-align:center;padding:10px 0;}



/*======================产品列表页======================*/


/*轮播图*/
#banner {width:100%; position:relative; z-index:0; overflow:hidden;}	
#banner .swiper-slide .pic {position:relative; z-index:1; }
#banner .swiper-slide .pic img{width:100%;height:100%; object-fit: cover; transition: all 4s;  transform: scale(1,1); -webkit-transform: scale(1,1); display:block; /*-webkit-filter: blur(30px); filter: blur(30px);*/}
#banner .swiper-slide-active .pic img{ transform: scale(1.03,1.03);  -webkit-transform: scale(1.03,1.03);  transition-delay:1s;/* -webkit-filter: blur(0px); filter: blur(0px);*/}

/*分页器*/
#banner .swiper-pagination-bullet{width: 8px;height: 8px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.9); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
#banner .swiper-pagination-bullet-active{background:var(--main_color);color: #fff;width: 25px;border-radius: 30px;opacity: 1.0;}
#banner .swiper-pagination{bottom:10px;}


/*页面标题*/
.main_tit{text-align:center; padding:15px 0 20px 0;width:100%;}
.main_tit h3{ font-size:16px; font-weight:normal;position:relative; display:inline-block;}
.main_tit h3:before,.main_tit h3:after {content: '';width: 25px;height: 1px;background: #ccc;position: absolute;top: 50%;}
.main_tit h3:before{left: -30px;}
.main_tit h3:after {right: -30px;}
.main_tit .line {display: block;width: 20px;height: 4px;background:var(--main_color);border-radius: 10px;margin: 10px auto auto auto;}


/*产品列表页*/
.pro_list li{width:48%;background:#fff;border-radius:8px;overflow:hidden; margin-bottom:15px;}
.pro_list li .pic img{width:100%;display:block;}
.pro_list li .txt{padding:15px 0;text-align:center; }
.pro_list li .txt h2{font-size:13px; font-weight:normal; margin-bottom:10px;}
.pro_list li .txt p{font-size:14px;}

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

/*产品图片轮播*/

#product {position:relative;}
#product .swiper-slide .pic {overflow:hidden;}
#product .swiper-slide .pic img{width:100%;display:block; }

/*分页器*/
#product .swiper-pagination-bullet{width: 8px;height: 8px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.9); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
#product .swiper-pagination-bullet-active{background:var(--main_color);color: #fff;width: 25px;border-radius: 30px;opacity: 1.0;}
#product .swiper-pagination{bottom:15px;}


/*产品标题*/

.title{background:#fff;padding:25px 15px;box-sizing:border-box;margin-top:12px;  }
.title .txt h3{font-size:18px; font-weight:normal;}
.title .txt p{color:#888;margin:15px 0;line-height:1.4;}
.title .ico li{margin-left:13px;color:#666;font-size:13px;}
.title .ico li:nth-child(1){margin-left:0;}
.title .ico i{color:var(--main_color);}


/*产品介绍*/

.intro{background:#fff;padding:25px 0px;box-sizing:border-box;margin-top:12px;  overflow:hidden;margin-bottom:30px;}
.intro p{line-height:1.6;font-size:15px;}
.intro img{width:100%;display:block;}



/*==================404======================*/
.page_msg {padding: 50px; background:#fff;}
.page_msg h5 { line-height: 60px;border-bottom: 1px solid #ddd;margin-bottom: 10px; font-size:25px; text-align:center;}
.page_msg_con {color: #999; line-height:40px; text-align:center;padding: 25px 0;}
.page_msg_con i {font-size:100px;color: #ddd; margin-bottom:10px;}