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

<style>

/*CSS重置*/
*{ margin:0; padding:0;}
body{ background-color:#f7f7f7;}
ul{ margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none;}
img{ display:block;}
.clearfix{ clear:both;}

/*最顶部*/

.top{ background-color:#e6e6e6;
      height:35px;}
	  
.toptext01{ font-size:12px;
            font-family:"微软雅黑";
			color:#999999;
			float:left;
			margin-left:478px;
			margin-top:10px;}
			
.toptext02	{ font-size:12px;
            font-family:"微软雅黑";
			color:#999999;
			float:right;
			margin-right:478px;
			margin-top:10px;}				   


/*导航*/

.navbox{ width:1200px;
         height:384px;
		 margin:0 auto;
		 margin-top:35px;
		 position:relative;
		 z-index:999;
		 overflow:hidden;
		 }
.nav{position:relative; z-index:99999;}
.nav li{ float:left;
         background-color:#018ae2;
		 line-height:88.5px;
		 padding-left:20px;
		 padding-right:20px;}

.nav > li{ position: relative; z-index:9999;}
			
.nav ul{ position:absolute;
z-index:99999;
         left:0; 
		 top:87px;
		 width:182px;}
		 
.nav a{ font-size:18px; 
        font-family:"微软雅黑"; 
		color:#FFF;}

.nav li ul li a{ display:block; width:142px; padding:0; line-height:40px; font-size:15px; }

.nav li ul li a:hover{color:#ffce24;}

.logo{ float:left;}


/*banner*/

.banner{ width:1619px;
         margin:0 auto;
		 margin-top:74px;}


/*banner下方*/

.contentnav{ width:1200px; 
             height:200px; 
             margin:0 auto; 
			 margin-top:50px;}
			 
.contentnav img{ margin-left:12px;}

.content01{float:left;}
.content02{ float:left;}
.content03{ float:left;}


/*新闻*/

.newstitle{ width:365px;  
            margin:0 auto;
			margin-top:60px;}

.newsleft{ width:590px; 
           height:320px;
		   float:left;}

.news01{ font-size:14px; 
         color:#808080; 
		 font-family:"微软雅黑"; 
		 font-weight:bold;
		 margin-top:10px;}
		 
.news02{ font-size:12px; 
         font-family:"微软雅黑"; 
		 color:#999999;
		 margin-top:7px;}
		 
.more{ font-size:12px; 
       font-family:"微软雅黑"; 
	   color:#018ae2;
	   margin-top:15px;}
	   
/*右侧新闻*/	   
	   
.news{ width:560px; 
       height:105px; 
	   border:1px solid #cccccc;
	   border-right:none; border-left:none; }
	   	
.newsdate{ font-size:24px; 
           font-family:"微软雅黑";
           color:#666666;} 
		   
.newsdate01{ font-size:12px; 
             font-family:"微软雅黑"; 
			 color:#999999;
			  font-weight:normal;
			  margin-left:36px;}
			  	
.news002{ font-size:14px; 
          font-family:"微软雅黑"; 
		  color:#018ae2;
		  font-weight:bold;
		   float:left;
		   margin-left:30px;
		   margin-top:15px;}	
		  
.mores{ font-size:12px; 
          font-family:"微软雅黑"; 
		  color:#018ae2;
		  float:right;
		  margin-right:20px;
		  margin-top:15px;}	
		  
.news003{ font-size:12px; 
          font-family:"微软雅黑";
		  color:#999999;
		  clear:both;
		  margin-left:100px;}

.date{ float:left;
       margin-top:14px;}
	   
.rightnews{ width:570px; 
          height:325px;
		  float:left;
		  margin-left:35px;}	   

.news_box{ width:1200px; 
           height:330px; 
		   margin:0 auto;
		   margin-top:38px;}
		 



/*企业介绍*/


.qyjs_box{ width:1200px; 
           height:420px;
		   margin:0 auto;
		   margin-top:63px;}


.qyjs{ width:712px;
       height:420px;
	   position:relative; 
	   float:left;}

.qybj{ width:470px; 
       height:280px; 
	   background-color:rgba(1,138,266,0.9);
	   position:absolute;
	   top:70px;}
	   
.qytitle{ font-size:28px; 
           font-family:"微软雅黑"; 
		   color:#FFF;
		   float:left;}   
	   		 				

.line{ width:10px; 
       height:40px; 
	   border-right:2px solid #FFF;
	   float:left;} 
	   
.titleenglish{ font-size:22px; 
               font-family:"微软雅黑"; 
			   font-weight:bold; 
			   color:#FFF;
			   position:relative;
			   left:10px;}

			   	   
.english{ font-size:14px; 
          font-weight:normal;}
		  
.titlebk{ width:260px; 
		  margin-left:30px;
		  padding-top:30px;}		  

.gscontent{ font-size:12px; 
           font-family:"微软雅黑"; 
		   color:#FFF;
		   margin-top:40px;
		   line-height:20px;
		   margin-left:30px;}
		   
.more01{
	font-size: 12px;
	font-family: "微软雅黑";
	color: #FFF;
	margin-left:30px; 
	margin-top: 10px;
}
.more01 a{
	font-size: 12px;
	font-family: "微软雅黑";
	color: #FFF;
}


/*品牌故事*/

.jzg{ width:480px; 
       height:167px;  
       background-color:#dcdcdc;}

.qyright{width:480px; 
		 float:left;
		 margin-left:7px;}

.jzg01{ font-size:24px; 
        font-family:"微软雅黑"; 
		font-weight:bold;
		color:#808080; 
		padding-top:60px;
		text-align:center;}
		
.jag02{ font-size:14px; 
        font-family:"微软雅黑"; 
		color:#808080;
		text-align:center;
		font-weight:normal;}
		
.story{ font-size:18px; font-family:"微软雅黑"; color:#FFF;}





.lanrenzhijia ul li{float:left;margin-right:6px;margin-bottom:10px;display:inline;width:300px;height:250px;position:relative;}
.lanrenzhijia ul li .photo{width:479px;height:244px; overflow:hidden; position:relative; margin-top:9px;}
.lanrenzhijia .rsp{width:479px;height:244px;position: absolute;background:#000;top:0px;left:0px; margin-top:9px;}
.lanrenzhijia .text{position:absolute;width:479px;height:244px;left:-100px;top:0px;}
.lanrenzhijia .text h3{width:300px;margin-top:100px;height:50px;line-height:28px;text-align:center;color:#FFFFFF;font-size:20px;  font-family:"微软雅黑";}
.lanrenzhijia .text a{text-decoration:none}
.lanrenzhijia .text div{text-align:center;color:#FFFFFF;font-size:18px;}








/*联系我们*/


.contactus{ width:1200px; 
			margin:0 auto;
			margin-top:70px;}

.contactus-title{ width:380px; 
                 height:80px; 
				 margin:0 auto;}
	
.contactusbj{margin-top:40px; background:url(../images/contactus-bj.png) no-repeat center center; height:307px;}	
	
.conts{ width:450px; 
        height:200px; 
		float:left;
		margin-top:94px; margin-left:54px;
	  } 
		
.conts01{ font-size:18px; 
         font-family:"微软雅黑"; 
		 color:#666666;
		 margin-left:15px;
		 margin-top:15px;}
		 
.conts02{ font-size:12px; 
          font-family:"微软雅黑"; 
		  color:#666666; 
		  font-weight:normal;
		  margin-left:15px;
		  margin-top:10px;}		


/*右边地址*/

.address{ width:400px; 
          height:200px; 
		  float:left;
		  margin-left:168px; 
		  margin-top:100px;
}
		  
.address01{ font-size:24px; 
            font-family:"微软雅黑";
			color:#FFF; 
			font-weight:bold;
			text-align:center;}		  

.address02{ font-size:16px; 
            font-family:"微软雅黑";
			color:#FFF;
			font-weight:normal;
			text-align:center;
			margin-top:5px;}

.iphone{ font-weight:bold; 
         font-size:24px;}

.erwei{ width:70px; 
        margin:0 auto;
		margin-top:15px;}


/*页尾*/

.contact{ width:1200px; 
		  margin:0 auto;}
			
.foter{ height:90px; 
        background-color:#077bc5; 
		overflow:hidden; 
		margin-top:84px;}

.footnav li{float:left;
            padding-left:20px;
			padding-right:20px;}

.footnav a{ font-size:20px; 
            font-family:"微软雅黑"; 
			color:#FFF;}

.footbk{ width:1100px;
         margin:0 auto;
		 margin-top:42px;}

 
/*子栏目*/

.foter01{ height:250px; 
         background-color:#018ae2;}
		 
.sbnav01 a{ font-size:14px; 
           color:#FFF;
		   line-height:20px;}		 
 
.sbnavbk01,.sbnavbk02,.sbnavbk03{ float:left; 
                                  padding-left:20px; 
								  padding-right:20px; 
								  line-height:20px;}
 
.subnav{ width:400px;  
		 float:left;}

/*二维码*/
.wb{ font-size:12px; text-align:center; color:#FFF;} 
.wber{ float:left; margin-right:30px;} 
.erwbk{ width:270px; 
		float:left;
		margin-left:200px;}


/*地址电话*/

.ads01{ font-size:18px; 
        font-family:"微软雅黑"; 
		font-weight:bold;
		color:#FFF;}
		
.ads02{ font-size:14px; 
       font-family:"微软雅黑"; 
	   font-weight:normal;
	   color:#FFF;}

.ads03{ font-size:14px; 
       font-family:"微软雅黑"; 
	   font-weight:normal;
	   color:#FFF;}
	   
.phone{ font-size:18px; 
        font-weight:bold;}

.sbubk{ width:1200px; 
	   margin:0 auto;
	   padding-top:55px;}

.adds{ float:right;}

.baidu{ margin-top:15px;}

/*版权*/

.copyright{ height:50px; 
           background-color:#999999;}
		   
.coppy{ font-size:12px; 
        color:#FFF; 
		text-align:center; 
		padding-top:20px;}

 
/*----------- 从底部上升的遮罩效果 开始---------------------------*/
.con{
	width: 376px;
	height: 427px;
	float: left;
	margin-right:0;
	margin-bottom: 35px;
	position: relative;
	cursor: pointer;
}
.con img{
	width:376px;
	height: 427px;
}
.con4{
	width: 289px;
	height: 194px;
	float: left;
	margin-right:10px;
	margin-bottom: 35px;
	position: relative;
	cursor: pointer;
}
.con4 img{
	width:289px;
	height: 194px;
}
.con1{
	width: 789px;
	height: 427px;
	float: left;
	margin-right: 35px;
	margin-bottom: 35px;
	position: relative;
	cursor: pointer;
}
.con1 img{
	width:789px;
	height: 427px;
}
.con2{
	width: 376px;
	height: 427px;
	float: left;
	margin-right:36px;
	margin-bottom: 35px;
	position: relative;
	cursor: pointer;
}
.con2 img{
	width:376px;
	height: 427px;
}
.con3{margin-left:35px; margin-right:0;}
.txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
}
.txt h3{
	font-weight: normal;
}
.txt p{
	font-size: 14px;
	display: block;
	line-height: 20px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}

.txt1{
	position: absolute;
	left: 21px;
	bottom: 9px;
	width: 94%;
	height: 45px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
	overflow:hidden;
}
.txt1 h3{
	font-weight: 600;
}
.txt1 p{
	font-size: 14px;
	display: block;
	line-height: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}
.txt2{
	position: absolute;
	left: 21px;
	bottom: 9px;
	width: 93%;
	height: 5px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
}

.coppy a:hover {
    color: #1a4567;
}
.coppy a {
    color: #fff;
}
.txt2 h3{
	font-weight: 600;
}
/*------------- 从底部上升的遮罩效果 结束 ------------------------------*