@charset "utf-8";
/* CSS Document */

body{
	font-family:"思源黑体","思源黑体","STHeiti" !important;
	font-family:"思源黑体","思源黑体" !important;
	background:none !important;
	}
.body_on{
	overflow:hidden;
	}	
.nul{
	padding-left:15px !important;
	padding-right:10px !important
	}
.nur{
	padding-left:10px !important;
	padding-right:15px !important
	}

/*****main页面*******/


/******************手机导航******************/
.phone_header{
	position:relative;
	height:60px;
	background:#000;
	overflow:hidden;
	}
.phone_logo{
	margin-top:6px;
	margin-left:6px;
	}
.nav_btn2{
	position:absolute; top:15px; right:20px;
	cursor:pointer;
	}
.nav_btn2 img{
	border-radius:4px;
	}

.phone_nav{
	width:100%;
	height:0;
	background:#191816;
	position:absolute; top:80px; left:0; z-index:-1;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
	overflow:hidden;
	}	
.phone_nav>ul{
	padding:0;
	margin:0;
	padding-top:15px;
	}	
.phone_nav>ul>li{
	line-height:40px;
	padding-left:15px;
	border-bottom:1px dotted #333;
	}	
.phone_nav>ul>li>a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none !important; 
	font-size:15px;
	letter-spacing:1px;
	font-weight:500;
	text-align:left;
	text-transform:uppercase;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}
.phone_nav>ul>li>ul{
	padding-top:5px;
	padding-bottom:15px;
	display:none;
	padding-left:10px;
	}	
.phone_nav>ul>li>ul>li{
	line-height:30px;
	}
.phone_nav>ul>li>ul>li>a{
	text-align:left;
	color:#c6a25e;
	font-size:13px;
	letter-spacing:1px;
	}				
.nav_on>a{
	color:#c6a25e !important;
	}	
.nav_btn3{
	width:30px;
	height:30px;
	background:#c6a25e;
	cursor:pointer;
	position:absolute; top:90px; right:15px;
	border-radius:1px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
	}	
.nav_btn3>img{
	margin-top:2px;
	}		
/******************手机导航******************/

/*****header*******/
.header{
	width:100%;
	position:absolute; top:0; left:0;
	z-index:99999;
	}
	
.header1{
	width:100%;
	height:90px;
	position:absolute; top:0; left:0;
	}
	
.logo1{
	position:absolute; top:3px; left:50%;
	margin-left:-75px;
	}
		
.search1{
	float:left;
	cursor:pointer;
	}
	

			

	
.nav>ul{
	padding:0;
	margin:0;
	}
	
.nav>ul>li{
	float:left;
	padding:0 30px;
	}
			
/* .nav>ul>li>a{
	font-size:13px;
	font-weight:600;
	letter-spacing:2px;
	color:#333;
	}		 */		
	
	
		
.seasp1{
	display:inline-block;
	float:left;
	width:30px;
	height:30px;
	background:url(../images/search.png) center no-repeat;
	background-size:cover;
	margin:30px 0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;	
	}	
