html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
sub,
sup,
tt,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a,
section {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

input,
select,
textarea {
    vertical-align: middle;
    -ms-behavior: url(css/PIE.htc);
    behavior: url(css/PIE.htc);
    outline: none;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

ul li {
    list-style-type: none;
}

a {
    blr: expression(this.onFocus=this.blur());
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
a {
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}


.container{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    margin:0 auto;
    background-color:#000;
}
.container img{
    width:100%;
}
.top{
    width:120%;
    position:absolute;
    left:-10%;
    top:-12%;
}
.top-mask{
    position:absolute;
    width:120%;
    left:-10%;
    top:0;
}
.left{
    position:absolute;
    left:-4%;
    top:13.3%;
    width:9%;
}
.right{
    position:absolute;
    right:-4%;
    top:13.3%;
    width:9%;
}
.bottom{
    position:absolute;
    width:100%;
    height:35px;
    left:0;
    bottom:0;
    background-color:#000;
    overflow:hidden;
    z-index:303;
}

.bq{
    width:21.8%;
    float:left;
    margin-left:6.2%;
    font-size:12px;
    line-height:35px;
    color:#fff;
}

.ab{
    float:left;
    margin-left:2%;
    line-height:35px;
    color:#fff;
    font-size:12px;
}
.num{
    float:left;
    margin-left:44%;
    font-size:12px;
    line-height:35px;
    color:#fff;
}

.ab img{
    width:20px;
    display:inline-block;
    vertical-align:middle;
}

.list{
    width:86.7%;
    position:absolute;
    left:5.7%;
    bottom:1.4%;
    z-index:301
}

.list-ul{
    width:100%;
    overflow:hidden;
}

.list-ul li{
    position:relative;
    width:9.6%;
    float:left;
    margin-left:0.4%;
    cursor:pointer;
}
.list-ul li:first-child{
    margin-left:0;
}
.list-btn,.list-btn1{
    cursor:pointer;
}



.list-btn p,.list-btn1 p{
    width:100%;
    position:absolute;
    left:0;
    top:30%;
    font-size:20px;
    color:#fff;
    text-align:center;
    font-weight:600;
}

.list-img2{
    display:none;
}

.list-btn:hover .list-img1,.list-btn.active .list-img1{
    display:none;
}

.list-btn:hover .list-img2,.list-btn.active .list-img2{
    display:block;
}
.list-btn1:hover .list-img1,.list-btn1.active .list-img1{
    display:none;
}

.list-btn1:hover .list-img2,.list-btn1.active .list-img2{
    display:block;
}

.logo{
    position:absolute;
    width:16.5%;
    left:12%;
    top:5%;
}
.zw{
    position:absolute;
    width:100%;
    left:0;
    bottom:0.2%;
    z-index:302;
}
.mask{
    position:absolute;
    width:92%;
    left:4%;
    top:8%;
}
.main{
    position:absolute;
    width:81.4%;
    left:9.3%;
    top:9%;
}
.fm-box{
    position:absolute;
    width:100%;
    left:0;
    top:0;
    z-index:30;
    display:block;
    z-index:300;
}
.fm-btn{
    position:absolute;
    width:14%;
    left:9%;
    top:60.7%;
}
.sp-img{
    position:relative;
    width:53%;
    margin:3% auto 0;
    cursor:pointer;
}
.sp-fm{
    position:absolute;
    width:94.8%;
    left:2.7%;
    top:3.7%;
    border-radius:30px;
    overflow:hidden;
}
.sp-btn{
    position:absolute;
    width:11.5%;
    left:44.3%;
    top:39.5%;
    z-index:30;
}
.abc{
    width:100%;
     position:absolute;
    left:0;
    top:0;
    opacity:0;
    z-index:-1;
}
.abc.ac{
    position:relative;
    left:0;
    top:0;
}
#videowin_jwplayer_logo{
    opacity:0;
    display:none !important;
}
.fm-video{
    position:absolute;
    width:49.1%;
    right:0;
    bottom:0;
    z-index:-1;
    opacity:0;
}
.sp-click{
    width:100%;
    position:relative;

}
.yc-box{
    width:100%;
    margin:3% auto 0;
    overflow:hidden;
}
.yc-left{
    width:52.5%;
    margin-left:23.6%;
    float:left;
}
/* .yc-right{
    width:39.6%;
    margin-left:1.2%;
    float:left;
} */
.jb-ul{
    width:83.3%;
    margin:3% 0 0 11.6%;
    overflow:hidden;
}
.jb-ul li{
    float:left;
    width:28.4%;
    box-sizing:border-box;
    border-right:1px solid rgba(108,136,203,0.3);
    margin-left:7.4%;
}
.jb-ul li:first-child{
    margin-left:0;
}
.jb-ul li:last-child{
    border-right:none;
}
.jb-tx{
    width:73.1%;
}
.jb-name{
    width:75.1%;
    margin-left:23%;
    
    font-size:1.7vw;
    color:#333333;
    font-weight:600;
    margin-top:4.5%;
    

    box-sizing:border-box;
}
.jb-name span{
    padding-bottom:2.5%;
    border-bottom:3px solid #6c88cb;
    font-weight:600;
}
.jb-txt{
    width:73.1%;
    text-align:center;
    font-size:0.9vw;
    color:#333333;
    margin-top:7.5%;
    line-height:1.7em;
}
.jb-txt.t1{
    width:78%;
    margin-left:-2%;
}
.swiper-container{
    width:98%;
    height:100%;
    position:absolute;
    left:1%;
    top:0;
    z-index:100;
    opacity:0;
    transition:1s;
    display:none;

}
.videowin{
    width:100%;
}
.swiper-container .swiper-slide{
    display:none;
}
.swiper-container .swiper-slide.active{
    display:block;
}
.p1-box{
    width:100%;
    margin:10% auto 0;
    overflow:hidden;
}

.p1-left{
    width:35.3%;
    float:left;
    margin-left:9.5%;
}
.p1-title{
    width:44.4%;
}
.p1-t1{
    width:100%;
    margin-top:6%;
}

.p1-img1{
    width:41.4%;
    float:left;
    margin-left:4.1%;
}

.title-c{
    position:absolute;
    width:43.4%;
    right:12%;
    top:3.8%;
    display:none;
}
.p2-box{
    width:100%;
    margin:0% auto 0;
    overflow:hidden;
}
.p2-title{
    width:12.4%;
    margin:4% auto 0;
}
.p2-ul{
    width:84.7%;
    margin:4% auto 0;
    overflow:hidden;
}

.p2-ul li{
    width:47.8%;
    position:relative;
    float:left;
    margin-left:4.4%;
}
.p2-ul li:first-child{
    margin-left:0;
}
.p2-img{
    position:absolute;
    width:94.4%;
    left:3%;
    top:4%;
}
.p2-txt{
    position:absolute;
    width:100%;
    text-align:center;
    left:0;
    top:88%;
    font-size:20px;
    color:#333333;
    overflow:hidden;
}
.p2-txt-l{
    width:66.2%;
    float:left;
    text-align:right;
}
.p2-txt-r{
    width:27.8%;
    float:right;
    text-align:left;
}
.p2-txt-r>a>img{
    display:inline-block;
    width:12.7%;
    vertical-align:middle;
}
.p2-txt-r>a{
    font-size:20px;
    color:#6c88cb;
}
.p3-main{
    position:absolute;
    width:80%;
    left:11%;
    top:30%;
}
.p3-img1{
    position:absolute;
    width:16%;
    left:41.8%;
    top:0;
    z-index:10;
}
.p3-img2{
    position:absolute;
    width:28%;
    left:20.6%;
    top:37.3%;
}
.p3-img4{
    position:absolute;
    width:22.7%;
    right:20.6%;
    top:16.6%;
    z-index:5;
}
.p3-img3{
    position:absolute;
    width:20.7%;
    left:0;
    top:1.8%;
}
.p3-img5{
    position:absolute;
    width:25%;
    right:0;
    top:30%;
}
.p3-t1{
    position:absolute;
    width:100%;
    text-align:center;
    font-size:32px;
    color:#333333;
    left:0;
    top:70%;
    font-weight:600;
}
.p3-t2{
    position:absolute;
    width:100%;
    text-align:center;
    font-size:16px;
    color:#878787;
    left:0;
    top:79%;
    line-height:1.9em;
}
.p4-ul{
    width:76.2%;
    margin:2% auto 0;
}
.p4-ul li{
    position:relative;
    width:100%;
    margin-bottom:2.5%;
    
}
.p4-sc{
    transition:0.5s;
}
.p4-ul li.active .p4-sc{
    transform:scale(1.03);
}
.p4-box{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}

.p4-img{
    width:27%;
    float:left;
    margin-left:1.5%;
    margin-top:1.3%;
}

.p4-right{
    width:66.7%;
    float:right;
    overflow:hidden;
    margin-top:3%;
}
.p4-t1{
    width:100%;
    font-size:32px;
    color:#333333;
    font-weight:600;
}
.p4-t2{
    width:92.3%;
    font-size:16px;
    color:#878787;
    line-height:1.7em;
    margin-top:2%;
}

.p4-btn{
    width:18.6%;
    margin-left:76.4%;
    margin-top:1%;
    cursor:pointer;
}

.p5-map{
    position:relative;
    width:92.4%;
    left:3.4%;
    top:10%;
    margin:0 auto;
}
.p5-t1{
    position:absolute;
    width:27.4%;
    left:37.1%;
    top:39%;
}
.p5-icon{
    position:absolute;
    width:3%;
    left:34.8%;
    top:26%;
    animation:icon 1.5s infinite linear;
}

@keyframes icon{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-1vw)
    }
    100%{
        transform:translateY(0)
    }
}
.p6-img{
    width:76.7%;
    margin:5% auto 0;
}
.show-pc{
    display:block;
}
.show-phone{
    display:none;
}

