html,body,div,p,ul,li,h4{margin: 0;padding: 0;list-style: none;}
.page_pc img{display: block;width: 100%;}
.page_pc p{font-size: 14px;font-family: Microsoft YaHei;line-height: 1.8em;}
.page_pc .page_title{position: relative;}
.page_pc .page_kv{position: relative;}
.page_kv .title_ms1{position: absolute;width: 51.2%;top: 32%;left: 40%;padding: 30px;background: rgba(255,255,255,.8); text-align: center;box-sizing: border-box;font-size: 20px;line-height: 1.8em;}
.page_title .title_ms2{position: absolute;top: 50%;left: 50%;padding: 2vw 5vw;background: rgba(255,255,255,.8); text-align: center;font-size: 20px;line-height: 1.8em;transform: translate(-50%,-50%);}
.page_title .title_ms3{position: absolute;top: 50%;left: 20%;padding: 2vw 5vw;background: rgba(255,255,255,.8); text-align: center;font-size: 20px;line-height: 1.8em;transform: translate(0,-50%);}
.page_pc .ftr_p{width: 100%;margin: 0 auto;max-width: 1000px;padding: 60px 0;}
.page_pc .ftr_p p{width: 83%;margin: 0 auto;}
.page_pc .nav{background: #f1f1f1;padding: 55px 0;}
.page_pc .nav ul{width: 94%;max-width: 1200px;overflow: hidden;margin: 0 auto;display: flex;justify-content: center;flex-wrap: wrap;}
.page_pc .nav ul li{width: 31.166%;margin-bottom: 1.667%;margin-right: 1.667%;border-bottom: 2px solid #bdbdbd;height: 90px;background: #fff;line-height: 1.5em;font-size:14px;float: left;text-align: center;position: relative;cursor: pointer;box-sizing: border-box;padding-top: 20px;}
.page_pc .nav ul li:hover{background: #5787f4;color: #fff;transition-duration: .5s,.5s;}
.page_pc .nav ul li:hover .ico{border-color: transparent transparent #fff;transition-duration: .5s,.5s;}
.page_pc .nav ul li .ico{position: absolute;bottom: 5px;left: 50%;margin-left: -0.5em;display: block;transform: rotate(180deg);border: 5px solid;border-color: transparent transparent #000;}
.page_pc .page_article{max-width: 1200px;overflow: hidden;margin: 0 auto;}
.page_pc .p_left{float: left;width: 56%;}
.page_pc .page_article h4{font-size: 18px;font-family: Microsoft YaHei;}
.page_pc .p_right{float: right;width: 36%;}
.page_pc .clear{clear: both;}
.page_pc .p_left.w45{width: 45%;}
.page_pc .p_right.w45{width: 45%;}
.page_pc .p_left.w36{width: 36%;}
.page_pc .p_right.w56{width: 56%;}
.page_pc .wifi{overflow: hidden;}
.page_pc .wifi img{float: left;width: 30%;margin-right: 5%;}
.page_pc .wifi img:last-child{margin: 0;}

.page_pc .nav_btn{position: fixed;right: 10%;top: 20%;z-index: 100;display: none;width: 15px;height: 304px;}
.page_pc .nav_btn li{width: 15px; margin-bottom: 1px;height: 60px;background: #9c9ca6;line-height: 60px;text-align: center;cursor: pointer;transform-origin:right;position: absolute;right: 0;top: 0px;transition: all 1s;overflow: hidden;}
.page_pc .nav_btn li:nth-child(2){top: 61px;}
.page_pc .nav_btn li:nth-child(3){top: 122px;}
.page_pc .nav_btn li:nth-child(4){top: 183px;}
.page_pc .nav_btn li:nth-child(5){top: 244px;}
.page_pc .nav_btn li div{width: 500px;margin-left: -17px;}
.page_pc .nav_btn li p{width: 450px;color: #fff;text-align: left;line-height: 60px;background: #5787f4;padding-left: 15px;box-sizing: border-box;transition: all 1s;display: inline-block;}
.page_pc .nav_btn li span{color: #fff;display: inline-block;width: 15px;}
.page_pc .nav_btn li.on{background: #5787f4;}
.page_pc .nav_btn li:hover div{margin-left: -25px;}
.page_pc .nav_btn li:hover{width: 450px;}
.page_pc .nav_btn li:hover span{display: none;}


.page_pc .w50{width: 50%;margin: 30px auto;}
.page_pc .mt20{margin-top: 20px;}
.page_pc .mt30{margin-top: 30px;}
.page_pc .mt50{margin-top: 50px;}
.page_pc .mt80{margin-top: 80px;}

.page_pc .t_c{text-align: center;}
.page_pc .m_sw{display: none;}
@media screen and (max-width:1600px){
    .page_pc .nav_btn{right: 0;}
}

@media screen and (max-width:800px){
    #header,#footer_con{display: none;}
    .page_pc .p_sw{display: none;}
    .page_pc .m_sw{display: block;}
    .page_pc .m_sw .p_left{float: left;}    
    .page_pc .m_sw .p_right{float: right;}
    .page_pc .m_sw .w50{width: 50%;margin-bottom: 0;}
    .page_pc .m_sw .w40{width: 40%;margin-bottom: 0;}
    .page_pc .m_sw .t100{margin-top: 10vw;}
    .page_pc{width: 100%;}
    .page_pc p{font-size: 3vw;}
    .page_pc .page_article h4{font-size: 3.5vw}
    .page_pc .p_left{float: none;width: 100%;}
    .page_pc .p_right{float: none;width: 100%;}
    .page_pc .page_article{width: 90%;margin: 0 auto;}
    .page_pc .page_title{width: 100%;}
    .page_pc .ftr_p{padding: 5vw 0;}
    .page_pc .wifi img{float: none; width: 100%;margin-bottom: 3vw;}

    .page_pc .w50{margin: 5vw auto;}
    .page_pc .p_left.w45{width: 100%;}
    .page_pc .p_right.w45{width: 100%;}
    .page_pc .p_left.w36{width: 100%;}
    .page_pc .p_right.w56{width: 100%;}
    .page_pc .w50{width: 100%;}
    .nav_btn{display: none;}
    .page_kv .title_ms1{width: 100%;left: 0;top: 70%;font-size: 3.5vw;padding: 0;background: none;}
    .page_title .title_ms2{width: 100%;left: 0;top: 70%;font-size: 3.5vw;transform: translate(0);padding:0;background: none;}
    .page_title .title_ms3{width: 100%;left: 0;top: 62%;font-size: 3.5vw;transform: translate(0);padding: 3vw 0;background: none;}
    .page_pc .nav{padding: 5vw 0;}
    .page_pc .nav ul{display: block;}
    .page_pc .nav ul li{width: 100%;padding: 3vw 8vw;height: auto;line-height: 1.5em;font-size: 3vw;text-align: left;}
    .page_pc .nav ul li .ico{bottom: 36%;left: 3vw;border: 4px solid;border-color: transparent transparent #000;}
    .t50{margin-top: 5vw;}
    .page_pc .mt20{margin-top: 3vw;}
    .page_pc .mt30{margin-top: 5vw;}
    .page_pc .mt50{margin-top: 5vw;}
    .page_pc .mt80{margin-top: 8vw;}
    }