@charset "utf-8";

body{
    position:relative;
}


#header_logo{
    width:9.8rem;
    height:0.65rem;
    line-height:0.65rem;
    margin:0 auto;
}

#header_logo img{
    width:1.8rem;
    margin-top:0.07rem;
    float:left;
}

#login{
    width:2rem;
    float:right;
}
#login li{
    color:#666;
    float:left;
    margin-left:0.2rem;
    font-size:.14rem;
}

#login li a{
    color:#666;
}

#login li a:hover{
    color:#f60;
}


.role{
    width:9.8rem;
    height:3.2rem;
    margin:0.2rem auto;
    overflow:hidden;
}

.role-con{
    background: url(../img/背景图片.png) no-repeat;
    height:3.2rem;
    position:relative;
}

.role-nav{
    top:0.24rem;
    left:0.23rem;
    position:absolute;
}


.role-nav li{
    font-size: 0.14rem;
    display: inline;
    float: left;
    text-align: center;
    position: relative;
    margin-right: 0.26rem;

}

.role-nav li.cur a{
    background:#333333;
    color: #ffffff;
    border-bottom:0.02rem solid #ff6600;
}

.role-nav li a{
    width:0.85rem;
    line-height:0.26rem;
    height:0.26rem;
    display:block;
    z-index:9999;
    position:relative;
}

.f-cf:after {
    clear: both;
    display: block;
    content: "";
    height: 0;
    line-height: 0;
    font-size: 0;
}

.role-detail {
    position: relative;
    display: none;
}

.curElem{
    display:block;
}

.r-desc {
    position: absolute;
    z-index: 2;
    left: 0.29rem;
    width: 4rem;
    line-height: 0.24rem;
}

.r-desc em {
    font-size:0.14rem;
    font-weight: 700;
}

.curElem .r-per {
    position: absolute;
    right: 0;
    width: 5rem;
    height: 4.03rem;
}

.role a{
    color:#525252;
    text-decoration:none;
}

#container{
	width:9.8rem;
	margin:0.1rem auto;
}

#container .list{
	width:9.1rem;
	float:left;
	margin:0 0 0.2rem 0;
}

#container .list .infor{
	height:.45rem;
	line-height:.45rem;
	background:#eee;
	margin:0 0 0.2rem 0;
}

#container .left{
	float:left;
	display:inline-block;
}

#container .left li{
	width:1.5rem;
	height:0.43rem;
	line-height:0.43rem;
	display:inline-block;
	text-align:center;
	cursor:pointer;

}

#container .left a{
	color:#666;
}


#container .left li:first-child{
	background-color:#fff;
	border-top:.02rem solid #458b00;
	margin-left:.01rem;
	position:relative;
}

#container .list .right{
	display:inline-block;
	padding:0 0.2rem 0 0;
	float:right;
}

#container .right li{
	float:left;
	width:0.6rem;
	height:0.45rem;
	line-height:0.45rem;
}

#container .right a{
	color:#666;
	padding:0.03rem 0.08rem;
}

#container .right .selected, #container .right a:hover{
	color:#fff;
	background:#458b00;
}


#container .tour{
	width:9.08rem;
	padding:0;
	border:0.01rem solid #eee;
	padding:0;
	position:relative;
	margin:0 0 0.2rem 0;
}

#container .tour figcaption{
	width:5.28rem;
	height:2.3rem;
	float:right;
}

#container .tour hgroup{
	width:3rem;
}

#container .tour img{
	float:left;
}

#container .tour h2{
	font-size:0.24rem;
	font-weight:normal;
	color:#333;
	padding:0.1rem 0 0.1rem 0.25rem;
}


#container .tour h3{
	font-weight:normal;
	font-size:0.16rem;
	padding:0.1rem 0 0 0.25rem;
	line-height:0.15;
}

#container .chinese{
	color:#666;
	font-size:0.14rem;
	width:7.1rem;
	position:relative;
}


#information_scrool{
    width:6.9rem;
    height:0.8rem;
    margin-bottom:0.2rem;
    border-top:0.04rem solid #ddd;
    border-bottom:0.01rem solid #ddd;
}



#information_scrool .info_head .img_head{
    margin-top:0.07rem;
    float:left;
    height:0.8rem;
    width:1.3rem;
}

#information_scrool .info_head .img_head img{
    width:100%;
}