.seasp2{
	float:left;
	line-height:90px;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
	letter-spacing:1px;
	padding-left:15px;
	letter-spacing:1px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.search1:hover .seasp1{
	background:url(../images/search1.png) center no-repeat;
	background-size:cover;
	}
.search1:hover .seasp2{
	color:#c6a25e;
	}	
.nav_btn1{
	float:right;
	cursor:pointer;
	z-index:1000;
	position: relative;
	}		
.nav_btn1:hover .seasp2{
	color:#c6a25e;
	}
.nav_btns{
	float:left;
	width:30px;
	height:30px;
	margin:30px 0px;
	margin-left:15px;
	}
.nav_btns>span{
	display:block;
	width:30px;
	height:2px;
	background:#fff;
	margin:6px 0;
	padding:0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.nav_btn1:hover .nav_btns>span{
	background:#c6a25e;
	} 
	
.nav_btn {
	float:left;
	width:30px;
	height:30px;
	margin:30px 0px;
	margin-left:15px;
}
.nav_btn>span {
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	margin: 6px 0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}
.nav_btn:hover .sp1 {
	-webkit-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	transform: translate(0, -5px);
}
.nav_btn:hover .sp3 {
	-webkit-transform: translate(0, 5px);
	-moz-transform: translate(0, 5px);
	-ms-transform: translate(0, 5px);
	-o-transform: translate(0, 5px);
	transform: translate(0, 5px);
}
.sp1on {
	-webkit-transform: translate(0, 8px) rotate(45deg) !important;
	-moz-transform: translate(0, 8px) rotate(45deg) !important;
	-ms-transform: translate(0, 8px) rotate(45deg) !important;
	-o-transform: translate(0, 8px) rotate(45deg) !important;
	transform: translate(0, 8px) rotate(45deg) !important;
}
.sp2on {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}
.sp3on {
	-webkit-transform: translate(0, -8px) rotate(-45deg) !important;
	-moz-transform: translate(0, -8px) rotate(-45deg) !important;
	-ms-transform: translate(0, -8px) rotate(-45deg) !important;
	-o-transform: translate(0, -8px) rotate(-45deg) !important;
	transform: translate(0, -8px) rotate(-45deg) !important;
}	
	
/* .nav {
	width: 100%;
	background:#31302f;
	position:fixed;
	top: 0;
	left: 0;
	display:none;
	z-index: 10;
} */





		
.header2{
	width:100%;
	height:90px;
	position:fixed; top:-90px; left:0;
	z-index:9999;
	background:#dfd8d2;
	}
.logo21{
	position:absolute; top:3px; left:50%;
	margin-left:-75px;
	}	
.search21{
	float:left;
	cursor:pointer;
	}	
.seasp21{
	display:inline-block;
	float:left;
	width:30px;
	height:30px;
	background:url(../images/search2.png) center no-repeat;
	background-size:cover;
	margin:30px 0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;	
	}	
.seasp22{
	float:left;
	line-height:90px;
	color:#000;
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
	letter-spacing:1px;
	padding-left:15px;
	letter-spacing:1px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.search21:hover .seasp21{
	background:url(../images/search1.png) center no-repeat;
	background-size:cover;
	}
.search21:hover .seasp22{
	color:#c6a25e;
	}	
.nav_btn21{
	float:right;
	cursor:pointer;
	position:relative; 
	z-index:99999;
	}		
.nav_btn21:hover .seasp22{
	color:#c6a25e;
	}
.nav_btns2{
	float:left;
	width:30px;
	height:30px;
	margin:30px 0px;
	margin-left:15px;
	}
.nav_btns2>span{
	display:block;
	width:30px;
	height:2px;
	background:#000;
	margin:6px 0;
	padding:0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.nav_btn21:hover .nav_btns2>span{
	background:#c6a25e;
	}	

.nav>.container1{
	padding-top:7%;
	}
.nav1{
	width:100%;
	}				
.nav1 h5{
	font-size:30px;
	font-family:"Times New Roman", Times, serif;
	color:#c6a25e;
	border-bottom:1px solid #5c5b59;
	letter-spacing:1px;
	line-height:50px;
	margin-bottom:30px;
	}
.nav1 p{
	font-size:12px;
	color:#dfd8d2;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:25px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}
.nav1 p:hover{
	color:#c6a25e;
	}		

.nav2{
	width:100%;
	}				
.nav2 h5{
	font-size:30px;
	font-family:"Times New Roman", Times, serif;
	color:#c6a25e;
	border-bottom:1px solid #5c5b59;
	letter-spacing:1px;
	line-height:50px;
	margin-bottom:30px;
	}
.nav2 p{
	font-size:12px;
	color:#dfd8d2;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:25px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.nav2 p:hover{
	color:#c6a25e;
	}	
.nav2 ul{
	padding:0;
	margin:0;
	}
.nav2 ul li{
	width:100%;
	position:relative;
	padding-left:40%;
	font-size:12px;
	color:#dfd8d2;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:30px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}
.nav2 ul li:hover{
	background:#c6a25e;
	color:#fff;
	}	
.nav2 ul li span{
	position:absolute; top:0; left:0;
	font-size:12px;
	color:#dfd8d2;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:30px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}		
.nav2 ul li:hover span{
	color:#c6a25e;
	}
.nav2 ul li i{
	display:inline-block;
	position:absolute; top:15px; left:60px;
	width:25%;
	height:1px;
	background:#5c5b59;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}		
.nav2 ul li:hover i{
	background:#c6a25e;
	}
.nav3{
	width:100%;
	background:#dfd8d2;
	text-align:right;
	cursor:pointer;
	}	
.nav3 h5{
	padding:20px 30px;
	font-size:30px;
	text-align:right;
	font-weight:600;
	}
.nav3 h5 span{
	display:inline-block;
	font-size:15px;
	font-weight:600;
	padding-left:5px;
	}	
.nav3_img{
	width:100%;
	position:relative; z-index:2;
	}

.nav3_img:before{
	width:100%;
	height:100%;
	content:'';
	position:absolute; top:0; left:0;
	background:#000;
	z-index:2;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.nav3_img span{
	position:absolute; top:50%; left:40%;
	z-index:9;
	margin-left:-42px;
	margin-top:-7px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.nav3:hover .nav3_img span{
	left:50%;
	opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
	} 	
.nav3:hover .nav3_img:before{
	opacity:0.6;
    filter:alpha(opacity=60);
    -moz-opacity:0.6; 
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
	} 		
	
.nav3 p{
	padding:20px 20px;
	font-size:12px;
	text-align:center;
	line-height:22px;
	}
.nav3 a{
	display:inline-block;
	width:40px;
	height:1px;
	background:#333;
	margin-bottom:20px;
	margin-right:30px;
	}			


.nav_t{
	float:left;
	}
.nav_t>ul{
	padding:0;
	margin:0;
	}
.nav_t>ul>li{
	float:left;
	padding:0 20px;
	}
.nav_t>ul>li>a{
	font-size:13x;
	color:#333;
	font-weight:600;
	letter-spacing:1px;
	}	
.nav_t>ul>li>a{
	line-height:90px;
	}
.nav_t1{
	position:absolute; top:0; left:55%;
	}				
.nav_t2{
	position:absolute; top:0; right:55%;
	}

/*****header*******/


/*****banner*******/
.banner{
	width:100%;
	position:fixed; top:0; left:0;
	z-index:9;
	overflow:hidden;
	}
.banner_inner{
	width:100%;
	position:fixed; top:0; left:0;
	z-index:9;
	overflow:hidden;
	}	
.banner_list{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	position:absolute; top:0; left:0;
	}
.banner_list>li{
	width:100%;
	height:100%;
	position:absolute; top:0; left:0;
	}		
.ban1{
	background:url(../images/banner1.jpg) center no-repeat;
	background-size:cover;
	display:block;
	}
.ban2{
	background:url(../images/banner2.jpg) center no-repeat;
	background-size:cover;
	display:none;
	}
.ban3{
	background:url(../images/banner3.jpg) center no-repeat;
	background-size:cover;
	display:none;
	}
.ban4{
	background:url(../images/banner4.jpg) center no-repeat;
	background-size:cover;
	display:none;
	}	

.banner_b{
	width:100%;
	height:90px;
	position:absolute; left:0; bottom:0;
	z-index:2;
	}	
.banner_b:before{
	width:100%;
	height:100%;
	content:'';
	position:absolute; top:0; left:0;
	z-index:-1;
	background:#dfd8d2;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
.banner_b:hover:before{
	opacity:0.6;
    filter:alpha(opacity=60);
    -moz-opacity:0.6; 
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
	}		
.banner_bon{
	width:100%;
	}			
.banner_bon>ul{
	width:85%;
	height:90px;
	float:left;
	padding:0;
	margin:0;
	}
.banner_bon>ul>li{
	width:25%;
	height:90px;
	float:left;
	cursor:pointer;
	}		
.banner_bon_list{
	width:100%;
	padding-top:10px;
	}		
.banner_bon_list>h5{
	font-size:12px;
	color:#fff;
	font-weight:600;
	letter-spacing:1px;
	margin:0;
	padding:0 10px;
	line-height:40px;
	text-transform:uppercase;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}
.banner_bon>ul>li:hover .banner_bon_list>h5{
	color:#c6a25e;
	}		
.banner_line{
	width:100%;
	height:2px;
	background:#4e4b48;
	position:relative;
	z-index:2;
	}	
.banner_line:before{
	width:2px;
	height:16px;
	content:'';
	position:absolute; top:-7px; left:0;
	background:#222121;
	}
.banner_line:after{
	width:0%;
	height:4px;
	content:'';
	background:#222121;
	position:absolute; top:-1px; left:0;
	-webkit-transition: 6s linear;
	-moz-transition: 6s linear;
	-ms-transition: 6s linear;
	-o-transition: 6s linear;	
	transition: 6s linear;
	}

.ban_bon .banner_bon_list>h5{
	color:#c6a25e !important;
	}
.banner_lines{
	width:0%;
	height:4px;
	background:#222121;
	position:absolute; top:-1px; left:0;
	z-index:9;
	}		
			
.banner_btn{
	width:15%;
	float:left;
	padding:10px;
	}
.banner_btn>a{
	display:block;
	width:100%;
	background:#31302e;
	color:#fff;
	font-size:13px;
	letter-spacing:2px;
	font-weight:600;
	line-height:40px;
	margin:15px 0;
	text-align:center;
	}		

/*****banner*******/


/*****sec1*******/
.sec1{
	width:100%;
	position:relative; z-index:99;
	}
	
	
.sec1_con{
	width:100%;
	background:#dfd8d2;
	padding:90px;
	}	
	
	
.sec1_con>h5{
	font-size:18px;
	letter-spacing:1px;
	color:#000;
	text-align:center;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	
	background:#dfd8d2;	
	}	
	
	
.sec1_con>span{
	display:inline-block;
	width:100%;
	text-align:center;
	color:#000;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	text-transform:uppercase;
	letter-spacing:2px;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	
	background:#dfd8d2;	
	}
	
	
.sec1_zi{
	width:80%;
	margin:0 auto;
	margin-top:60px;
	}
	
			
.sec1_zis{
	padding:0 40px;
	padding-bottom:20%;
	}
	
	
.sec1_zis1{
	position:relative;
	left:-120px;
	 opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	
	background:#dfd8d2;	
	
	-webkit-font-smoothing: antialiased!important;  
	}
	
	
.sec1_zis2{
	position:relative; right:-120px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	background:#dfd8d2;
	
	-moz-osx-font-smoothing: inherit | grayscale;
	
	-webkit-font-smoothing: antialiased; /*chrome、safari*/
    -moz-osx-font-smoothing: grayscale;/*firefox*/
	}
	
				
.sec1_zis>img{
	margin-bottom:30px;
	}	
.sec1_zis>p{
	margin-bottom:0;
	font-size:13px;
	color:#333;
	line-height:25px;
	letter-spacing:1px;
	}	
.sec1_zi>a{
	display:block;
	width:220px;
	line-height:50px;
	background:#31302e;
	color:#fff;
	letter-spacing:2px;
	font-size:13px;
	text-align:center;
	margin:0 auto;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.sec1_zi>a:hover{
	background:#c6a25e;
	}

.sec1_img{
	width:60%;
	margin:0 auto;
	/*max-width:400px;*/
	position:relative;
	z-index:2;
	margin-top:60px;
	top:60px;
	cursor:pointer;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}	
.sec1_imgs{
	position:relative;
	z-index:3;
	padding:40px;	
	background:#fff;
	}	
.sec1_img_h1{
	width:100%;
	margin:0;
	position:absolute; top:50%; left:-30%;
	z-index:2;
	margin-top:-15px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}
.sec1_img_h1>span{
	display:inline-block;
	line-height:30px;
	font-size:12px;
	text-transform:uppercase;
	color:#000;
	font-weight:600;
	letter-spacing:1px;
	background:#dfd8d2;
	}

.sec1_img_h2{
	width:100%;
	margin:0;
	position:absolute; top:50%; right:-30%;
	z-index:2;
	margin-top:-15px;
	text-align:right;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}
.sec1_img_h2>span{
	display:inline-block;
	line-height:30px;
	font-size:12px;
	text-transform:uppercase;
	color:#000;
	font-weight:600;
	letter-spacing:1px;
	background:#dfd8d2;
	}	
.sec1_img h5:before{
	width:100%;
	height:1px;
	content:'';
	background:#a29fa0;
	position:absolute; top:50%; left:0;
	z-index:-1;
	}

.sec1_img:hover .sec1_img_h1{
	width:80%;
	left:-40%;
	}
.sec1_img:hover .sec1_img_h2{
	width:80%;
	right:-40%;
	}	
/*****sec1*******/


/*****sec2*******/
.sec2{
	width:100%;
	background:#dfd8d2;
	position:relative; z-index:99;
	padding:60px 0 0 0;
	}
.sec2>h5{
	font-size:18px;
	letter-spacing:1px;
	color:#000;
	text-align:center;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	
	background:#dfd8d2;	
	
	}	
.sec2>span{
	display:inline-block;
	width:100%;
	text-align:center;
	color:#000;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:40px;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	
	background:#dfd8d2;	
	}	
/*****sec2*******/


/*****sec3*******/
.sec3{
	position:relative; z-index:99;
	width:100%;
	padding:90px 0;
	background:#3e3c3b;
	}
.sec3_con{
	width:100%;
	}	
.sec3_t{
	width:100%;
	text-align:center;
	margin-bottom:60px;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	
	background:#3e3c3b;
	
	}	
.sec3_con>span{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:30px;
	letter-spacing:2px;
	font-family:"Times New Roman", Times, serif;
	color:#fff;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}	
.sec3_con>h5{
	font-size:15px;
	color:#a5a4a4;
	letter-spacing:1px;
	text-align:center;
	position:relative; top:30px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}	
.sec3_line{
	width:100%;
	height:1px;
	background:#5c5b59;
	margin:20px 0;
	position:relative;
	}	
.sec3_line>img{
	position:absolute; top:-80px; left:-10px;
	-webkit-transition: 0.6s linear 0.6s; 
	-moz-transition: 0.6s linear 0.6s;
	-ms-transition: 0.6s linear 0.6s;
	-o-transition: 0.6s linear 0.6s; 	
	transition: 0.6s linear 0.6s;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
.sec3_line_on{
	-webkit-transform: rotate(0deg) !important;
	-moz-transform: rotate(0deg) !important;
	-ms-transform: rotate(0deg) !important;
	-o-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
	opacity:1 !important;
    filter:alpha(opacity=100) !important;
    -moz-opacity:1 !important;
    -khtml-opacity:1 !important;
    -webkit-opacity:1 !important;
	}			
.sec3_zi{
	width:90%;
	margin:0 auto;
	padding:30px 0;
	}	
.sec3_zis{
	width:100%;
	padding:0 15px;
	}	
.sec3_zis1{
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
.sec3_zis2{
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
.sec3_zis3{
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}			
.sec3_zis span{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
	color:#e1e1e1;
	letter-spacing:1px;
	}
.sec3_zis h5{
	font-size:18px;
	color:#e1e1e1;
	text-align:center;
	letter-spacing:1px;
	margin:12px 0 20px 0;
	}	
.sec3_zis p{
	font-size:13px;
	line-height:25px;
	color:#b1b0b0;
	letter-spacing:1px;
	}
.sec3_zis a{
	display:block;
	width:20px;
	height:2px;
	background:#dfd8d2;
	margin:0 auto;
	margin-top:30px;
	}	
.sec3_img{
	width:100%;
	margin-top:30px;
	position:relative;
	top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
	
	
.sec3_img>span{
	display:inline-block;
	width:100%;
	color:#fff;
	font-size:18px;
	letter-spacing:2px;
	text-align:center;
	padding:30px 0;
	}
	
	
.sec3_img>a{
	display:block;
	width:220px;
	font-size:12px;
	text-transform:uppercase;
	color:#000;
	line-height:50px;
	margin:0 auto;
	text-align:center;
	background:#dfd8d2;
	font-weight:600;
	letter-spacing:1px;
	}			
/*****sec3*******/


/*****sec4*******/
.sec4{
	width:100%;
	position:relative; 
	z-index:99;
	padding-bottom:50px;
	background:#3e3d3b;
	}
	
	
.news{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	padding:20px 0;
	padding-bottom:60px;
	}
	
	
.news_top{
	width:100%;
	text-align:center;
	padding-bottom:30px;
	position:relative; 
	top:30px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
	
.news_top p{
	font-size:15px;
	color:#a5a4a4;
	letter-spacing:1px;
	text-align:center;
	}
	
.news_top h2{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:30px;
	letter-spacing:2px;
	font-family:"Times New Roman", Times, serif;
	color:#9f9e9d;
	}
	
.news_center{
	padding-bottom:1px;
	width:100%;
	float:left;
	background:#dfd8d2;
	margin-bottom:2px;
	position:relative; right:-120px;
	opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
	}
.newsleft{
	float:left;
	padding-top:5%;
	width:8.4%;
	text-align:center;
	background:#dfd8d2;
	
	}
	
.newsleft span{
	font-size:11px;
	color:#212020;
	font-weight:200px;
	}
	
.newsleft p{
	font-size:40px;
	color:#212020;
	margin:0;
	}
	
	
	
.newsright{
	width:58%;
	float:left;
	padding-top:3%;
	}
	
.newsright h4{
	font-size:24px;
	color:#212020;
	text-align:right;
	width:80%;
	margin:0 auto;
	letter-spacing: 2px;
	}
	
.newsright p{
	font-size:14px;
	color:#212020;
	line-height:26px;
	text-align:right;
	width:80%;
	margin:0 auto;
	letter-spacing: 2px;
	margin-top:20px;
	height:78px;
	overflow:hidden;
	}
	
.news_bottom{
	width:100%;
	text-align:center;
	float:left;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
	
.news_bottom p{
	padding:100px 0 30px 0;
	color:#dfd8d2;
	letter-spacing: 2px;
	}
	
.news_bottom a{
	display:inline-block;
	color:#212020;
	background:#dfd8d2;
	padding:25px 80px;
   letter-spacing: 2px;
   font-weight:bold;
	}
.news_img{
	width:33.33%;
	float:left;
	position:relative;
	z-index:2;
	}
.news_img:before{
	width:100%;
	height:100%;
	content:'';
	position:absolute; top:0; left:0;
	background:#000;
	z-index:2;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.news_img>img{
	-webkit-filter: grayscale(1);
    filter:gray; 
    filter: grayscale(1);
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.news_img span{
	position:absolute; top:50%; left:40%;
	z-index:9;
	margin-left:-42px;
	margin-top:-7px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.news_center:hover .news_img span{
	left:50%;
	opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
	} 	
/*.news_center:hover .news_img>img{
	-webkit-filter: grayscale(0);
    filter:gray; 
    filter: grayscale(0);
	}	*/
.news_center:hover .news_img:before{
	opacity:0.6;
    filter:alpha(opacity=60);
    -moz-opacity:0.6; 
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
	} 		
/*****sec4*******/







/**main_pro**/

.sec2_con{
	position:relative;
	overflow:hidden;
	background:#FFF;
	}

.proimg{
	position:absolute; 
	left:0px; 
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	filter:alpha(opacity=0);  
-moz-opacity:0;  
-khtml-opacity: 0;  
 opacity: 0;  

	 }

.main_pro{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	background:#FFF;
	}
	
	
.pro_bt{
	padding:60px 0;
	text-align:center;
	}	
	
	
.pro_bt h2{
	font-size:30px;
	font-weight:normal;
	}
	
.pro_bt p{
	font-size:14px;
	width:50%;
	margin:auto;
    }

.main_pro_con{
	width:100%;
	overflow:hidden;
	position:relative;
	}
	
.main_pro_con>ul{
	padding:20px;
	margin:0;
	position:relative;
	left:0;
	
	width:90%;
/*	border-top:1px solid #ddd;*/
	}
	
.main_pro_con>ul>li{
	float:left;
	text-align:center;
	}	
	
.main_pro_list{
	padding:0 12%;
	border-right: 1px solid #e5e5e5;
	}
	
.main_pro_list p{
	font-size:14px;
	margin-bottom:20px;
	line-height:20px;
	margin-top:15px;
	}
	
	
	
	
.main_pro_list span a{
	font-size:12px;
	display:block;
	width:120px;
	margin:auto;
	color:#000;
	height:30px;
	line-height:30px;
	border:1px solid #000;
	}	
	
.main_pro_list span a:hover{
	background:#000;
	color:#FFF;
	
    -webkit-transition: 0.6s linear;
	-moz-transition: 0.6s linear;
	-ms-transition: 0.6s linear;
	-o-transition: 0.6s linear;	
	transition: 0.6s linear;
	}	
		
.main_pro_list_img{
	/*overflow:hidden;*/
	}	
				
.main_pro_list_img>img{
	-webkit-transition: 0.6s linear;
	-moz-transition: 0.6s linear;
	-ms-transition: 0.6s linear;
	-o-transition: 0.6s linear;	
	transition: 0.6s linear;
	}
	
.main_pro_list:hover .main_pro_list_img>img{
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
    transform: scale(1.04);
	}		

.pro_next{
	width:50px;
	height:50px;
	background:#000;
	border-radius:100%;
	position:absolute; top:50%; right:0;
	z-index:2;
	margin-top:-25px;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:20px;
	cursor:pointer;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.pro_next:hover{
	color:#000;
	}	
.pro_next:before{
	width:52px;
	height:52px;
	border-radius:100%;
	content:'';
	background:#fff;
	position:absolute; top:-1px; left:-1px;
	z-index:-1;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
    transform: scale(0);
	}
.pro_next:hover:before{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
    transform: scale(1);
	}

.pro_prev{
	width:50px;
	height:50px;
	background:#000;
	border-radius:100%;
	position:absolute; top:50%; left:0;
	z-index:2;
	margin-top:-25px;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:20px;
	cursor:pointer;
	display:none;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.pro_prev:hover{
	color:#000;
	}	
.pro_prev:before{
	width:52px;
	height:52px;
	border-radius:100%;
	content:'';
	background:#fff;
	position:absolute; top:-1px; left:-1px;
	z-index:-1;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
    transform: scale(0);
	}
.pro_prev:hover:before{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
    transform: scale(1);
	}
.pro2_p{
	text-align:center; font-size:16px; line-height:35px; margin:30px 0 40px 0;
	}			
		
/**main_pro**/













/*****footer*******/
.footer{
	width:100%;
	padding-top:60px;
	overflow:hidden;
	position:relative; z-index:99;
	background:#31302e;
	}
.foot-box{
	width:100%;
	margin:0 auto;
	}
	
.footop_left{
	float:left;
	width:42%;
	}
	
.footer p{
	color:#dfd8d2;
	letter-spacing: 2px;
	line-height:24px;
	}
	
.foot-sp{
	width:78%;
	display:inline-block;
	line-height:18px;
	border-bottom:#5a5a5a 1px solid;
	}
	
.foot-sol{
	width:66%;
	display:inline-block;
	line-height:18px;
	border:none;
	border-bottom:#5a5a5a 1px solid;
	background:none;
	}
	
.footop_right{
	width:40%;
	float:right;
	margin-bottom:20px;
	text-align:right;
	}
	
.footop_right h3{
	color:#9c9c9c;
	font-size:18px;
	margin:0px;
	letter-spacing:2px;
	padding-bottom:5px;
	}
	
.foot-bot{
	width:100%;
	display:inline-block;
	line-height:24px;
	border-bottom:#5a5a5a 1px solid;
	padding:20px 0;
	}
	
.foot-inp{
	width:30%;
	padding:10px 0;
	background:#434242;
	color:#dfd8d2;
	border:none;
	margin-top:10px;
	letter-spacing:2px;
	}
		
.foot-icon i{
	margin:0 5px;
	width:20px;
	color:#dfd8d2;
	height:30px;
	font-size:16px;
	text-align:center;
	line-height:30px;
	}

.foot-icon{
	width: 100%;
	float: left;
	font-size: 12px;
	padding-top:10px;
	margin-bottom:5px;
	}
.foot-icon li {
	position: relative;
	font-size: 12px;
	float: right;
	padding: 1.5px 0px 0px 10px;
}
.foot-icon li a {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.yllj{color:#dfd8d2 !important; margin-left:27px;}
.yllj:hover{color:#c6a25e !important;}
.foot-icon li a:hover {
	color: #005534;}
.scon_img {
	font-size: 18px;
	text-align: center;
	padding:0;
	position: absolute;
	top:25px;
	left:-20%;
	z-index: 999999;
	opacity: 0;
	display: none;
	margin: 10px auto;
	
}
.sconimg {
		display: block;
	width: 28px;
	height: 28px;
	font-size: 18px;
	margin: 10px auto;
	border: 1px solid #fff;
	border-radius: 28px;
	text-align: center;
	line-height: 28px;
	padding:0;
	color:#fff !important;
}
.foot-icon li:hover .scon_img {
	opacity: 1;
	display: block;
}




	
.foot-bottom{
	color:#666;
	padding-bottom:20px;
	float:left;
	font-size:12px;
	margin-bottom:0;
	}
	
.foot-word{
	text-align:center;
	width:16%;
	float:left;
	cursor:pointer;
 }
 
 .totop{
	 height:106px;
	 display:inline-block;
	 width:100%;
	 text-align:center;
	 background:url(../images/arrow-down-long.png) no-repeat center center;
	 vertical-align: middle;
	 writing-mode:tb-rl;
	-webkit-transform: rotate(180deg);   
	 -moz-transform: rotate(180deg);    
	-ms-transform: rotate(180deg);   
	 -o-transform: rotate(180deg);
	 letter-spacing:2px;
	 } 
 
.toword{
	text-align:center;
	color:#c6a25e;
	display:inline-block;
	padding:30px 0;
	writing-mode:tb-rl;
	-webkit-transform: rotate(-90deg);   
	 -moz-transform: rotate(-90deg);    
	-ms-transform: rotate(-90deg);   
	 -o-transform: rotate(-90deg);
	 letter-spacing:2px;
 }
/*****footer*******/



@media (max-width: 767px) {
.header1{
	height:60px;
	}	
.logo1{
	margin-left:-55px;
	}
.logo1>img{
	width:110px !important;
	}
.seasp2{
	line-height:60px;
	font-size:12px;
	}			
.seasp1{
	width:20px;
	height:20px;
	margin:20px 0;
    }	
.nav_btns>span{
	width:20px;
	height:1px;
	}	
.nav_btns{
	width:20px;
	margin:15px 0;
	margin-left:15px;
	}

.header2{
	height:60px;
	}	
.logo21{
	margin-left:-55px;
	}
.logo21>img{
	width:110px !important;
	}
.seasp22{
	line-height:60px;
	font-size:12px;
	}			
.seasp21{
	width:20px;
	height:20px;
	margin:20px 0;
    }	
.nav_btns2>span{
	width:20px;
	height:1px;
	}	
.nav_btns2{
	width:20px;
	margin:15px 0;
	margin-left:15px;
	}
		
.sec1_con{
	padding:30px 15px;
	}	
.sec1_con>span{
	font-size:18px;
	top: 0px;
    opacity: 1;
	}	
.sec1_zi{
	margin-top:30px;
	}
.sec1_zis{
	border:none !important;
	padding:0 10px;
	left: 0px;
    opacity: 1;
	}		
.sec1_zi{
	width:100%;
	}	
.sec1_zis1{
	margin-bottom:40px;
	}	
.sec1_imgs{
	padding:10px;
	}	
.sec2{
	padding-top:30px;
	}	
.sec2>span{
	font-size:24px;
	}	
.sec3{
	padding:10px 0;
	}	
.sec3_t>img{
	width:60%;
	}	
.sec3_con>span{
	font-size:24px;
	}	
.sec3_t{
	margin-bottom:30px;
	}	
.sec3_line>img{
	width:30%;
	top:-30px;
	}
.sec3_zis{
	padding:0;
	margin-bottom:15px;
	}		
.news{
	padding-top:10px;
	}	
.news_top h2{
	margin:0;
	width:50%;
	}	
.news_top{
	padding-bottom:10px;
	}
.news_top h2 img{
	width:50%;
	}
.news_img{
	width:45%;
    }	
.newsright{
	width:55%;
	}	
.newsright h4{
	width:90%;
	font-size:13px;
	line-height:22px;
	}	
.news_bottom p{
	padding:30px 0 20px 0;
	}	
.news_bottom a{
	padding:10px 40px;
	font-size:12px;
	}	
	}	
@media (min-width: 768px) and (max-width: 991px){
.sec1_zi{
	width:100%;
	}	
.newsleft p{
	font-size:24px;
	}			
.newsright h4{
	font-size:18px;
	width:90%;
	}	
.newsright p{
	width:90%;
	font-size:13px;
	}
.sec1_con{
	padding:60px 30px;
	}	
.news{
	padding:60px 0;
	}	
.sec3{
	padding:60px 0;
	}
.sec3_zis{
	padding:0;
	}
.news_bottom p{
	padding:60px 0 30px 0;
	}				
	}
@media (min-width: 992px) and (max-width: 1199px){
.sec1_zi{
	width:100%;
	}	
.newsleft p{
	font-size:30px;
	}			
.newsright h4{
	font-size:20px;
	width:90%;
	}	
.newsright p{
	width:90%;
	font-size:13px;
	}
.sec1_con{
	padding:60px 60px;
	}	
.news{
	padding:60px 0;
	}	
.sec3{
	padding:60px 0;
	}
.news_bottom p{
	padding:60px 0 30px 0;
	}			
	}
@media (min-width: 1200px) and (max-width: 1399px){
.sec1_zi{
	width:100%;
	}	
	}



/*****main页面*******/

.clm{
	margin-left:0 !important;
	margin-right:0 !important; 
	}
.clp{
	padding-left:0 !important;
	padding-right:0 !important;
	}	
	
		/* phonenav */
.page{
	font-size: 0px;
	text-align: center;
	margin-top:50px;
/*	margin-right:500px; */


}
.page a{
	font-size: 12px;
	color:#000;
	padding:6px 12px;
	margin-right: 1px;
	background:#ebe8e8;
	transition: color .6s,border-color .6s,background-color .6s,border .6s;
}
.page a:hover,.page a.active{
	background:#000;
	color:#fff !important;
	transition: color .6s,border-color .6s,background-color .6s,border .6s;
}


.page font{
	font-size: 12px;
	color: #fff;
	margin-right:1px;
	background:#333;
	font-weight:bold;
	padding:6px 12px;
	color:#fff;
}




.page span{
	font-size: 12px;
	color:#000;
	padding:6px 12px;
	margin-right: 1px;
	color: #000;
	background:#333;
	display:none

}

.page select{
	font-size: 12px;
	padding:3px;
	border: 1px solid #ccc;
	margin-right: 5px;
	line-height: 23px;
	color: #ccc !important;
	display:none

}


/*** 友情é"¾æŽ¥ ***/


/*****about页面*******/
.inner_sec1{
	z-index:999;
	background-color: white;
	width: 95%;
	margin: -100px auto 0;
	}
.ab_sec1{
	position:relative;
	z-index:9;
	}	
.ab_sec1_con{
	width:100%;
	background:white;
	}
.ab_sec1_con1{
	width:85%;
	margin:0 auto;
	padding:40px 0 60px 0;
	}
.ab_sec1_con1 h5{
	display:inline-block;
	font-size:13px;
	font-weight:600;
	letter-spacing:1px;
	position:relative;
	padding-right:70px;
	color:#c6a25e;
	font-family:Arial, Helvetica, sans-serif;
	}	
.ab_sec1_con1 h5:before{
	width:50px;
	height:1px;
	content:'';
	background:#c6a25e;
	position:absolute; top:6px; right:10px;
	}
.ab_sec1_con1 span{
	font-size:13px;
	font-weight:600;
	letter-spacing:1px;
	color:#333;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	}

.ab_sec1_con2{
	width:75%;
	margin:0 auto;
	padding-bottom:10px;
	}	
	
.ab_sec1_con2>h5{
	font-size:23px;
	text-align:center;
	letter-spacing:2px;
	position:relative; top:60px;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	
	background:white;
	}
	
.ab_sec1_con2>span{
	display: inline-block;
    width: 100%;
    text-align: center;
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
	margin-bottom:30px;
	position:relative; top:60px;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	
	background:white;
	}
	
	
.ab_sec1_con2>p{
	margin-bottom:10px;
    font-size: 13px;
    color: #333;
    line-height: 25px;
    letter-spacing: 1px;
	text-align:center;
	position:relative; top:60px;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	background:white;
	}						

.ab_sec1_con3{
	width:100%;
	margin-top:60px;
	padding-bottom:90px;
	overflow:hidden;
	}
.ab_sec1_con3_img{
	position:relative; left:-120px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	
	}	
.ab_sec1_con3_zi{
	width:100%;
	padding-top:10%;
	padding-left:20px;
	padding-right:50px;
	position:relative; right:-120px;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	
	background:white;
	}	
.ab_sec1_con3_zi h5{
	font-size:24px;
	letter-spacing:1px;
	color:#000;
	line-height:40px;
	}	
.ab_sec1_con3_zi p{
	font-size:13px;
	letter-spacing:1px;
	line-height:25px;
	color:#333;
	}	




.ab_sec2{
	width:100%;
	position:relative;
	z-index:999;
	background:#3e3c3b;
	padding:90px 0;
	}
.ab_sec2_con{
	width:100%;
	}
.ab_sec2_con>h5{
	font-size:18px;
	text-align:center;
	letter-spacing:2px;
	color:#fff;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
.ab_sec2_con>span{
	display: inline-block;
    width: 100%;
    text-align: center;
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
	margin-bottom:30px;
	color:#fff;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}	
.ab_sec2_con>p{
	font-size:13px;
	letter-spacing:1px;
	text-align:center;
	color:#fff;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}	

.ab_sec2_con1{
	width:90%;
	margin:0 auto;
	margin-top:50px;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
.ab2_line{
	position:absolute; left:0;
	bottom:15px;
	width:0px;
	height:1px;
	background:#c6a25e;
	}	
.ab_sec2_con1:before{
	width:111.11%;
	height:1px;
	background:#5c5b59;
	position:absolute; left:-5.555%; bottom:15px;
	}				
.ab_sec2_con1>span{
	display:inline-block;
	float:left;
	line-height:50px;
	width:9.09%;
	cursor:pointer;
	text-align:center;
	font-size:15px;
	font-weight:600;
	color:#6b6561;
	letter-spacing:1px;
	padding-bottom:30px;
	position:relative;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.ab_sec2_con1>span:hover{
	color:#c6a25e;
	}	
.ab_sec2_con1>span:before{
	position:absolute; left:50%; bottom:0px;
	width:1px;
	height:30px;
	content:'';
	background:#6b6561;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.ab_sec2_con1>span:hover:before{
	background:#c6a25e;
	width:2px;
	}	
.ab2_sp{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px !important;
	}
.ab2_on{ 
	color:#c6a25e !important;
	}	
.ab2_on:before{
	background:#c6a25e !important;
	width:2px !important;
	}	

.ab_sec2_con2{
	width:100%;
	margin-top:50px;
	position:relative;
	overflow:hidden;
	}
.ab_sec2_next{
	position:absolute; top:75px; right:25%;
	z-index:99;
	cursor:pointer;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
.ab_sec2_prev{
	position:absolute; top:75px; left:25%;
	z-index:99;
	cursor:pointer;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}		
.ab_sec2_con2_list{
	width:100%;
	display:none;
	}
.ab_sec2_con2_list>h5{
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#c6a25e;
	text-align:center;
	letter-spacing:1px;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
.ab_sec2_con2_list>span{
	width:100%;
	text-align:center;
	display:inline-block;
	font-size:18px;
	color:#fff;
	letter-spacing:2px;
	margin-bottom:30px;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
.ab_sec2_con2_list>p{
	width:70%;
	margin:0 auto;
	letter-spacing:1px;
	color:#fff;
	line-height:25px;
	font-size:13px;
	text-align:center;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}	
.ab_sec2_con2s1{
	width:30%;
	float:left;
	margin-right:5%;
	position:relative;
	background:white;
	height:240px;
	left:-120px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
.ab_sec2_con2s1>img{
	position:absolute; top:-30px; left:-60px;
	}
.ab_sec2_con2s1_con{
	width:100%;
	text-align:center;
	padding-top:10%;
	}
.ab_sec2_con2s1_con span{
	display:inline-block;
	width:100%;
	font-size:30px;
	font-weight:600;
	letter-spacing:1px;
	font-family:'宋体';
	padding-top:10px;
	}	

		
.ab_sec2_con2s2{
	width:65%;
	float:left;
	position:relative;
	right:-120px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}	
.ab_sec2_con2s{
	width:90%;
	margin:0 auto;
	margin-top:50px;
	}						


/*****about页面*******/

	
	
	
	
	
	
	
/*news 页面*/
.new_d{
	text-align:center;
	}
.new_sp{
	display: inline-block;
    line-height: 1;
    vertical-align: middle;
	 color: #fff;
	 font-size:15px;
	 letter-spacing: 2px;
}

.new_sp1{
	display: inline-block;
    line-height: 1;
    vertical-align: middle;
	font-size: 40px;
	letter-spacing: 2px;
	padding:0 3px;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	position:relative; top:-7px;
}

.new_sp2{
	display: inline-block;
    line-height: 1;
    vertical-align: middle;
	font-size:15px;
	letter-spacing:2px;
	color: #fff;
}

.new_box{
	padding-top:45px;
	padding-bottom:90px;
	}

.new_d{
	width:100%;
	overflow:hidden;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}

.new_d h2{
	text-align:center;
	}

	
.new_d h3{
	padding-bottom: 15px;
    padding-top: 10px;
    font-size: 13px;
	font-weight: 200;
	text-align:center;
	letter-spacing:1px;
	display:inline-block;
	line-height:28px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}
	
.new_d h3{
	color:#fff;
	}
	
.new_d:hover h3{
	color:#c6a25e;
	}
	
.new_d h3:after{
    background-color: #fff;
    content: '';
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 20px;
	}	

.new_img{
	width:100%;
	position:relative;
	}
.new_d .new_img:before{
	width:100%;
	height:100%;
	content:'';
	background:#c6a25e;
	position:absolute; top:0; left:0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
}

.new_d:hover .new_img:before{
	opacity:0.3;
    filter:alpha(opacity=30);
    -moz-opacity:0.3; 
    -khtml-opacity:0.3;
    -webkit-opacity:0.3;
	}

	
/*contact*/
.contact{
	padding-top:90px;
	}
.cont_l{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:100px;

	}
.cont_l:before{   
    background-color: #c6a25e;
    content: '';
    height: 60px;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
	}
.cont_l_b{
	width:100%;
	overflow:hidden;

	
	}
.cont_l_b p{
    letter-spacing: 2px;
	color: #212020;
	font-size:16px;
	text-align:center;
	padding-top:26%;
	
	}

.cont_l_b h4{
	text-align:center;
	}
	
.cont_l_b span{
	display:block;
	text-align:center;
	line-height:24px;
	}
	
.cont_l_b h3{
    font-weight: 200;
	margin-top: 2rem;
	letter-spacing: 2px;
	color: #212020;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
    font-size: 30px;
	}	
	
.cont_r{
	width:100%;
	/*height:721px;*/
	height: 500px;
	/*background:url('../images/contact.jpg') no-repeat;*/
	position:relative;
	}
	
.cont_r_a{
	display: inline-block;
    height: 205px;
    line-height: 205px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 205px;
	left:50%;
	top:62%;
	margin-left:-102px;
	margin-top:-102px;
	transform: translateY(-50%);
    z-index: 2;
	font-size:20px;
	color:#c6a25e;
	
	}
	
.cont_r_a:before{
	    background: url("../images/rudio.png") no-repeat center center;
    content: '';
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 205px;
}

.cont_r_a:after{
	background: url("../images/rudio.png") no-repeat center center;
    content: '';
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 205px;
	}

.cont_r_a:hover:before {
    -webkit-transform: rotate(10deg);
	 transform: rotate(10deg);
}	


.cont_r_a:hover:after {
    -webkit-transform: rotate(-10deg);
	 transform: rotate(-10deg);
}	
	
	
	
	
	
	
/*product*/
.prod{
	width:100%;
	overflow:hidden;
	background:#000;
	padding-top:90px;
	}
.prod_box{
	width:100%;
	}
.prod_box>div{
	height:100%;
	}
.prod_box>div>div{
	height:100%;
	}			
.pro_l{
	height:100%;
	position:relative;
	z-index:2;
	overflow:hidden;
	}
  .pro_l:before{
	width:100%;
	height:100%;
	content:'';
	position:absolute; top:0; left:0;
	background:#000;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	-webkit-transition: 0.6s ease;
	-moz-transition: 0.6s ease;
	-ms-transition: 0.6s ease;
	-o-transition: 0.6s ease;	
	transition: 0.6s ease;
	}
.pro_l:hover:before{
	opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5; 
    -khtml-opacity:0.5;
    -webkit-opacity:0.5;
	}
		
.pro_l1{
	background:url(../images/probg1.jpg) no-repeat;
	background-size:cover;
	}	
.pro_l2{
	background:url(../images/probg2.jpg) no-repeat;
	background-size:cover;
	}
.pro_l3{
	background:url(../images/probg3.jpg) no-repeat;
	background-size:cover;
	}
.pro_l4{
	background:url(../images/probg4.jpg) no-repeat;
	background-size:cover;
	}
.pro_l5{
	background:url(../images/probg5.jpg) no-repeat;
	background-size:cover;
	}
.pro_l6{
	background:url(../images/probg6.jpg) no-repeat;
	background-size:cover;
	}					
	
.pro_con{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-75px;
	margin-left:-90px;
	-webkit-transition: 0.6s ease;
	-moz-transition: 0.6s ease;
	-ms-transition: 0.6s ease;
	-o-transition: 0.6s ease;	
	transition: 0.6s ease;
	}
	
.pro_con h3{
	text-align:center;
	font-size:1.5em;
	color:#c6a25e;
	letter-spacing:1px;
	}

.pro_con1{
	position:absolute;
	left:50%;
	top:150%;
	margin-top:-75px;
	margin-left:-90px;
	-webkit-transition: 0.6s ease;
	-moz-transition: 0.6s ease;
	-ms-transition: 0.6s ease;
	-o-transition: 0.6s ease;	
	transition: 0.6s ease;
	}
.pro_con1 h3{
	text-align:center;
	font-size:1.5em;
	color:#fff;
	letter-spacing:1px;
	}	

.pro_l:hover .pro_con{
	top:-50%;
	}
.pro_l:hover .pro_con1{
	top:50%;
	}	
		

.pro_r{
	width:100%;
	height:100%;
	background:white;
	overflow:hidden;
	padding-top:27%;
	}	

.pro_r h3{
	color:#c6a25e;
    font-size:26px;
    font-weight: 400;
    line-height:30px;
	text-align:center;
	margin:0;
	margin-bottom:20px;
	}
.pro_r p{
	width:80%;
	margin:0 auto;
	text-align:center;
	line-height:26px;
	letter-spacing:1px;
	color:#333;
	margin-bottom:30px;
	}		

.swiper-container,.swiper-container1{
  height:auto;
  color: #fff;
  text-align: center;
}
.device {
  width: 100%;
  height: 100%;
  padding: 15px 0px;

  margin: 5px auto;
  position: relative;

}
.pagination,.pagination1 {
  position: relative;
  z-index: 20;
  left:38%;
  bottom:10px;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #999;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-pagination1-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #999;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #666;
}

.swiper-container,.swiper-container1,.swiper-container2 {
  height: 100%;
  width: 100%;
}
.content-slide {

  color: #fff;
}

/****木门之道****/
.mumen_sec{
	width:100%;
	background:#000;
	padding-top:90px;
	position:relative;
	z-index:9;
	}
.mumen_sec_con{
	width:100%;
	background:white;
	position:relative;
	z-index:2;
	overflow:hidden;
    }
.mumen_sec_con:before{
	width:100%;
	height:0%;
	content:'';
	position:absolute; top:0; left:0;
	z-index:;
	background:#c3a577;
	-webkit-transition: 0.4s linear;
	-moz-transition: 0.4s linear;
	-ms-transition: 0.4s linear;
	-o-transition: 0.4s linear;	
	transition: 0.4s linear;
	}	
.bg_on1:before{
	height:100% !important;
	}	
.bg_on2:before{
	opacity:0 !important;
    filter:alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    -khtml-opacity:0 !important;
    -webkit-opacity:0 !important;
	}	
.mumen_sec_con>div{
	height:100%;
	}
	
	
.mumen_sec_con>div>div{
	height:100%;
	}	
	
		
.mumen_sec_con_zi{
	width:100%;
	height:100%;
	padding-top:20%;
	position:relative; top:-80px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;

	background:white;
	}
	
	
.mumen_sec_con_zi h5{
	font-size:24px;
	text-align:center;
	color:#c6a25e;
	margin-bottom:15px;
	}
		
.mumen_sec_con_zi span{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:30px;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#c6a25e;
	}	
	
	
.mumen_sec_con_zi p{
	font-size:14px;
	letter-spacing:2px;
	line-height:25px;
	width:70%;
	text-align:left;
	margin:0 auto;
	color:#666;
	margin-top:35px;
	text-align:justify; 
	text-justify:inter-ideograph;
	}	
	
		
.mumen_sec_con_img{
	width:100%;
	height:100%;
	position:relative; top:-80px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}	
.mumen_sec_con_img1{
	background:url(../images/mumen_1.jpg) center no-repeat;
	background-size:cover;
	}
.mumen_sec_con_img2{
	background:url(../images/mumen_2.jpg) center no-repeat;
	background-size:cover;
	}
.mumen_sec_con_img3{
	background:url(../images/mumen_3.jpg) center no-repeat;
	background-size:cover;
	}
.mumen_sec_con_img4{
	background:url(../images/mumen_4.jpg) center no-repeat;
	background-size:cover;
	}				
/****木门之道*****/



/****定制****/
.dengl{
	width:40%;
	margin:auto;
	line-height:40px;
	}
.dengl p{
	margin:20 0px;
	}
.dengl span{
	float:left;
	text-align:right;
	display:inline-block;
	width:70px;
	}
.dengl a{
	
	padding:10px 50px;
	background: hsl(39, 48%, 57%);
	color:#fff;
	margin-left:20px;
	}
.dengl input{
	height:40px;
	width:79.4%;
	color:#555;
	float: left;
	color:#ccc;
	padding-left:15px;
	margin-left:10px;
	}
.dingzhi1{
	width:100%;
	padding:30px 0 60px 0;
	}

.dingzhi2{
	width:100%;
	position:relative;
	z-index:9;
	padding:60px 0;
	background:#3e3c3b;
	}
/**    map   **/
.mapbox{ position:relative;width:100%;height:640px; margin:0px auto;padding-bottom:80px;}
.map{ position:absolute;width:50%;left:12%;}

.map a{ color:#666; font-size:14px; text-decoration:none;}
.map a:hover{ color:#fff;}
.map .city a{
	font-family:"思源黑体";
	width:100px;
	
	}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}
.city a:focus {
  color: #666;
  text-decoration:none;
}

.zmdbox{position:absolute;top:23%;left:0;width:150%;background:rgba(0,0,0,0.9);border:#dab879 2px solid;height:400px;z-index:999;
}
.guanbi{position:absolute;top:-25px;right:-25px;width:50px;height:50px;background:#dab879;border-radius:50px;text-align:center;line-height:50px;color:white;}
.map .guanbi a{cursor:pointer; text-decoration:none;color:white;}
.map .guanbi img{position:absolute;top:15px;left:15px;}
.map .guanbi img:hover{
	transform:rotate(30deg);
-ms-transform:rotate(30deg); 	
-moz-transform:rotate(30deg); 	
-webkit-transform:rotate(30deg); 
-o-transform:rotate(30deg); 
 }
.zmdnr{width:90%;margin:5% 5%;}
.zmdnr .cs{font-size:18px;color:#dab879;font-family:"思源黑体";line-height:40px;border-bottom:1px solid #dab879; width:auto;}
.zmdnr  .zmdname{border-bottom:1px dotted #ccc;}

.zmdnr  .zmdname  h2{float:left;
font-family:"思源黑体";font-size:14px;
 color:#dab879;}
.zmdname .dianming{margin-right:5%;width:15%;}
.zmdname .dizhi{margin-right:5%;width:45%;}
.zmdname .lianxi{margin-right:5%;width:25%;}


.zmdnr  .zmddz{border-bottom:1px dotted #ccc;}

.zmdnr  .zmddz  h2{float:left;
font-family:"思源黑体";font-size:14px;color:white;
}
.zmddz .dianminga{margin-right:5%;width:15%;}
.zmddz .dizhia{margin-right:5%;width:45%;}
.zmddz .lianxia{margin-right:5%;width:25%;}

	
/****定制****/

/*product1*/
.prod1{
	padding-bottom:90px;
	}
.prod1_box{
	padding-top:90px;
	}
.prod1_top{
	width:100%;
	text-align:center;
	}
.prod1_top_wenzi{
	padding:50px 0;
	font-size: 16px;
    color: hsl(0, 0%, 0%);
    line-height: 32px;
    text-indent: 2em;
	position:relative;
	opacity:0;
	top:20%;
	}
.prod1_top_wenzi p{
	width:82%;
	margin:auto;

	}
.porod1_b2{
	margin:5px 0;
	}
.porod1_b2_font{
	padding-left:40px;
	}
.porod1_b2_font1{
	padding-left:0;
	float:left;
	width:50%;
	}
.porod1_b2_font>h2,.porod1_b2_font1>h2{
    font-size: 38px;
    margin: 40px 0 0 0;
    color: hsl(0, 0%, 20%);
	}
.porod1_b2_font>p,.porod1_b2_font1>p{
    font-size: 14px;
    margin: 30px 0 0 0;
    line-height: 24px;
	}
.porod1_b2_img{
	float:left;
	width:50%;
	}
.porod1_b2_font{
	float:left;
	width:50%;
	}
.porod1_b2_b{
	background:url(../images/prod1_top3.jpg) center no-repeat;
	}
.porod1_b2_font2{
	float:right;
	padding:90px 0;
	margin-right:60px;
	}
.porod1_b2_font2>h2{
	font-size: 30px;
    margin: 90px 0 0 0;
	color:#fff;
}
.porod1_b2_font2>p{
	font-size: 15px;
    margin: 30px 0 90px 0;
    line-height: 26px;
	color:#fff;
	}
.porod1_b3_b{
	display:block;
	width:100%;
	background:#000;
	color:#f9f9f9;
	font-size:20px;
	margin:20px 0;
	line-height:80px;
	text-align:center;
	}
.bg_img{
	position:relative;
	z-index:9;
	}
.hover-box{
	width:0;
	height:100%;
	left:0;
	background:#000;
	position:absolute;
	opacity:0.9;
	filter:alpha(opacity=90);
    -moz-opacity:0.9; 
    -khtml-opacity:0.9;
    -webkit-opacity:0.9;
	top:0;
	}
.shiz{
	width:20px;
	height:20px;
	position: absolute;
    display: inline-block;
	top:50%;
	left:50%;
	}
.heng{
	position:absolute;
	width:0;
	height:1px;
	background-color:#fff;
	top:50%;
	left:0%;

	}
.shu{
	position:absolute;
	width:1px;
	height:0;
	background-color:#fff;
	top:0%;
	left:50%;
	}
	
	
	


.hover1:after{
	width:100%;
	height:100%;
	content:'';
	position:absolute; top:0;
	z-index:9;
	left:0;
	background:#c6a25e;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}	
.hover1:hover:after{
	opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5; 
    -khtml-opacity:0.5;
    -webkit-opacity:0.5;
	}	
/*product1*/

/*product_inner*/
.pro_xq{
	border-top:1px solid #e9e9e9;
	width:100%;
	padding-top:30px;
	}
.product_inner_box{
	margin-top:30px;
	}

.product_i_top{
	padding-bottom:10px;
	border-bottom:1px #e6e6e6 solid;
	  
	}
.top_l{
	float:left;
    color: hsl(0, 0%, 60%);
    line-height: 50px;
    margin:0;
	font-size:14px; 
	}
.b_xz{
	width:20px;
	height:20px;
	background:#000;
	float:left;
   margin-top:15px;
    margin-right:10px;
	}
.b{width:20px;
   height:20px;
   border:1px solid #e9e9e9;
   float:left;
   margin-top:15px;
   margin-right:10px;
	}
.pro_i_nav{
	float:right;
	}
.pro_i_nav>ul>li{
	float:right;
	width:140px;
    color:a hsl(0, 0%, 33%);
    font-size: 14px;
    line-height: 50px;
    margin-left: 10px;
	text-align:left;
	}
.pro_i_nav>ul>li>a{
	color:hsl(0, 0%, 33%);
	}

.wenzi>h2{
	color:#333;
    font-size: 28px;
    border-bottom:#333 solid 5px;
    padding-bottom: 20px;
	

	}
.wenzi_p{
	width:100%
	margin: 20px auto 0px;
    line-height: 30px;
    border-bottom: #333 solid 0px;
    padding-bottom: 10px;
	padding-right:20px;
	}
.wenzi_p>p{
	margin-top:10px;
	
	}

.product_i_con{
	margin:70px 0;
	}
.pro_xq_wz{
	padding:0 10px;
	height:54px;
	line-height:54px;
	width:100%;
	}
.pro_xq_r{
	float:right;
	}
.pro_xq_wz a{
	color:#666;
	}
.pro_xq_wz a:hover{
	color:hsl(4, 72%, 40%);
	}
.mianbx a{
	color:#666;
	padding:0 5px;
	}
.mianbx a:hover{
	color:hsl(4, 72%, 40%);
	}
.product_i_b{
	width:100%;
	padding:30px 0;
	background:hsl(23, 15%, 11%);
	color:#666;
	}
.search{
	float: right;
	}
.search input{
	border:none;
	line-height:50px;
	font-size:20px;
	}
.search span{
	font-size:20px;
	}
.pro_tb{
	position:absolute;
	top:0px;
	left:12%;
	border-bottom:3px solid #000;
	padding-bottom:10px;}
.porod1_b3_b span{
	margin-left:50%;
	font-size:18px;
	}

/*product_inner*/
/*product_inner3*/
.prod3_box1{
	width: 100%;
    margin: 0px auto 0;
    padding: 90px 0 60px 0;
    background:#1f1a17;
	position:relative;
	}	
.prod3_box1 .prod3_box1_l{
	float: left;
    background: hsl(22, 20%, 36%);
    font-family: 宋体;
    font-size: 35px;
    padding: 20px 20px 18px 20px;
    margin-top: 30px;
	color:hsl(30, 54%, 66%)
	}
.prod3_box1 .prod3_box1_r{
	float: right;
    background: hsl(22, 20%, 36%);
    font-family: 宋体;
    font-size: 35px;
    padding: 20px 20px 18px 20px;
    margin-top: 30px;
	color:hsl(30, 54%, 66%);
	position:absolute;
	top:90px;
	right:30%;
	}
.prod3_box1_top{
	width:55%;
	margin:auto;}
.por_qh{
	width:65%;
	margin:auto;
	height:170px;
	text-align:center;
	background:url(../images/pro_bg.jpg) no-repeat center top;
	line-height:170px;
	text-align: center;
    line-height: 30px;
    font-size: 40px;
    color: hsl(30, 54%, 66%);
    margin: 0px auto 0;
    padding-top: 38px;
	}
.pro_i3_wz{
	width:100%;
	background:#212121;
	padding:30px 0;
	margin-top:20px;
	}
.i3_wz_con{
	width:78%;
	margin:auto;
	}
.pro_i3_wz .span1{
	font-size:90px;
	color:#fff;
	float:left;
	}
.pro_i3_wz .span2{
	font-size:90px;
    float:right;
	color:#fff;
	position:relative;
	top:-52px;
	}
.i3_wz_p{
	
	width:92%;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	margin:auto;
	margin-top:35px;
	
	}
.i3_wz_p>p{
	width:90%;
	color:#fff;
	margin:auto;
	padding:20px 0;
	letter-spacing:2px;
	line-height:25px;
	}
.lin{
	margin-top:30px;
	width:70%;
	height:1px;
	background:#e9e9e9;
	margin:auto;
	}
.pro2_lin{
	width:100%;
	height:1px;
	background:#e9e9e9;
	margin-bottom:70px;
	}
.bg_g{
	height:300px;
	overflow:hidden;
	}
.pro_i2_wz{
	background:url(../images/bg_g2.jpg) no-repeat center;
	width:100%;
	text-align:center;
	padding:100px 0;
	}
.porod2_b{
	width:100%;
	background: url(../images/sec3_img.jpg) center no-repeat;
	background-size:cover;
	margin-bottom:70px;
	}

	
/*product_inner*/	
/*huand*/
.text1,.text3,.text5,.img4,.img2{
	position:relative;
	opacity:0;
	right:-10%;
	
	}
.text2,.text4,.img5,.img3,.img1{
	position:relative;
	opacity:0;
	right:10%;
		 }
.top2,.k2,.k1,.k3,.k4{
	position:relative;
	opacity:0;
	top:10%;
	}
/*huand*/

.news_inner{
	text-align:center;
	color:#fff;
	margin-bottom:40px;
	}
.news_inner>h2{
	margin-bottom:20px;
	}
.news_inner>span{
	padding:0 30px;
	margin-top:20px;
    color: hsl(30, 1%, 62%);
	}
.news_inner>p,.news_inner>h4{
	padding-top:15px;
	letter-spacing:1px;
	width:80%;
	margin:auto;
	text-align:left;
	line-height:30px;
	color:#ccc;
	}
.new_i_img{
	width:30%;
	margin:auto;
	padding:30px 0;
	}
.n_fh{
	padding:15px 40px;
	background: hsl(39, 48%, 57%);
	color:#fff;
	margin:auto;
	
	}
.fh{
	width:100%;
	text-align:center;
	}

/*sousuo*/
.zxdl_btn{
	background:#ea5404;
	}
.zxdl_btn>a{
	color:#fff !important;
	}
.zxdl_con{
	width:100%;
	position:fixed;
   top:0; left:0;
	z-index:9999999;
	display:none;
	}
.zxdl_con_zi{
	width:98%;
	height:98%;
	margin-top:0.5%;
	margin-left:1%;
	background:#fff;
	}



.zxdl_con>div{
	position:relative;
	height:100%;
	}	
.zxdl_cons{
	width:100%;
	position:absolute; left:0; top:50% !important;
	}	
.gbann{
	position:absolute;
	top:20px;
	right:60px;
	}	
.gbann>span{
	font-size:30px;
	display:inline-block;
	width:50px;
	height:50px;
	border-radius:60px;
	color:#fff;
	background:#000;
	text-align:center;
	line-height:46px;
	cursor:pointer;
	}
.zxdl_con_zi_l{
	text-align:center;
	padding:4%;
	}
.zxdl_con_zi_l p{
	color:#ccc;
	font-size:14px;
	margin-bottom:20px;
	}
.ssjg h5{
	color:#666;
	padding-bottom:2%;
	font-size:16px;
	text-align:left;
	}
.zxdl_con_zi_l input{
	width:30%;
	margin:auto;
	text-align:center;
	border:none;
	border-bottom:1px solid #c6a25e;
	color:#999;
	font-size:24px;
	padding-bottom:10px;
	padding-top:30px;
	}
.ssjg{
	margin-top:8%;
	padding-bottom:2%;
	}
#dituContent{
	position:absolute;
	top:0;
	left:0;
	opacity:1;
    filter:alpha(opacity=);
    -moz-opacity:0; 
    -khtml-opacity:0;
   /* -webkit-opacity:0;*/
	}
.cont_r{
	position:relative;
	}
.gbdt{
	width:30px;
	height:30px;
	border-radius:30px;
	color:#fff;
	position:absolute;
	background:#000;
	text-align:center;
	line-height:30px;
	top:10px;
	right:10px;
	z-index:999999;
	opacity:0;
   filter:alpha(opacity=);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}
.gbdt a{
	color:#fff;
	}
.dz_con{
	width:90%;
	margin:auto;
	padding:0 15px;
	padding-bottom:40px;
	}
.dz_in{
	background:#31302e !important;
	}
.dz_qh ul li{
	width:80%;
	text-align:center;
	background:#c6a25e;
	font-size:14px;
	line-height:20px;
	padding:30px 30px;
	margin-bottom:15px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}
.dz_qh ul li:hover{
	background:#31302e;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}
.dz_qh ul{
	padding-left:0;
	}
.dz_qh ul li a{
	color:#fff;
	}
.dz_qh ul li a i{
	font-size:35px;
	}
.tubiao{
	font-size:25px;
	}
.dz_xz{
	text-align:center;
	}
.dz_xz{
	background:#666;
	text-align:center;
	color:#fff;
	line-height:50px;
	}
.dz_xz p,.dz_xz1 p,.dz_xz2 p{
	margin-bottom:0;
	}
.dz_xz1{
	text-align:center;
	background:#ededed;
	line-height:40px;
	}
.dz_xz2{
	text-align:center;
	background:#fff;
	line-height:40px;
	}
.tz1{
	text-align: left;
	background:#ededed;
	line-height:40px;
	padding:0 15px;
	color:#666;
	}
.tz1 i,.tz2 i{
	margin-right:15px;
	color:#c6a25e;
	}
.tz2{
	text-align: left;
	background:#fff;
	line-height:40px;
	padding:0 15px;
	color:#666;
	}
.hin{
	height:20px;
	}
@media (max-width: 767px) {
	body{
	overflow-x: hidden;
		}
.ab_sec1_con1{
	padding:20px 0;
	}
.ab_sec1_con2{
	width:90%;
	}
.ab_sec1_con2>span,.ab_sec2_con>span,.mumen_sec_con_zi span{
	font-size:18px;
	margin-bottom:15px;
	}
.ab_sec1_con2>h5,.ab_sec2_con>h5,.ab_sec2_con2_list>span,.sec3_zis span,.sec3_zis h5,.mumen_sec_con_zi h5{
	font-size:16px;
	}
.ab_sec1_con2>p,.ab_sec1_con3_zi p,.ab_sec2_con>p,.ab_sec2_con2_list>p,.sec1_zis>p,.sec1_zi>a,.mumen_sec_con_zi p,.new_d h3,.porod1_b2_font>p, .porod1_b2_font1>p{
	font-size:12px;
	}
.ab_sec1_con3_zi h5{
	font-size:18px;
	line-height:34px;
	}
.ab_sec1_con3_zi{
	padding-top:1%;
	padding-right:20px;
	}
.ab_sec1_con3{
	padding-bottom:30px;
	}
.ab_sec2{
	padding:30px 0;
	z-index:999999;
	}
.ab_sec2_con2_list>p{
	width:100%;
	}
.ab_sec2_next{
	right:5%;
	}
.ab_sec2_prev{
	left:5%;
	}
.ab_sec2_con2s1{
	height:160px;
	}
.footop_left{
	width:100%;
	}
.ab_sec2_con2{
	margin-top:30px;
	}
.cont_l:before {
    background-color: inherit;
    content: '';
    height:0;
    left:0;
    position: inherit;
    top: 0;
    width:0;}
.cont_l_b p{
	padding-top:0;
	}
.contact{
	padding-top:40px;
	}	
.cont_l_b h3{
	font-size:14px;
	}
.cont_l{
	padding-bottom:30px;
	}
.cont_r{
	height:250px;
	}
.cont_r_a{
	margin-top:0;
	}
.sec1_zis>img{
	margin-bottom:20px;
	width:70%;
	}
.sec1_zi>a{
	width:120px;
	line-height:40px;
	margin-top:20px;
	}
.sec3_img>span,.sec4{
	padding:0;
	}
.mumen_sec_con_zi p{
	width:90%;
	margin-top:0px;
	}
.mumen_sec_con{
	height:300px !important;
	}
.mumen_sec_con_zi{
	padding-top:10%;
	}
.mumen_sec,.prod{
	padding-top:50px;
	}
.new_box{
	padding:0;
	}
.new_d h3{
	width:50%;
	float:right;
	margin-bottom:10px;
	}
.new_img{
	width:46%;
	float:left;
	margin-right:4%;
	}
.new_d>p{
	margin-top:10px;
	}
.new_box .col-xs-12{
	padding:0 !important;
	padding-bottom:20px !important;
	}
.prod1_top>img{
	width:40%;
	margin:auto;
	}
.prod1_box{
	padding-top:30px;
	}
.prod1_top_wenzi p,.porod1_b2_font1{
	width:100%;
	font-size:12px;
	line-height:24px;
	}
.porod1_b2_img{
	width:100%;
	}
.porod1_b2_font{
	width:100%;
	padding-left:0;
	}
.porod1_b2_font>h2, .porod1_b2_font1>h2{
	font-size:18px;
	}
.porod1_b2_font>p, .porod1_b2_font1>p{
	margin-top:20px;
	}
.prod1_top_wenzi{
	padding:30px 0;
	}
.porod1_b2_font>h2, .porod1_b2_font1>h2{
	margin:20px 0 0 0;
	}
.porod1_b2{
	margin-bottom:40px;
	}
.porod1_b2_font2{
	margin-right:0;
	padding:30px 20px;
	margin: 30px 0;
	background-color:#666;
	opacity:0.9;
	}
.porod1_b2_font2>h2{
	font-size:20px;
	margin:0;
	}
.porod1_b2_font2>p{
	margin:30px 0;
	font-size:12px;
	}
.pro_i_nav>ul>li{
	width:45%;
	float:left;
	margin-left:5%;
	}
.search input{
	font-size:16px;
	margin-right:100px; 
	}
.wenzi>h2{
	font-size:18px;
	float:left;
	padding-bottom:10px;
	}
.wenzi_p{
	padding-right:0;
	}
.product_i_con{
	margin:20px 0;
	}
.pro2_p{
	font-size:14px;
    line-height:25px;
	}
.pro2_lin{
	margin-bottom:30px;
	}
.pro_i2_wz{
	padding:40px 0;
	}
.pro_i2_wz img{
	width:100%;
	
	}
.bg_g{
	height:auto;
	}
.bg_g>img{
	margin-top:0 !important;
	}
.porod2_b{
	margin:30px 0;
	}
.prod3_box1_top{
	width:100%;
	}
.prod3_box1 .prod3_box1_l{
	padding:10px 10px 8px 10px;
	font-size:28px;
	}
.prod3_box1 .prod3_box1_r{
	padding:10px 10px 8px 10px;
	font-size:28px;
	right:15px;
	margin-top:0;
	}
.por_qh{
	font-size:24px;
	}
.i3_wz_con{
	width:100%;
	}
.i3_wz_p>p{
	padding:0;
	}
.i3_wz_p {
	border:0;
	}
.porod1_b2_font h3{
	margin-top:20px !important;
	font-size:18px !important;
	}
.prod3_box1{
	padding:60px 0 0 0;
	}
.sec1_con>h5{
	font-size:16px;
	top:0;
	opacity:1;
	}
.dingzhi1{
	padding:0 0 0 30px;
	}
.dingzhi2{
	padding-bottom:30px;
	}
.porod1_b3_b{
	font-size:14px;
	margin:0;
	line-height:40px;
	text-align:center;
	}
.hlp{
	height:350px !important;
	}
.prod1{
	padding-bottom:30px;
	}
.pagination, .pagination1{
	left:0;
	}
.dengl{
	width:100%;
	line-height:35px !important;
	}
.dengl input{
	width:69.3%;
	height:35px;
	}
.dengl a{
	float:inherit;
	padding:6px 15px;
	font-size:12px;
	}
.in{
	width:55% !important;
	}
.foot-sp{
	width:75%;
	}
.news_inner>h2{
	font-size:18px;
	width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    line-height: 25px;
	}
.news_top h2{
	width:auto;
	font-size:18px;
	}
.news_inner>p, .news_inner>h4{
	width:90%;
	font-size:12px;
	line-height:24px;
	}
.news_inner p img{
	width:100%;
	}
.news_inner img{width:100%;}
.news_inner>span{
	padding:0 10px;
	}
.new_i_img{
	width:90%;
	padding:10px 0;
	}
.n_fh{
	padding:10px 30px;
	}
.main_pro_list{
	width:50%;
	float:left;
	padding: 5%;
	font-size:12px;
	color:#000;

	}
.swiper-slide{
	height:auto !important;
	}
.device .arrow-left {
  background: url('../images/arrows.png') no-repeat left top;
  position: absolute;
  left: 5px;
  top:30%;
  z-index:999;
  width: 11px;
  height: 20px;
}
.device .arrow-right {
  background: url('../images/arrows.png') no-repeat left bottom;
  position: absolute;
  right: 5px;
  top:35%;
  margin-top: -15px;
  width: 11px;
  height: 20px;
  z-index:999;
}

.device .arrow-left1{
  background: url('../images/arrows1.png') no-repeat left top;
  position: absolute;
  left: 5px;
  top:30%;
  z-index:999;
  width: 11px;
  height: 20px;
}
.device .arrow-right1{
  background: url('../images/arrows1.png') no-repeat left bottom;
  position: absolute;
  right: 5px;
  top:35%;
  margin-top: -15px;
  width: 11px;
  height: 20px;
  z-index:999;
}

.foot-bottom{
	width:100%;
	text-align:center;
	}
.sec3_img>a{
	width:180px;
	font-size:12px;
	}
.newsleft{
	width:auto;
	margin:0 5px;
	}
.ab_sec2_con2s1>img{
	width:100%;
	left:-10px;
	}
.ab_sec2_con2_list {
	display:block !important;
	}
.pro_i_nav ul{
	padding-left:0 !important;
	}
.pro_i_nav>ul>li>a{
	font-size:12px;
	}
#dituContent{
	height:300px !important;
	}
.phone_anv{
	display:inline-block;
	width:50%;
	margin:0;
	padding:0 !important;
	}
.dz_nav{
	display:inline-block;
	width:40%;
	margin:0;
	padding:0 !important;
	}
.in{
	width:53% !important;
	}
.cmb{
	margin-bottom:15px !important;
	padding:0 !important
	}
.dlp{
	padding:0 !important
	}
.dz_lb{
	background:#31302e;
	color:#fff;
	}
.dz_xz2,.dz_xz1{
	margin-bottom:15px;
	}
.dz_qh ul li{
	width:100%;
	}
.dz_qh ul li img{
	width:30%;
	}





.phone_ban{
	height:auto;
	margin-top:60px;
	}
body,html{
	overflow-x:hidden;
	}
.main_pro_list p{
	height:60px;
	}



.sjocn{
	height:auto !important;opacity:1 !important;
	}
.mumen_sec_con_zi{
	opacity:1 !important;
 	}
.mumen_sec_con{
	overflow:visible;
	}
.mumen_sec_con_zi h5{
	margin-top:30px;
	}
.porod1_b3_c .nul{
	margin-bottom:15px;
	}
.page a{
	float:left;
	margin-bottom:3px;
	}
.pagination{
	padding-left:10px !important;
	}
.sscp{
	height:auto !important;
	}
	
.banner_inner{
	z-index:-1;
	}
.ab_sec2_con .swiper-container{
	height:520px !important;
	}
}

.pagination{
	left:0;
	}
.sscp{
	height:580px;
	}
	.dabaikuang{
		padding: 2% 5%;
		overflow: hidden;
		margin-top: 30px;
	}
	.lx_li{
		float: left;
		padding-bottom: 5%;
		padding-top: 5%;
		border-bottom: 1px solid #e7e7e7;
		width: 80%;
	}
   .lx_li_1{
	   margin: 10px;
	   float: left;
	   padding-bottom: 5%;
	   border-bottom: 1px solid #e7e7e7;
	   width: calc(25% - 20px);
	   height: 145px;
    }
 
    .lx_li_2{
		margin: 14px;
		float: left;
		padding-bottom: 5%;
		padding-top: 10%;
		/* border-bottom: 1px solid #e7e7e7; */
		width: 24%;
		/* height: 150px; */
    }
	.lxtb{
		float: left;
	}
	.lxtbwz{
		float: left;
		transform: translateX(10%);
	}
	.lxtbwz2{
		float: left;
		transform: translateX(20%);
	}
	.lxtbwz3{
		float: left;
		transform: translateX(24%);
	}
	.jtgzh2{

		margin-left: 3px;
		font-size: 15px;
	}
    .jtgzh1{

		margin-left: 11px;
		font-size: 15px;
    }
	.gzhtp{

		width: 100%;
	}
.contact .col-md-12{
	margin-top: 30px !important;
}


	 @media screen and (max-width: 1250px){
	 	.dabaikuang{
   			margin-top: 80px;
   		}
   		.lx_li_1{

			height: 160px;
   		}
   		.contact .col-md-12>div:first-child{
   			position:relative;
   			top:90px;
   		}
	 }


   @media screen and (max-width: 750px) {
   		.dabaikuang{
   			padding: 0;
   		}
    	.lx_li_1{
    		width: calc(50% - 20px);
			height: 250px;
   		}
   		.contact .col-md-12>div:first-child{
   			position:relative;
   			top:80px;
   		}
       .lx_li_2{
			margin: 10px;
       }
    }