@charset "utf-8"; 
@font-face {font-family: "JostRegular";src: url('../fonts/Jost-Regular.ttf') format('truetype');}
@font-face {font-family: "JostBold";src: url('../fonts/Jost-ExtraBold.ttf') format('truetype');}
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;}
input,select,textarea{outline:none;}
ul li{list-style: none;}
a {text-decoration: none;cursor: pointer;color:inherit;font-size: inherit;}
a:hover,a:active,a:focus{text-decoration: none;color:inherit;}
html {outline: 0;-webkit-text-size-adjust: none;}
body {width: 100%;font-family:"JostRegular",'Microsoft YaHei';-webkit-text-size-adjust: none;overflow-x: hidden;}
html,body{font-size: 16px;color:#333333;}
em{font-style:normal;color:#ff4b4c;}
.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.tal{text-align: left;}
.tac{text-align:center;}
.tar{text-align:right;}
.clear {clear: both;}/*清除浮动*/
.clearfix:after{clear:both;display: block;content: '';}/*清除浮动*/
.flexbox{display: flex;}
.scale1{overflow: hidden;}
.scale1 img{width: 100%; transition: all 0.5s;}
.scale1 img:hover{transition: all 0.5s;transform: scale(1.1);} 
.items-center{align-items: center;} 
.padding-top-40{padding-top:40px;}
.video-js{ }
.video-js .vjs-big-play-button{width: 60px;height: 60px;border-radius:50%;margin-top:-30px;margin-left: -30px;font-size: 40px;border:2px solid #fff;;}
.header-placeholder{height:80px;}

.header{position: relative; } 
.header .navbar-inverse{background-color:rgba(0,0,0,0.3); margin-bottom:0;border-bottom:1px solid #333;}
.header .navbar-inverse .flexbox{justify-content: space-between;align-items: center; }
.header .navbar-brand{height: auto;padding: 0; }
.navbar>.container .navbar-brand{margin-left:0;}
.header .navbar-brand img{height: 40px;}
 
.navbar-collapse{position: relative; text-align: center;padding:0; }
.navbar-inverse .navbar-nav{text-align: center; } 
.navbar-inverse .navbar-nav>li{display:inline-block;float: none;} 
.navbar-inverse .navbar-nav>li>a{font-size: 18px; color: #ccc; padding:0;}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus{ color:#ff4b4c; }
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus{background-color:transparent;color:#ff4b4c; }

.header .navbar-inverse.notop,.product-page .header .navbar-inverse{background-color: rgba(0,0,0,0.9);}

.navbar-rbox{display: flex;}
.search-form{margin-right: 25px;position: relative;} 
.search-form .iconbtn{width: 30px;height: 30px;color:#ccc;text-align: center;background: transparent;border:none;}
.search-form .iconbtn i{font-size: 22px;cursor: pointer;} 
.search-form  .searchbox{border: none;background-color: #e5e5e5;width: 0;height: 30px;line-height: 30px; position:absolute;right: 100%;top:0;padding: 0; transition: all 0.3s;}
.search-form  .searchbox.show{width: 200px;padding: 0 20px 0 10px;transition: all 0.3s;}
.search-form  .searchbox .txtkey{width: 100%; height: 100%;border:none;background: transparent;}
.search-form  .searchbox i{color:#999;width:16px;height: 16px;line-height: 16px;font-size: 16px;cursor: pointer; position: absolute; top:7px;right: 2px;display: none;}
.search-form  .searchbox.show:hover i{display: block;}
.lang-box{position: relative;width: 30px; padding:3px;cursor: pointer;}
.lang-box .icon{font-size: 24px;line-height: 24px; color:#ccc;display: block; }
.lang-box .lang{display: none; position: absolute;top:100%;left:50%;transform: translateX(-50%); width: 60px;line-height: 30px;background-color: #fff;color:#333;
 	text-align: center;border:1px solid #ddd;}
.lang-box:hover .lang{display: block;}

.tags{width: 60px;height: 24px;line-height: 24px;text-align: center; border-radius: 12px;color:#fff;text-transform: capitalize;}
.tags.hot{background-color: #000000;}
.tags.new{background-color: #ff2d2e;}
.pronav{position:fixed;width: 100%;top:81px;left:0; background-color: #fff;z-index: 111;padding:40px 0;border-bottom: 1px solid #ccc;display: none; }
.pronav .highbox{width: 40%;padding-right: 40px;}
.pronav .title{font-size: 20px;font-family: "JostBold";margin-bottom: 15px;}
.pronav .highbox li{margin-bottom: 10px;} 
.pronav .highbox li .img{position: relative;max-width:320px;}  
.pronav .highbox li .txt{margin-top: 10px;}
.pronav .highbox .tags{position: absolute;left:15px;top:10px;}
.pronav .probox{width: 60%;padding-left: 40px;display: flex;flex-direction: column;}
.pronav .probox .list{border-top: 1px solid #999;border-bottom: 1px solid #999;padding-top:40px;padding-bottom: 20px; margin-bottom: 40px; flex: 1;}
.pronav .probox ul{display: flex;justify-content: space-between;}
.pronav .probox li{margin-right: 30px;}
.pronav .probox li .tit{position: relative;font-size: 18px;font-family: "JostBold";line-height: 30px;margin-bottom: 20px;}
.pronav .probox li .txt{ }
.pronav .probox li .txt p{line-height: 20px;margin-bottom: 10px;}
.pronav .probox .explore{margin-top: 20px;display: block;width: 150px;height: 36px;line-height:36px;text-align: center;border-radius: 18px; background-color:#ff2d2e;color:#fff; }

/*底部*/
.footer{ }  
.footer .foot-top{ } 
.footer .foot-top .flexbox{border-top:1px solid #999;}
.footer .foot-top .topbox{padding: 20px 0;justify-content: space-between;align-items: center;}
.foot-top .media{display: flex;padding:0 15px;}
.foot-top .media a{width: 30px;margin-right:40px;line-height: 30px;text-align: center;}
.foot-top .media a i{font-size: 30px;display: block;}
.foot-top .whatsapp{display: flex;align-items: center; width: 450px;padding:0 15px;}
.foot-top .whatsapp i{font-size: 30px;margin-right: 30px;}
.foot-top .whatsapp span{font-size: 20px;font-family: "JostBold";}
.footer .foot-top .midbox{padding:60px 0;justify-content: space-between;}
.footer .midbox .item{padding:0 15px;}
.footer .ewmbox{ max-width: 200px;}
.footer .ewmbox .cont{display: flex;flex-direction: column;align-items: center;}
.footer .ewmbox img{max-width: 100%; }
.footer .ewmbox .ewm{margin-top: 20px;border:1px solid #ccc;}
.footer .ewmbox p{margin-top: 10px;font-family: "JostBold";}
.footer .menubox{}
.footer .menubox h3{font-family: "JostBold";font-size: 18px;margin-bottom: 10px;line-height: 30px;}
.footer .menubox p{color:#9b9b9b;line-height: 24px;margin-bottom: 5px;}
.footer .menubox p a:hover{color: #000;}
.footer .lxfsbox{width:450px; }
.footer .lxfsbox .hour{font-family: "JostBold";font-size: 18px;line-height: 30px;margin-bottom: 10px;}
.footer .lxfsbox .tel{font-family: "JostBold";font-size: 30px;margin-bottom: 20px;}
.footer .lxfsbox .li{display: flex;line-height: 20px;margin-bottom: 10px;}
.footer .lxfsbox .li i{font-size: 20px;margin-right: 10px;} 
.footer .lxfsbox .li p label{font-family: "JostBold";}
.footer .lxfsbox .li p span{}
 
.footer .foot-bot{padding: 30px 0;line-height: 24px;background-color:#000000; color:#f5f5f5;text-align: center;} 
.footer .foot-bot a{color:#f5f5f5;}
.footer .foot-bot a:hover{color: #fff;}


.pages{margin:0px;text-align: center;display: flex;justify-content: center;}
.pages a,.pages span{ height: 36px;padding:0 5px;margin:0 2px; line-height: 36px;color:#999999; border:1px solid #ccc; min-width: 36px;text-align: center; font-size: 14px;}
.pages a:hover,.pages a.active{border:1px solid #ff2d2e;color:#fff;background-color: #ff2d2e;}
.pages a.active{cursor:default;}
.pages span,.pages span:hover{border:1px solid #ccc;background-color:#ddd; cursor: default;}
 
.content{line-height: 1.75em;}
.content img{max-width: 100%;}


.messagebox{position: fixed;z-index:999; width: 450px;top:50%;left:50%;transform: translate(-50%,-50%);background-color: #fff;border:1px solid #666;display:none;}
.messagebox .message-head{border-bottom: 1px solid #999;background-color: #e5e5e5;}
.messagebox .message-head h4{padding:8px 15px;}
.messagebox .message-head .close{width: 24px;height: 24px;margin-right: 3px;margin-top: 3px;}
.messagebox .message-head .close i{font-size: 24px;}
.messagebox .message-body{padding:15px;}
.messagebox .message-body .form-item{margin-bottom: 10px;}
.messagebox .message-body .form-item .input-text{width: 100%;height: 35px;padding:0 5px;}
.messagebox .message-body .form-item textarea{width: 100%;height: 120px;padding:0 5px; display: block;}
.messagebox .message-body .form-btnbox{text-align: center;}
.messagebox .message-body .form-btnbox button{width: 90px;height: 30px;border:none;border-radius: 5px;background-color: #e5e5e5;}
.messagebox .message-body .form-btnbox button:hover{background-color: #ff2d2e;color:#fff;}

 
@media (min-width:992px) {
	.header .navbar-header{padding:20px 0;} 
	.navbar-inverse .navbar-collapse{ }
	.navbar-inverse .navbar-nav{}
	.navbar-inverse .navbar-nav>li>a{padding:20px 30px;line-height: 40px;}

	/*.subnav{position: absolute;width: 100%;top:100%;left:0; padding:20px; }*/
	

}

@media (min-width:1200px) {
	 
  	
}

@media (min-width:1400px) {
	.container {
	    width: 1370px;
	}
	 
}
  
@media (min-width:1600px) { 
 	.container {
	    width: 1570px;
	}
}

@media (min-width:1800px) { 
 	.container {
	    width: 1770px;
	}
}

  
@media(max-width:1199px){
	.footer .foot-top .midbox{flex-wrap: wrap;}
	.footer .midbox .ewmbox{order:4;width: 50%;margin-top: 30px;}
	.footer .midbox .lxfsbox{order:5;width: 50%;margin-top: 30px;}
	.footer .ewmbox .cont{align-items: flex-start;}
}


@media(max-width:991px){ 
	.header .navbar-inverse{padding: 5px 0;background-color:rgba(0, 0, 0, 0.5);}
	.navbar-inverse .navbar-toggle .icon-bar{background-color: #999;} 
	.navbar-inverse .navbar-nav{margin:0;}
	.navbar-inverse .navbar-nav>li{display: block;padding: 0 15px;}
	.navbar-inverse .navbar-nav>li>a{ line-height: 50px;font-size: 16px;}
	 
	.header .navbar-inverse .flexbox{display: block;}
	.navbar-inverse .navbar-header{ }
	.header .navbar-inverse .navbar-rbox{position: absolute;top:15px;right: 220px;}
	.navbar-inverse .navbar-nav{display: flex;justify-content: center;}
	.navbar-inverse .navbar-nav>li{ }

	.pronav{height: 100%;padding:20px 0; overflow-y:auto;top:0;z-index: 1111; }
	.pronav .flexbox{flex-direction: column-reverse;}
	.pronav .highbox{width: 100%;padding-right:0;}
	.pronav .probox{width: 100%;padding-left:0;}
	.pronav .probox li .txt{ }
	.pronav .probox .list{ padding-bottom: 20px;padding-top:20px;}
	.pronav .probox .explore{margin-top: 20px;}


}
@media(max-width:768px){  
	.navbar-search{display: none;}
	.header .navbar-brand{padding:5px 0;}
	.header .navbar-brand img{height: 30px;}
	.header .navbar-inverse .navbar-rbox{right: 100px;}
	.search-form{margin-right: 15px;}
	.footer .midbox .lxfsbox{width: 100%;padding:0;}
	.footer .foot-top .topbox{flex-direction: column;align-items: center;}
   .foot-top .whatsapp{width: auto;margin-top: 20px;}
   .header{height: 60px;}
   .header .navbar-inverse{ background-color:#000;}
   .pronav .probox li .txt{ display: flex;}
   .pronav .probox li .txt p{margin-right: 15px;}
   .pronav .probox li{margin-bottom: 20px;}
   .pronav .probox li .tit{margin-bottom: 10px;}
   .pronav .probox .explore{margin-top: 10px;}
   .header-placeholder{display: none;}

}