#information_scrool .info_head{
    margin-top:0.15rem;
    color:#f60;
    letter-spacing:0.01rem;
    float:left;
    height:0.5rem;
    width:2.6rem;
    line-height:0.5rem;
}

#information_scrool .info_content{
    width:4rem;
    height:0.4rem;
    float:left;
    overflow:hidden;
    margin-top:0.17rem;
}


#information_scrool .info_content ul {
    top:0;
}

#information_scrool ul li{
    height:0.4rem;
    letter-spacing:0.01rem;
}

#information_scrool ul li a h3{
    font-size:0.18rem;
}

#information_scrool ul li a span {
    font-size:0.14rem;
    color:#777;
}
#information_scrool ul li a{
    color:#666;
}


#information_scrool ul li a:hover{
    color:#f60;
}

#information_scrool .info_arrow{
    background:#f60;
    color:#fff;
    margin-top:0.3rem;
    width:0.18rem;
    height:0.18rem;
    text-align:center;
    border-radius:0.4rem;
    float:left;
}

#information_scrool .info_arrow:hover{
    cursor:pointer;
}


#container .main_left{
	width:3.3rem;
	height:3.8rem;
	position:relative;
	float:left;
	margin-bottom:0.2rem;
}
#container .main_beijing{
    width:6.9rem;
    font-size:0.16rem;
    position:relative;
}

#container .column{
	font-size:0.18rem;
    font-weight:700;
	width:3.3rem;
	display:inline-block;
	height:0.3rem;
	line-height:0.3rem;
    border-bottom:0.04rem solid #ccc;
    margin-bottom:0.1rem;
    letter-spacing:0.01rem;
}

#container .column .nav_name a{
    color:#666;
}

#container .column .nav_name a:hover{
    color:#f60;
}

#container .column .col_more a:hover{
    color:#f60;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}



#container .column .nav_name{
    float:left;
}

#container .column .col_more a{
    font-size:0.18rem;
    margin-top:0.05rem;
    float:right;
   right:0.06rem;
    top:0;
    position:absolute;
    -webkit-transition:0.5s linear;
    color:#666;
}

#container .column i{
    background:#f60;
    height:0.04rem;
    width:1rem;
    display:block;
    margin-top:0.3rem;
}

#container .wrap_img{
    width:3.3rem;
    height:1.60rem;
}

#container .wrap_img .pic{
    width:3.3rem;
    height:1.6rem;
}



#container .main_beijing ul{
	margin-top:0.05rem;
	width:3.3rem;
	height:1.8rem;
}


#container .main_beijing ul li{
	margin-bottom:0.08rem;
    list-style-type:disc;
    color:#f60;
    margin-left:0.17rem;
}


#container .main_beijing ul li a{
	margin-bottom:0.08rem;
	cursor:pointer;
	color:#666;
}


#container .main_left ul li a:hover, #container .main_right ul li a:hover{
	text-decoration:underline;
    color:#f60;
}


#container .main_right{
    position:relative;
	width:3.3rem;
	height:2.65rem;
	float:right;
	margin-bottom:0.2rem;
}

#quesition{
    position:fixed;
    height:1.6rem;
    width:0.42rem;
    bottom:0.7rem;
}

#quesition .quesition_content{
   height:1.6rem;
   width:0.42rem;
   position:absolute;
   left:1.1rem;
   bottom:0.15rem;
}

#quesition .quesition_content ul li.item{
    background:#666;
    height:0.42rem;
    width:0.42rem;
    margin-bottom:0.1rem;
    border-radius:0.03rem;
    line-height:0.12;
    text-align:center;
    font-size:0.12rem;
    position:relative;
}

#quesition .quesition_content ul li.button-rotate{
    color:#fff;
    overflow:hidden;
} 

#quesition .quesition_content ul li.item a.single{
    padding-top:0.21rem;

}

#quesition .quesition_content ul li.item a{
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top:0.06rem;
    font-size: 0.12rem;
    font-weight: 700;
    color: #fff !important;
    border-radius: 0.03rem;
    background-color: #f60;
    text-decoration: none !important;
    text-align: center;
    -webkit-transform-origin: -50% 50%;
    transform-origin: -50% 50%;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    opacity: 0\9;
    filter: alpha(opacity=0)\9;
}

