* {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1rem;
    color: #737373;
}
/*@font-face {*/
    /*font-family: 'pingfang';   !*字体名称*!*/
    /*src: url('../fonts/PingFang.ttc');       !*字体源文件*!*/
/*}*/
a {
    color: #000;
    text-decoration: none;
}
a:hover,a:active,a:link,a:visited{
    text-decoration: none;
}

div {
    padding-top: 0px;

}

body, html {
    min-width: 1200px;
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, "微软雅黑", "宋体";
    color: #333;
    font-size: 16px;
    -webkit-text-size-adjust: none;
}
button, input, select, textarea{
    font-family: Arial, Verdana, "微软雅黑", "宋体" !important;
}
table, td, tr, th {
    font-size: 12px;
}

li {
    list-style-type: none;
}

/** {*/
/*transition: 0.3s;*/
/*-webkit-transition: 0.3s;*/
/*}*/

.nav-dh li {
    float: left;
    width: 12.5%;
    /*font-family: MyFont;*/
}

.nav-dh li a{
    color: #727272;
    /*font-family: pingfang;*/
}
.nav-dh li a:hover{
    color: #000;
    /*font-family: pingfang;*/
}

/*
    公共
*/
h1,h2,h3,h4,h5,h6,h7{
    font-family: 宋体;
    /*font-weight: bold;*/
}
h2 {

}

.h2addwidth {
    color: #707070;
    margin-top:0.5rem;
    letter-spacing: 0.6rem;
    text-indent:0.6rem;
    font-size: 1rem;
    font-weight: bold;
    font-family: 黑体;
}

.h2addwidth2 {
    letter-spacing: 0.2rem;
    text-indent:0.2rem;
    font-size: 1rem;
    font-weight: bold;
    font-family: 黑体;
}

.h2addtitle {
    letter-spacing: 1.5rem;
    text-indent:1.5rem;
    font-size: 0.6rem;
    color: #000;
    margin-bottom: 0.3rem;
}

.clear {
    clear: both;
}
.aone{
    white-space: nowrap;text-overflow:ellipsis;overflow:hidden;
}
.close-btn{
    position: absolute;
    right: 10px;
    top: 10px;
    /*width: 20px;*/
    /*float: right;*/
    /*margin:10px 30px 0 0;*/
    line-height: 30px;

}
input{
    padding-left: 10px;
}
.tanchu{
    display: none;
}
.tanchu h2,.tanchu h3,.tanchu h5,.tanchu p{
    color: #fff;
}
.forumtanchu h2,.forumtanchu h3,.forumtanchu h5,.forumtanchu p,.newstanchu h2,.newstanchu h3,.newstanchu h5,.newstanchu p{
    color: #000;
}
.noscroll{
    /*height: 100%;*/
    overflow: hidden;
}
.close-btn button{
    width: 30px;
    height: 30px;
    border-radius: 15px;
}
.hei1 {
    height: 1rem;
    width: 100%;
}

.hei2 {
    height: 2rem;
    width: 100%;
}

.hei3 {
    height: 3rem;
    width: 100%;
}

.hei4 {
    height: 4rem;
    width: 100%;
}

.hei5 {
    height: 5rem;
    width: 100%;
}

.hei6 {
    height: 6rem;
    width: 100%;
}

.hei7 {
    height: 7rem;
    width: 100%;
}

.hei8 {
    height: 8rem;
    width: 100%;
}
@media screen and (max-width: 1400px) {
    #searchform{
        right: 50px !important;
    }
}

