@charset "utf-8"


/*银杏湖introduction*/

#yxh_article{ width:100%; margin: 4em auto 0;}
.slider_box{margin:2% auto 1%;height:510px;overflow:hidden;position:relative;width:1500px;} 
.mask{height:100px;overflow:hidden;background:#000;opacity:0.7;filter:alpha(opacity:70);width:100%;position:absolute;left:0;bottom:0;z-index:1;border-top:solid 2px #ddd;}
.silder_con{overflow:hidden;position:absolute;}
.silder_panel{width:1500px;height:400px;overflow:hidden;float:left;position:relative;}
.silder_panel img{ width:100%; height:100%; display:block;overflow:hidden;overflow:hidden;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}
.silder_nav li{float:left;padding:0px;display:inline;position:relative;}
.silder_nav li.current{border:5px solid #0c224b; width:300px; height:177px}

.silder_nav li,.silder_nav img{display:block;width:250px;height:153px;overflow:hidden;}
.silder_nav li.current img{width:300px; height:177px}
.slider_box a.prev,.slider_box a.next{display:block; position:absolute; bottom:50px; width:20px;height:37px; text-indent:999px; overflow:hidden; z-index:99 !important; cursor:pointer;}
.slider_box a.prev{left:0;background:url(jt_1.png) no-repeat; background-size:cover}
.slider_box a.next{right:0;background:url(jt_2.png) no-repeat; background-size:cover} 
.silder_intro{position:absolute;left:30;bottom:0;z-index:9;width:400px;height:100px;overflow:hidden;color:#fff;padding-left:20px;}
.silder_intro h3{font-size:20px;font-weight:bold;margin:10px 0 5px 0;height:22px;line-height:22px;}
.silder_intro p{font-size:12px;line-height:20px;}
.dec{width:100%; bottom:0px;right:0; padding:0 0 0 20%;overflow:hidden;z-index:9;position:absolute;text-align:center;}
.dec li{ float:left;display:inline;list-style-type:none; margin:3% 0 0 }
.dec li.current{ margin:0}
.dec li:nth-child(2){ margin:3% 2% 0}
.dec li.current:nth-child(2){ margin:0 2%}

.hr_bott{ color:#fff; font-size:1.3em; line-height:1.8em; text-align:center}

.hr_bott a{ border:solid 1px #fff; padding:0.8% 0; color:#fff; display:block; width:12%; margin:0.6% auto;
    -webkit-border-radius:6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
.hr_bott a:hover{ background:#000;  border:solid 1px #000; color:#fff}

@media screen and (max-width:1500px){
	.silder_panel{ width:1200px;}
	.slider_box{ width:1200px}
	
	.silder_nav li.current{ width:250px; height:153px;}
	.silder_nav li, .silder_nav img{ width:200px; height:118px;}
	.hr_bott{ width:90%; margin:0 auto}
	.hr_bott a{ padding:0.6% 0; margin:1% auto}
	
	
	
	
	
	
}
@media screen and (max-width:1200px){
	.silder_panel{ width:1000px; height:300px;}
	.slider_box{ width:1000px; height:418px;}
}
@media screen and (max-width:1000px){
	.silder_panel{ width:800px; height:300px;}
	.slider_box{ width:800px;}
	.dec{ padding:0 0 0 5%}
	.hr_bott a{ width:35%; padding:1% 0}
	.hr_bott{ font-size:1.2em; line-height:1.8em}
}
@media screen and (max-width:800px){
	.silder_panel{ width:600px; height:300px;}
	.slider_box{ width:600px;}
	.dec{ padding:0 0 0 2%}
	.silder_nav li.current{ width:200px; height:118px;}
	.silder_nav li, .silder_nav img{ width:160px; height:94px;}
}

@media screen and (max-width:600px){
	.silder_panel{ width:350px; height:260px;}
	.slider_box{ width:350px; height:300px;}
	.silder_nav li.current{ width:100px; height:59px;}
	.silder_nav li, .silder_nav img{ width:80px; height:47px;}
	.dec{ padding:0 0 0 10%}
	.hr_bott{ margin:5% auto}
}