/*!
 * @名称：mian.css
 * @功能：1、主要模块的样式
 */
/**/
.video-box{ 
	position: relative;
	 width: 100%; 
	 max-width: 1920px;
	 background-image: url(../images/video-img2.jpg) ;
	 background-repeat: no-repeat;
	 background-position: center top;
	 height:1054px;
	 }
.video-main{
	
	width: 1000px; 
	position: absolute;
	left:17%;
	top:330px;

}
.video-logo{

	width:100%;
	max-width: 239px;
	margin: 0px auto 20px;

}
.video-button{

	 color: #fff;
	 width: 200px;
	 height: 50px;
	 line-height: 50px;
	 margin: 0px auto;
	 border:2px #fff solid;
}
.video-button a{

	float: left;
	width: 39px;
	 margin-left: 15px;
	 margin-top: 5px

}
.video-button span{

	text-align:  center;
	float: left;
	width: 130px;
	font-size: 18px;
}
.video-word{

	position: absolute;
	left:10%;
	bottom: 50px;

}
.video-word span{

	display: block;
	font-size: 38px;
	color:#fff;
	font-weight: bold;
}
/*head*/
.header{

	background-color: #302825;
	height: 100px
}
.logo{

	float: left;
	 width: 133px;
	 margin-top: 15px
}
.head-nav{

	float: right;
	width: 700px;

}
.head-title{

	 float: right;
	 margin: 15px 0px 10px;
	width:350px;
	 color: #fff;
	position: relative;
	z-index: 99
}
.head-title h1{

	 float: left;
	 font-size: 16px;	
	 font-weight: normal;
	 margin-top: 5px
}
.head-title h1 img{

	 vertical-align: middle;
}
  /*语言栏*/
 .language-menu{
 	float: right;
 	width:120px;
 	height:28px;
 	margin:0px auto;
 	background-color: #4A4A4A;
 	border-radius: 3px;
 	position: absolute;
 	right: 0px;
 }
.language-menu p{
	display:block;
	padding-left:12px;
	line-height:28px;
	font-size: 14px;
}
.set{
	background:url(../images/icon-2.png) 90px 7px no-repeat; 
	cursor: pointer;
}
.select{background:url(../images/icon-2.png) 90px 7px no-repeat;}
.new{
	width:120px;
	position:absolute;
	background-color: #fff;
	display:none;
	color:#444;
	font-size: 14px
}
.language-menu ul li{
	line-height:28px;
	padding-left:12px; 
	display: block;
}
.language-menu ul li:hover{
	background:#CCC;
	color:#FFF;
	cursor: pointer;
}
/*nav*/

.nav{

	display: block;
	clear: both;

}
.navbar ul{
	width: 700px;
	height: 40px;
	margin: auto;
	position: relative;
	 }
	.navbar  li{
	float: left;
	position: relative;
	z-index: 5;
	/*width: 60px;*/
	/*text-align: center;*/
        }
.navbar li a{
	text-decoration: none;
	color: white;
	font-size: 20px;
	line-height: 40px;
	padding: 0 28px;
	margin-right: 2px;

	}

        .navbar  li:last-child a{
	padding-right: 0px

        }
 .navbar li a:hover{

	color: #E0E0DF;
 }
.cls{clear:both;}

