@charset "utf-8";
*{padding:0px; margin:0px;font-family:'Microsoft YaHei', Helvetica, Arial, sans-serif;outline:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, select, iframe{ padding:0; margin: 0; list-style:none;}
body{color: #000;background: #fff;}

fieldset,img {border:0;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
input{ -webkit-appearance: none;}
em,ins,i{font-style: normal;}
ul,li{list-style:none;}
table { border-collapse:collapse; border-spacing:0; }
input, button, textarea, checkbox, select, radio, form{vertical-align: top;border:0;-webkit-appearance:none;}
select{padding:0 5px;font-family:"Microsoft Yahei";-webkit-appearance:none;}
img{max-width:100%; vertical-align: middle;}
a {color: #323232;text-decoration:none;}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
.clear{clear:both;}
.clearfix:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
body,input{font-family:"Microsoft Yahei";}
body{min-width:320px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.main{width: 94%;padding: 0 3%;}
.txt-cut2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.txt-cut3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.4rem;
    word-break: break-all;
}
.txt-cut4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
/*  cover  */
.button0{
    width: 100%;
}
.foot{
    width: 100%;
    height: 30%;
    position:absolute;
    bottom: 0;
    left: 0 ;
    z-index: 99;
}
.button0 h1{
    font-weight: bold;
    font-size: 3.5rem;
    color: #e40011;
    position: absolute;
    bottom: 35%;
    left: 29%;
    z-index: 999;
}
.button0 p{
    font-size: 1.4rem;
    color: #141414;
    position: absolute;
    bottom: 33%;
    left: 29%;
    z-index: 999;
}
.button0 img{
    z-index: -2;
    width: 100%;
    height: 100%;
}
.button0 .one{
    position: absolute;
    left: 31%;
    top: 20%;
    font-size: 1.8rem;
    color: #090103;
    border: 2px solid #e60012;
    border-radius: 3px;
    padding: 2% 10% 2% 5%;
    background: url("../images/point.png") no-repeat right center/18% 50%;
}
.button0 .two{
    position: absolute;
    left: 31%;
    top: 32%;
    font-size: 1.8rem;
    color: #090103;
    border: 2px solid #e60012;
    border-radius: 3px;
    padding: 2% 13% 2% 5%;
    background: url("../images/point.png") no-repeat right center/18% 50%;
}


/*  firstpage   */
.container{
    width: 100%;
    margin-top:20px;
}
.head{
    padding:3% 2%;
    margin: 0 auto;
    overflow:hidden
}
.title{
    display:inline-block;
    width: 27%;
    padding-top:2%;
    padding-bottom:2%
}
.change {
    padding: 2% 0;
    color: #999999;
}
select {
    background: url("../images/select.png") no-repeat right/15%;
    display: inline-block;
    padding-left: 5px;
    cursor: pointer;
    width: 36%;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 99;
}
.banner img{
    width: 94%;
    padding: 5px 0;
    margin: 0 auto;
    display:block;
}
.banner span{
    width: 94%;
    font-size: 1.3rem;
    display: block;
    margin: 0 auto;
    padding: 10px 0;
}
.nav{
    width: 94%;
    margin: 0 auto;
}
.nav ul li{
    display: inline-block;
    width: 23.5%;
    float: left;
    text-align: center;
    margin-right: 2%;
    margin-top: 20px;
    font-size:1rem;
}
.nav ul li:nth-child(4){
    margin-right: 0;
}
.nav ul li img{
    width: 75%;
}
.nav ul li span{
    display: inline-block;
    padding-top: 5px;
    clear:both
}

/*选项卡*/
#tab{
    width:100%;
    /*处理超出的内容*/
    overflow: hidden;
    margin: 5% 0 0 0;

}
#tab-header {
    height: 10%;
    text-align: center;
    position: relative;
    font-size: 1.4rem;
}
#tab-header ul{
    width: 100%;
}
    #tab-header ul li {
        font-size: 1.2rem;
        color: #666666;
        background: #eeeded;
        float: left;
        width: 49.5%;
        padding: 3% 0 1.5% 0;
        height: 30%;
        overflow: hidden
    }
#tab-header ul li:nth-child(2){
    float: right;
}
    #tab-header ul li.selected {
        font-size: 1.2rem;
        background: #eeeded;
        border-bottom: 0;
        padding: 3% 0 1.5% 0;
        color: #000;
        /*background: url("../images/line2.png") no-repeat top center/100% 100%;*/
        height: 30%;
        border-bottom:2px solid red
    }
    #tab-header ul li:hover {
        font-size: 1.2rem;
        background: #eeeded;
        border-bottom: 0;
        padding: 3% 0 1.5% 0;
        color: #000;
        border-bottom: 2px solid red;
        /*background: url("../images/line2.png") no-repeat top center/100% 100%;*/
    }