/*
    banner
*/
.banner {
    height: 600px;
}
@media screen and(min-width:1300px) {
    .banner {
        height: 900px;
    }
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-button-next {
    background: rgba(255, 255, 255, 0.8);
    right: 0;
    width: 70px;
    border-radius: 22px 0 0 22px;
    top:50%;

}

.swiper-button-prev {
    background: rgba(255, 255, 255, 0.8);
    left: 0;
    width: 70px;
    border-radius: 0 22px 22px 0;
    top:50%;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    color: #fff;
    font-size: 0.4rem;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    color: #fff;
    font-size: 0.4rem;
}


/*
    艺术活动
*/
.artpro {
    width: 90%;
    margin: 0 auto;
}

.artpro ul li {
    width: 25%;
    float: left;
    padding: 2%;
    box-sizing: border-box;
}

.artpro ul li img {
    -webkit-filter: grayscale(1); /* Webkit */
    filter: grayscale(1); /* W3C */
    /*width: 100%;*/
    width: 240px;
    height: 239px;
}

.artpro ul li img:hover {
    -webkit-filter: none; /* Webkit */
    filter: none; /* W3C */
}
/*
    伏羲故事
*/
.storydiv {
    text-align: center;
}

.storypro {
    width: 79%;
    margin: 0 auto;


}

.storypro ul li {
    width: 16.6%;
    float: left;
    /*height: 400px;*/
    padding: 1%;
}

.storypro ul li img {
    /*-webkit-filter: grayscale(1); !* Webkit *!*/
    /*filter: grayscale(1); !* W3C *!*/
    width: 100%;
    height: 100%;
}

.storypro ul li img:hover {
    /*-webkit-filter: none; !* Webkit *!*/
    /*filter: none; !* W3C *!*/
}

.swiper-container2 {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
}

.swiper-container2 .swiper-slide {
    background-position: center;
    background-size: cover;
}


/*
    vr 文化馆
*/
.vrdiv {
    text-align: center;
}

.vrpro {
    width: 100%;
    margin: 0 auto;
    height: 600px;

}
/*
    企业文化
*/
.companypro, .companypro2 {
    width: 80%;
    margin: 0 auto;
}

.companypro img {
    width: 100%;
}

.companypro2 ul li {
    width: 33%;
    padding: 7%;
    box-sizing: border-box;
    float: left;

}

.companypro2 ul li p {
    line-height: 0.4rem;
}
/*
    文化论坛
*/
.forum {
    text-align: center;
}

.forumpro {
    text-align: left;
    width: 80%;
    margin: 0 auto;
}
.forumproimg{
    float: left;
    width: 400px;
}

.forumright{
    text-align: center;

}
.forumul{
    width: 80%;
    /*margin: 0 auto;*/
    margin-left: 150px;
}
.forumul li{
    padding-top: 0.5rem;
}
.forumul p{
    line-height: 0.4rem;
}
.forumimg{
    float: left;
    margin:0 0.3rem 0 1.5rem;
}
.forumwen{
    text-align: left;

}
.forumwen p{
    padding-left: 0.4rem;
}

/*
    新闻
*/
.news {
    text-align: center;
}
.news2{
    background: #f7f7f7;
}
.newspro {
    text-align: left;
    width: 80%;
    margin: 0 auto;
}
.newspro li{
    height: 117px;
    margin: 20px;
}
.newswen,.newswen2{
    padding-top: 0.2rem;
}

.newsimg {
    float: left;
    width: 20%;
    text-align: center;
    background: #fff;

}

.newsimg img {
    width: 117px;
    height: 117px;
    margin: 0 auto;
}

.newswen {
    float: left;
    width: 60%;
    text-align: left;
    padding-left: 0.2rem;

}

.newswen p, .newswen2 p {
    line-height: 0.4rem;
    width: 95%;
}

.newswen h2, .newswen2 h2 {
    margin: 0;
}

.newswen2 {
    float: left;
    width: 20%;
    line-height: 0.4rem;
    text-align: left;
}
/*
    酒店
*/
.hotel{
    text-align: center;
}
.hotelpro{
    width: 80%;
    margin: 0 auto;
}
.hotelpro li{
    float: left;
    padding: 1rem;
    box-sizing: border-box;
    width: 50%;
}
/*
    底部
*/
.footer{
    background: #dbdbdb;
    text-align: center;
}
.foot p{
    line-height: 0.6rem;letter-spacing: 0.2rem
}

/*
    btn-search
*/
.btn-search,.btn-langs{
    background: #fff;
    border: none;
    font-size: 12px;
    color: #727272;
}

/*
    弹出层
 */

.arttanchu{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
    z-index: 99999999;

}
.w80{
    width: 80%;
    margin: 0 auto;
}
.arttanchu_pro{
    width: 100%;height: 500px;position: relative;transform: translate(-50%, -50%);top: 50%;left: 50%;
}
.swiper-container-art{
    overflow: hidden;

}
.swiper-container-art .swiper-slide{
    background: transparent;
    color: #fff;
}
.arts_title{
    width: 100%;
    letter-spacing: 0.2rem;

}
.arts img{
    width: 300px;
    min-height: 200px;
    max-height: 500px;
}
.arts li{
    width: 50%;
    float: left;
    padding: 4%;
}
.arts_img{
    text-align: right;
}
.artswen{
    width: 80%;
    margin: 0 auto;
}
.arts_wen{
    text-align: left;
    height: 100%;
    max-height: 380px;
    overflow:auto;
}
.arts_wen p{
    line-height: 0.4rem;
}

.storytanchu{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
    z-index: 99999999;

}
.storytanchu_pro{
    width: 100%;height: 500px;position: relative;transform: translate(-50%, -50%);top: 50%;left: 50%;
}
.swiper-container-story{
    overflow: hidden;

}
.swiper-container-story .swiper-slide{
    background: transparent;
    color: #fff;
}
.storys_title{
    width: 100%;
    letter-spacing: 0.2rem;

}
.storys img{
    width: 300px;
    min-height: 200px;
    max-height: 500px;
}
.storys li{
    width: 50%;
    float: left;
    padding: 4%;
}
.storys_img{
    text-align: right;
}
.storys_wen{
    text-align: left;
    height: 100%;
    max-height: 380px;
    overflow:auto;
}

.companytanchu{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
    z-index: 99999999;

}
.companytanchu_pro{
    width: 100%;height: 500px;position: relative;transform: translate(-50%, -50%);top: 50%;left: 50%;
}
.swiper-container-company{
    overflow: hidden;

}
.swiper-container-company .swiper-slide{
    background: transparent;
    color: #fff;
}
.company_title{
    width: 100%;
    letter-spacing: 0.2rem;

}
.companys{
    width: 80%;
    margin: 0 auto;
    height: 100%;
    max-height: 380px;
    overflow:auto;
}
.companys p{
    line-height: 0.4rem;
    text-align: left;
}


.forumtanchu{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
    z-index: 99999999;

}
.forumtanchu_pro{
    width: 100%;height: 400px;position: relative;transform: translate(-50%, -50%);top: 50%;left: 50%;
}
.swiper-container-forum{
    overflow: hidden;

}
.swiper-container-forum .swiper-slide{
    background: #fff;
    color: #fff;
}
.forum_title{
    width: 100%;
    letter-spacing: 0.2rem;

}
.forums{
    width: 100%;
    margin: 0 auto;
}
.forums p{
    line-height: 0.4rem;
    text-align: left;
}
.forums img{
    width: 100%;
    min-height: 200px;
    max-height: 500px;
}
.forums li{
    float: left;
    padding: 4%;
}
.forums_img{
    width: 40%;
    text-align: left;
}
.forumswen{
    width: 60%;
    height: 100%;
    max-height: 380px;
    overflow:auto;
}
.forums_wen{
    text-align: left;
}


.shuhuatanchu{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
    z-index: 99999999;

}
.shuhuatanchu_pro{
    width: 80%;height: 400px;position: relative;transform: translate(-50%, -50%);top: 50%;left: 50%;background: #fff;
}
.swiper-container-shuhua{
    overflow: hidden;

}
.swiper-container-shuhua .swiper-slide{
    background: #fff;
    color: #fff;
}
.shuhua_title{
    width: 100%;
    letter-spacing: 0.2rem;

}
.shuhuas{
    width: 100%;
    margin: 0 auto;
}
.shuhuas p{
    line-height: 0.4rem;
    text-align: left;
}
.shuhuas img{
    width: 100%;
    min-height: 200px;
    max-height: 500px;
}
.shuhuas li{
    float: left;
    padding: 4%;
}
.shuhuas_img{
    width: 50%;
    text-align: left;
}
.shuhuaswen{
    width: 50%;
    height: 100%;
    max-height: 380px;
    overflow:auto;
}
.shuhuas_wen{
    text-align: left;
}

.newstanchu{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
    z-index: 99999999;

}
.newstanchu_pro{
    width: 100%;height: 400px;position: relative;transform: translate(-50%, -50%);top: 50%;left: 50%;
}
.swiper-container-news{
    overflow: hidden;

}
.swiper-container-news .swiper-slide{
    background: #fff;
    color: #fff;
}
.news_title{
    width: 100%;
    letter-spacing: 0.2rem;

}
.newss{
    width: 100%;
    margin: 0 auto;
}
.newss p{
    line-height: 0.4rem;
    text-align: left;
}
.newss img{
    width: 100%;
    min-height: 200px;
    height: 400px;
    max-height: 500px;
}
.newss li{
    float: left;
    padding: 4%;
}
.newss_img{
    width: 40%;
    text-align: left;
}
.newsswen{
    width: 60%;
    height: 100%;
    max-height: 380px;
    overflow:auto;
}
.newss_wen{
    text-align: left;
}
/*
.newstanchu_pro .swiper-button-next,.forumtanchu_pro .swiper-button-next{
    background: rgba(0,0,0,0.9);
}
.newstanchu_pro .swiper-button-prev,.forumtanchu_pro .swiper-button-prev{
    background: rgba(0,0,0,0.9);
}
*/

.hoteltanchu{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
    z-index: 99999999;

}
.hoteltanchu_pro{
    width: 100%;height: 500px;position: relative;transform: translate(-50%, -50%);top: 50%;left: 50%;
}
.swiper-container-hotel{
    overflow: hidden;

}
.swiper-container-hotel .swiper-slide{
    background: transparent;
    color: #fff;
}
.hotel_title{
    width: 100%;
    letter-spacing: 0.2rem;

}
.hotels{
    width: 80%;
    margin: 0 auto;
    height: 100%;
    max-height: 380px;
    overflow:auto;
}
.hotels p{
    line-height: 0.4rem;
    text-align: left;
}

.arts_wen::-webkit-scrollbar,.companys::-webkit-scrollbar,.storys_wen::-webkit-scrollbar,.forums_wen::-webkit-scrollbar,.newss_wen::-webkit-scrollbar,.hotels_wen::-webkit-scrollbar,.shuhuaswen::-webkit-scrollbar{
    width: 0px;
}