@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration: none;}
h1,h2,h3,h4,h5{font-weight: normal;}
body{font-family:"微软雅黑";cursor: pointer;background:#fafafc;}
.clearfix::after { display: block;clear: both;content: "";}
header .banner img{position: relative; max-width: 100%;}
.container{margin: 0 auto;width:1200px;overflow: hidden;}
header section:nth-of-type(1){left:460px;top:600px;}
header section{width:480px;height:155px;background:#fff;float: left;box-shadow:3px 16px 60px rgba(165,158,158,.25);overflow: hidden; position: absolute;}
header section h5{font-size:20px;color:#ffcc28;float: left;margin-top: 70px;margin-left: 30px;}
header section a{float: left;margin-top: 40px;margin-left:30px;}
header section a p{font-size:16px;color:#9ebab5;}
header section img{margin-top:46px;margin-left: 24px;}
header section:nth-of-type(2){left:970px;top:600px;}
.video{background:#fff;height:676px;}
.video .left{float:left;margin-right:15px;margin-top:200px;}
.video .left h1{font-size:40px;color:#1c4e68;font-weight: bold;}
.video .left p{width:540px;color:#b6cdc9;font-size:20px;line-height:34px;margin-top: 20px;}
.video .left a{display: block;width:160px;height:45px;background:-webkit-linear-gradient(-15deg, #a1e29d,#62aa8e);border-radius:22px;line-height:45px;color:#fff;text-align:center;margin-top: 36px;box-shadow:0px 7px 35px rgba(161,226,157,.5);font-size:18px;}
.video .right{float:right;margin-top:180px;position: relative; width: 570px;}
.video .right img.button{position: absolute;left:220px;top:130px;}
.video .right iframe{display:none;}
.people{height:550px;width:100%;background-color:#fafafc;overflow: hidden;background:url(../img/bg.png) no-repeat 0 130px;}
.people_ul{overflow: hidden;margin-top:160px; width: 840px;}
.people_ul li{width:244px;height:284px;background:#fff;float: left;margin-right:30px;box-shadow:3px 16px 70px rgba(13,4,9,.18);margin-bottom: 50px;position: relative;}
.people_ul li img{margin-top: 40px;margin-left: 60px;}
.people_ul li h5{font-size:16px;font-weight:bold;color:#9197a0;margin-top: 28px;margin-left: 98px;}
.people_ul li h4{font-size:16px;color:#a7b0bc;margin-top: 8px;margin-left: 50px;}
.people_ul li span{background: url(../img/next.png) no-repeat;width:46px;height:46px;position: absolute;left:98px;top:262px;}
.people .right{float:right;}
.people .right h1{font-size:40px;color:#1c4e68;font-weight: bold;margin-top:140px;    text-align: right;}
.people .right p{color:#b6cdc9;font-size:20px;line-height:34px;width:270px;margin-top: 14px;}
.people .right .button{overflow: hidden;margin-left:160px;margin-top: 30px;}
.people .right .button .prev{background:#fff url(../img/pre.png) 0 0 no-repeat;width:46px;height:46px;float: left; border-radius: 46px;}
.people .right .button .next{background:#fff url(../img/next.png) 0 0 no-repeat;width:46px;height:46px;float: left;margin-left: 16px;border-radius: 46px;}
.list{background:#fff;}
.list .container{width:1230px;}
.list h1{font-size:40px;color:#1c4e68;font-weight: bold;text-align: center;margin-top: 126px;}
.list h5{color:#b6cdc9;font-size:20px;line-height:34px;width:760px;text-align: center;margin-left: 202px;margin-top:16px;}
.list ul{overflow: hidden;margin-left: 15px;}
.list ul li{width:210px;height:66px;background: #fafafc;float: left;box-shadow:3px 2px 8px rgba(13,4,9,.08);margin-right: 30px;border-radius: 6px;margin-top: 86px;color:#b3b3b3;font-size:18px;text-align: center;margin-bottom: 20px;line-height: 66px;}
.list ul li p{margin-top:8px;}
.list ul li:nth-of-type(3){line-height: 24px;}
.list ul li:nth-of-type(4){line-height: 24px;}
.list ul li:hover{color:#fff;background:-webkit-linear-gradient(-15deg, #a1e29d,#62aa8e); box-shadow:3px 3px 30px rgba(161,226,158,.40);}
.list ul li.cur{color:#fff;background:-webkit-linear-gradient(-15deg, #a1e29d,#62aa8e); box-shadow:3px 3px 30px rgba(161,226,158,.40);}
.list .bottom{overflow: hidden;margin-left: 15px}
.list .bottom .box{width:570px;height:302px;background:#fafafc; float: left;box-shadow:2px 5px 10px rgba(13,4,9,.08);border-radius: 6px;margin-top: 20px;;margin-bottom: 100px;}
.list .bottom .box p{color:#b3b3b3;font-size:18px;line-height: 60px;height:60px;border-bottom:solid 1px #ebebeb;text-indent: 30px;}
.list .bottom .box:nth-of-type(1){margin-right: 30px;}
footer{background: #fafafc;height:80px;color:#b8b8b8;font-size:16px;line-height: 80px;text-align: center;}
.vjs-poster{    background-color: #fff;}

@media screen and (max-width: 750px){
    .container{ width: auto !important;}
    header .dowload{  padding: .32rem 0.32rem 0}
    header section{ position: initial; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0.32rem; margin-bottom: 0.32rem;
        box-sizing: border-box; height: auto;}
    header section a,header section h5,header .banner img{margin-top: 0;margin-left:0;}
    header section h5,.video .left a{ display: none; }
    header section a{ padding: 0 0.4rem;}
    header section a p{ font-size: 0.3333rem;}
    header section img{ width: 0.4rem;}
    .video{ height: auto; padding: 0.6667rem 0.32rem;}
    .video .left{float: none;margin-top : 0; margin-right :0}
    .video .left h1{ font-size: 0.5333rem;}
    .video .left p{width: 100%; font-size: 0.3333rem; line-height: 1.5;margin-top : 0.2667rem}
    .video .right{float: none;margin-top : 0.3333rem;width: 9.3333rem; }
    .myVideo-dimensions{ margin: 0 auto;  }
    .people{ height: auto; padding: 0.6667rem 0.32rem; box-sizing: border-box;background:none}
    .people .right{ float: none;}
    .people .right .button{overflow: initial;
        margin-left: 0;
        margin-top: 0;
        position: relative;
    }
    .people .right .button .prev ,.people .right .button .next{ top: 2.6667rem; z-index: 9999; background-size: 0.6133rem 0.6133rem; position: absolute; height:0.6133rem ; width: 0.6133rem; border-radius: 0.6133rem }
    .people .right .button .next{ margin-left: 0; right: 0 }
    .people .right h1{ font-size: 0.5333rem;margin-top:0; text-align: left;}
    .people .right p{width: 100%; font-size: 0.3333rem; line-height: 1.5;}
    .people_ul{ width: 100%;margin-top:0.8rem; padding-bottom: 0.1333rem;}
    
    .people_ul .swiper-slide {width: 4.5333rem; box-sizing: border-box; padding: 0.1333rem;}
    .people_ul li{box-shadow: 0 0 0.1333rem rgba(13,4,9,.18); margin-right: 0; text-align: center;  width: 100%; height: auto; padding-bottom: 0.6rem;margin-bottom:0.4rem}
    
    .people_ul li img{ width: 1.6533rem;margin-left:0;margin-top: 0.5333rem}
    .people_ul li h5{ margin-left: 0;margin-top:0.3733rem; font-size: 0.3733rem;}
    .people_ul li h4{margin-left: 0; font-size: 0.3333rem; margin-top: 0.1333rem;}
    .people_ul li span{ background-size: 0.6133rem 0.6133rem; left: 0; right: 0; bottom: -0.32rem; margin: 0 auto;top: auto; width: 0.6133rem; height: 0.6133rem;}
    .list{padding: 0.6667rem 0.32rem;}
    .list h1{ font-size: 0.5333rem; margin-top: 0; text-align: left;}
    .list h5{ width: auto;margin-left :0; font-size: 0.3333rem; line-height: 1.5;text-align: left;}
    .list ul{ margin-left: 0; padding-bottom: 0.2667rem;}
    .list ul li{ font-size: 0.3733rem; margin-top: 0.2667rem; margin-bottom: 0;margin-right: 0;  width: 4.5333rem;    display: flex;
        align-items: center;
        line-height: 1.2;
        justify-content: center; height: 1.0667rem;}
    .list ul li:nth-of-type(3),.list ul li:nth-of-type(4){ line-height: 1.2;}
    .list ul li p{ margin-top: 0;}
    .list ul li:nth-child(2n){ float:right;}
    .list .bottom{ margin-left: 0;background: #fafafc; box-shadow: 2px 5px 10px rgba(13,4,9,.08);}
    .list .bottom .box:nth-of-type(1){margin-right:0}
    .list .bottom .box{ width: 48%; height: auto;margin-bottom : 0; box-shadow:none;background:none;}
    .list .bottom .box:last-child{float: right;}
    .list .bottom .box p{ line-height: 1.2; height: auto; padding: 0.2rem 0;text-indent:0; padding-left: 1em; font-size: 0.2933rem;}
    footer{ height: auto; line-height: 1.2; font-size: 0.3333rem; padding: 0.4rem 0}
}