@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
a{text-decoration:none}
li{list-style:none}
.cl{clear:both}
.wp{ width:1200px; margin:0 auto}


/*头部*/
.allhead{width:100%; height:40px; background:#323232; margin:0 auto}
.headleft{width:600px; height:40px; float:left}
.headleft span{ height:40px; width:72px; float:left; margin-top:7px; line-height:40px}
.headleft span a img{height:30px; width:60px}
.headleft a{float:left; text-align:center; line-height:40px; width:60px; font-size:16px; color:#FFFFFF}
.headleft a:nth-child(2){color: #7ec382}
.headright{width:600px; height:40px; float:right}
.headleft a:hover{color:#7ec382}

.headright .text{float:right; width:60px; margin-top:7px}
.headright .text a{ font-size:16px; color:#FFFFFF}
.headright .spana ul li  a img{height: 22px; width: 22px}
.headright .spana ul li{width:100px; height:30px; float:right; text-align:center; margin-top:7px; position:relative}
.headright .spana ul li .book {display:none; position:absolute; right:20px; bottom:1px}
.headright .spana ul li .book input{background: rgba(108 223 160 0.8); color:#7ec382;width:100px; height:30px;}

.headright .spana ul li a:hover .book{display:block}
.headright .text  a:hover{color:#7ec382}
.headright .text  a:hover{color:#7ec382}


/*bananer*/

.TB-focus{ width:1300px; height:400px;   overflow:hidden; margin: 0 auto;position:relative}
	.TB-focus .hd { position:absolute; right:50px; bottom:10px; z-index:1; padding-left:2px; }
	.TB-focus .hd li { color:#7ec382; cursor:pointer; margin-left:3px; width:18px; height:18px; background:#fff; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70); margin-left:-1px; }
	.TB-focus .hd li.on { background:#f60; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }
.TB-focus .bd ul li img{width: 1300px; height: 400px;margin: 0 auto}

.wp{ position:relative}
.ban img{ position:absolute; left:1080px; bottom:305px; width: 150px}
/*起舞*/
.back{ width:100%; height:130px; background:#f8f8f8}
.wp .shijie{ width:790px; height:80px; float:left; margin-top: 20px}
.shijie img{width:770px; height:90px}
.qiwu img{width:410px; height:90px}
.wp .qiwu{width:410px; height:80px; float:left; margin-top: 20px}
/*标题*/
.title{width:1200px; height:60px; margin:20px 0px; overflow:hidden}
.title ul{ width:1300px; height:60px; }
.title ul li .xian{width:550px; height:45px;  float:left; border-bottom:#c3c3c3 solid 1px}
.title ul li .zi{width:150px; height:60px;  float:left; text-align:center}  
.title ul li .zi h2{color:#868686; margin-bottom:5px;font-size: 23px;font-weight: 900;font-family:微软雅黑体;}
.title ul li .zi h5{ color:#868686;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif}
 /*精品活动*/ 
 .hui{width:100%;  margin-top:15px; margin:0 auto; background:#f8f8f8;height: 920px}  
 .hui .wp .active{width:1200px; height:978px; margin:0 auto; overflow:hidden}
 .hui .wp .active ul{width:1500px; height:1000px}
  .hui .wp .active ul li{ width:370px; height:408px; background:#FFFFFF; float:left; margin-right:40px; margin-top:40px; border:1px solid #c7c7c7; box-shadow: 0 6px 15px rgba(36,37,38,0.08); transition: box-shadow 0.25s ease, transform 0.25s ease;
}
  .hui .wp .active ul li img{ margin-bottom:10px; width:370px; height:264px}
  .hui .wp .active ul li .wenzi{margin-bottom:15px; padding:10px}
.hui .wp .active ul li p a{font-size:18px; color:#868686;font-family:黑体;font-weight: 900;margin-bottom: 15px }
.hui .wp .active ul li a .little{font-family: 宋体;font-size:14px; color:#7ec382;font-weight:600 }
.hui .wp .active ul li .yingtao{padding:10px}
.hui .wp .active ul li .yingtao .qishi { margin-right:200px; font-size:14px;color:#868686}
.hui .wp .active ul li .yingtao .qishi  em{ font-size:18px;color:#faa628;font-style:normal; font-weight:400}
.hui .wp .active ul li .yingtao .tong {font-size:14px;color:#868686 }
 .hui .wp .active ul li p  a:hover{color:#7ec382}
/*拼图*/
.bigpic{width: 1200px; height: 650px; margin: 0 auto; position: relative; overflow: hidden}
.box-a{width: 800px; height: 650px; float: left}
.box-a ul{width: 800px; height: 650px;}
.box-b{width: 390px; height: 650px; float: right}
.box-text h2{color: #FFFFFF; font-size: 36px; font-family: "黑体"; margin-top: 100px}
.box-text P{color: #FFFFFF; font-size: 20px; font-family: "黑体";margin-left:10px; margin-right: 10px;text-align: left}

#sss{color: #FFFFFF; font-size: 20px; font-family: "黑体";margin-left:10px; margin-right: 15px;text-align: left}
.box-a li{list-style: none; float: left; margin-right: 10px; margin-bottom: 20px; position: relative; width: 390px; height: 300px; overflow: hidden}
	.box-a img{width: 390px; height: 300px}
	.box-a ul li a .box-text{
		     position: absolute;
		 
	         width: 390px;
	         height: 0px;
		     bottom: 0;
		    
	         transition: all 0.5s;
	}
	
	
	.box-a ul li a:hover .box-text {
		         width: 390px;
		         text-align: center;
		         
	             height: 300px;
	             display: block;
		         background: rgba(101,210,129,0.8);
	            
}



.box-b li{list-style: none; float: left; margin-right: 10px; margin-bottom: 20px; position: relative; width: 400px; height: 620px; overflow: hidden}
	.box-b img{width: 400px; height: 620px}
	.box-b ul li a .box-text{
		     position: absolute;
		 
	         width: 400px;
	         height: 0px;
		     bottom: 0;
		    
	         transition: all 0.5s;
	}
	
	
	.box-b ul li a:hover .box-text {
		         width: 400px;
		         text-align: center;
		         
	             height: 620px;
	             display: block;
		         background: rgba(101,210,129,0.8);
	            
}

/*话题*/
.talk{width:100%; height: 360px; background:#f8f8f8}
.talk ul{position: relative; width: 1200px; height: 342px}
.xinwang ul a li{width: 292px; height: 310px; overflow: hidden; float: left;margin-right: 8px; margin-top: 25px;  overflow: hidden}
.xinwang ul a li .pashan img{width: 292px; height: 310px; transition: all 1.2s linear 0.1s}
.xinwang ul a li .pashan img:hover{ transform: scale(1.1)}

.xinwang ul a li .shuoming img.a{position: absolute; left: 90px; bottom: 110px}
.xinwang ul a li .shuoming img.b{position: absolute; bottom: 110px; left: 390px}	
.xinwang ul a li .shuoming img.c{position: absolute;bottom: 110px; left: 690px}
.xinwang ul a li .shuoming img.d{position: absolute;bottom: 110px; left: 990px}




		      
		         
	         
	            
		    
		        
	         




/*app*/
.app{width: 1200px; height: 150px; text-align: center; margin: 0 auto; margin-top: 20px}

.appleft{ width:600px; height: 150px; float: left; text-align: center}
.appleft ul{margin: 0 auto; text-align: center; margin-right: 80px}
.appleft ul li{float: left; width: 145px; height: 145px; text-align: center; line-height: 145px; margin-left: 35px; color: #868686}
.appleft ul{ width: 600px;  float: left}

.appright{width:590px; height: 150px;  float: right;overflow: hidden}
.appright ul { height: 150px; float: right; margin-right: 50px}
.appright ul li{float:left; width: 130px; height: 145px; margin-right: 45px;margin-top: 3px; color: #868686}
.appright ul li img{width: 130px; height: 100px; margin-top: 8px}
.appright ul li h3{line-height: 130px}
/*底部*/
.blow{width: 100%; height: 200px; background:#2d2d2d; margin-top: 10px; margin: 0 auto}
.blowrleft{width: 790px; height: 200px; float: left}
.blowright{width: 410px; height: 200px; float: right; text-align: center}
.blowright .rightma{width: 200px; margin-top: 20px; margin-left: 120px}
.leftzi{width: 780px; float: left; line-height: 30px; margin-top: 60px}
.leftzi p{color: #FFFFFF; font-size: 12px}