@charset "utf-8";
@font-face {
   font-family:"Noto Sans";
   src: url(../fonts/Poppins-Regular.ttf) format('truetype');
}
html { font-size: 625%; }
body { font-size: 13px; background: #FFF; }
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin: 0; padding: 0; }
body, html, input, button, textarea{color: #333; font-family:"Noto Sans"; line-height: 1.6; }
article, aside, figcaption, figure, footer, header, main, nav, section {display:block; }
h1{font-size:24px; }
h2{font-size:18px; }
h3{font-size:16px; }
h4, h5{font-size:14px; }
img {border:none; vertical-align:middle; max-width:100%;}
li {list-style:none;}
i, em {font-style:normal;}
a {color:#333; text-decoration:none;}
a:focus{outline:none;}
a:hover{color:#b69a5b; text-decoration: none;}
input[type="text"]:focus {outline:none;}
input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
hr { height: 1px; border: none; border-top: 1px dashed #c1c1c1; margin: 15px 0 15px 0; }
a:active, select, input, textarea {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: 0!important; }
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; outline: 0; }
.clearfix{clear:both;}

/*header*/
.header{width:100%; height:auto; padding:20px 0; background-color:#343a48; transition:2s;}
.navigation li{float:left; padding:16px 8px;}
.navigation li a{color:#fff; font-size:19px; font-family:"Noto Sans"; text-transform:uppercase; transition:2s;}
.navigation li a:hover{color:#b69a5b;}
.sousuo ul li{float:left; padding:4px 7px 0 7px;}
.nav{text-align:right;}

.on{
    width:100% !important;
    position:fixed !important;
    top:0 !important;
    z-index:9999 !important;
}

#search{
	width:40px;
	height:40px;
	margin-top:8px;
	position:relative;
	background:url("../images/search-btn.png")no-repeat center center #b69a5b; 
}
/*.search-box*/
.search-box{position:fixed; top:0; width:100%; z-index:9999; background-color:#fff; display:none;}
.pub-close{
	position:absolute; 
	left:50%; 
	transform:translateX(-50%); 
	width:12px; 
	height:12px; 
	background-repeat: no-repeat; 
	background-position:center; 
	background-size:cover; 
	top: 20px;
}
.search-top{border-bottom:1px solid #e5e5e5; padding:30px 0; overflow: hidden; transition:3s;}
.search-top .search{position:relative; width:94%; float:left;}
.view {width:75%; margin:0 auto;}
.search-top .search input[type=text]{
	width:85%; 
	height:36px; 
	line-height:36px; 
	background-color:transparent; 
	padding-left:42px; 
	font-size:18px; 
	color:#000; 
	box-sizing:border-box; 
	background-repeat:no-repeat; 
	background-position:left center; 
	background-image:url('../images/search-btn3.png');
	float:left; 
	border:none;
	border-bottom:solid 1px #000;
}
.search-top .search input[type=submit]{
	float:right; 
	width:102px; 
	height:34px; 
	font-size:14px; 
	color: #fff; 
	background-color:#b69a5b;
	border-radius:4px; 
	border:none;
}
.search-top .search-close{
	float:right; 
	width:36px; 
	height:36px; 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover; 
	background-image:url('../images/search-close.png');
}
.search-box .enter-box h3{font-size: 20px; line-height:60px; color:#000;}
.search-box .enter-box .list .item{font-size:0;}
.search-box .enter-box .list .item:nth-child(2n+1){background-color:#f1f1f1;}
.search-box .enter-box .list .item a{
	display:inline-block; 
	*display:inline; 
	zoom:1; 
	color:#666; 
	line-height:60px; 
	font-size:12px; 
	transition:all .2s;
}
.search-wrap .search-top{padding: 0;}

.header .utill{position:absolute;}
.header .utill .lang{
	display:block; 
	font-weight:700; 
	color:#333; 
	font-size:14px;
}
.lang{
	width:120px; 
	height:40px; 
	margin-top:8px;
	transition:all 3s;
    padding:8px 0 0 40px; 
	background:url("../images/lang.png")no-repeat 10px center #fff; 
}
.lang a{
	color:#343a48; 
	font-size:14px; 
	font-weight:550; 
	font-family:"Noto Sans"; 
}
.lang:hover{
	color:#fff;
	border:solid 1px #343a48;
}
.header .lang-sub {
    top:38px;
    left:60px;
    width:118px;
    display:none;
    z-index:9999;	
	padding-top:9px;
	position:absolute;
    transform:translateX(-50%);
}
.header  .lang-sub .sub{overflow:hidden; background-color:#b69a5b;  }
.header .lang-sub .sub a{
	color:#fff;
	height:40px;
	display:block;
	font-size:14px;
	font-weight: 700;
	line-height:40px;
	text-align:center;   
    transition:all .3s;	
	border-bottom:solid 1px #fff;
}




/*index_product*/
.index_product{
	width:100%;
	height:auto;
	padding:60px 0; 
}
.product_box{width:100%; height:auto; margin-bottom:30px;}
.product_img{width:100%; height:auto; padding:10px; border:solid 1px #cccccc; text-align:center;}
.product_text p{color:#343a48; font-size:16px; text-align:center; margin-top:10px; line-height:24px; height:50px; overflow:hidden;}
.product_btn{text-align:center; margin-top:30px}
.product_btn a{
	color:#fff; 	
	font-size:18px; 
	padding:10px 20px;
	transition: all .3s;
	border:solid 1px #b69a5b;
	background-color:#b69a5b; 
}
.product_btn a:hover{border:solid 1px #b69a5b; color:#b69a5b; background:#fff;}

/*title*/
.title h1{color:#000; font-size:48px; font-weight:520; text-transform:uppercase; font-family:"Noto Sans"; padding-bottom:30px;}
.title h2{color:#000; font-size:48px; font-weight:520; text-transform:uppercase; font-family:"Noto Sans";}
.title span{font-size:72px;}
.border{
    border-top:1px solid #fff;
    height:5px;
    margin:15px auto 0;
    position:relative;
}
.border:before{
    background-color:#b69a5b;
    border:1px ridge #b69a5b;
    content:"";
    height:5px;
    position:absolute;
    top:20px;
    width:60px;
}

/*icon*/
.icon{width:100%; height:auto; padding:30px 0; background-color:#343a48;}
.icon_box{width:20%; float:left;}
.icon_box img{transition:2s;}
.icon_box img:hover{transform:rotateZ(60deg);}

/*index_case*/
.index_case{width:100%; height:auto; padding:60px 0 0; background-color:#b69a5b;}
.index_case p{font-size:16px; color:#fff; font-family:"Noto Sans"; padding-top:40px; padding-left:30px;}
.caseshow{width:100%; height:auto; padding:30px 0; background-color:#b69a5b;}
.case{position:relative;}
.case_txt{position:relative; bottom:80px; left:10px;}
.line{
    height:5px;
    margin:15px auto 0;
    position:relative;
}
.line:before{
    background-color:#fff;
    border:1px ridge #fff;
    content:"";
    height:2px;
    position:absolute;
    top:0px;
    width:30px;
}
.case_tit p{color:#fff; font-size:14px; text-transform:uppercase; font-family:"Noto Sans";}

/*index_news*/
.index_news{width:100%; height:auto; padding:60px 0;}
.new_time {border-bottom:solid 2px #cccccc; padding: 10px 0; margin-bottom:20px;}
.new_time h2{font-size:36px; color:#000; font-family:"Noto Sans";}
.new_time h2 span{font-size:18px; color:#cccccc; font-family:"Noto Sans";}
.news_box .tit{font-size:16px; color:#3333333; font-weight:550; font-family:"Noto Sans"; padding-bottom:5px;}
.news_box .txt{font-size:14px; color:#4c4c4c; font-family:"Noto Sans"; padding-bottom:5px;}


/*index_sale*/
.index_sale{width:100%; height:auto;}
.video{position:relative; overflow:hidden;}
.video_box{position:relative; bottom:180px; left:0;}
.video_box p{color:#fff; font-size:18px; font-family:"Noto Sans"; padding-top:10px; text-transform:uppercase;}
.sale{background-color:#f2f2f4; position:relative;}
.sale_text{position:relative; bottom:200px; left:0;}
.sale_text .tit{
	color:#343a48; 
	font-size:30px;
	font-weight:bold;
	text-align:center;
	font-family:"Noto Sans"; 
	text-transform:uppercase; 	
}
.sale_text .txt{color:#343a48; font-size:16px; font-family:"Noto Sans";  text-align:center; font-weight:500;}
.sale_btn{text-align:center; margin-top:20px}
.sale_btn a{
	color:#fff; 	
	font-size:18px; 
	padding:10px 20px;
	transition: all .3s;
	border:solid 1px #b69a5b;
	background-color:#b69a5b; 
}
.sale_btn a:hover{border:solid 1px #b69a5b; color:#b69a5b; background:#fff;}


/*partner*/
.partner{width:100%; height:auto; padding:30px 0; background:url("../images/partner_bg.png"); margin-top:-100px;}
.partner_box{padding:10px 0;}



/*index_contact*/
.index_contact{
	width:100%; 
	height:auto; 
	padding:60px 0;
	margin-top:30px;
	background:url("../images/circle.png") no-repeat 10px 0;;
}
.index_message{
	width:100%; 
	height:auto;  
	border:solid 1px #000;
	background-color:#fff;
	padding:30px 100px 20px 30px;
}
.index_message .tit{
	color:#000; 
	font-size:24px; 
	font-weight:bold;
	margin-bottom: 20px;
	font-family:"Noto Sans"; 
	text-transform:capitalize; 
}
.index_message input{
	width:100%;
	color:#666666;
	font-size:16px;	
	border-radius:6px;	
	padding:10px 20px; 
	margin-bottom:11px; 
	border: solid 1px #000;
}
.index_message input[type="submit"] {
    width:132px;
	color:#fff;
    border:none;   
	padding:10px 0;
    margin-top:10px;
	margin-bottom:20px;
	background-color:#b69a5b;
}
.index_message textarea{
	width:100%;    
    resize:none;
    height:120px;	
    outline:none;   
    overflow:auto;
	font-size:16px;	
	line-height:30px;
    margin-right:10px;
    padding-left:20px;
	border-radius:6px;
	border:1px solid #000;
}

.contact_tit h1{
	color:#1a1a1a; 
	padding:20px 0; 
	font-size:30px;
	font-weight:bold; 
	font-family:"Noto Sans";
	text-transform:uppercase; 
	border-bottom:solid 1px #cccccc;
}

.lianxi{padding-top:10px; padding-bottom:20px;}
.lianxi p{padding:5px 0; font-size:16px;}
.lianxi p img{padding-right:10px;}

.social ul li{
	float:left;
	color:#838c97; 
	font-size:18px; 
	padding-right:10px;  
	padding-bottom:20px;
	font-family:"Noto Sans"
}

/*footer*/
.footer{width:100%; height:auto; padding:30px 0 20px 0; background-color:#343a48; border-top:solid 2px #b69a5b;}
.footer a{ color:#fff}
.footer a:hover{ color:#fd0}
.footer h2{color:#fff; font-size:24px; font-family:"Noto Sans"; text-transform:uppercase; padding-bottom:20px;}
.copyright{width:100%; height:auto; padding:10px 0 15px 0; background-color:#343a48;}
.copyright p{color:#fff; font-size:14px; text-align:right}
.copyright p a{ color:#fff}
.link ul li{padding:6px 0;}
.link ul li a{color:#fff; font-size:14px; font-family:"Noto Sans"; text-transform:uppercase;}
.pro_list ul li{padding:4px 0;}
.pro_list ul li a{color:#fff; font-size:14px; font-family:"Noto Sans"; text-transform:uppercase;}
.about_list ul li{padding:4px 0;}
.about_list ul li a{color:#fff; font-size:14px; font-family:"Noto Sans"; text-transform:uppercase;}
.company_file p{color:#fff; font-size:14px; font-family:"Noto Sans";}
.download{margin-top:20px;}
.download a{	
	color:#fff;
	padding:8px 6px;  
	font-size:18px; 
	border-radius:4px;	
	background-color:#b69a5b; 
	font-family:"Noto Sans";
}
.download a img{padding-right:6px;}
hr{border-bottom:1px solid #5d616d;border-top:none;}


/*location*/
.location{width:100%; height:auto; padding:20px 0 10px 0;}
.location a{font-size:18px;}

/*contact*/
.title_inner h2{color:#000; font-size:36px; font-weight:bold; padding:20px 0;}

.contact{width:100%; height:auto; padding-bottom:30px;}
.contact_tit{color:#b69a5b; font-size:18px; font-weight:bold; padding-bottom:10px;}
.contact_list{padding-bottom:12px;}
.contact_list p{color:#5d616d; font-size:16px;}

.message{width:100%; height:auto; padding:20px; background-color:#b69a5b;}
.message h2{color:#fff; font-size:18px; text-align:center; font-weight:bold; padding-bottom:20px;}
.message input{
	width:100%;
	font-size:14px;		
	padding:10px; 
	margin-bottom:11px; 
	border: solid 1px #fff;
	background-color:#fff;
}
.message input[type="submit"] {
    width:100%;
    border:none; 
	color:#b69a5b;
	padding:10px 0;
	font-weight:bold;
	text-align:center;
	background-color:#fff;
	margin-bottom:0;
}
.message textarea{
	width:100%;    
    resize:none;
    height:120px;	
    outline:none;   
    overflow:auto;
	font-size:16px;	
	line-height:30px;
    padding-left:10px;
	border:1px solid #fff;
	margin-bottom:11px;
}


/*news*/
.new_box{width:100%; height:auto; overflow:hidden; margin-bottom:40px;}
.new_left{width:100%; height:auto; padding-bottom:14px; border-bottom:solid 1px #cccccc;}
.new_left .tit{color:#000; font-size:22px; font-weight:bold; font-family:"Noto Sans"; padding-bottom:10px; line-height:22px;}
.new_left .txt{color:#666; font-size:16px; font-family:"Noto Sans"; padding-bottom:10px;}
.news_btn a{color:#b69a5b; font-size:18px;}


/*quality*/
.shipment{width:100%; height:auto;}
.ship_box{padding:20px 0 30px 0; transition:1s;}
.ship_box h2{color:#000; font-size:18px; padding:20px 0 10px;}
.ship_box p{color:#666; font-size:14px;}
.ship_box:hover  h2{color:#b69a5b;}
.ship_box:hover{transform: translateY(-20px)}
.ship_img{overflow:hidden; cursor:pointer; transition:all 0.6s;}
.ship_img img{	
	width:100%; 
	top:0; 
	position:relative; 
	left:0; 
	-webkit-transition:-webkit-transform 1s; 
	-moz-transition:-moz-transform 1s; 
	-o-transition:-o-transform 1s; 
	transition:transform 1s;
}
.ship_img img:hover{
	-webkit-transform:scale(1.1,1.1); 
	-moz-transform:scale(1.1,1.1); 
	-o-transform:scale(1.1,1.1); 
	-ms-transform:scale(1.1,1.1); 
	transform:scale(1.1,1.1);
}

.quality_con{
	width:100%; 
	height:auto;
	text-align:center;
	padding:100px 0px 120px;
	background-size:33.854%;
	background-color: #f6f6f6;    
	background-repeat: no-repeat;
	background-position: bottom center;
}
.quality_con .tit {
    display:inline-block;
    *display:inline;
    zoom:1;
    font-size:48px;
    line-height:56px;
    color:#b69a5b;
    padding-bottom:17px;
    border-bottom:1px solid rgba(210,210,210,.4);
    margin-bottom:42px;
}
.quality_con .txt {
    font-size:22px;
    line-height:21px;
    color:#4c4c4c;
}
.quality_con h4{color:#333; font-size:30px; padding:20px;}
.quality_con p{color:#555; font-size:14px; line-height:36px;}


/*about*/
.about{width:100%; height:auto; padding:30px 0;}
.about_left h2{color:#333; font-size:26px; padding-bottom:20px;}
.about_left p{color:#333; font-size:15px; line-height:25px;}

/*number*/
.about_number{
	width:100%; 
	height:auto; 
	padding:30px 0; 
	text-align:center; 
	background-color:#f9f9f9;	
	border-top:solid 1px #e5e5e5; 
}
.counter-value{
	display:inline-block; 
	font-size:60px; 
	color:#333; 
	font-weight:bold;
	font-family:"Noto Sans";
}
.product-num-add{font-size:60px; color:#333;}
.product-num-inf{margin-top:30px; font-size:24px; color:#333; font-family:"Noto Sans";}


/*honor*/
.honor{width:100%; height:auto; padding:30px 0;}
.picMarquee-left{width:100%; overflow:hidden; position:relative;}
.team_picList{width:90%; margin:0 auto;}
.team_hd{width:100%;}
.team_bd ul{overflow: hidden; zoom:1;}
.team_bd ul li{margin:0 10px; width:25%; float:left; display:inline; overflow:hidden; text-align:center;  }
.team_bd ul li .team_pic{text-align:center; }
.team_bd ul li .team_pic img{width:100%; display:block; padding:2px;}
.team_bd ul li .team_pic a:hover img{border-color:#999;}
.team_bd ul li .team_title{line-height:24px;}


/*page*/
.page_bar{ position:relative;  line-height:31px; height:33px; margin:30px 0; text-align:center; font-size:12px;}
.page_bar a,.page_bar  span{position:relative; display:inline-block; vertical-align:top; min-width:33px; padding:0 5px;  border:1px solid #ccc; margin:0 0 0 8px; text-align:center; border-radius:3px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#e7eaee',gradientType='0');background: -moz-linear-gradient(top, #ffffff, #e7eaee);background: -o-linear-gradient(top,#ffffff, #e7eaee);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e7eaee));}
.page_bar a.current,.page_bar a:hover{ color:#FFF; background:#343a48;  border-color:#343a48;}
.page_bar  span.current2{padding-left: 8px;padding-right: 8px;}

.side-tit-bar{position:relative; padding-left:15px;}
.side-tit-bar .side-tit, .goods-title-bar .title{
 	position: relative;
 	text-align: left;
 	font-weight: bold;
	line-height: 20px;
 	color: #272727;
	font-size: 18px;
 	text-transform: uppercase;
 	display: block;
}
.side-tit-bar .sub-tit, .goods-title-bar .sub-tit{
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 1px;
	margin-bottom: 5px;
	display: block;
	text-transform: uppercase;
}
.index-title-bar:before, .index-title-bar:after, .side-tit-bar:before, .side-tit-bar:after, .goods-title-bar:before, .goods-title-bar:after{
	content: "";
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 2px;
 	height: 100%;
 	background-color: #343a48;
 	visibility: visible;
 	display: block;
}
.side-cate{padding-top: 10px;}
.side-cate li{
	padding: 10px 20px 10px 20px;
 	line-height: 30px;
	position: relative;
	font-size:15px;
}
.side-cate > li{background: #f4f4f4;margin-bottom: 5px;}
.side-cate li ul li{padding: 0 20px;margin: 0;border-bottom: 1px #fff dashed;}
.side-cate li ul li:last-child { border-bottom: none; }
.side-cate ul { display: none; }
.side-cate li a{position: relative;display: block;}
.side-cate li .icon-cate{
	position: absolute;
	left: 10px;
 	top: 0;
 	font-size: 12px;
 	cursor: pointer;
 	color: #99abbf;
 	line-height: 20px;
}
.side-cate li ul li .icon-cate { left: 0; }
.side-cate li .icon-cate.icon-cate-down:before {content: '\f067'; }
.side-cate li .icon-cate.icon-cate-up:before { content: '\f068'; }
.side-cate li.nav-current > a, .side-cate li:hover > a, li.show_li >a { color: #fff; }
.side-cate li.nav-current, .side-cate li:hover {background: #b69a5b; }
.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate { color: #fff; }
.side-cate li.nav-current li a { color: #fff; }
.product{padding:20px 0 20px 0;}

.sp_header{display:none;}

/*news_details*/
.news_details{
	width: 100%;
	height: auto;
	padding:20px 0 20px 0;
}
.news_details h1{
	color: #000;
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 20px;
	text-align:center;
}
/*.news_details span{
	font-size: 18px;
	color: #b69a5b;
	border-bottom: solid 1px #b69a5b;
	display: block;
	padding-bottom: 12px;
	margin-bottom:20px;
	text-align:center;
}
.news_details p{	
	color: #808080;
	font-size: 18px;
	padding-bottom: 60px;
	font-family:"Noto Sans";
}*/
.timeadd{ text-align:center; width:100%; padding:0px 0 12px 0;color: #b69a5b; font-size:15px;}
.news_details .content_in{ width:100%; font-size:15px; line-height:27px; padding-bottom:10px;}
.news_details .next a{
	color: #b69a5b;
	font-size: 24px;
	transition: all .3s;
	font-family:"Noto Sans";
}
.news_details .next a:hover{
	color: #b69a5b;
}
.left{text-align: right}

.main-tit-bar{margin-bottom: 20px;overflow: hidden;}
.main-tit-bar .title{
 	color: #272727;
 	font-size: 26px;
 	text-transform: capitalize;
 	float: left;
 	font-weight: bold;
 	line-height: 36px;
}
.main-tit-bar .share-this{ float: right; margin-top: 8px}
.pro_right .product-item .item-wrap{border: 2px solid #b69a5b;}

/*pro_detail1*/
.pro_detail1 h3{
	font-size:25px;
	border-bottom: solid 2px #b69a5b;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.pro_detail1 span{ font-size:15px; color:#666}
.pro_detail1 p{
	font-size: 16px;
}
.pro_detail1 h4{
	padding: 20px 0;
	font-size: 20px;
	color: #333;
}
.pro_detail1 h2{
	color: #b69a5b;
	padding: 20px 0;
	line-height: 40px;
}
.pro_detail1 dl{ width:100%; border-bottom:dashed #d6d6d6 1px; padding:12px 0 10px 0}
.pro_detail1 dl dt{ font-size:15px; font-weight:bold}
.pro_detail1 dl dd{ padding-top:10px;}
.pro_detail2{
	width: 100%;
	height: auto;
	margin-top: 30px;
	padding:0px 0 2px 0;
	border-bottom:solid #b69a5b 1px;
}
.pro_inre{ font-size:14px; line-height:24px; padding:15px 0 0 0}
.pro_inre table td{ border:solid #ddd 1px; padding:5px 5px 5px 10px}
.pro_detail1 a{ width:130px; display:block; text-align:center; background-color:#b69a5b; font-size:15px; padding:6px 0 5px 0; border-radius:28px; margin-top:15px;}
.pro_detail1 a:hover{ color:#F60}
.pro_detail2 h2{font-size:26px; font-weight:bold; padding-bottom:10px;}
.pro_detail2 img{text-align:center;}
.package{ padding:15px 0 12px 0; font-size:14px; line-height:24px;}
.package h2{color: #666; font-size:30px; padding-bottom:10px; font-weight:bold;}
/*.package p span{color:#333; font-size:18px;} 
.package p{color:#666; font-size:16px; line-height:30px;}*/
.pro_detail3{padding-top:20px;}
.pro_detail3 h2{color:#666; font-size:30px; padding-bottom:10px; font-weight:bold;}
.pinfo_comments input{
	border: solid 1px #ccc;
	padding: 10px 20px;
	width: 50%;
	height: 40px;
	margin-bottom: 8px;
	border-left-width: 3px;
	border-left-color: #b69a5b;
}
.pinfo_comments textarea{
	border:solid 1px #ccc;
	resize: none;
	width: 100%;
	height: 120px;
	border-left-width: 3px;
	border-left-color: #b69a5b;
	padding: 10px 20px;
	margin-bottom: 8px;
}
.pinfo_comments button{
	width: 100%;
	background-color: #b69a5b;
	color: #fff;
	padding: 8px;
	font-size: 14px;
	margin-top: 6px;
	border:1px solid #fff;
}
.pinfo_comments button:hover{
	border: 1px solid #b69a5b;
	color: #b69a5b;
	background-color: #fff;
	transition: .6s;
}
.package_box{width:100%; height:auto; padding-bottom:20px;}
.vision{
    padding: 136px 0 195px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.vision-box{
    position: relative;
    top: 0;
	text-align:center;
    transition: all .3s;
}
.vision-box .tit {
    font-size:24px;
    line-height:30px;
    color:#fff;
    margin-top:60px;
}
.vision-box .con p{
	color:#fff;
	font-size:14px;
}
.product_img{overflow:hidden; cursor:pointer; transition:all 0.6s;}
.product_img img{	
	width:100%; 
	top:0; 
	position:relative; 
	left:0; 
	-webkit-transition:-webkit-transform 1s; 
	-moz-transition:-moz-transform 1s; 
	-o-transition:-o-transform 1s; 
	transition:transform 1s;
}
.product_img img:hover{
	-webkit-transform:scale(1.1,1.1); 
	-moz-transform:scale(1.1,1.1); 
	-o-transform:scale(1.1,1.1); 
	-ms-transform:scale(1.1,1.1); 
	transform:scale(1.1,1.1);
}
.case{overflow:hidden; cursor:pointer; transition:all 0.6s;}
.case img{	
	width:100%; 
	top:0; 
	position:relative; 
	left:0; 
	-webkit-transition:-webkit-transform 1s; 
	-moz-transition:-moz-transform 1s; 
	-o-transition:-o-transform 1s; 
	transition:transform 1s;
}
.case img:hover{
	-webkit-transform:scale(1.1,1.1); 
	-moz-transform:scale(1.1,1.1); 
	-o-transform:scale(1.1,1.1); 
	-ms-transform:scale(1.1,1.1); 
	transform:scale(1.1,1.1);
}
.video{overflow:hidden; cursor:pointer; transition:all 0.6s;}
.video img{	
	width:100%; 
	top:0; 
	position:relative; 
	left:0; 
	-webkit-transition:-webkit-transform 1s; 
	-moz-transition:-moz-transform 1s; 
	-o-transition:-o-transform 1s; 
	transition:transform 1s;
}
.video img:hover{
	-webkit-transform:scale(1.1,1.1); 
	-moz-transform:scale(1.1,1.1); 
	-o-transform:scale(1.1,1.1); 
	-ms-transform:scale(1.1,1.1); 
	transform:scale(1.1,1.1);
}
.sale{overflow:hidden; cursor:pointer; transition:all 0.6s;}
.sale img{	
	width:100%; 
	top:0; 
	position:relative; 
	left:0; 
	-webkit-transition:-webkit-transform 1s; 
	-moz-transition:-moz-transform 1s; 
	-o-transition:-o-transform 1s; 
	transition:transform 1s;
}
.sale img:hover{
	-webkit-transform:scale(1.1,1.1); 
	-moz-transform:scale(1.1,1.1); 
	-o-transform:scale(1.1,1.1); 
	-ms-transform:scale(1.1,1.1); 
	transform:scale(1.1,1.1);
}

/**/
.pagination{ text-align:center; margin:12px 0 20px 0; display:block; padding-top:10px;}
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num{ text-align:center; margin-left:3px;}
.page-num, .page-link {
	position: relative;
	padding: 5px 10px 5px 10px;
	color: #343a48;
	border: 1px solid #343a48;
	text-decoration:none;
	font-size:12px;
	margin-top:12px;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #343a48;
	border-color: #343a48;
}
.page-num-current:hover {
	color: #fff;
}
.text-secondary{ padding-top:20px;}

/**/
.left_in2{ width:100%; height:auto; padding-top:9px;}

.left_in2 .first {
	background-color:#efefef;
	font-size:15px;
	margin-top:2px;
	line-height:22px;
	color:#b69a5b;
	font-weight:bold;
}
.left_in2 .first a{ color:#b69a5b}
.fa-bars{ margin-top:2px; display:none}
.left_in2 .d-firstNav span {
  display: inline-block;
}
.left_in2 .d-firstNav i.fr {
  font-size: 18px;
  margin-top:4px;
  float:right;
  display:none;
}
.left_in2 .s-secondNav,
.left_in2 .s-secondItem {

}
.d-firstNav{ padding:8px 10px 7px 14px;}
.s-secondNav:hover,.d-firstNav:hover{
	background-color:#ccc;
	cursor: pointer;
	color:#f80;
}
.left_in2 .d-secondDrop {
  margin-left: 100px;
  margin-top: 10px;
}
.iconRotate {
  transform: rotate(90deg);
  transition: transform 0.5s;
}
.s-firstDrop,
.s-secondDrop {
  display: none;
  border-top: 1px solid #ccc;
}
.left_in2 .first .s-secondItem{ border-bottom:dotted #ccc 1px; padding:8px 0 6px 18px; font-size:13px;}
.left_in2 .first .s-secondItem a{ color:#666}
.fa-minus-square-o{ margin-top:4px; margin-right:8px;}

/**/
.alert-iconfont{
    font-family:"alert-iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.fy-alert-shadow{
    position: fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    display: none;
}
.fy-alert-box{
    background-color: #fff;
    -webkit-background-clip: content;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
    z-index:9999;
    /*opacity: 0;*/
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.71, 0.855, 1);
    animation-timing-function: cubic-bezier(0.215, 0.71, 0.855, 1);
}
.fy-alert-msg{
    background-color: #333;
    box-shadow: none;
    color:#fff;
}
.fy-alert-icon{
    padding-left:50px!important;
}
i[class^='fy-alert-iconType']{
    position: absolute;
    left:15px;
    top:10px;
    font-size:28px;
}
.fy-alert-iconType1{
    color: #23ff21;
}
.fy-alert-iconType2{
    color: #f39b12;
}
.fy-alert-iconType3{
    color: #ff2525;
}
.fy-alert-iconType3{
    color: #ff2525;
}
.fy-alert-icon-loading{
    webkit-animation-name: fy-rotate;
    animation-name: fy-rotate;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*.active{
    opacity: 1;
}*/
.fy-alert-header{
   padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;
    font-weight: bold;
    position: relative;
    cursor: move;
    min-width: 200px;
    box-sizing: border-box;
}
.fy-alert-minmax,.fy-alert-close{
    position: absolute;
    right:5px;
    top:8px;
    height:28px;
    width:38px;
    line-height: 28px;
    text-align: center;
    border:0;
    background-color: transparent;
    outline: none;
}
.fy-alert-close i{
    font-size:20px;
    cursor: pointer;
    font-style: normal;
}
.fy-alert-minmax{
    right:25px;
}
.fy-alert-min-btn:before,.fy-alert-max-btn:before{
    font-family: 'alert-iconfont';
    font-size:16px;
    cursor: pointer;
    content: '\e70e';
    font-style: normal;
}
.fy-alert-min-btn:before{
    content: '\e6e7';
}
.fy-alert-close:hover{
    opacity: 0.7;
}
.fy-alert-content{
    padding:5px 20px 15px 20px;
    font-size:14px;
    min-width:150px;
    position: relative;
    box-sizing: border-box;
}
.fy-alert-content-iframe{
    padding:0;
}
.fy-alert-iframe{
    display: block;
    width:100%;
    border:0;
    height:100%;
}
.fy-alert-footer{
    text-align: right;
    padding-bottom:15px;
    padding-right:10px;
    min-width: 200px;
    box-sizing: border-box;
}
.fy-alert-btn{
    height: 28px;
    line-height: 28px;
    margin: 15px 5px 0;
    padding: 0 15px;
    border-color: #1E9FFF;
    background-color: #1E9FFF;
    color: #fff;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    border-width:0;
    outline: none;
}
.fy-alert-btn:last-child{
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
}

@-webkit-keyframes fy-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes fy-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}

@keyframes slideBottom{
     0%{
         -webkit-transform: translate3d(0,100%,0);
         -moz-transform: translate3d(0,100%,0);
         -ms-transform: translate3d(0,100%,0);
         -o-transform: translate3d(0,100%,0);
         transform: translate3d(0,100%,0);
     }
     100%{
         -webkit-transform: translate3d(0,0%,0);
         -moz-transform: translate3d(0,-0%,0);
         -ms-transform: translate3d(0,-0%,0);
         -o-transform: translate3d(0,0%,0);
         transform: translate3d(0,-0%,0);
         opacity: 1;
     }
 }
.slideBottom{
    -webkit-animation-name: slideBottom;
    animation-name: slideBottom;
}

@keyframes slideBottom_hide{
    0%{
        -webkit-transform: translate3d(0,0%,0);
        -moz-transform: translate3d(0,-0%,0);
        -ms-transform: translate3d(0,-0%,0);
        -o-transform: translate3d(0,0%,0);
        transform: translate3d(0,-0%,0);
        opacity: 1;
    }
    100%{
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        -o-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        opacity: 0;
    }

}
.slideBottom_hide{
    -webkit-animation-name: slideBottom_hide;
    animation-name: slideBottom_hide;
}

@keyframes slideTop{
    0%{
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        -o-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
    100%{
        -webkit-transform: translate3d(0,0%,0);
        -moz-transform: translate3d(0,-0%,0);
        -ms-transform: translate3d(0,-0%,0);
        -o-transform: translate3d(0,0%,0);
        transform: translate3d(0,-0%,0);
        opacity: 1;
    }
}
.slideTop{
    -webkit-animation-name: slideTop;
    animation-name: slideTop;
}

@keyframes slideTop_hide{
    0%{
        -webkit-transform: translate3d(0,0%,0);
        -moz-transform: translate3d(0,-0%,0);
        -ms-transform: translate3d(0,-0%,0);
        -o-transform: translate3d(0,0%,0);
        transform: translate3d(0,-0%,0);
        opacity: 1;
    }
    100%{
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        -o-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        opacity: 0;
    }

}
.slideTop_hide{
    -webkit-animation-name: slideTop_hide;
    animation-name: slideTop_hide;
}

@keyframes slideLeft{
    0%{
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        -o-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
    100%{
        -webkit-transform: translate3d(0,0%,0);
        -moz-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        -o-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0);
        opacity: 1;
    }
}
.slideLeft{
    -webkit-animation-name: slideLeft;
    animation-name: slideLeft;
}
@keyframes slideLeft_hide{
    0%{
        -webkit-transform: translate3d(0,0%,0);
        -moz-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        -o-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0);
        opacity: 1;
    }
    100%{
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        -o-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        opacity: 0;
    }

}
.slideLeft_hide{
    -webkit-animation-name: slideLeft_hide;
    animation-name: slideLeft_hide;
}

@keyframes slideRight{
    0%{
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        -o-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
    100%{
        -webkit-transform: translate3d(0,0%,0);
        -moz-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        -o-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0);
        opacity: 1;
    }
}
.slideRight{
    -webkit-animation-name: slideRight;
    animation-name: slideRight;
}
@keyframes slideRight_hide{
    0%{
        -webkit-transform: translate3d(0,0%,0);
        -moz-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        -o-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0);
        opacity: 1;
    }
    100%{
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        -o-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        opacity: 0;
    }
}
.slideRight_hide{
    -webkit-animation-name: slideRight_hide;
    animation-name: slideRight_hide;
}

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn_hide {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollIn_hide {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollIn_hide {
  -webkit-animation-name: rollIn_hide;
  animation-name: rollIn_hide;
}

@keyframes opacity{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.opacity{
    -webkit-animation-name: opacity;
    animation-name: opacity;
}
@keyframes opacity_hide{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.opacity_hide{
    -webkit-animation-name: opacity_hide;
    animation-name: opacity_hide;
}

.inquery input[type="text"]{ width:100%; border:solid #dfdfdf 1px; padding:5px 10px 5px 5px; margin-top:15px;}
.inquery textarea{ width:100%; border:solid #dfdfdf 1px; padding:5px 10px 5px 5px; margin-top:15px; min-height:100px;}

.inquery input[type="submit"]{ width:100%; background-color:#b69a5b; text-align:center; margin-top:15px; border:none; padding:4px 0 4px 0}

.mm_mm{ display:none}
.mm_pc img{ cursor:pointer}

/**/
.pro-info3 table td{ border:solid #666 1px;}

/**/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#15499a;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:263px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/**/
.proimg img{ width:253px; height:253px;}



/*media*/
@media only screen and (max-width:768px) {
	.sp_header{display:block;}
	.header{display:none;}
	.swiper-container{padding-top:50px!important;}
	.banner{padding-top:50px!important;}
	.index_case{padding:30px 0;}
	.index_case p{padding-top:0; padding-left:0;}
	.caseshow{padding:0;}
	.index_news{padding:30px 0;}
	.news_box{padding-top:20px;}
	.border{display:none;}
	.index_message{padding:20px;}
	.index_contact{padding:30px 0;}
	.footer h2{padding-bottom:10px;}
	.company_file,.link,.pro_list,.about_list{padding-top:10px;}
	.download{padding-bottom:10px;}
	hr{display:none;}
	.index_product{padding:30px 0;}
	.video_box{position:relative; bottom:125px;}
	.sale_text{position:relative; bottom:160px;}
	.video{padding-bottom:-100px}
	.index_sale{display:none;}
	.product_text p{font-size:16px;}
	.pro_left{display:none;}
	.news_details{padding: 20px 0;}
	.news_details span{margin-bottom: 20px;}
	.news_details p{padding-bottom: 20px;}
	.news_details h1{font-size: 24px;padding-bottom: 10px;}
	.title_inner h2{padding:0 0 10px 0;}
	.quality_con{padding:25px 0;}
	.quality_con .tit{
		font-size:20px;
    	line-height:24px;
   		padding-bottom:10px;
    	margin-bottom:24px;}
	.quality_con p{line-height:24px;}
	.vision{padding:60px 0;}
	.vision-box{padding: 0;margin-bottom:30px;}
	.vision-box .tit {
    font-size:14px;
    line-height:16px;
    margin-top:15px;}
	.vision-box .ico img{width:50px; text-align:center!important;}
	.product{padding:0;}
	.about{padding:10px 0;}
	.title h1{font-size:40px;}
	.product_box{margin-bottom:10px;}
	.pinfo_comments input{width:100%;}
	.pro_detail3 h2{padding:0;}
	.ship_box{padding:10px 0;}
	
	.mm_pc{ display:none}
	.mm_mm{ display:block}
	
}
@media (min-width:768px) and (max-width:992px){
	.sp_header{display:block;}
	.header{display:none;}	
}
@media (min-width:992px) and (max-width:1200px)
{
	.navigation li{float:left; padding:15px 4px 12px 4px;}
	.navigation li a{font-size:16px;}
	.sousuo ul li{padding:1px 7px 0 7px;}
	#search{
	width:auto;}
}	
@media (min-width:1201px){
	.nav{padding-left:0!important;
		 padding-right:0!important;}
	.sousuo{padding-left:0!important;
		 padding-right:0!important;}
}