@charset "utf-8";
/* 定义变量 */
:root {  
  --color: #000;
  --on-color: #d81706;
  --bgcolor:#d81706;
}
@font-face {
	font-family: 'Barlow-Medium';
	src:url('../fonts/Barlow-Medium.woff');
}
@font-face {
	font-family: 'Barlow-ExtraBold';
	src:url('../fonts/Barlow-ExtraBold.woff');
}
@font-face {
	font-family: 'Barlow-Bold';
	src:url('../fonts/Barlow-Bold.woff');
}
@font-face {
	font-family: 'Roboto-Regular';
	src:url('../fonts/Roboto-Regular.woff');
}
@font-face {
	font-family: 'D-DIN';
	src:url('../fonts/D-DIN-PRO-500-Medium.otf');
}
body,h1,h2,h3,h4,h5,h6,ul,dl,ol,input,pre,blockquote,p,dd{margin:0}
body{background: url("/skin/images/bodyback_01.jpg");}
ul,ol,input,textarea{padding:0}
img,input,select,textarea,video{border:0}
*{outline:none;resize:none}
li,em{list-style:none;font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
img{font-size:0;display:inline-block;vertical-align:middle;max-width: 100%;border: 0;}
p{word-wrap:break-word}	
a,u{text-decoration:none}
a{color:var(--color);transition: all .3s;}
a:hover{color:var(--on-color);}
input,textarea,body{color:var(--color);font-family: 'Barlow-Medium';font-size:16px;}
a .pic{overflow:hidden;text-align: center;}
a .pic img{width:100%;transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition-property: transform;transition: all .8s ease;}
a:hover .pic img{transform: scale(1.08);}
.cloud-zoom-lens {background-color: #fff;border: 1px solid #888;margin: -1px;cursor: move;}
#zoomcont {width:90px;height:520px;overflow: hidden;position: relative;z-index: 2;}
.zoom-desc {width: 4000px;height: 4000px;overflow: hidden;position: absolute;}

/* 手机导航 */
.wap_header{display:none;position: sticky;top: 0;z-index: 99999999;box-shadow: 0 5px 10px rgb(0 0 0 / 10%);width: 100%;}
.wap_top{width:100%;z-index:10006;align-items:center;justify-content:space-between;height:60px;background:var(--bgcolor);padding:0 10px;display:flex;}
.wap_top h1 img{height:30px;}
.wap_top .menu-btn{display:flex;align-items:center;cursor: pointer;width: 50px;justify-content: center;height: 100%;}
.wap_top .menu-btn .item{width:25px;height:14px;}
.wap_top .menu-btn .menu-icon{display:block;height:2px;margin-bottom:6px;background:#fff; }
.wap_top .menu-btn .menu-icon:last-child{margin-bottom:0;}
.wap_nav{width:100%;height:calc(100% - 60px);top:60px;left:-100%;justify-content:space-between;transition-duration:.5s;position:fixed;z-index:99999999;display:flex;}
.wap_nav .wap_sidebar{width:70%;height:100%;overflow:scroll;background:#FFFFFF;padding:20px 20px 60px 20px;}
.wap_nav .wap_nav_bg{width:30%;background:rgba(0,0,0,.5);height:100%;}
.wap_nav.show{left:0;}
.wap_nav .alt{display:flex;align-items:center;margin-bottom:15px;}
.wap_nav .alt span{font-size:16px;margin-left:10px;color:#000000;font-weight:bold;}
.wap_nav .web_menu .item h3{color:#000000;margin-bottom:10px;position: relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wap_nav .web_menu .item h3 a{font-size:15px;color:#000000;height: 100%;display: flex;align-items: center;}
.wap_nav .web_menu .item.one > h3 a{font-size:17px;font-weight:bold;}
.wap_nav .web_menu .item .two h3{padding-left:40px;}
.wap_nav .web_menu .item .two h3:after{content:"";position: absolute;width:12px;height:2px;background:#020202;left:15px;top: 50%;transform: translateY(-50%);}
.wap_nav .web_menu .item .two h3:before {display:none;content: "";position: absolute;width: 2px;height: 12px;background: #020202;top: 50%;transform: translateY(-50%);left: 20px;}
.wap_nav .web_menu .item .two h3.menu_on:before{display:block;}
.wap_nav .web_menu .item .two .three{display:none;}
.wap_nav .web_menu .item .two .three h3{padding-left:60px;}
.wap_nav .web_menu .item .two .three h3:after{left:35px;}
.wap_nav .web_menu .item .two .three h3:before{left:40px;}
.wap_nav .web_menu .item h3 a.on{color:var(--on-color);}
.wap_nav .web_so form{display:flex;}
.wap_nav .web_so form input{border-radius:5px 0 0 5px;width:calc(100% - 45px);padding:0 10px;height:45px;font-size:14px;color:#000;border:2px solid #222222;}
.wap_nav .web_so form button{width:45px;height:45px;background:#222;color:#fff;border:0;display:flex;justify-content:center;align-items:center;border-radius:0 5px 5px 0;font-size:18px;}
.wap_nav .web_lang{margin:15px 0;}
.wap_nav .web_lang .bd a{display:flex;width:100%;align-items:center;margin-bottom:15px;padding:0 10px}
.wap_nav .web_lang .bd a img{margin-right:5px;width:25px;}
.wap_nav .web_lang .bd a span{font-size:14px;color:#000;}

/* 底部菜单 */
.wap-bottom{display:none;width:100%;height:50px;background:var(--bgcolor);border-top: 1px solid rgba(255, 255, 255, .2);position: fixed;left:0;bottom:0;z-index:1001;}
.wap-bottom ul{display:flex;}
.wap-bottom ul li{width:20%;text-align:center;border-left:1px solid rgba(255, 255, 255, .2);box-sizing:border-box;}
.wap-bottom ul li:nth-child(1){border:none;}
.wap-bottom ul li a.menu-btn{background: rgba(255, 255, 255,.2);}
.wap-bottom ul li a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:50px;color:#fff;}
.wap-bottom ul li a p{font-size:12px;text-transform:uppercase;}
.wap-bottom ul .box i{font-size: 20px;}
.wap-bottom ul .box{display: flex;flex-direction: column;justify-content:center;}

/* 右侧导航 */
.fixed-right{position:fixed;right:0;bottom:80px;z-index:9999;cursor:pointer;}
.fixed-right ul li{width: 45px;height: 45px;position: relative;margin-bottom: 4px;border-radius: 6px;background: var(--bgcolor);display: flex;justify-content: center;align-items: center;display: none;font-size: 16px;}
.fixed-right ul li:hover,.fixed-right ul li i:hover{background: #000;}
.fixed-right ul li i{width: 45px;line-height: 45px;background: var(--bgcolor);color: #fff;font-size: 18px;text-align: center;border-radius: 6px;display: inline-block;}
.fixed-right ul .fixed-right-top
i,.fixed-right ul .fixed-right-close i{
	width: 18px;height: 18px;background: #fff;color: var(--bgcolor);border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 16px;
}
.fixed-right ul .fixed-right-top:hover
i,.fixed-right ul .fixed-right-close:hover i{background: #fff;color: #000;}
.fixed-right ul .fixed-right-open,.fixed-right ul .fixed-right-top{display: flex;}
/* .fixed-right ul li.fixed-right-top:hover i{background: #FF5500;border-bottom: 1px solid #e9092c;} */
.fixed-right ul li i.fa-mobile{font-size: 24px;}
.fixed-right ul li span{width: 210px;line-height: 45px;background: var(--bgcolor);color: #fff;padding-left: 10px;position: absolute;top: 0;left: 46px;z-index: -1;transition-duration: .5s;border-radius: 6px;}
.fixed-right ul li span:hover{background: #000;}
.fixed-right ul li:hover span{left: -214px;}
.fixed-right .fixed-right-online{transition-duration: 1s;}
.fixed-right .fixed-right-online.show{height: 0;overflow: hidden;}
.fixed-right .fixed-right-comments,.fixed-right ul li.fixed-right-top{height: 0;overflow: hidden;transition-duration: 1s;}
.fixed-right .fixed-right-comments.show,.fixed-right ul li.fixed-right-top.show{height: 45px;}

/* 中间表单 */
#fixed-bg{display:none;background:rgba(0,0,0,.5);left:0;top:0;position:fixed;z-index:1000;width:100%;height:100%;}
#message{transition-duration:.4s;position:fixed;bottom:-150%;z-index:10003;width:100%;height: 100%;display:flex;align-items:center;}
#message .center{position:relative;width:800px;text-align:center;padding:30px;background:#fff;border-radius:8px;margin:0 auto;}
#message .center #close{position:absolute;right:8px;top:4px;cursor:pointer;}
#message .center form{display:flex;flex-wrap:wrap;justify-content:space-between;}
#message .center form .item{margin-bottom:15px;width:49%;display:flex;position:relative;}
#message .center form .item input,#message .center form .item textarea{background:none;font-family: 'Barlow-Medium';}
#message .center form .item input{background:#ECEEF0;width:100%;font-size:14px;color:#333;line-height:40px;height:40px;padding-left:40px}
#message .center form .item i{width:40px;color:#666;height:40px;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center}
#message .center form .text{width:100%;background:#ECEEF0;padding:10px 20px 10px 40px}
#message .center form .text textarea{width:100%;min-height:100px;font-size:14px;color:#333;}
#message .center form .code img{height:38px;position:absolute;right:1px;top:1px;width:88px;cursor:pointer;}
#message .center form .btn div{transition-duration:.5s;width:120px;height:40px;line-height:40px;border-radius:4px;background:var(--bgcolor);font-size:14px;cursor:pointer;color:#fff;}
#message .center form .btn div:hover{opacity:.8}
/* 分页 */
.paging{text-align:center;overflow:hidden;padding-bottom: 30px;display: flex;align-items: center;justify-content: center;width: 100%;}
.paging span,.paging a{background:#000;min-width:30px;font-size:14px;color:#fff;transition-duration: 1s;padding:0 10px;height:30px;line-height:30px;margin-right:8px;margin-bottom:8px;display:inline-block;}
.paging a.cur,.paging a:hover{background:var(--on-color);color:#fff;}
.paging span{display:none;}
.paging .swap{width: 50px}
.paging .swap i{font-size: 18px;margin-top: 6px;}
.list-products .paging{padding: 100px 0;}
/* 搜索 */
.search-form{display:none;width:90%;z-index:100044;position:fixed;top:25%;left:5%;}
.search-form form{display:block;margin:0 auto;max-width:500px;}
.search-form form input{border-top-left-radius:8px;border-bottom-left-radius:8px;float:left;width:75%;border:0;height:50px;padding-left:5%;}
.search-form form button{border-top-right-radius:8px;border-bottom-right-radius:8px;transition-duration: 1s;float:left;width:20%;cursor:pointer;background:#EFEFEF;border:0;height:50px;}
.search-form form button:hover{background:var(--on-color);}
.search-form form button:hover i{color:#fff;}
.search-form form button i{font-size:20px;}
/* 视频地址 */
.videos{ display:none;position:fixed;left:20%;top:50%;margin-top:-320px; z-index:100100100100100100100100;width:60%; height:640px; }
.vclose{position:absolute;color:#000;font-size:18px;width:30px;height:30px;line-height:30px;text-align:center;background:#fff;right:-20px; top:-20px; border-radius:100%; cursor: pointer; }
#video{width:100%;}

.slick-slide-box{direction:initial !important;overflow:hidden;}
.slick-slide img{width:100%;}
body{overflow-x:hidden}
#piaofu{ position:absolute; left:0; top:0; z-index:9999999999999999;width:420px !important;}
#piaofu_close{ position:absolute; right:0px; top:0px; width:40px;height:40px;cursor:pointer;z-index:2;}
#piaofu img{width:100% !important;}

.wap_sortmenu{height:41px;display:flex;border-bottom:1px solid var(--on-color);cursor: pointer;}
.wap_sortmenu .name{width:60%;color:#fff;font-size:15px;background:var(--on-color);display:flex;align-items: center;justify-content: flex-start;padding-left: 15px;}
.wap_sortmenu .btn{width: 40%;color:#000;font-size:15px;background:#fff;;display:flex;align-items: center;justify-content: center;align-items: center;}
.wap_sortmenu_list{transition-duration:.5s;position: fixed;bottom:0;left:0;width:100%;height:0;overflow:scroll;background:#EEEEEE;z-index:9999999999}
.wap_sortmenu_list .hd{display:flex;font-size:18px;justify-content: space-between;height:50px;align-items: center;background:var(--on-color);color:#fff;padding:0 15px;}
.wap_sortmenu_list .hd .del{cursor: pointer;font-size:20px}
.wap_sortmenu_list .bd{padding:15px}
.wap_sortmenu_list .bd a{font-size:15px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;;display:flex;align-items: center;height:45px;border-bottom:1px solid #EEEEEE;background:#fff;padding:0 15px 0 25px;}
.wap_sortmenu_list .bd a:first-child{border-radius:8px 8px 0 0;}
.wap_sortmenu_list .bd a:last-child{border-radius: 0 0 8px 8px;}
.wap_sortmenu_list .bd a:after{width:12px;height:12px;border:3px solid #DDDDDD;border-radius:100%;position: absolute;right:15px;top:50%;margin-top:-8px;content:"";}
.wap_sortmenu_list .bd a.on:after{border-color:var(--on-color)}
.wap_sortmenu_list .bd a::before{content:"";width:5px;border-radius:5px;height:16px;position: absolute;left:10px;top:50%;margin-top:-8px;background:#DDDDDD}
.wap_sortmenu_list .bd a.on{color:var(--on-color)}
.wap_sortmenu_list .bd a.on:before{background-color:var(--on-color)}

.cats{display: flex;align-items: center;justify-content: center;margin: 40px 0 70px 0;}
.cats .item{margin-right: 15px;}
.cats .item h3 a{height:40px;align-items:center;font-size:16px;display:flex;position:relative;border: 1px solid #404040;min-width: 180px;background: #fff;padding-left: 20px;overflow: hidden;padding-right: 10px;}
.cats .item.on h3 a{border-color: var(--bgcolor);background: var(--bgcolor);color: #fff;}
.cats .item:hover h3 a{border-color: var(--on-color);}
.cats .item h3 a span{z-index: 2;position: relative;}
.list-news .cats .item h3 a{padding-left: 0;justify-content: center;}

.del_btn{position: absolute;top: 10px;right: 20px;cursor: pointer;}
.del_btn i{font-size: 30px;color: #fff;}
.del_btn i:hover{color: var(--bgcolor);}
.footer_contact  .del_btn{position: absolute;top: 5px;right: 5px;cursor: pointer;display: flex;}
.footer_contact .del_btn i{font-size: 30px;color:var(--bgcolor);font-size: 25px;}
.footer_contact{display: none;}
.footer_contact .contact-box{width: 450px;height: 145px;background-color: #fff;border-radius: 10px;padding: 40px 50px;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 99999;}
.footer_contact .contact-box .message form{margin-top: 0;}
.footer_contact .contact-box .message .form-div .email{background: #fff;border: 1px solid #cac9c9;color: #000;}
.footer_contact .contact-box p{color: #888787;margin-top: 15px;font-size: 14px;}
/* Firefox */
/*html {*/
/*	scrollbar-width: thin;*/
/*	scrollbar-color: var(--bgcolor) #f1f1f1;*/
/*  }*/
  /* Webkit */
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:#808080;}
::-webkit-scrollbar-thumb{background:var(--on-color);border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:var(--on-color);}
::-webkit-scrollbar-thumb:active{background:var(--on-color);}



@media screen and (max-width:992px) {
	#piaofu{width:240px !important;}
	.wap_header,.wap-bottom{display:block}
	#message .center{width:95%}
	#message .center form .item{margin-bottom:8px;}
	#message .center form .btn,#message .center form .code{width:100%;}
	#message .center form .btn div{margin:0 auto}
	.videos{width:90%;margin:0 5%;left:0;top:30%;}
	#video{width:100%;}
	.footer_contact .contact-box{width:90%;height: 130px;}
 .footer_contact .contact-box{padding: 25px;}
 .footer_contact  .del_btn{top: 2px;right: 2px;}
 .footer_contact .del_btn i{font-size: 20px;}
 #message .center form .item i{font-size: 18px;}
 #message .center #close i{font-size: 18px;}
}