@charset "utf-8";

/* CSS Document */
:root{    
	--main_color:#c00;        /* #023A91主色 */
	--main_color_rgb:188, 90, 11 ;  /*rgba*/
    --second_color:#EF8F38;      /* 副色 */ 
	--hui_color:#eff0f4;    

}
html,body{ height:100%; position: relative;}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select,figure{margin:0; padding:0;}
body{ color: #333;  font-size:14px; font-family: Microsoft Yahei,Arial, sans-serif; overflow-x:hidden;background:#f8f8f8;}
body{ -webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;/*安卓和 IOS html5 动画卡顿解决方案*//* overflow-x:hidden; */line-height: 1; 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;}
img{border:0;}
.fl{float:left;}
.fr{float:right;}
.bottom_blank{height:.6rem;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:.3rem;}
.mt40{margin-top:.4rem;}
.mt50{margin-top:.5rem;}
section{background:#fff; position:relative;}

/*滚动条美化*/
body::-webkit-scrollbar {width: 10px !important;}
body::-webkit-scrollbar-track {background-color: #f3f3f3;}
body::-webkit-scrollbar-track-piece {background-color: #f3f3f3;-webkit-border-radius: 4px;}
body::-webkit-scrollbar-thumb {background-color: #ddd;border: solid 1px #C0C0C0;border-radius: 4px;}
body::-webkit-scrollbar-corner {background-color: #ddd;}
body::-webkit-resizer {background-repeat: no-repeat;background-position: bottom right;}
body::-webkit-scrollbar-thumb:hover {background-color: #F3F3E0;}
::-webkit-scrollbar {width: 15px;}
@media screen and (max-width:768px) {
body::-webkit-scrollbar {width:0px !important;}
::-webkit-scrollbar {width:0px;}
}


/*图片放大*/
.picShow img{transition:0.3s all;}
.picShow img:hover,.picShow a:hover img{ transform:scale(1.05); }
.no_ziliao{width:100%; text-align:center;}
.no_ziliao img{ max-width:100%;}

/*======================主体宽度======================*/
.pc_show{ display:block;}
.m_show{display:none;}

.main{width:100%; margin: auto;}

@media screen and (max-width:768px) {
	body{font-size:14px; }
	.main{width:100%; padding:0 12px; box-sizing:border-box;}
	.pc_show{display:none!important;}
	.m_show{ display:block;}
}
.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display:flex;justify-content: flex-start;flex-wrap:wrap;}
.t_center{display:flex; flex-direction:column; justify-content:center;align-items:center;}
.t_left_center{display:flex; flex-direction:column; justify-content:center;}
.t_center_nowrap{display:flex; justify-content:center;align-items:center;}

/*文字省略*/
.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%; overflow:hidden; z-index:9;}
.header .pic img{width:100%; 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:16px; color:#DABFA5; line-height:1.6;}
.header .txt .company_info a{color:#DABFA5;}
.header .txt .company_info span{ margin-right:6px;}
.header .txt .phone img{width:42px; height:42px; display:block;}




/*轮播图*/
#banner {width:100%; position:relative; z-index:0; overflow:hidden;}	
#banner .pic {position:relative; z-index:1; }
#banner .pic img{width:100%;height:100%; object-fit: cover; display:block;}

/*分页器*/
#banner .swiper-pagination-bullet{width:9px;height: 9px; 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; margin:0 2px;}
#banner .swiper-pagination-bullet-active{background:var(--main_color);color: #fff;opacity: 1.0;}
#banner .swiper-pagination{bottom:10px;}



/*页面标题*/
.main_tit{text-align:center; padding:25px 0 20px 0;width:100%;}
.main_tit h3{ font-size:16px; font-weight:normal;position:relative; display:inline-block; color:#000;}
/*.main_tit h3:before,.main_tit h3:after {content: '';width: 25px;height: 1px;background:var(--main_color);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;}



.main_con{ min-height:100%; position:relative; padding:10px 12px 0px 0;}
/*.main_con .tabs{width:25%; background:#eef1f5; box-sizing:border-box; z-index:8; margin-top:-10px;}*/
/*.main_con .tabs li{background: none;line-height: 38px; position: relative;}*/
/*.main_con .tabs li.active{ background:#fff;}*/
/*.main_con .tabs li.active:before {content: '';width: 2px;height:18px;background: var(--main_color);position: absolute;top: 50%;margin-top: -10px;left: 0;}*/
/*.main_con .tabs li a {font-size: 13px;padding-left: 8px;display: block;color: #333;}*/
/*.main_con .tabs li.active a{color:var(--main_color); font-weight:bold;}*/

.main_con .tabs{width:25%;/*background:var(--bg_color);*/ padding-bottom:50px; box-sizing:border-box;}
.main_con .tabs li{line-height: 1.3;padding: 10px 2px;font-size: 14px; background:#637E99;  border-radius:0 30px 30px 0; text-align:center; margin-top:5px; box-sizing:border-box;  }
.main_con .tabs li.active{background:#cc0000; color:#fff; font-weight:bold;}
.main_con .tabs li a{color:#fff;}


.main_con .tabs_con{ overflow:hidden; width:72%; padding-bottom:60px;}
.main_con .tabs_con .ban_img{ border-radius:8px; overflow:hidden;}
.main_con .tabs_con .ban_img img{width:100%; display:block;}



.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;}




/*产品列表页*/
.pro_list li{width:47.5%; margin-bottom:10px;}
.pro_list li .pic{border-radius:8px;overflow:hidden;}
.pro_list li .pic img{width:100%;display:block;}
.pro_list li .txt{padding:12px 0 0; }
.pro_list li .txt h2{font-size:14px; line-height:1.4; font-weight:normal; margin-bottom:8px;}
.pro_list li .txt h3{font-size:14px; font-weight:normal; text-align:center;}
.pro_list li .txt p{font-size:12px; color:#ff4444;}
.pro_list li .txt p span{font-size:15px; font-weight:bold;}

.pro_list_bg li{width:48%; background:#fff; border-radius:8px;overflow:hidden;margin-bottom:15px;}
.pro_list_bg li .txt{padding:12px 8px; }



.more_1{ text-align:center; margin:25px 30px 10px;}
.more_1 a{ text-transform:uppercase; display:inline-block; line-height:36px; width:100%; background:#999; border-radius:30px; color:#f6f6f6;}
.more_1 a:hover{background:var(--main_color); color:#fff;}



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

/*产品图片轮播*/

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

/*分页器*/
#product .swiper-pagination-bullet{width: 9px;height: 9px; 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;  margin:0 2px;}
#product .swiper-pagination-bullet-active{background:var(--main_color);color: #fff; opacity: 1.0;}
#product .swiper-pagination{bottom:10px;}


/*产品标题*/

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


/*产品介绍*/

.pro_show .intro{background:#fff;padding:25px 15px 15px;box-sizing:border-box;margin-top:12px;  overflow:hidden;line-height:1.8;font-size:14px; text-align:justify;}
.pro_show .intro p{ margin-bottom:10px;}
.pro_show .intro img{width:100%;display:block;}

/*正文*/
#art_box { text-align:justify; overflow:hidden; width:100%; padding-bottom:50px;}
#art_box img{ width:100%; display:block;}
#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 video{ max-width:100%;}

/*==================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;}