/*banner*/
.banner-image{ 
	width: 100%;
	max-width: 1920px;
	background-image: url(../images/info_bg.jpg) ;
	 background-repeat: no-repeat;
	 background-position: center top;
	 height: 950px;
 }
 .banner-img2{

 	width: 100%;
	max-width: 1920px;
	background-image: url(../images/banner-1.jpg) ;
	 background-repeat: no-repeat;
	 background-position: center top;
	 height: 600px;
 }
 .banner-img3{
	
	width: 100%;
	max-width: 1920px;
	background-image: url(../images/banner-2.jpg) ;
	 background-repeat: no-repeat;
	 background-position: center top;
	 height: 523px;

 }
  .banner-img4{
	
	width: 100%;
	max-width: 1920px;
	background-image: url(../images/banner-3.jpg) ;
	 background-repeat: no-repeat;
	 background-position: center top;
	 height: 536px;

 }
 .banner-mask{

	
 	width:100%;
 	background-image: url(../images/banner-mask.png) ;
	 background-repeat: no-repeat;
	 background-position: left top;
	
 }
 .index-mask{

 	 height: 950px;
 }
 .banner-desc{

	width: 700px;
	position: relative;
	

 }
 .index-desc{
	top: 250px

 }
 .subpage-mask{

 	height: 600px
 }
 .subpage-desc{

 	top: 250px
 }
  .banner-desc h1{

  	width: 400px;
  	margin: 0 auto;
  	font-size: 36px;
  	color: #fff;
  	font-weight: bold;

  }
   .banner-desc p{

   	width:400px;
   	font-size: 18px;
   	color: #fff;
   	line-height: 30px;
   	margin: 30px auto;
   }
  .banner-desc a{
	
	display: block;
	color:#fff;
	font-size: 16px;
	 border: 1px #fff solid;
	 text-align: center;
	 margin: 0 auto;
	 width: 200px;
	 height: 40px; 
	 line-height: 40px; 
	 margin-top: 50px;


  }
  .banner-desc a:hover{

  	background-color: rgba(0,0,0,0.2);
  }
  .subpage-desc h2{
		

  	margin: 0 auto;
  	font-size: 38px;
  	color: #fff;
  	font-weight: 600;
	text-align: right;
  }
 .subpage-desc span{
	
	font-size: 28px;
	color: #fff;
	margin-top: 15px;
	display:block;
	text-align: right;

 }
  /*main*/
.module-1{
		
	background-color: #F0F0F0;
	padding-bottom: 100px
	

  }
  .module-2{

	overflow: hidden;

  }
  .work-path{

  	background-color: #1E1917;
  	 overflow:hidden;

  }
  .module-3{
		
	background-color: #F0F0F0;
	

  }
  .module-4{
		
	

  }
  /*模块yi*/
  .procedure-ul{

  	width: 800px;
  	margin: 30px auto 100px;
  	overflow: hidden;

  }
  .procedure-ul li{

  	float: left;

  }
  .procedure-ul li span{
	
	display: block;
	text-align: center;
	 margin-top:5px;
	 font-size: 16px;
	 color:#584C48;

  }
   .lang-icon{ line-height: 130px; }
  .lang-icon img{
	
	vertical-align: margin

  }
  .work-h1{

  	 text-align: center;
  	 font-size: 42px;
  	 color:#AB9C97;
  	 margin-top: 80px;
  	 margin-bottom: 20px
  }
/*模块二*/
.choose-box{
	background-image: url(../images/bg-img2.jpg);
	background-position:  center top;
	background-repeat: no-repeat;
	height: 836px;

}
.choose-me{

	float: right;
	width: 600px;
	 height: 300px
}
.choose-title{

	 margin-left: 140px;
	 margin-top: 90px;
	 color: #fff;
	 font-size: 42px
}
.sort-1{

	margin-left: 80px;
	margin-top: 70px;
}
.sort-2{

	margin-left: 40px;
	margin-top: 70px;

}
.sort-3{

	margin-left: 0px;
	margin-top: 70px;
}
.sort-4{

	margin-left: -40px;
	margin-top: 70px;
}
.sort-5{

	margin-left: -80px;
	margin-top: 70px;
}
.sort-6{

	margin-left:-120px;
	margin-top:70px;
}
.choose-me p{

	font-size: 22px;
	color: #fff;
}
/*图片遮罩层*/
#mack-box{
	
	margin:0px auto;
}

