

.about{padding-top:30px; padding-bottom:30px;}
.about .content{ padding-top:30px; line-height:25px; font-size:14px;}

.info{padding:30px 0px;font-size:14px;}


.map{height:800px; overflow:hidden; margin-top:40px; margin-bottom:40px;}
.map .box{ height:800px; width:800px; overflow:visible; margin:0 auto;}
.map .pic{height:800px; width:800px; overflow:hidden;}
.map .pic img{ height:800px;}

.map .pic a{
	position:relative;
	width:50px;
	height:50px;
	display:block;
	z-index:20;
	text-decoration:none;
}
.map .pic a div{
	display:none;
	width:180px;
	position:relative;
	top:5px;
	left:35px;
	border:1px solid #0F4981;
	background:#4A78BC;
	padding:15px;
	z-index:500 !important;
	color:#fff;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	
}
.map .pic a:hover div{
	display:block;
}
.map .pic a span{
	width:50px;
	height:50px;
	display:block;
}
.map .pic a em{
	color:red;
	font-size:20px;
	padding:30px;
	animation:mymove 1s infinite;
	-webkit-animation:mymove 1s infinite;
}	
@keyframes mymove
{
	from {font-size:10px; padding:30px;}
	to {font-size:50px; padding:15px;opacity: 0;}
}

@-webkit-keyframes mymove
{
	from {font-size:10px; padding:30px;}
	to {font-size:50px; padding:13px;opacity: 0;}
}


.map .nav{ position:relative; top:-440px; z-index:10; left:-190px; line-height:30px;}
.map .nav .tit{ font-size:16px; color:#000;}
.map .nav em ,.map .nav span{ float:left;}
.map .nav em{ margin-right:10px; width:80px; height:3px; display:block; position:relative; top:15px;}


.banner{ height:400px; background-position:center; background-repeat:no-repeat;}
.about{padding-top:50px; padding-bottom:50px;}
.info{padding-top:50px; padding-bottom:50px;}

.about .left{ width:700px;}
.about .right{ width:500px;}
.about .right{ background:#CFA448; height:500px; overflow:hidden;}
.about .right .box{ color:#fff; padding:30px 40px;}
.about .title{border-bottom: 1px solid #fff;height: 40px;overflow: hidden;padding-bottom: 5px;}
.about .title em {
	height: 32px;
	width: 55px;
	display: block;
	float: left;
	background: url(/en/images/youlan/tit1.jpg);
}
.about .title span {font-size:25px;margin-left: 10px;color: #fff;line-height:27px;}
.about .content{ padding-top:30px; line-height:25px; height:320px; overflow:hidden; font-size:14px; border-bottom: 1px solid #fff; padding-bottom:40px;}

.show{position: relative;text-align: center;width:100%;margin:0 auto; }
.show .dots{position:absolute;left:0;right:0;bottom:20px;z-index:3;}
.show .dots li{display:inline-block;width:4px;height:4px;margin:0 4px;text-indent:-999em;border:1px solid #fff;border-radius:6px;cursor:pointer;opacity:.9;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.show .dots li.active{background:#fff;border:1px solid #fff;opacity:1; width:30px;}


.show_arrow{ position:relative; height:0px; margin:0 auto; width:100%;}
.show_arrow .arrow{position:absolute;width:60px;height:40px; text-align:center; line-height:40px;top: -230px; margin-top: 0px; overflow: hidden; z-index: 99; 
 background:#fff; color:#000; font-size:20px;
-moz-opacity: 0.6;
opacity: .60;
filter: alpha(opacity=60);
-webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;  
 -ms-transition: all 0.5s; 
 -o-transition: all 0.5s; 
 transition: all 0.5s;
 display:none;
}	
.show_arrow .arrow:hover{
	-moz-opacity: 0.9;
	opacity: .90;
	filter: alpha(opacity=90);
}
.show_arrow .arrow_left{left:0px}
.show_arrow .arrow_right{right:0px}

.show ul{z-index: 1;width: 100%;overflow: hidden;}
.show ul .slider-item {width:100%; float: left;height:500px; position: relative; overflow: hidden;}
.show ul .slider-item img{ width:100%; height:500px;}
.show ul .slider-item .slider-title {width: 100%;max-height: 56px;position: absolute;left: 0;bottom: 0px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 14px; background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9)); display:none;}
.show .progress{position:absolute;left:0;bottom:0;min-height:3px;overflow:hidden;z-index:2;background:#014B88; display:none;}
.show em{font-style:normal; font-weight:normal;}
.show .progress{ width:50%;}


.info .infoBox{ padding-top:40px;}
.info .content{ padding:20px 0px; line-height:25px;}
.info .left li{ font-size:14px; border-bottom:1px solid #DCDCDC; line-height:40px;}
.info .left .fa{ color:#D1A851; margin-right:30px;}
.info .left { width:650px;}
.info .right { width:500px;}





.notice{padding-top:50px; padding-bottom:50px;}
.notice .left{width:530px; margin-right:40px}
.notice .right{width:615px; overflow:hidden;}
.notice .title{ background:#CFA448; color:#fff; height:45px; line-height:45px; font-size:16px; padding-left:30px;}
.notice .list ul{ padding:20px 15px;}
.notice .list li{ height:45px; line-height:45px; overflow:hidden;}
.notice .list li a{ float:left; width:390px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:14px;}
.notice .list li span{ float:right; color:#999;}