.video-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.video-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.video-c {
    position: absolute;
    left: 50%;
    top: 20%;
    margin-left: -425px;
    z-index: 900;
    width: 850px;
}

.videowin {
    width: 800px;
    float: left;
}

.close {
    width: 20px;
    float: right;
    cursor: pointer;
}

.close img {
    width: 100%;
}

@media(max-width:1400px){
    .p4-t1{
        font-size:18px;
    }
    .p4-t2{
        font-size:12px;
    }
    .p3-t1{
        font-size:18px;
    }
    .p3-t2{
        font-size:12px;
    }
    .list-btn p,.list-btn1 p{
        font-size:14px;
    }
    .num{
        margin-left:36%;
    }
    .list-btn p,.list-btn1 p{
        top:21%;
    }
    .mask{
        width:90%;
        left:5%;
        top:8%;
    }
    .swiper-container,.fm-box{
        z-index:1;
    }
    .p2-txt{
        font-size:16px;
    }
    .bottom{
        height:35px;

    }
    .bq{
        width:27.8%;
    }
    .bq,.ab,.num{
        line-height:35px;
    }
    .num{
        margin-left:30%;
    }
    .list{
        bottom:0.5%;
    }
    .jb-name{
        font-size:1.5vw;
    }
}


@media(max-width:768px){
    .show-phone{
        display:block;
    }
    .show-pc{
        display:none;
    }
    .container-w{
        width:100%;
        height:100%;
        background-color:#070d19;
        /* background-image:url(../images/bg-w.jpg);
        background-size:cover;
        background-position:center; */
    }
     .container-w img{
        width:100%;
     }
    .logo-w{
        position:absolute;
        width:42.3%;
        left:4%;
        top:3%;
        z-index:30;
    }
    .menu{
        position:absolute;
        width:4.4%;
        right:5.3%;
        top:3.5%;
        z-index:30;
    }
    .bg-w{
        position:absolute;
        top:0%;
        left:0;
        width:100%;
        
    }
    .t1{
        position:absolute;
        width:100%;
        left:0;
        top:18.7%;
    }
    .bottom{
        width:100%;
        height:auto;
        bottom:1%;
        border-top:none;
        text-align:center;
        padding:5% 0 0 ;
        background:none;
    }
    .bq{
        width:100%;
        margin-left:0;
        text-align:center;
        float:left;
        font-size:12px;
        line-height:1.2em;
    }
    .bottom img{
        width:auto !important;
        display:inline-block;
        vertical-align:middle;
    }

    /* .bottom span{
        text-align:center;
        line-height:1.5em;
        color:#fff;
        font-size:12px;
    }
    .bottom-s{
        text-align:center;
        line-height:2em;
    } */
    .main-c{
        width:100%;
        margin:0 auto;
        color:#fff;
        font-size:12px;
        line-height:1.7em;
    }
    .bottom span{
        display:block;
    }
    .jr-w{
        position:absolute;
        width:33.4%;
        left:33%;
        top:68%;
    }
    .menu-box{
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        background-color:rgba(104,120,159,0.8);
        z-index:400;
        display:none;
    }
    .close{
        position:absolute;
        width:10%;
        right:8.9%;
        top:3.2%;
    }
    .menu-list{
        width:82%;
        position:absolute;
        right:9%;
        top:12.6%;

    }
    .menu-list li{
        width:100%;
        
        background-color:rgba(0,0,0,0.4);
        font-size:4.2vw;
        color:#fff;
        line-height:4.2vw;
        text-align:center;
        border-top:1px solid rgba(255,255,255,0.7);
    }
    .menu-list li a{
        padding:6% 0;
        width:100%;
        height:100%;
        color:#fff;
        display:block;
    }
    .menu-list li:first-child{
        border-top:none;
    }
    .menu-list li.active{
        background:#6c88cb;
    }
     .container-c{
         width:100%;
        height:100%;
        background-image:url(../images/bg-c.jpg);
        background-size:cover;
        background-position:center;
     }
      .container-c img{
        width:100%;
      }
      .title-w{
        position:absolute;
        width:100%;
        left:0;
        top:8.3%;
      }
      .bottom-w{
        position:absolute;
        width:100%;
        left:0;
        bottom:0;
      }

      .main-w{
        position:absolute;
        width:100%;
        left:0;
        top:14%;
        z-index:30;
      }
      .title-w1{
        margin:17% auto 0;
        width:100%;
      }
      .main-box{
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
      }
      .p1-imgw{
        width:100%;
        margin:6% auto 0;
      }
      .p1-wt1{
        width:78%;
        margin:4% auto 0;
        font-size:3.2vw;
        color:#333333;
        line-height:1.7em;
        text-align:justify;
      }
      .p2-ulw{
        width:74.5%;
        margin:3% auto 0;
        overflow:hidden;
      }
      .p2-ulw li{
        position:relative;
        width:100%;
        overflow:hidden;
        margin-bottom:5%;
      }
      .p2-imgw{
        position:absolute;
        width:94%;
        left:3%;
        top:5%;
      }
      .p2-tw{
        width:100%;
        position:absolute;
        left:0;
        bottom:5%;
        font-size:3.2vw;
        text-align:center;
        overflow: hidden;
      }
      .p2-tw-l{
            width:72.8%;
            float:left;
            text-align:right;
        }
        .p2-tw-r{
            width:19.6%;
            float:right;
            text-align:left;
        }
        .p2-tw-r>a>img{
            display:inline-block;
            width:20.7%;
            vertical-align:middle;
        }
        .p2-tw-r>a{
            color:#6c88cb;
            font-size:3.2vw;
        }
      .p3-imgw{
        width:100%;
        margin:4% auto 0;
      }
      .p3-tw1{
        width:100%;
        margin:4% auto 0;
        font-size:4vw;
        font-weight:600;
        text-align:center;
      }
      .p3-tw2{
        width:77%;
        text-align:center;
        font-size:3vw;
        color:#878787;
       margin:3% auto;
        line-height:1.7em;
      }
      .swiper-container-p4{
        width:90%;
        margin:3% auto 0;
        overflow:hidden;
      }
      .p4-boxw{
        position:relative;
        width:83%;
        margin:0 auto;
        overflow:hidden;
      }
      .p4-boxc{
        position:absolute;
        width:100%;
        left:0;
        top:0;
        height:100%;
      }
      .p4-imgw{
        width:93.8%;
        margin:3% auto 0;
      }
      .p4-wt1{
        width:100%;
        font-size:4vw;
        color:#000;
        font-weight:600;
        text-align:center;
        margin:6% auto 0;
      }
      .p4-wt2{
        width:81.5%;
        margin:3% auto 0;
        line-height:1.7em;
        color:#878787;
        font-size:3vw;
      }
      .p4-pagination{
        position:absolute;
        left:0;
        bottom:9.5%;
        width:100%;
        text-align:center;
      }
      .p4-pagination span{
        width:7px;
        height:7px;
        margin:0 5px;
        background:none;
        border:1px solid #6c88cb;
        opacity:1;
      }
      .p4-pagination span.swiper-pagination-bullet-active{
        background:#6c88cb;
      }
      .p4-arr{
        width:19.7%;
        margin-left:71.5%;
        margin-top:3%;
      }
      .p5-imgw{
        position:relative;
        width:100%;
        margin:4% auto 0;
      }
      .p5-wt1{
        position:absolute;
        width:52.7%;
        left:27.2%;
        top:38%;
      }
      .p5-iconw{
        position:absolute;
        width:6%;
        left:22.3%;
        top:30.6%;
      }
      .sp-imgw{
        width:79.2%;
        margin:13% auto 0;
      }
      .yc-imgw{
        width:100%;
        margin:11% auto 0;
      }
      .jb-ul{
        width:77%;
        margin:4% auto;
      }
      .jb-ul li{
        width:100%;
        float:none;
        border-right:none;
        padding-right:0;
        padding-bottom:5%;
        border-bottom:1px solid rgba(108,136,203,0.3);
        margin-bottom:5%;
        overflow:hidden;
        margin-left:0;
      }
      .jb-ul li:last-child{
        border-bottom:none;
      }
      .jb-tx{
        width:35%;
        float:left;
        margin-left:1.9%;
      }
      .jb-txt1{
        width:55%;
        float:left;
        margin-left:8.1%;
      }
      .jb-name{
        width:auto;
        font-size:4.5vw;
        margin-left:0;
      }
      .jb-txt{
        width:100%;
        margin-left:0;
        text-align:left;
        font-size:3.2vw;
      }

      .video-c {
        left: 0;
        margin-left: 0;
        width: 100%;
        top: 30%;
        overflow: visible;
    }
    #cloud-video,
    #cloud-video-1 {
        width: 90%;
        margin: 0 auto;
        z-index: 1000;
    }
    #close-phone {
        position: absolute;
        top: -25%;
        right: 5%;
        float: none;
        width: 7%;
    }
}