#mack-box ul{}
#mack-box ul li{
	float: left;
	width: 300px;
	height: 300px;
	position: relative;
	overflow: hidden;
}
#mack-box ul li img{
	display: block;
	width: 300px;
	height: 300px;
}
#mack-box ul li .cove{
	width: 300px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 300px;
	background-image: url(../images/picure-mask.png);
	background-repeat: no-repeat;
	background-position: left top; 
	padding: 140px 0 0 0;
}
#mack-box ul li .cove p{

	font-size: 20px;
	color:#fff;
	text-align: center;

}
.latest-h1{

	color: #4A4A4A;
	font-size: 36px;
	margin-top: 50px;
}
.latest-box{

	overflow: hidden;
	margin: 30px 0px
}
.latest-box dl{
		
	float: left;
	width: 207px;
	border: 1px #8E8785 solid;
	margin-left: 32px;
	margin-top: 23px;

}
.latest-box dl:nth-of-type(1),
.latest-box dl:nth-of-type(6),
.latest-box dl:nth-of-type(12),
.latest-box dl:nth-of-type(18),
.latest-box dl:nth-of-type(24){
	
	margin-left: 0px

}
.latest-box dd span{
	display: block;
	height: 50px; 
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color:#4A4A4A;

}
.latest-box dd a{
	
	display: block;	
	margin: 20px auto;
	width: 142px;
	border: #8E8785 1px solid;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #4A4A4A;
	text-align: center;
}
.latest-box dd a:hover{
	
	color: #fff;
	background-color: #AB9C97;

}
/*分页*/
.page{

	width: 350px;
	margin: 20px auto;
	height: 40px;

}
.page-muber{
	float: left;
	font-size: 16px;
	color: #A2A1A1;
	 padding: 0 18px;
	 text-align: center;
}
.page-muber:hover{

	color:#000;
}
/*模块三*/
.sand-bg{

	width: 100%;
	background-image: url(../images/bg-img7.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	height: 874px;

}
.sand-h1{

	font-size: 42px;
	text-align: center;
	height: 100px; 
	line-height: 100px;
	color: #fff

}
.sand-main{

	overflow: hidden;
	margin: 40px 0px 70px

}
.sand-word{
	float: left;
	width: 620px;


}
.sand-word span{

	display: block;
	text-align:right;
	line-height: 32px;
	font-size: 20px;
	color: #fff
}
.sand-word1 span{

	margin-right: 40px;
}
.sand-word2{

	width: 575px;
}
.sand-word2 span{

	margin-right: 50px;
}
.sand-word3{

	width: 538px;
}
.sand-word3 span{

	margin-right: 60px;
}
.sand-word4{

	width: 500px;
}
.sand-word4 span{

	margin-right: 70px;
}
.tree-box{

	float: left;
}
.tree-bg{

	background-image: url(../images/bg-img3.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	text-align: center;
	

}
.tree-bg:hover{

	background-image: url(../images/bg-img4.png);
	background-repeat: no-repeat;
}
.tree-in-img1{
	
	background-image: url(../images/web_1.png);
	background-repeat: no-repeat;
	background-position: center center; 
	width: 100px;
	height: 100px;
	
}
.tree-in-img1:hover{
	
	background-image: url(../images/web_11.png);
	background-repeat: no-repeat;
	background-position: center center; 

}
.tree-in-img2{
	
	background-image: url(../images/web_2.png);
	background-repeat: no-repeat;
	background-position: center center; 
	width: 100px;
	height: 100px;
	

}
.tree-in-img2:hover{
	
	background-image: url(../images/web_12.png);
	background-repeat: no-repeat;
	

}
.tree-in-img4{
	
	background-image: url(../images/web_3.png);
	background-repeat: no-repeat;
	background-position: center center; 
	width: 100px;
	height: 100px;


}
.tree-in-img4:hover{
	
	background-image: url(../images/web_13.png);
	background-repeat: no-repeat;
	background-position: center center; 


}
.tree-in-img3{
	
	background-image: url(../images/web_4.png);
	background-repeat: no-repeat;
	background-position: center center; 
	width:100px;
	height: 90px;


}
.tree-in-img3:hover{
	
	background-image: url(../images/web_14.png);
	background-repeat: no-repeat;
	background-position: center center; 
	width:100px;
	height: 100px;


}
.vision-box{

	background-color: #F0F0F0;
	width: 100%; 

}
.vision-bgimg{
	
	background-image: url(../images/bg-img8.jpg);
	background-repeat: no-repeat;
	background-position: center center; 
	height: 876px

}
/*模块二*/
.vision-h1{
	font-size: 42px;
	color: #584C48;
	height: 100px; 
	line-height: 100px;
	text-align: center;
	padding-top: 50px

}
/*关于我们*/
.about-box{

	background-color: #1E1917
}
.license-box{

	overflow: hidden;
}
.license-box h1{

	float: left;
	margin: 30px 0px

}
.license-box h1 span{

	display: block;
	font-size: 20px;
	color: #fff;
	text-align: center;
	height: 40px; 
	line-height: 40px;

}
.about-title{

	font-size: 42px;
	color: #fff;
	height: 100px; 
	line-height: 100px;
	width: 1050px;
	margin: 0 auto

}
.about-p1{

	font-size: 18px;
	color: #fff;
	line-height: 30px;
	width: 1050px;
	margin: 0 auto
}
/*联系我们*/
.contact-box{

	background-color: #4A4A4A;
	padding:50px 0px 100px;
}
.contact-titlle{

	font-size: 42px;
	color: #fff;
}
.contact-p1{

	font-size: 18px;
	color: #fff;
	line-height: 30px;
	 width: 1000px; 
	 margin: 40px auto;
}
.contact-form{
	width: 1000px;
	margin: 0 auto;

}
.contact-form p{

	overflow: hidden;
	border-bottom:1px #898989 solid; 
	padding-bottom: 5px;
	margin: 20px 0px
}
.contact-form label{

	float: left;
	width:160px;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
}
.contact-form label span{
	color: #ED1C27;
	font-size: 30px;
	vertical-align:middle;
	line-height: 40px;

}
.contact-form input{
	float: left;
	border: none;
	background:none;
	width: 800px;
	color: #fff;
	font-size: 16px;
	font-family: "Microsoft";
	line-height: 40px;
}
.contact-form textarea{
               float: left;
	background:none;
	border: none;
	resize: none;
	height: 100px;
	width: 800px;
	color: #fff;
	font-size: 16px;
	font-family:  "Microsoft";
	line-height: 30px;
	margin-top: 5px;

}
.submit-btnbox{

	display: block;
	width: 200px;
	border: 1px #fff solid;
	margin: 40px auto;
	height: 40px; 
	line-height: 40px;

}
.submit-btnbox .submit-input{
	width: 200px;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	cursor: pointer;

}
.gallery-box{

	background-color: #484848;
	padding-bottom:100px;
}
.gallery-h1{

	font-size: 42px;
	height: 100px;
	line-height: 100px;
	color: #fff;
	text-align: left;
}
/*模块二*/
.use-explain{

	background-image: url(../images/web_b-1.png);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px auto;
}
.explain-1{

	width: 210px;
	 margin: 0px auto;
	 height: 200px;
	 position: relative;
	 top: 150px;
}

.explain-2{

	width: 760px;
	height: 300px;
	overflow: hidden;
	 position: relative;
	 top: 235px;
	 margin: 0 auto;

}

.explain-2-1{
	float: left;
	width: 200px;
}

.explain-2-2{
	float: right;
	width: 200px;
}

.explain-3{
	width: 210px;
	height: 300px;
	overflow: hidden;
	 position: relative;
	 top: 220px;
	 margin: 0 auto;
}

.use-explain h1{
	font-size: 28px;
	color: #000;
	text-align: center;
}
.use-explain p{
	font-size: 16px;
	color: #000;
	text-align: center;
	width: 150px;
	margin: 0 auto;
	line-height: 22px
}

.news-box{
	background-color: #4A4A4A;
	padding: 30px 0px;
	overflow:hidden;
}

.news-images-text{
	width: 570px;
}

.news-title{
	font-size: 42px;
	line-height: 100px;
	color: #fff;
}

.news-left{float: left;}

.news-right{float: right;}

.news-images-text p{
	line-height: 25px;
	font-size: 14px;
	color: #fff;
	padding: 10px 0px
}