* {
    margin: 0;
    padding: 0;

}


ul li {
    list-style: none;
}


a{
    text-decoration:none;
}


.clear {
    clear: both;
}



@font-face {
    font-family: 'siyuan';
    src: url('../fonts/sourcehansanscn-regular.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "siyuan";
}






.banner img {
    width: 100%;
}


.shida1{
    background:url("../images/2.png") no-repeat;
    background-size:100% 100%;
    width:1200px;
    height:510px;
    margin:20px auto;
    position:relative;

}

.shida1 .shidatext{
    width:543px;
    position:absolute;
    right:2%;
    top:40%;
}
.shida1 .shidatext h3{
    font-size:24px;
    color:#000000;
}

.shida1 .shidatext p{
    font-size:18px;
    color:#000000;
    padding-left:16px;

    text-align: justify;
    margin-top:10px;
}


.zixunbox{
    width:367px;
    height:50px;
    margin:50px auto;
}
.zixunbox .a1{
    display:block;
    width:183.5px;
    height:50px;
    float: left;
    background: linear-gradient(to right, #ff4d40 , #e84443);
    border-top-left-radius:7px;
    border-bottom-left-radius:7px;
    text-align: center;
    line-height:50px;
    color:#ffffff;
    font-size:20px;
    cursor: pointer;
}

.zixunbox .a2{
    display:block;
    width:183.5px;
    height:50px;
    float: left;
    background: linear-gradient(to right, #595959 , #373737);
    border-top-right-radius:7px;
    border-bottom-right-radius:7px;
    text-align: center;
    line-height:50px;
    color:#ffffff;
    font-size:20px;
    cursor: pointer;
}


.shida2-box{
    background:#f2f2f2;
    width:100%;
    padding:40px 0;
}


.shida2{
    background:url("../images/3.png") no-repeat;
    background-size:100% 100%;
    width:1205px;
    height:510px;
    margin:20px auto;
    position:relative;

}


.shida2-video{
    width:1200px;
    margin:0 auto;
}

.shida2-lf{
    width:597px;
    height:386px;
    float: left;
}

.shida2-rt{
    width:591px;
    height:386px;
    float: left;
    margin-left:12px;
}


.shida2-rt .shidavideo2{
    width:100%;
    height:386px;
}




.shida2-lf img{
    width:100%;
}



.shida2 .shidatext2{
    width:543px;
    position:absolute;
    left:2%;
    top:40%;
}
.shida2 .shidatext2 h3{
    font-size:24px;
    color:#000000;
}

.shida2 .shidatext2 p{
    font-size:18px;
    color:#000000;
    padding-left:16px;

    text-align: justify;
    margin-top:10px;
}



.shida3{
    background:url("../images/6.png") no-repeat;
    background-size:100% 100%;
    width:1207px;
    height:510px;
    margin:60px auto;
    position:relative;

}

.shida3 .shidatext{
    width:543px;
    position:absolute;
    right:3%;
    top:40%;
}
.shida3 .shidatext h3{
    font-size:24px;
    color:#000000;
}

.shida3 .shidatext p{
    font-size:18px;
    color:#000000;
    padding-left:16px;

    text-align: justify;
    margin-top:10px;
}







.shida4-box{
    background:#f2f2f2;
    width:100%;
    /*padding:40px 0;*/
    padding-bottom:20px;
}


.shida4{
    background:url("../images/7.png") no-repeat;
    background-size:100% 100%;
    width:1203px;
    height:581px;
    margin:20px auto;
    position:relative;



}

.shida4 .shidatext4{
    width:543px;
    position:absolute;
    left:2%;
    top:46%;
}
.shida4 .shidatext4 h3{
    font-size:24px;
    color:#000000;
}

.shida4 .shidatext4 p{
    font-size:18px;
    color:#000000;
    padding-left:16px;

    text-align: justify;
    margin-top:10px;
}






.shida5-box{
    /*background:#f2f2f2;*/
    width:100%;
    /*padding:40px 0;*/
    padding-bottom:20px;
}


.shida5{
    background:url("../images/8.png") no-repeat;
    background-size:100% 100%;
    width:1207px;
    height:510px;
    margin:20px auto;
    position:relative;



}

.shida5 .shidatext5{
    width:543px;
    position:absolute;
    right:3%;
    top:46%;
}
.shida5 .shidatext5 h3{
    font-size:24px;
    color:#000000;
}

.shida5 .shidatext5 p{
    font-size:18px;
    color:#000000;
    padding-left:16px;

    text-align: justify;
    margin-top:10px;
}




.shida6-box{
    background:#f2f2f2;
    width:100%;
    padding:40px 0;
}


.shida6{
    background:url("../images/10.png") no-repeat;
    background-size:100% 100%;
    width:1207px;
    height:467px;
    margin:20px auto;
    position:relative;

}




.shida6 .shidatext6{
    width:543px;
    position:absolute;
    left:2%;
    top:40%;
}
.shida6 .shidatext6 h3{
    font-size:24px;
    color:#000000;
}

.shida6 .shidatext6 p{
    font-size:18px;
    color:#000000;
    padding-left:16px;

    text-align: justify;
    margin-top:10px;
}




.shida5-box{
    /*background:#f2f2f2;*/
    width:100%;
    /*padding:40px 0;*/
    padding-bottom:20px;
}



.shida7-box{
    /*background:#f2f2f2;*/
    width:100%;
    /*padding:40px 0;*/
    padding-bottom:20px;
}


.shida7{
    background:url("../images/12.png") no-repeat;
    background-size:100% 100%;
    width:1218px;
    height:510px;
    margin:20px auto;
    position:relative;



}

.shida7 .shidatext7{
    width:543px;
    position:absolute;
    right:4%;
    top:46%;
}
.shida7 .shidatext7 h3{
    font-size:24px;
    color:#000000;
}

.shida7 .shidatext7 p{
    font-size:18px;
    color:#000000;
    padding-left:16px;

    text-align: justify;
    margin-top:10px;
}



.shida8-box{
    background:#f2f2f2;
    width:100%;
    padding:40px 0;

}


.shida8{
    background:url("../images/14.png") no-repeat;
    background-size:100% 100%;
    width:1200px;
    height:510px;
    margin:20px auto;
    position:relative;



}

.shida8 .shidatext8{
    width:543px;
    position:absolute;
    left:3%;
    top:46%;
}
.shida8 .shidatext8 h3{
    font-size:24px;
    color:#000000;
}

.shida8 .shidatext8 p{
    font-size:18px;
    color:#000000;
    padding-left:16px;

    text-align: justify;
    margin-top:10px;
}







.shida10-box{
    background:#f2f2f2;
    width:100%;
    padding:40px 0;

    margin-top:60px;

}


.shida10{
    background:url("../images/16.png") no-repeat;
    background-size:100% 100%;
    width:1200px;
    height:510px;
    margin:20px auto;
    position:relative;



}

.shida10 .shidatext10{
    width:543px;
    position:absolute;
    left:3%;
    top:46%;
}
.shida10 .shidatext10 h3{
    font-size:24px;
    color:#000000;
}

.shida10 .shidatext10 p{
    font-size:18px;
    color:#000000;
    padding-left:16px;

    text-align: justify;
    margin-top:10px;
}


.shida10-box .imgbox {
    float: left;
}
.shida10-box .videobox {
    width: 877px;
    height: 427px;
    background: white;
    float: right;
}
.shida10-box .videobox video {
    position: relative;
    top: 16px;
    left: 15px;
}



.shida9-box{
    width:100%;
    padding:40px 0;
}


.shida9{
    width:1200px;
    height:512px;
    margin:0 auto;
    position: relative;
    z-index:1;
}


.shida9 .img2{
    display:block;
    width:809px;
    height:512px;
    position:absolute;
    z-index:1;
    left:0;
    top:0;
}



.shida9 .shida9-rt{
    background:url("../images/18.png") no-repeat;
    background-size:100% 100%;
    width:623px;
    height:416px;

    position:absolute;
    right:-17px;
    top:0;
    z-index:3;
}


.shida9 .shida9-rt .shida9-text{
    width:535px;
    position:absolute;
    left: 41px;
    bottom: 85px;
    z-index:4;
}

.shida9 .shida9-rt .shida9-text h3{
    font-size: 24px;
    color: #000000;
}


.shida9 .shida9-rt .shida9-text p{
    font-size: 18px;
    color: #000000;
    padding-left: 16px;
    text-align: justify;
    margin-top: 10px;
}




.shida9-bom{

    width:1140px;
    margin:30px auto;
}


.shida9-bom .shida9-ul li{
    font-size:20px;
    color:#000000;
    background:#d3d3d3;
    float: left;
    padding:15px 10px;
    border-radius:9px;
    margin-left:20px;
    cursor: pointer;
}


.shida9-bom .shida9-ul li.active{
    background: #9e0001;
    color:#ffffff;
    cursor: pointer;
}


.gj-picture {
    width: 1200px;
    position: relative;
    top: 41px;
    margin: 0 auto;
}

.gj-picture .img-top {
    position: relative;
}

.gj-picture .img-top .img1 {
    margin-right: 66px;
}

.gj-picture .img-top .img2 {
    position: absolute;
    top: -34px;
    left: 80px;
}

.gj-picture .img-top .img3 {
    position: absolute;
    top: -34px;
    left: 322px;
}

.gj-picture .img-top .img4 {
    position: absolute;
    top: -34px;
    left: 568px;
}

.gj-picture .img-top .img5 {
    position: absolute;
    top: -34px;
    left: 815px;
}

.gj-picture .img-top .img6 {
    position: absolute;
    top: -34px;
    left: 1062px;
}



.jianjie .classroom1 {
    width: 1200px;
    margin: 0 auto;
    margin-top: 58px;
}
.jianjie .classroom1 .list-top {
    width: 808px;
    margin: 0 auto;
    margin-top: 20px;
}
.jianjie .classroom1 .list-top li {
    width: 144px;
    height: 39px;
    text-align: center;
    color: white;
    line-height: 39px;
    font-size: 18px;
    background: #373737;
    float: left;
    margin-right: 16px;
    border-radius: 50px;
    cursor: pointer;
}
.jianjie .classroom1 .list-top .active {
    background: #e12e23;
}
.jianjie .classroom1 .boxx7 {
    width: 1200px;
    height: 575px;
    margin: 0 auto;
    margin-top: 18px;
}
.jianjie .classroom1 .boxx7 .leftbox {
    width: 806px;
    height: 575px;
    overflow: hidden;
    float: left;
    position: relative;
    background: red;
    margin-top: 35px;
}
.jianjie .classroom1 .boxx7 .rightbox {
    width: 381px;
    height: 575px;
    float: left;
    box-sizing: border-box;
    padding-left: 9px;
    margin-top: 35px;
}
.jianjie .classroom1 .leftbox ul li {
    position: relative;
    height: 575px;
}
.jianjie .classroom1 .leftbox ul li p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.jianjie .classroom1 .leftbox ul li img {
    width: 100%;
    height: 100%;
}
.jianjie .classroom1 .rightbox ul li {
    float: left;
    width: 169px;
    height: 129px;
    margin-right: 17px;
    margin-bottom: 20px;
}
.jianjie .classroom1 .rightbox ul li img {
    width: 100%;
    height: 100%;
}
.jianjie .classroom1 .font11 {
    width: 1156px;
    margin: 5px;
    color: #333;
    text-indent: 2em;
    font-size: 18px;
    line-height: 38px;
    letter-spacing: 2px;
}
.jianjie .classroom1 .boxx8 {
    width: 1200px;
    height: 575px;
    margin: 0 auto;
    margin-top: 18px;
}
.jianjie .classroom1 .boxx8 .leftbox2 {
    width: 806px;
    height: 575px;
    overflow: hidden;
    float: left;
    position: relative;
    background: red;
    margin-top: 35px;
}
.jianjie .classroom1 .boxx8 .rightbox2 {
    width: 381px;
    height: 575px;
    float: left;
    box-sizing: border-box;
    padding-left: 9px;
    margin-top: 35px;
}
.jianjie .classroom1 .leftbox2 ul li {
    position: relative;
    height: 575px;
}
.jianjie .classroom1 .leftbox2 ul li p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.jianjie .classroom1 .leftbox2 ul li img {
    width: 100%;
    height: 100%;
}
.jianjie .classroom1 .rightbox2 ul li {
    float: left;
    width: 169px;
    height: 129px;
    margin-right: 17px;
    margin-bottom: 20px;
}
.jianjie .classroom1 .rightbox2 ul li img {
    width: 100%;
    height: 100%;
}
.jianjie .classroom1 .boxx9 {
    width: 1200px;
    height: 575px;
    margin: 0 auto;
    margin-top: 18px;
}
.jianjie .classroom1 .boxx9 .leftbox3 {
    width: 806px;
    height: 575px;
    overflow: hidden;
    float: left;
    position: relative;
    background: red;
    margin-top: 35px;
}
.jianjie .classroom1 .boxx9 .rightbox3 {
    width: 381px;
    height: 575px;
    float: left;
    box-sizing: border-box;
    padding-left: 9px;
    margin-top: 35px;
}
.jianjie .classroom1 .leftbox3 ul li {
    position: relative;
    height: 575px;
}
.jianjie .classroom1 .leftbox3 ul li p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.jianjie .classroom1 .leftbox3 ul li img {
    width: 100%;
    height: 100%;
}
.jianjie .classroom1 .rightbox3 ul li {
    float: left;
    width: 169px;
    height: 129px;
    margin-right: 17px;
    margin-bottom: 20px;
}
.jianjie .classroom1 .rightbox3 ul li img {
    width: 100%;
    height: 100%;
}
.jianjie .classroom1 .boxx10 {
    width: 1200px;
    height: 575px;
    margin: 0 auto;
    margin-top: 18px;
}
.jianjie .classroom1 .boxx10 .leftbox4 {
    width: 806px;
    height: 575px;
    overflow: hidden;
    float: left;
    position: relative;
    background: red;
    margin-top: 35px;
}
.jianjie .classroom1 .boxx10 .rightbox4 {
    width: 381px;
    height: 575px;
    float: left;
    box-sizing: border-box;
    padding-left: 9px;
    margin-top: 35px;
}
.jianjie .classroom1 .leftbox4 ul li {
    position: relative;
    height: 575px;
}
.jianjie .classroom1 .leftbox4 ul li p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.jianjie .classroom1 .leftbox4 ul li img {
    width: 100%;
    height: 100%;
}
.jianjie .classroom1 .rightbox4 ul li {
    float: left;
    width: 169px;
    height: 129px;
    margin-right: 17px;
    margin-bottom: 20px;
}
.jianjie .classroom1 .rightbox4 ul li img {
    width: 100%;
    height: 100%;
}
.jianjie .classroom1 .boxx11 {
    width: 1200px;
    height: 575px;
    margin: 0 auto;
    margin-top: 18px;
}
.jianjie .classroom1 .boxx11 .leftbox5 {
    width: 806px;
    height: 575px;
    overflow: hidden;
    float: left;
    position: relative;
    background: red;
    margin-top: 35px;
}
.jianjie .classroom1 .boxx11 .rightbox5 {
    width: 381px;
    height: 575px;
    float: left;
    box-sizing: border-box;
    padding-left: 9px;
    margin-top: 35px;
}
.jianjie .classroom1 .leftbox5 ul li {
    position: relative;
    height: 575px;
}
.jianjie .classroom1 .leftbox5 ul li p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.jianjie .classroom1 .leftbox5 ul li img {
    width: 100%;
    height: 100%;
}
.jianjie .classroom1 .rightbox5 ul li {
    float: left;
    width: 169px;
    height: 129px;
    margin-right: 17px;
    margin-bottom: 20px;
}
.jianjie .classroom1 .rightbox5 ul li img {
    width: 100%;
    height: 100%;
}
.jianjie .classroom1 .font11 {
    width: 1156px;
    margin: 5px;
    color: #333;
    text-indent: 2em;
    font-size: 18px;
    line-height: 38px;
    letter-spacing: 2px;
}




.by-box11 .video-box{
    background: url(../images/106.png) no-repeat;
    background-size: 100% 100%;
    width: 1200px;
    height: 467px;
    margin:20px auto;

}

.video-box ul{

    margin-left:34px;
    padding-top:38px;
}


.video-box .livideo{
    width:275px;
    height:342px;
    float: left;
    margin-left:12px;

}


.video-box .livideo .video-top{
    position:relative;
    height:342px;
}


.video-box .livideo .video-top img{
    position:absolute;
    left: 35%;
    top: 35%;

    width:30%;
}


.video-box .livideo .video1{
    width:275px;
    height:342px;
}


.video-box .livideo p{
    width:275px;
    height:50px;
    text-align: center;
    color:#000000;
    font-size:20px;
    box-shadow: 1px 2px 7px #d2d2d2;
    line-height:50px;

}


.livideo2{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;




}

.livideo2 .livideo2-inset{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

}


.livideo2 .livideo2-inset .inset-box{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff;
    width:1200px;
    height:600px;
    animation:mymove 0.7s linear;
    -webkit-animation:mymove 0.7s linear;

}


.livideo2 .livideo2-inset .inset-box .close{
    width:40px;
    height:40px;
    position:absolute;
    right: -1%;
    top: -2%;
    font-size:40px;
    color:red;

    text-align: center;
    line-height:40px;
    z-index:9999;
    border-radius:50%;
    background:#ffffff;
    cursor: pointer;
    border:2px solid red;


}


.livideo2 .livideo2-inset .video2{
    width:100%;
    height:100%;

}


/*视频弹出层k�/

@keyframes mymove {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        -ms-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50% {
        opacity:1
    }
}