@charset "utf-8";

.ui-widget{
    font-size: 0.2rem;
}
.ui-dialog .ui-dialog-titlebar{
    padding:0 0.1rem;
    margin:0.05rem;
    margin-bottom:0;
}


#scroll_img .center{
	height:4rem;
	width:9.8rem;
	overflow:hidden;
	margin:0 auto;
    font-size:0.14rem;
}

#scroll_img .center .left_big_img{
    height:4rem;
    width:6.3rem;
    float:left;
    position:relative;

}

#scroll_img .center .left_big_img img{
    height:4rem;
    width:6.3rem;
    float:left;
}


#scroll_img .center .left_big_img .left_btn{
    width:6.3rem;
    color:#fff;
    position:absolute;
    font-size:0.18rem;
    bottom:0.15rem;
    text-align:center;
}

#scroll_img .left_big_img li{
    display:inline-block;
    list-style:none;
	border-radius:50%;
    width:0.19rem;
    height:0.19rem;
    line-height:0.19rem;
    background:#fff;
	margin-left:0.10rem;
    color:#f60;
    text-align:center;
    cursor:pointer;
}

#scroll_img .btn ul li.btnActive{
	background-color:#f60;
    color:#fff;
}



#scroll_img .center .left_big_img .arrow{
    width:6.3rem;
    display:none;
    top:1.7rem;
    position:absolute;
}

#scroll_img .center .left_big_img .arrow .prev{
    left:0;
}

#scroll_img .center .left_big_img .arrow .next{
    right:0;
}

#scroll_img .center .left_big_img .arrow a{
    display:block;
    width:0.30rem;
    height:0.50rem;
    padding-top:0.10rem;
    text-decoration:none;
    position:absolute;
    background:rgba(0,0,0,0.4);
}
#scroll_img .center .left_big_img .arrow i{
    display:block;
    font-size:0.40rem;
    color:#fff;
}

#scroll_img .center .right_little_img{
    height:3.90rem;
    width:3.50rem;
    float:right;
}

#scroll_img .center .right_little_img .img_hover{
    width:3.4rem;
    height:1.95rem;
    margin-bottom:0.10rem;
    margin-left:0.10rem;
    position:relative;
    background:rgba(0,0,0,0.8);
}

#scroll_img .center .right_little_img img{
    height:1.95rem;
    width:3.40rem;
}

#scroll_img .img_hover .content_text{
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:0;
    transition:all 1s;
}

#scroll_img .img_hover:hover .content_text{
    opacity:1;
}

#scroll_img .img_hover:hover img{
    opacity:0.5;
}

#scroll_img .img_hover .content_text{
    position:absolute;
    height:1.95rem;
    line-height:1.95rem;
    text-align:center;
    font-size:0.19rem;
    color:#fff;
}

#scroll_img .img_hover .content_text::before,
#scroll_img .img_hover .content_text::after{
    position:absolute;
    top:0.20rem;
    bottom:0.20rem;
    right:0.20rem;
    left:0.20rem;
    content:'';
    opacity:0.3;
    -webkt-transition:opacity 0.35s,-webkit-transform 0.35s;
    transition:opacity 0.35s,transform 0.4s;
}

#scroll_img .center .img_hover .content_text::before{
    border-top:0.01rem solid #fff;
    border-bottom:0.01rem solid #fff;
    transform:scale(0,1);
    -webkit-transform:scale(0,1);
	-moz-webkit-transform: scale(0,1);
	-o-webkit-transform:scale(0,1);
}

#scroll_img .center .img_hover .content_text::after{
    border-left:0.01rem solid #fff;
    border-right:0.01rem solid #fff;
    transform:scale(1,0);
    -webkit-transform: scale(1,0);
	-moz-webkit-transform: scale(1,0);
	-o-webkit-transform: scale(1,0);
	transform:scale(1,0);
}

#scroll_img .center .img_hover:hover .content_text::after,
#scroll_img .center .img_hover:hover .content_text::before{
    transform:scale(1);
    -webkit-transform:scale(1);
    opacity:1;
}

#tour{
	width:9.8rem;
	margin:0.30rem auto;
	text-align:center;
}

#tour .tour_head{
    width:9.8rem;
    margin-bottom:0.20rem;
}

#tour h1{
	font-size:0.28rem;
	letter-spacing:0.01rem;
	margin:0.05rem 0;
	font-weight:normal;
	color:#666;
}

#tour p{
	margin:0.10rem auto;
	color:#666;
    font-size:0.16rem;
}

#tour figure{
	border:0.01rem solid #ddd;
	display: inline-block;
	padding:0.04rem;
	border-radius:0.04rem;
	width:2.98rem;
	text-align:left;
	position:relative;
	overflow:hidden;
}
#tour figure:hover{
    cursor:pointer;
    border:0.01rem solid #f60;
}

#tour figure img{
	vertical-align:middle;
	width:2.97rem;
}

#tour figure figcaption{
	font-size:0.14rem;
	color:#777;
	margin:0.07rem 0 0.05rem 0;
}

#tour .sat{
	display:inline-block;
	float:right;
	font-size:0.13rem;
	right:0.05rem;
	position:relative;
	top:0.05rem;
	color:#999;
}

#tour .title{
	display:inline-block;
	color:#f60;
	font-size:0.14rem;
    float:left;
}

#tour .title strong{
	font-size:0.20rem;
	letter-spacing:0.02rem;
}

#tour .type{
	width:0.90rem;
    font-size:0.14rem;
	height:0.25rem;
	text-align:center;
	line-height:0.25rem;
	position:absolute;
	background-color:#59b200;
	color:#fff;
	display:inline-block;
	padding:0.02rem 0.10rem;
	top:0.04rem;
	left:0.04rem;
}




@media (min-width:980px){

}

@media (max-width:768px) {
    a, p, span, #container .more, footer .bottom, #tour .tour_head p{
        font-size: 0.2rem;
    }

    #tour .tour_head h1{
        font-size:0.33rem;
    }

    #header_a .link{
        width:7.8rem;
        float:right;
    }

    #header_a .link ul{
        width:7.8rem;
    }

    #header_a .link ul li{
        width:1.3rem;
    }

    #tour figure figcaption{
        font-size:0.19rem;
    }

    #tour figure .sat{
        font-size:0.17rem;
    }

    #tour figure{
        width:4.66rem;
    }
    #tour figure img{
        width:4.65rem;
    }
    #tour figure figcaption .hide{
        display:none;
    }

}

@media (max-width:480px) {
    a, p, span, #container .more, footer .bottom, #tour .tour_head p, {
        font-size:0.23rem;
    }

    #tour figure figcaption{
        font-size:0.21rem;
    }
}