@import url("index_about.css");

#main{
	width:1200px;
	float:left; 

}
#bta{
	width:100%;
	float:left;
	text-align:center;
	background-image: url(d.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;text-transform: uppercase; font-family: "Work Sans"; font-size:32px; color:#000; line-height:1.8; font-weight:500;
}
#bta i{
	color:#32e0e9;
	font-style: normal;
}
#hotpro {
	WIDTH:1200px;
	FLOAT: left; position:relative;  display:block; margin-top:40px;
}
#hotpro UL {
	LIST-STYLE-TYPE: none
}
#hotpro UL LI {
	TEXT-ALIGN: center; WIDTH:260px; padding:10px 10px 0px 10px; FLOAT: left; margin:10px;transition:all 0.3s ease-in-out 0s;background-color:#fff; cursor:pointer;
}
#hotpro UL LI em{ width:260px; height:240px; display:block; overflow:hidden;}
#hotpro UL LI img{ width:260px; min-height:240px; display:block;transition:all 0.4s ease-in-out 0s;}
#hotpro UL LI p{line-height:50px; font-size:14px;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; border-bottom:#ddd solid 1px;}
#hotpro UL LI:hover{box-shadow: 0px -1px 30px rgba(0,0,0,0.2);-webkit-box-shadow: 0px -1px 30px rgba(0,0,0,0.2);-moz-box-shadow: 0px 8px 8px rgba(0,0,0,0.3);}
#hotpro UL LI:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
#hotpro UL LI:hover p{ color:#07B8C0; border-bottom:#fff solid 1px;}
#hotpro .prev,
#hotpro .next {
	width: 50px;
	height:100%;
	position: absolute;
	filter: Alpha(Opacity=60);
-moz-opacity:0.6; 		opacity:0.6;
	background-repeat: no-repeat;
	background-position:center; z-index:12; display:none;
	top:0px;
}
#hotpro .prev {
	left:0px;
	background-image: url(lefta.png);
	background-repeat: no-repeat;

}
#hotpro .next {
	right:0px;
	background-image: url(righta.png);	
}

#flzs{ width:1200px; float:left; margin-top:40px; overflow:hidden;}
#flzs ul{ 	LIST-STYLE-TYPE: none; width:1240px;  }
#flzs ul li{ width:380px; float:left; background-color:#fff; margin-right:30px; }
#flzs ul li .tp{ width:380px; display:block; overflow:hidden; height:250px;}
#flzs ul li .tp img{ width:100%; min-height:250px;transition:all 0.4s ease-in-out 0s;}
#flzs ul li  p{ text-align:center; font-size:16px; font-weight:600; line-height:55px;  height:55px; overflow:hidden; color:#555;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;}
#flzs ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#flzs ul li:hover p{ color:#07B8C0;}
#main .more{ width:1200px; float:left; text-align:center;}
#main .more span{ width:160px; color:#fff; line-height:50px; height:50px; font-size:16px; text-align:center; background-color:#038DDA; overflow:hidden; font-weight:bold;display:inline-block; position: relative; z-index: 1; margin-top:35px;border-radius:1px;transition:all 0.3s ease-in-out 0s;}
#main .more span:after{transition:0.4s; left: 0px; bottom:-47px;background-color:#07B8C0;display: block; position: relative; z-index: 1; width: 100%; height: 50px; position: absolute; z-index: -1; content: " ";}
#main .more span:hover:after{  bottom:0px; }
#main  .more span:hover{ color:#fff;}
#sp{ width:380px; float:left;}
#sp img,#sp embed,#sp  iframe,#sp VIDEO{width:380px; height:450px; overflow:hidden;}
#news{ width:790px; float:right; overflow:hidden;}
#news .bt{ width:780px; float:left; position:relative; display:block; z-index:1; margin-top:-10px;}
#news .bt:after{ width:100%; height:1px; left: 0px; bottom:1px;background-color:#ddd;display: block;  position: absolute; z-index:-1; content: " ";}
#news .bt span{ font-family: "Work Sans"; font-size:32px; color:#000; line-height:1.8; font-weight:500; text-transform:uppercase; float:left; border-bottom:#07B8C0 solid 3px;}
#news .bt .mored{ float:right; margin-top:18px; margin-right:8px;}
#news .bt .mored a{ color:#555; font-size:15px;}
#news .bt .mored a:hover{ color:#07B8C0;}
#newsa{ width:780px; float:left; margin-top:4px;}
#newsa ul{LIST-STYLE-TYPE: none;}
#newsa ul li{ width:780px; float:left; border-bottom:#07B8C0 dotted 1px; padding-bottom:14px; margin-top:14px;}
#newsa ul li em{ width:95px; height:70px; float:left; overflow:hidden;}
#newsa ul li em img{ width:95px; min-height:70px; display:block;}
#newsa ul li .nrq{ width:670px; float:right;}
#newsa ul li .nrq dd{ width:100%; float:left; line-height:26px; font-size:14px;}
#newsa ul li .nrq dd i{
	width:80%;
	float:left;
	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
	font-style: normal;line-height:30px; 
}
#newsa ul li .nrq dd span{ float:right; color:#888; font-size:13px;}
#newsa ul li .nrq p{ font-size:12px; color:#777; height:44px; line-height:22px;}
#newsa ul li a{ color:#444;}
#newsa ul li a:hover{ color:#07B8C0}