/*主要内容*/
#tab-content{
    margin-bottom: 74px;
    display: inline-block;
    width:100%
}
#tab-content .dom{
    display: none;
}
#tab-content .dom ul li{
    float: left;
    font-size: 1rem;
    border-bottom:1px solid #ccc;
    color: #666666;
    width:100%;
}
#tab-content .dom ul li a:hover{
    color:#000;
}
#tab-content .dom ul li .zuo1{
    width: 54%;
    font-size: 1rem;
    margin: 3%;
    word-break: break-all;
}
#tab-content .dom ul li .zuo2{
    width: 94%;
    margin:3%;
}
#tab-content .dom ul li span{
    font-size: 0.9rem;
    color: #333333;
    display: inline-block;
    margin-top: 14px;
}
#tab-content .dom ul li img{
    width: 32%;
    margin: 3% 4% 3% 4%;
    border-radius:1px
}
.more1 {
    font-size: 1.2rem;
    width: 40%;
    margin: 0 auto;
}
.more1 a {
    color: #fff;
    background: #bfbfbf;
    display: inline-block;
    text-align: center;
    margin: 10% 0;
    padding: 4% 0 4% 0;
    width: 100%;
    border-radius: 10px;
}
/*底部*/
#bottomNav { background-color:#eeeded; z-index:999; position:fixed; bottom:0; width:100%; _position:absolute; /* for IE6 */  _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible;font-size: 1.4rem;color: #333333; float:left; padding:2% 0}
.circle{
    position: absolute;
    top:-80%;
    left:41%;
    width: 18%;
}


/*base*/
.back{
    width:100%;
    margin-top:10px;
}
.back h3{
    font-size: 1.2rem;
    display: inline-block;

}
.back span{
    font-size: 1.2rem;
    width: 20%;
    padding-top: 5px;
}
.back p{
    width: 80%;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 800;
}
/*base结束*/

/*Policies*/
.content-Policies{
    margin-top: 2%;
    width: 94%;
    margin-left: 3%;
}
.content-Policies ul{
    width: 100%;
}
.content-Policies ul li{
    padding:8px 0;
    border-bottom:1px solid #ccc ;
    height:8rem ;
    line-height: 1.8rem;
}
.content-Policies ul li:nth-last-child{
    border:0;

}
.content-Policies ul li p{
    font-size: 1.1rem;
    margin-bottom: 8px;
}
.content-Policies ul li span{
    font-size: 1.1rem;
}
.content-Policies ul li h4{
    font-size: 1.1rem;
    padding-left: 5%;
    display: inline-block;
}

/*Tourism*/
.content-Tourism{
    margin-top: 2%;
    width: 94%;
    margin-left: 3%;
}
.content-Tourism ul{
    width: 100%;
}
.content-Tourism ul li{
    padding:10px 0;
    width: 100%;
    height: 7rem;
    border-bottom: 1px solid #ccc;
}
.content-Tourism ul li p{
    font-size: 1.1rem;
    margin-bottom: 8px;
}
.content-Tourism ul li span{
    font-size: 1.0rem;
}
.content-Tourism ul li h4{
    font-size: 1.0rem;
    padding-left: 5%;
    display: inline-block;
}
.content-Tourism ul li img{
    width: 33%;
    display: inline-block;
}

/*FQA*/
.content-FQA{
    margin-top: 2%;
    width: 94%;
    margin-left: 3%;
}
.content-FQA ul{
    width: 100%;
}
.content-FQA ul li{
    padding:1.5rem 0;
    border-bottom:1px solid #ccc ;
    line-height: 1.8rem;
    position: relative;
}
.content-FQA ul li:nth-last-child{
    border:0;
}
.content-FQA ul li p{
    font-size: 1.3rem;
    margin-bottom: 1rem;
}
.content-FQA ul li span{
    font-size: 1.1rem;
}
.content-FQA ul li h4{
    font-size: 1.1rem;
    padding-left: 5%;
    display: inline-block;

}
.content-FQA ul li h5{
    font-size: 1.1rem;
}
.btn{
    position: absolute;
    right: 0.5rem;
    top: 79%;
    width: 7%;
    background: #fff;
}

.add{
    position: absolute;
    right: 0.5rem;
    top: 79%;
    width: 7%;
}

