/* CSS Document */
@charset 'utf-8';
/*首页*/

/* 轮播 */
.lun_box{height:534px;position:relative;}
.lun_pic{height:100%;overflow:hidden;}
.lun_pic ul li{height:534px;list-style-type:none;position:relative;overflow:hidden;}
.lun_pic ul li img.lun_img1{position:absolute;left:1%;top:0;}

.lun_pic ul li img.lun_img2{position:absolute;left:-15px;top:0px;display:none;}
.lun_nav{width:125px;height:14px;position:relative;bottom:30px;margin: 0 auto;}
.lun_nav ul li{list-style-type:none;width:12px;height:12px;float:left;margin-right:5px;cursor:pointer;border:none;background-color: #fff;border-radius: 50%;}
.lun_nav ul .lun_bg{background:#ff7300;width:14px;height:14px;border:none;border-radius: 50%;}

/* 关于雪乡 */
.about{}
.about li{display: inline-block;padding: 10px;border: 1px solid #ddd;margin: 20px 8px;width: 253px;height: 260px;position: relative;}
.about li:hover{box-shadow: 1px 1px 4px #D5D5D5;}
.about li > a img{width: 253px;height: 180px;position: absolute;top: 10px;}
.about li h4{position: absolute;bottom: 10px;}
.about li:nth-child(2) > a img,
.about li:nth-child(4) > a img{top: initial;bottom: 10px;}
.about li:nth-child(2) > h4,
.about li:nth-child(4) > h4{top: 10px;}

/* 雪乡文化 */
.wenhua{}
.flash{ width:1183px; height:363px; margin:0 auto;}
.flash .con{}
.flash .con ul li{ width:206px; height:100%; position:relative; overflow:hidden; float:left;}
.flash .con ul li:first-child{ width:565px;}
.flash .con ul li h1{ width:206px; height:100%;}
.show{ position:absolute; left:206px; top:0; width:299px;height:100%;padding: 0 30px;max-width: none;background: url(../images/wenhua-index_bg.jpg);text-align: left;}
.show h2{color: #009CFF;border-bottom: 2px solid #009CFF;display: inline-block;font-weight: normal;padding-top: 25px;padding-bottom: 5px;}
.show p{line-height: 24px;text-indent: 2em;padding: 20px 0;}
.show a.more{background: #009CFF;display: inline-block;padding: 10px 40px;color: #fff;}

/* 雪乡动态#009CFF #FFBC00 */
.news{background: url(../images/news-index_bg.jpg);}
.news ul{width: 1230px;max-width: 100%;}
.news li{display: inline-block;padding: 5px;width: 550px;position: relative;background: #fff;}
.news li > a img{width: 555px;height: 345px;}
.news li .word{text-align: left;background: url(../images/news-index_list_jiaobg.jpg) right bottom no-repeat;}
.news li .word h3{color: #009CFF;font-weight: normal;line-height: 40px; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news li .word p{color: #555;}
.news li .word a.more{background: #009CFF;display: inline-block;padding: 10px 40px;color: #fff;margin-top: 40px;}
.news li .time{background: #009CFF;position: absolute;left: 5px;top: 5px;color: #fff;padding: 10px 15px;padding-bottom: 5px;}
.news li .time h1{font-family: initial;}
.news li .time p{}
.news li:hover .word a.more{background: #FFBC00;}
.news li:hover .time{background: #FFBC00;}

/* 大美雪乡 #15A2FD rgba(21, 162, 253, 0.8) */
.damei{}
.damei ul{}
.damei li{display: inline-block;width: 380px;position: relative;}
.damei li > a img{width: 380px;height: 610px;}
.damei .word{background: rgba(21, 162, 253, 0.95);color: #fff;position: absolute;bottom: 0;left: 0;}
.damei .word:hover{background: rgba(255, 188, 0, 0.95);}
.damei .word:hover a.more{color: rgb(255, 188, 0);}
.damei .word h2{font-weight: normal;}
.damei .word p{text-align: left;}
.damei .word div{text-align: right;}
.damei .word a.more{display: inline-block;background: #fff;color: #15A2FD;padding: 5px 15px;}


@media(min-width:641px) and (max-width:1400px){
.news li{margin: 10px;}
.damei li{margin: 3px;}
/* end media */
}



/* 手机端 */
@media(max-width:587px){
/* 关于雪乡 */
.about li{
	padding: 0.1rem;
    width: 5.8rem;
    height: 5.84rem;}
.about li > a img{
	width: 5.8rem;
    height: 4.12rem;
    top: 0.1rem;
}
.about li h4{
	bottom: 0.1rem;
}
.about li > h4 img{
	width: 5.8rem;
    margin: 0;
}
/* end media */
}

@media(max-width:640px){
/* 轮播 */
.lun_box {
    height: 2.78rem;
}
.lun_pic ul li{
	height: 2.78rem;
	background-size: auto 100%!important;
    background-repeat: no-repeat!important;
}
.lun_pic ul li img.lun_img1{
	height: 100%;
}
.lun_nav{
	width: 75px;
	bottom: 0.4rem;
}

/* 关于雪乡 */
.about > div > img{width: 3rem;}
.about li{margin: 0.1rem 0.08rem;}

/* 雪乡文化 */
.wenhua > div > img{width: 3rem;}
.flash{height: 15.84rem;}
.flash .con ul li:first-child{width: 6rem!important;}
.flash .con ul li{
	width: 6rem!important;
    margin: 0.1rem auto;
    float: none;
}
.flash .con ul li h1{width: 2.2rem;}
.show{
	left: 2.2rem;
    padding: 0 0.2rem;
    width: 3.52rem;
}
.show h2{
	padding-top: 0.1rem;
    padding-bottom: 0.04rem;
    font-size: 0.34rem;
}
.show p{
	padding: 0.1rem 0;
    line-height: 0.34rem;
    font-size: 0.24rem;
}
.show a.more{padding: 0.04rem 0.2rem;}

/* 雪乡动态 */
.news > div > img{width: 3rem;}
.news li{
	width: 5.82rem;
    margin: 0.2rem;
}
.news li > a img{
	width: 100%;
    height: 3.64rem;
}
.news li .word a.more{
	padding: 0.1rem 0.4rem;
    margin-top: 0.4rem;
}
.news li .time{
	background: rgba(0, 156, 255, 0.8);
	padding: 0.1rem 0.15rem;
    padding-bottom: 0.05rem;
}
.news li .time h1{font-size: 1.1rem;}
.news li:hover .word a.more{background: rgba(255, 188, 0, 0.8);}
.news li:hover .time{background: rgba(255, 188, 0, 0.8);}

/* 大美雪乡 */
.damei > div > img{width: 3rem;}
.damei li{width: 6rem;}
.damei li > a img{
	width: 100%;
    height: 9.66rem;
}
.damei .word a.more{padding: 0.05rem 0.15rem;}



/* end media */
}

/* the end */