.button-rotate:hover a,.button-rotate:hover{
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
}

#quesition .quesition_content ul li:hover a{
    -webkit-transform:rotate3d(0,0,1,0deg);
    transform:rotate3d(0,0,1,0deg);
    opacity:1\9;
    filter:alpha(opacity=100)\9;
}

.advert{
    width:6.9rem;
    margin:0.17rem 0 0.17rem 0;
    margin-top:0.05rem;
}

.advert img{
    width:100%;
}






@media (min-width: 980px) {

}

@media (max-width: 768px) {

    a, p, span, #login li, #header_a, #container .chinese, .main_beijing, #container .column{
        font-size: 0.2rem;
    }

    #header_a{
        width:7.68rem;
        background-color:#333;
    }

    #header_logo {
        height: 0.75rem;
    }

    #header_logo img {
        width: 2.2rem;
        margin-top: 0.05rem;
    }

    #login {
        width: 2.7rem;
        margin-top: 0.07rem;
    }

    #login li {
        margin-left: 0.2rem;
    }

    #header_a .logo_pic{
        display:none;
    }

    #header_a .link ul{
        margin-top:-0.03rem;
        width: 9.8rem;
        float:left;
    }

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

    #main-images .img-right .hide_two{
        display: none;
    }
    #main-images .img-right {
        float:right;
        width:2.2rem;
    }
    #main-images .img-left{
        width:7.6rem;
    }

    #main-images .img-left img{
        width:7.6rem;
    }
    #container .sidebar {
        display: none;
    }

    .menu {
        display: none;
    }

    #container .chinese{
        width:9.8rem;
        float:left;
        margin-left:0;
    }
    #container .main_beijing {
        width:9.8rem;
    }

    #container .main_left, #container .main_right{
        width:4.7rem;
        height:5rem;
    }

    #container .column{
        width:4.7rem;
    }


    #container .wrap_img{
        width:4.7rem;
        height:2.5rem;
    }

    #container .wrap_img .pic{
        width:4.7rem;
        height:2.5rem;
    }


    #container .main_beijing ul{
        width:4.7rem;
        height:6.8rem;
        float:right;
    }

    #container .main_beijing ul li{
        width:4.7rem;
    }

    #information_scrool{
        width:9.8rem;
        margin-top:0.1rem;
        height:0.7rem;
    }

    #information_scrool .info_head{
        margin-top:0.07rem;
    }

    #information_scrool .info_content{
        width:6.8rem;
        height:0.6rem;
        margin-top:0.11rem;
    }

    #information_scrool .info_content h3{
        font-size:0.23rem;
    }

    #information_scrool ul li{
        height:0.6rem;
    }


    #information_scrool .info_arrow{
        font-size:0.2rem;
        width:0.28rem;
        height:0.28rem;
        line-height:0.28rem;
        margin-top:0.2rem;
    }

    #container .column .nav_name a{
       font-size:0.23rem;
    }

    #container .column i{
        width:1.25rem;
    }

    .advert{
        width:9.8rem;
    }


    footer .bottom p{
        margin-top:0.1rem;
        height:0.2rem;
    }

    #quesition{
        left:-1rem;
    }

    .role-nav li a{
        font-size:0.18rem;
    }

}


@media (max-width: 480px) {

    a, p, span, #login li, #header_a, #container .chinese, .main_beijing, #container .column{
        font-size: 0.23rem;
    }

    #login {
        width: 2.7rem;
        margin-top: 0.07rem;
    }

    #login li {
        margin-left: 0.2rem;
    }


    #container .main_left, #container .main_right{
        width:9.8rem;
        height:7.3rem;
    }

    #container .column{
        width:9.8rem;
    }


    #container .wrap_img{
        width:9.8rem;
        height:4.3rem;
    }

    #container .wrap_img .pic{
        width:9.8rem;
        height:4.3rem;
    }


    #container .main_beijing ul{
        width:9.8rem;
        height:7.3rem;
        float:right;
    }

    #container .main_beijing ul li{
        width:9.8rem;
    }

    #container .column .nav_name a{
        font-size:0.28rem;
    }


    #container .main_beijing ul li a{
        font-size:0.25rem;
    }


    #container .column .col_more a{
        font-size:0.26rem;
    }

    #container .column i{
        width:1.48rem;
    }
}