/*问答文章页*/
.question{
    width: 94%;
    margin-left: 3%;
    height: 10rem;
    margin-top: 2rem;
}
.question .logo-q{
    display: inline-block;
    width: 10%;
    margin-top: 0.3rem;
}
.question .logo-p{
    display: inline-block;
    width: 86%;
}
.question .logo-p h1{
    font-size: 1.4rem;
}
.question .logo-p p{
    font-size: 1.1rem;
    color: #666666;
    margin-top: 0.5rem;
}
.answer{
    width: 94%;
    margin-top: 3rem;
    margin-left: 3%;
    height: 10rem;
    line-height: 2rem;
}
.answer .logo-a{
    display: inline-block;
    width: 10%;
    margin-top: 0.3rem;
}
.answer .logo-s{
    display: inline-block;
    width: 86%;
    font-size: 1.2rem;
}

/*Events*/
.content-Events{
    margin-top: 2%;
    width: 94%;
    margin-left: 3%;
}
.content-Events ul{
    width: 100%;
}
.content-Events ul li{
    padding:10px 0;
    width: 100%;
    height: 7rem;
    border-bottom: 1px solid #ccc;
}
.content-Events ul li p{
    font-size: 1.1rem;
    margin-bottom: 9px;
}
.content-Events ul li span{
    font-size: 1.0rem;
    padding: 4px 8px;
    background: #fc6c02;
    border-radius: 10px;
}
.content-Events ul li h4{
    font-size: 1.0rem;
    padding-left: 5%;
    display: inline-block;
    width: 65%;
}
.content-Events ul li img{
    width: 33%;
    display: inline-block;
}

/*问答*/
.back1{
    width:100%;
    margin-top: 30px;
    position: relative;
}
.back1 span{
    font-size: 2.5rem;
    width: 20%;
    position: absolute;
    left: 0%;
    bottom: -35%;
    color: #707070;
}
.back1 p{
    width:100%;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 800;
}
.finish{
    width: 94%;
    margin-left: 3%;
    margin-top: 2rem;
}
.finish h1{
    font-size: 1.8rem;
    text-align: center;
}
.finish span{
    font-size: 1.1rem;
    margin-top: 1rem;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #999999;
}
/* select */
.select{position:relative;}
.select dt{margin-top:1rem;color:#999999;display:inline-block;border:1px solid #d2ccc4;font-weight:bold;cursor:pointer;width:88.5%;margin-left:2.5%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99;padding:0.6rem 1rem;background: #f3f3f3}
.select dt img{width: 7%;}
.select dt:hover,.select dt.cur{border:1px solid #409DFE;box-shadow:0 0 3px #409DFE;}
.select dd{position:absolute;left:0;top:29px;border:1px solid #d2ccc4;background:#fff;display:none; width: 96%;margin-left: 2%}
.select dd ul{padding:1.7rem 0 0 0;width:100%;max-height:250px;overflow:auto;display:inline-block;}
.select dd ul li a{line-height:28px;display:block;padding:0 8px;}
.select dd ul li a:hover{background:#f5f5f5;}
.list1{
    width: 92%;
    border: 1px solid #bfbfbf;
    display: inline-block;
    margin-left: 2.5%;
    margin-top:1rem;
    padding: 1rem 0 6rem 1rem;
    background: #f3f3f3;
    color:#999999;
    font-size: 1.2rem;
}
.name{
    margin-left:5%;
}
.name p{
    font-size: 1.5rem;
    padding: 1rem 0;
}
.name input{
    padding: 0.5rem 0;
    width: 95%;
    font-size: 1.5rem;
    color: #999999;
    background: #f3f3f3;
    border: 1px solid #bfbfbf;
}
.phone{
    margin-left:5%;
}
.phone p{
    font-size: 1.5rem;
    padding: 1rem 0;
}
.phone input{
    padding: 0.5rem 0;
    width: 95%;
    font-size: 1.5rem;
    color: #999999;
    background: #f3f3f3;
    border: 1px solid #bfbfbf;
}
.Email{
    margin-left:5%;
}
.Email p{
    font-size: 1.5rem;
    padding: 1rem 0;
}
.Email input{
    padding: 0.5rem 0;
    width: 95%;
    font-size: 1.5rem;
    color: #999999;
    background: #f3f3f3;
    border: 1px solid #bfbfbf;
}
.check{
    margin:1rem 0 1rem 5%;
}
.one-light{
    width: 40%;
    background: #bfbfbf;
    color: #fff;
    padding:0.5rem 2rem;
    font-size: 1.8rem;
    margin:0 5%;
}
.two-light{
    width: 40%;
    background: #fc6c02;
    color: #fff;
    padding:0.5rem 2rem;
    font-size: 1.8rem;
    margin-left: 5%;
}