* {
    margin: 0;
    padding: 0;

}


ul li {
    list-style: none;
}


a{
    text-decoration:none;
}


.clear {
    clear: both;
}



@font-face {
    font-family: 'siyuan';
    src: url('../font/SourceHanSansCN-Regular.ttf') format('truetype');

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

body {
    font-family: "siyuan";
}






.banner img {
    width: 100%;
}


.hai1{
    width:1200px;
    /*border:1px solid red;*/
    margin:20px auto 0;
}


.hai1 .hai1-lf{
    width:395px;
    height:450px;
    background:url("../img1/2.jpg") no-repeat;
    background-size:100% 100%;

    float: left;
}
.hai1 .hai1-rt{
    width:805px;
    height:450px;
    float:left;

}

.hai1 .hai1-rt #videos{
    width:805px;
    height:450px;
}



/*中心播放暂停按钮*/
.hai1 .hai1-rt .mejs-overlay-button{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(../img1/4.png) no-repeat;
}




/*引入精灵图*/
.hai1 .hai1-rt .mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(../img1/controls.svg) no-repeat;
}




/*暂停图标精灵图定位*/
.hai1 .hai1-rt .mejs-controls .mejs-play button {
    background-position: 0 0;
}


/*声音图标精灵图定位*/
.hai1 .hai1-rt .mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}


/*全屏图标精灵图定位*/
.hai1 .hai1-rt .mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}


/*播放后图标精灵图定位*/
.hai1 .hai1-rt .mejs-controls .mejs-pause button{
    background-position: 0 -16px;
}

.hai1 .hai1-lf .hai1-inset h3{
    font-size:30px;
    color:#000000;
}



.hai1 .hai1-lf .hai1-inset{
    width:323px;
    margin:50px auto 0;
}


.hai1 .hai1-lf .hai1-inset .hai1-text{
    font-size:18px;
    color:#2f3030;
    text-align:justify;
    text-indent:2em;
}




.hai2{
    width:1200px;
    margin:30px auto;
}

.hai2 .h3{
    color:#ee0b1c;
    width:1200px;
    text-align: center;
    font-size:40px;
    letter-spacing:13px;
}


.hai2 .p1{
    color:#262626;
    font-size:20px;
    width:1200px;
    text-align:center;
    letter-spacing:5px;
}

.hai2 .hengxian{
    width:90px;
    margin:20px auto 0;
}



.hai2 .hengxian .span1{
    float: left;
    width:20px;
    height:3px;
    background:#ee0b1c;
}

.hai2 .hengxian .span2{
    float: left;
    width:70px;
    height:3px;
    background:#000000;
}




.professional {
    width: 1200px;
    margin: 60px auto;
}
.professional ul li {
    width: 197px;
    height: auto;
    border: 1px solid #000;
    padding: 9px;
    position: relative;
    float: left;
    margin-right:110px;
    box-shadow: 0 0 5px #818181;
    cursor: pointer;
}
.professional ul li img {
    width: 100%;
    height: auto;
}
.professional ul li p {
    position: absolute;
    bottom: 10px;
    width: 197px;
    height: 33px;
    background: #818181;
    font-size: 14px;
    color: white;
    line-height: 33px;
    box-sizing: border-box;
    padding-left: 12px;
}

.professional ul li:hover p {
    background: #de1c20;
}


.professional ul li span {
    display: block;
    text-align: center;
}

.professional ul li .span1 {
    font-size: 17px;
    color: #31251e;
    letter-spacing: 4px;
}

.professional ul li i {
    display: block;
    width: 111px;
    height: 2px;
    background: #31251e;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 15px;
}

.professional ul li .span2 {
    font-size: 26px;
    color: #31251e;
    letter-spacing: 12px;
    font-weight: bold;
}

.professional ul li button {
    border: none;
    outline: none;
    background: #dcdcdc;
    padding: 3px 8px;
    color: #31251e;
    text-align: center;
    border-radius: 25px;
    font-size: 15px;
    margin: 15px 0;
}

.professional ul li img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);

    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s;

}

.professional ul li:hover button {
    background: #ee0b1c;
    color: white;
}

.professional ul li:hover .span2 {
    color: #ee0b1c;
}

.professional ul li:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);

    -o-filter: grayscale(0);
    filter: grayscale(0);
    transform: scale(1.2);


}


.professional .zbox{
    float:left;
    margin-right:120px;

    margin-top:20px;
}


.professional .zbox img{
    display:block;
    width:210px;
    height:14px;
}





.chengguobox {
    width: 100%;
    height:583px;
    background: url(../img1/bj1.jpg);
    background-size: 100% 100%;
    background-position: center;
    margin-top: 38px;
    padding-top: 50px;
    overflow: hidden;
}
.chengguobox .biaoti1 {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 26px;
}
.chengguobox .biaoti1 p {
    font-size: 42px;
    letter-spacing: 15px;
    color: #ee0b1c;
    margin-bottom: 10px;
}
.chengguobox .biaoti1 span {
    font-size: 20px;
    display: block;
    color: white;
    letter-spacing: 5px;
}
.chengguobox .biaoti1 .bar {
    width: 105px;
    height: 4px;
    margin: 0 auto;
    margin-top: 19px;
    margin-bottom: 36px;
    background: white;
}
.chengguobox .biaoti1 .bar div {
    width: 20px;
    height: 100%;
    background: #ee0b1c;
}
.chengguobox .chengguo {
    width: 1200px;
    height: 198px;
    margin: 0 auto;
}
.chengguobox .chengguo .num {
    width: 300px;
    height: 198px;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding-left: 112px;
    text-align: center;
    margin-bottom: 39px;
}
.chengguobox .chengguo .num .num-big {
    font-size: 124px;
    color: white;
    font-weight: bold;
}
.chengguobox .chengguo .num .num-small {
    font-size: 15px;
    color: white;
}
.chengguobox .chengguo .num p {
    font-size: 20px;
    color: #daab97;
    position: absolute;
    bottom: 19px;
    left: 9px;
    letter-spacing: 4px;
}
.chengguobox .chengguo .num .dian {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: white;
    float: right;
    position: relative;
    top: 66px;
    left: 36px;
    z-index: 99;
}
.chengguobox .slideimg {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.chengguobox .slideimg li {
    width: 6.25%;
    height: 120px;
    float: left;
}
.chengguobox .slideimg li img {
    width: 100%;
}
.muic {
    display: block;
    margin: 0 auto;
}
.muic1 {
    display: block;
    margin: 0 auto;
    margin-top: 35px;
}


.chengguobox .slideimg li{
    width: 12.5%;
    height:197px;
    overflow: hidden;
}
.chengguobox .slideimg li img{
    width: 100%;
    height:auto;
}






.by-box1{
    margin-top:40px;
}



.by-box1 .by-cj1{
    width:1200px;
    margin:0 auto;

}

.by-cj1bom .xs-mingzi{
    font-size:18px;
    color:#000000;
    text-align: center;
    font-weight:bold;
}

.by-cj1bom .swiper-container100{
    padding-bottom:40px;

}

.by-cj1bom .swiper-container100 .swiper-pagination-bullet-active{
    background:#e60012;
}

.by-cj1bom .swiper-container100 .swiper-pagination-bullet{
    width:10px;
    height:10px;
}


.by-cj1bom ul li{
    width:225px;
    height:323px;
    box-sizing: border-box;
    padding:10px;

    box-shadow: 0px 0px 15px 1px #dfdfdf;
    float: left;
    margin-left:18px;
    margin-bottom:18px;

}

.by-cj1bom ul li .xs-img{
    position:relative;

    width:208px;
    height: 225px;
}

.by-cj1bom ul li .xs-img>img{
    position: relative;
    z-index:1;
    width:100%;

}

.by-cj1bom ul li .xs-img .xsname-box{
    position: absolute;
    background:url("../images/hai/10.png") no-repeat;
    background-size:100% 100%;
    width:190px;
    height:30px;
    bottom:-1px;

    left:4%;
    z-index: 3;
}


.xs-img .xsname-box .xs-name{
    color:#ffffff;
    text-align: center;
    margin-top:4px;

}

.xs-img .xs-school{
    text-align: center;
    font-size:17px;
    color:#000000;
}




.hai3{
    background: url(../img1/6.jpg) no-repeat;
    background-size:100% 100%;
    width:100%;
    height:745px;
    box-sizing: border-box;
    padding-top:5px;

}

.hai3 .biaoti span{
    color:#ffffff;
}


.hai3 .biaoti .bar{
    background:#ffffff;
}

.biaoti {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 26px;
}
.biaoti p {
    font-size: 42px;
    letter-spacing: 10px;
    color: #ffffff;
    margin-bottom: 10px;
}
.biaoti span {
    font-size: 20px;
    display: block;
    color: #000000;
    letter-spacing: 5px;
}
.biaoti .bar {
    width: 105px;
    height: 4px;
    margin: 0 auto;
    margin-top: 19px;
    margin-bottom: 36px;
    background: #000000;
}
.biaoti .bar div {
    width: 20px;
    height: 100%;
    background: #ee0b1c;
    /*border-right: 2px solid white;*/
}


.teacher {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 62px;
}
.teacher .text {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 28px;
    letter-spacing: 1px;
    font-weight: 500;
}
.teacher .lunbo {
    width: 100%;
    position: relative;
}
.teacher .lunbo .swiper-container {
    width: 100%;
    height: 100%;
    margin-top: 44px;
}
.teacher .lunbo .swiper-slide {
    width: 248px;
    height: 425px;
    border-radius: 5px;
    padding: 12px;
    text-align: center;
    font-size: 18px;
    box-sizing: border-box;
    background: white;
}
.teacher .lunbo .swiper-slide img {
    width: 258px;
    border-radius: 8px;
    display: block;
    margin-bottom: 8px;
}
.teacher .lunbo .swiper-slide p {
    font-size: 24px;
    color: #313131;
    margin-right: 10px;
    display: inline;
}
.teacher .lunbo .swiper-slide button {
    width: 83px;
    height: 25px;
    background: #ee0b1c;
    border: none;
    outline: none;
    font-size: 15px;
    color: white;
    border-radius: 50px;
}
.teacher .lunbo .swiper-slide span {
    display: block;
    font-size: 14px;
    color: #4f4f4f;
    margin-top: 10px;
}
.teacher .lunbo .swiper-button-next {
    right: -27px !important;
    right: auto;
    outline: none;
    width: 26px;
    height: 96px;
    background: url(../img1/jt2.jpg);
    top: 40%;
}
.teacher .lunbo .swiper-button-prev {
    left: -27px;
    right: auto;
    outline: none;
    width: 26px;
    height: 96px;
    background: url(../img1/jt1.jpg);
    top: 40%;
}
.teacher .lunbo .swiper-button-next:after,
.teacher .lunbo .swiper-button-prev:after {
    color: #c8c8c8;
    font-size: 35px;
}





.jianjie .pattern {
    width: 100%;
    margin: 0 auto;
    margin-top: 37px;
}

.jianjie .biaoti p{
    color:#ee0b1c;
}

.jianjie .biaoti .bar{
    background:#000000;
}



.jianjie .pattern .moshi {
    width: 100%;
    height: 607px;
    background: url(../img1/jj.jpg);
    background-size: 100% 100%;
}
.jianjie .pattern .moshi .text {
    width: 1200px;
    margin: 0 auto;
    padding-top: 56px;
    position: relative;
}
.jianjie .pattern .moshi .text .text-left {
    width: 401px;
    height: 487px;
    background: url(../img1/jj1.png);
    background-size: 100% 100%;
    position: relative;
    float: left;
}
.jianjie .pattern .moshi .text .text-left p {
    position: absolute;
    top: 288px;
    font-size: 20px;
    color: white;
    left: 178px;
    letter-spacing: 3px;
    cursor: pointer;
}
.jianjie .pattern .moshi .text .text-right {
    width: 730px;
    height: 494px;
    float: right;
}
.jianjie .pattern .moshi .text .text-right .textbox {
    margin-bottom:30px;
}
.jianjie .pattern .moshi .text .text-right .textbox img {
    float: left;
}
.jianjie .pattern .moshi .text .text-right .textbox div {
    width: 624px;
    float: right;
    letter-spacing: 1px;
}
.jianjie .pattern .moshi .text .text-right .textbox div p {
    font-size: 18px;
    font-weight: bold;
    color: #dd1c20;
    margin-bottom: 9px;
}
.jianjie .pattern .moshi .text .text-right .textbox div span {
    font-size: 14px;
    color: white;
}



.hai5{
    width:100%;

    padding:40px 0;
    background:#f5f5f5;

}


.hai5 .hai5-inset{
    width:1200px;
    margin:0 auto;
}


.hai5 .h3{
    color:#ee0b1c;
    width:1200px;
    text-align: center;
    font-size:40px;
    letter-spacing:13px;
}


.hai5 .p1{
    color:#262626;
    font-size:20px;
    width:1200px;
    text-align:center;
    letter-spacing:5px;
}

.hai5 .hengxian{
    width:90px;
    margin:20px auto 0;
}



.hai5 .hengxian .span1{
    float: left;
    width:20px;
    height:3px;
    background:#ee0b1c;
}

.hai5 .hengxian .span2{
    float: left;
    width:70px;
    height:3px;
    background:#000000;
}


.hai5 .swiper-container101{
    width:1200px;
    margin:40px 0;

}

.hai5 .swiper-container101 img{
    width:100%;
}


.hai5 .swiper-container101 .swiper-pagination101{
    text-align:center;
}

.hai5 .swiper-container101 .swiper-pagination-bullet{
    width:10px;
    height:10px;
}
.hai5 .swiper-container101 .swiper-pagination-bullet-active{
    background:#e60012;
}







.live .xuan {
    width: 100%;
    height: 926px;

}

.live .xuan .Room-board102 .biaoti {
    width: 1200px;
    margin: 0 auto;
    text-align: center;

}
.live .xuan .Room-board102 .biaoti p {
    font-size: 42px;
    letter-spacing: 10px;
    color: #ffffff;
    margin-bottom: 10px;
}
.live .xuan .Room-board102 .biaoti span {
    font-size: 20px;
    display: block;
    color: #ffffff;
    letter-spacing: 5px;
}
.live .xuan .Room-board102 .biaoti .bar {
    width: 105px;
    height: 4px;
    margin: 0 auto;
    margin-top: 19px;
    margin-bottom: 36px;
    background: #ffffff;
}
.live .xuan .Room-board102 .biaoti .bar div {
    width: 20px;
    height: 100%;
    background: #ee0b1c;
    /*border-right: 2px solid white;*/
}





.live .xuan .Room-board102{
    background: url(../img1/10.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 932px;
    padding-top:20px;
}


.live .xuan .Room-board102 .shishu1 {
    width: 1200px;
    height: 749px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 8px;
    position: relative;
}
.live .xuan .Room-board102 .shishu1 .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.live .xuan .Room-board102 .shishu1 .swiper-slide {
    background-size: cover;
    background-position: center;
}
.live .xuan .Room-board102 .shishu1 .gallery-top102 {
    height: 606px;
    width: 100%;
}
.live .xuan .Room-board102 .shishu1 .gallery-thumbs102 {
    width: 1200px;
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
    margin: 0 auto;
}
.live .xuan .Room-board102 .shishu1 .gallery-thumbs102 .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 1;
    position: relative;
}
.live .xuan .Room-board102 .shishu1 .gallery-thumbs102 .swiper-slide .img {
    width: 100%;
    height: 107px;
    vertical-align: bottom;
}
.live .xuan .Room-board102 .shishu1 .gallery-thumbs102 .swiper-slide p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: white;
    background: #c30102;
    background-size: 100% 100%;
    text-align: center;
}
.live .xuan .Room-board102 .shishu1 .gallery-thumbs102 .swiper-slide p img {
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.live .xuan .Room-board102 .shishu1 .gallery-thumbs102 .swiper-slide-thumb-active {
    opacity: 1;
}
.live .xuan .Room-board102 .shishu1 .swiper-button-next102,
.live .xuan .Room-board102 .shishu1 .swiper-button-prev102 {
    top: 87%;
}
.live .xuan .Room-board102 .shishu1 .swiper-button-prev102 {
    background: url(../img1/sh17.jpg);
    width: 36px;
    height: 96px;
    outline: none;
    left: 8px;
}
.live .xuan .Room-board102 .shishu1 .swiper-button-next102 {
    width: 36px;
    height: 96px;
    background: url(../img1/sh18.jpg);
    outline: none;
    right: 8px;
}
.live .xuan .Room-board102 .shishu1 .swiper-slide-thumb-active i {
    display: block;
    width: 104px;
    height: 9px;
    background: #d20808;
    position: absolute;
    top: -9px;
    left: 57px;
}
.live .xuan .Room-board102 .v-box {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
}
.live .xuan .Room-board102 .v-box p {
    width: 300px;
    height: 66px;
    color: #fff;
    line-height: 30px;
    position: relative;
    top: -1px;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.5);
}
.live .xuan .Room-board102 .v-box p span {
    margin-left: 15px;
}
.live .xuan .Room-board102 .v-box p span {
    margin-left: 15px;
    display: block;
}
.live .xuan .Room-board102 .mejs-container {
    border-radius: 0 !important;
    border: none !important;
    outline: none !important;
}
.live .xuan .Room-board102 .mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 0;
}



.live .xuan .Room-board102 .mejs-controls .mejs-button button {
    background: transparent url(../img1/controls.svg) no-repeat;
}


.live .xuan .Room-board102 .mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(../img1/4.png) no-repeat;
}


.live .xuan .Room-board102 .mejs-controls .mejs-play button {
    background-position: 0 0;
}
.live .xuan .Room-board102 .mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}
.live .xuan .Room-board102 .mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}
.live .xuan .Room-board102 .mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}
.live .xuan .Room-board102 .mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(../img1/loading.gif) 50% 50% no-repeat;
}




.cf-box {
    width: 100%;
    height: 733px;
    background: url(../img1/cfbj.jpg);
    background-size: 100% 100%;
    background-position: center;
    /*margin-top: 60px;*/
    padding-top: 52px;
}

.cf-box .biaoti p{
    color:#ee0b1c;
}


.cf-box .biaoti span{
    color: #000000;
    font-size: 20px;
    display: block;
    letter-spacing: 5px;
}


.cf-box .cf-content {
    width: 1200px;
    margin: 0 auto;
    height: 444px;
    overflow: hidden;
}
.cf-box .cf-content div {
    width: 194px;
    height: 444px;
    float: left;
    transition: all 1s;
    overflow: hidden;
    position: relative;
}
.cf-box .cf-content .active {
    width: 597px;
    height: 444px;
}






/* 明星视频 */


.star .biaoti p{
    color:#ee0b1c;
}
.lf {
    float: left
}

.rt {
    float: right
}

.clear {
    clear: both
}

.ovh {
    overflow: hidden
}


.lb_gl {
    margin-bottom: 30px;
    /*background: url(../images/bg_3d.png);*/
    /*background-size: 100% 100%;*/
    height: 458px;
}

.container {
    width: 1024px;
    margin: 0 auto;
    position: relative;
}

.pictureSlider {
    height: 518px;
    margin-bottom: 24px;
}

.poster-item {
    position: relative;
    background: white;
    height: 426px;
    width: 306px;
    transition: all 0.5s;
    cursor: default;
    -moz-transition: all 0.5s;
    cursor: default;
    -webkit-transition: all 0.5s;
    cursor: default;
    -o-transition: all 0.5s;
    cursor: default;
    overflow: hidden;
}

.poster-item .img1 {
    width: 100%;
    height: 100%;
}

.poster-item p {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 58px;
    font-size: 28px;
    line-height: 58px;
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
}
.footer {
    width: 100%;
    height: 358px;
    background: #373737;
}
.poster-item .img2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
}

.turn_3d {
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 36px;
    padding: 28px 0;
}

.xxgy {
    font-size: 30px;
    font-weight: 900;
    padding-left: 10px;
}

.poster-item .say {
    font-size: 18px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.students_star {
    padding: 10px 10px 0 10px;
}

.cell_list {
    margin-bottom: 20px;
    color: #999;
    font-size: 18px;
    overflow: hidden;
}

.darks {
    color: #000;
    padding-left: 10px;
}

.zwjs {
    border-top: 1px solid #d0cddb;
    line-height: 26px;
    padding-top: 5px;
    color: #999;
    font-size: 12px;
    max-height: 84px;
    overflow: hidden;
}

.for_btn {
    position: relative;
    height: 214px;
    overflow: hidden
}

.in_page {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
}

.in_page>img {
    width: 40px;
    height: 40px;
}

.check_more {
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #bc241d;
    margin: 0 auto;
    display: block;
}

ul,
li {
    list-style: none;
}

.wtShowVideobox {
    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;
}

.wtShowVideobox div {
    width: 960px;
    height: 540px;
    background: white;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.wtShowVideobox div p {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: red;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
    background: white;
    text-align: center;
    z-index: 999;
}

.wtShowVideobox div p span {
    position: relative;
    left: 1px;
    top: -5px;
}

.wtShowVideobox video {
    object-fit: fill;
}











.by-box3 .zg_biao {
    width: 100%;
    margin:0 0 20px;
    padding-top:55px;
}


.by-box3 .zg_biao img {
    text-align: center;
    display: block;
    width: 250px;
    height: 30px;
    margin: 0 auto;

}


.by-box3 .zgtit .h2 {

    font-size: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    color:#ffffff;
}


.by-box3 .zgtit {
    background: url("../images/hai/12.png") no-repeat;
    background-size: 100% 100%;
    width: 496px;
    height: 35px;

    line-height: 35px;
    margin: 0 auto;
}


.by-box3 .by-bt {
    text-align: center;
    font-size: 20px;
    color: #ffffff;

}


.allby3-tit{
    margin-bottom:30px;
}









.zj_box{
    width:366px;
    height:49px;
    margin:25px auto 0;

}


.zj_box ul .li5{
    float:left;
    width:50%;

    background: linear-gradient(to right, #ff4d40 , #e84443);
    color:#ffffff;
    text-align:center;
    font-size:24px;
    cursor: pointer;
    padding:7px 0;
    border-top-left-radius:7px;

    border-bottom-left-radius:7px;
}


.zj_box ul .li6{
    float:left;
    width:50%;
    background: linear-gradient(to right, #595959 , #373737);
    color:#ffffff;
    text-align:center;
    font-size:24px;
    cursor: pointer;
    padding:7px 0;

    border-top-right-radius:7px;

    border-bottom-right-radius:7px;
}






.by-box4 .zgtit {
    background: url("../images/hai/3.jpg") no-repeat;
    background-size: 100% 100%;
    width: 640px;
    height: 40px;

    line-height: 40px;
    margin: 0 auto;
}


.by-box4 .zg_biao {
    width: 100%;
    margin: 20px 0;
}


.by-box4 .zg_biao img {
    text-align: center;
    display: block;
    width: 230px;
    height: 33px;
    margin: 0 auto;

}


.by-box4 .zgtit .h2 {

    font-size: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}


.by-box4 .by-bt {
    text-align: center;
    font-size: 20px;
}


.by-box4 .by4-ul{
    width:1200px;
    margin:20px auto;
}


.by-box4 .by4-ul li{
    float:left;
    width:380px;
    height:297px;
    box-shadow: 0px 0px 15px 1px #dfdfdf;
    margin-left:30px;
    margin-bottom:30px;
}



.by-box4 .by4-ul li .p7{
    text-align: center;
    font-size:18px;
}


.by-box5{
    background: url("../images/hai/26.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 952px;
    padding-bottom:20px;
}



.by-box5 .zgtit {
    background: url("../images/hai/12.png") no-repeat;
    background-size: 100% 100%;
    width: 496px;
    height: 35px;

    line-height: 35px;
    margin: 0 auto;
}


.by-box5 .zg_biao {
    width: 100%;
    margin: 20px 0;
    padding-top:40px;
}


.by-box5 .zg_biao img {
    text-align: center;
    display: block;
    width: 172px;
    height: 37px;
    margin: 0 auto;

}


.by-box5 .zgtit .h2 {

    font-size: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    color:#ffffff;
}


.by-box5 .by-bt {
    text-align: center;
    font-size: 20px;
    color:#ffffff;
}



.by-box5 .qh_box{
    width:1200px;
    margin:20px auto 0;
}


.by-box5 .qh_box1{
    border:9px solid #363636;
}



#gallery-top .swiper-slide{
    width:100%;
    height:557px;


}

#gallery-top img{
    width:100%;


}





#gallery-thumbs{
    margin-top:20px;
}

#gallery-thumbs img{
    width:100%;
    height:100%;
}

#gallery-thumbs .swiper-slide{
    position: relative;
    z-index:1;
}


#gallery-thumbs .qh-name{
    background:#c30102;
    color:#ffffff;

    position: absolute;
    z-index:3;
    bottom:2%;
    width:100%;
    text-align: center;
    padding:3px 0;
}


#gallery-thumbs .swiper-button-next1{
    outline: none;
}


#gallery-thumbs .swiper-button-prev1{
    outline:none;
}



.by-box6 .zgtit {
    background: url("../images/hai/3.jpg") no-repeat;
    background-size: 100% 100%;
    width: 577px;
    height: 35px;

    line-height: 35px;
    margin: 0 auto;
}


.by-box6 .zg_biao {
    width: 100%;
    margin: 20px 0;
}


.by-box6 .zg_biao img {
    text-align: center;
    display: block;
    width: 196px;
    height: 27px;
    margin: 0 auto;

}


.by-box6 .zgtit .h2 {

    font-size: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}


.by-box6 .by-bt {
    text-align: center;
    font-size: 20px;
}



.by-box6{
    margin-top:70px;
}


.by-box6 .fc-box6{
    width:1200px;
    margin:20px auto;
}


.fc-box6 .swiper-container3 li{

    float:left;

    width:294px;
    margin-left:8px;

    box-shadow: 0px 0px 15px 1px #dfdfdf;

    position: relative;
    margin-top:10px;




}

.fc-box6 .swiper-container3 li img{
    padding: 5px;
    position: relative;
    z-index: 1;


}


.fc-box6 .swiper-container3 li .p9{

    background: #000000;
    opacity:0.7;

    color:#ffffff;
    text-align: center;
    width:96%;
    z-index:3;

    position: absolute;
    bottom:4%;
    left:2%;
    padding:5px 0;

}


.fc-box6 .swiper-container3{
    padding-bottom:50px;
}


.fc-box6 .swiper-container3 .swiper-pagination-bullet{
    width:10px;
    height:10px;
}


.fc-box6 .swiper-container3 .swiper-pagination-bullet-active{
    background:#e60012;

}


.by-box7{
    background:#f5f5f5;
    width:100%;
    padding:23px 0;
}


.by-box7 .zgtit {
    background: url("../images/hai/38.png") no-repeat;
    background-size: 100% 100%;
    width:502px;
    height: 32px;

    line-height: 32px;
    margin: 0 auto;
}


.by-box7 .zg_biao {
    width: 100%;
    margin: 20px 0;
}


.by-box7 .zg_biao img {
    text-align: center;
    display: block;
    width: 202px;
    height: 28px;
    margin: 0 auto;

}


.by-box7 .zgtit .h2 {

    font-size: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}


.by-box7 .by-bt {
    text-align: center;
    font-size: 20px;
}



.by-box7 .tb-box7{
    width:1200px;

    margin:20px auto;
}



.tb-box7 .tb-inset{
    padding:10px;
    background:#ffffff;
    box-shadow: 0px 0px 15px 1px #dfdfdf;
}




.by-box7 .tb-box7 .swiper-container4 img{
    width:100%;
}


.by-box7 .tb-box7 .swiper-container4 .swiper-slide{
    position:relative;
}



.by-box7 .tb-box7 .swiper-container4 .swiper-slide img{
    position:relative;
    z-index:1;
}


.by-box7 .tb-box7 .swiper-container4 .swiper-slide .hb-introduce{
    position:absolute;
    z-index:3;
    bottom:1%;
    width:100%;
    background:#000000;
    opacity:0.8;
    padding:23px 0;


}

.by-box7 .tb-box7 .swiper-container4 .swiper-slide .hb-introduce .hb-fl{
    width:30%;
    float: left;


}

.by-box7 .tb-box7 .swiper-container4 .swiper-slide .hb-introduce .hb-fl .p8{
    font-size:28px;
    color:#ffffff;

    margin-left:25px;
    margin-top:10px;
}


.by-box7 .tb-box7 .swiper-container4 .swiper-slide .hb-introduce .hb-fl .p8>span{
    color:#d60300;
}



.by-box7 .tb-box7 .swiper-container4 .swiper-slide .hb-introduce .hb-rt{

    width:70%;
    float: left;

}


.by-box7 .tb-box7 .swiper-container4 .swiper-slide .hb-introduce .hb-rt .p9{
    color:#ffffff;

    font-size:24px;
    font-weight: bold;
    letter-spacing:2px;
}

.by-box7 .tb-box7 .swiper-container4 .swiper-slide .hb-introduce .hb-rt .p10{
    color:#ffffff;

    font-size:20px;

}


.swiper-container4 .swiper-button-prev1, .swiper-container4 .swiper-button-next1{
    background-color:#000000;
    opacity: 0.7;
    width: 38px;
    height: 86px;
    top: 47%;
    transition: all 0.5s ease-in;
    outline: none;

}


.swiper-container4 .swiper-button-prev1:hover, .swiper-container4 .swiper-button-next1:hover{
    background-color:#9e0001;

    opacity: 0.7;


}

.by-box7 .bm-box{
    width:238px;
    height:49px;
    line-height:49px;
    text-align: center;
    color:#ffffff;
    font-size:24px;
    margin:35px auto;
    background: linear-gradient(to right, #ff4d40 , #e84443);
    border-radius:7px;
    cursor: pointer;
}




.by-box8{
    background:url("../images/hai/40.jpg") no-repeat;
    background-size:100% 100%;
    width:100%;
    height:740px;
}





.by-box8 .zgtit {
    background: url("../images/hai/41.png") no-repeat;
    background-size: 100% 100%;
    width:531px;
    height: 36px;

    line-height: 36px;
    margin: 0 auto;
}


.by-box8 .zg_biao {
    width: 100%;
    margin: 20px 0;
    padding-top:40px;
}


.by-box8 .zg_biao img {
    text-align: center;
    display: block;
    width: 162px;
    height: 27px;
    margin: 0 auto;

}


.by-box8 .zgtit .h2 {

    font-size: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    color: #ffffff;
}


.by-box8 .by-bt {
    text-align: center;
    font-size: 20px;
    color:#ffffff;
}


.by-box8 .kw-box{
    width:1200px;
    margin:20px auto 0;


}


.by-box8 .kw-box .swiper-container5{
    padding-bottom:50px;
}


.by-box8 .kw-box li{
    width:296px;
    height:189px;
    position: relative;
    float: left;
    margin-left:5px;
    margin-top:10px;
}

.by-box8 .kw-box li img{
    position: relative;
    width:100%;
    height:189px;
}


.by-box8 .kw-box li .p11{
    position: absolute;
    bottom:0;
    background-color:#c21c1a;
    width:100%;
    text-align:center;
    color:#ffffff;
    opacity:0.8;
    padding:5px 0;
    font-size:18px;
}


.swiper-container5 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #e60012;
}

.swiper-container5 .swiper-pagination-bullet{
    background: #ffffff;
    opacity: 1;
    width:10px;
    height:10px;

}




.by-box9 .zgtit {
    background: url("../images/hai/3.jpg") no-repeat;
    background-size: 100% 100%;
    width: 577px;
    height: 35px;

    line-height: 35px;
    margin: 0 auto;
}


.by-box9 .zg_biao {
    width: 100%;
    margin: 20px 0;
}


.by-box9 .zg_biao img {
    text-align: center;
    display: block;
    width: 377px;
    height: 26px;
    margin: 0 auto;

}


.by-box9 .zgtit .h2 {

    font-size: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}


.by-box9 .by-bt {
    text-align: center;
    font-size: 20px;
}



.by-box9{
    margin-top:65px;


}





.by-box9 .dk-box{
    width:1200px;
    margin:20px auto;


}


.by-box9 .dk-box .swiper-container6{
    padding-bottom:50px;
}


.by-box9 .dk-box .swiper-container6 .swiper-slide{
    width:100%;
    box-sizing: border-box;
}



.by-box9 .dk-box .swiper-container6 ul{
    width:100%;
    box-sizing: border-box;
    padding:10px;
    box-shadow: 1px 2px 7px #d2d2d2;
    margin:20px auto;
}



.by-box9 .dk-box .swiper-container6 li{
    float:left;
    width:50%;

    position:relative;
}


.by-box9 .dk-box .swiper-container6 li img{
    position: relative;
    width:100%;
    z-index: 1;
}


.by-box9 .dk-box .swiper-container6 li .p12{
    float:left;
    width:290px;
    height:219px;
    margin-left:5px;
    position: relative;

}


.by-box9 .dk-box .swiper-container6 li .p12:nth-child(3){
    margin-top:9px;
}

.by-box9 .dk-box .swiper-container6 li .p12:nth-child(4){
    margin-top:9px;
}


.by-box9 .dk-box .swiper-container6 li .p13{
    position: absolute;
    bottom:1%;
    z-index:3;
    width:99.5%;
    text-align: center;
    background:#000000;
    opacity:0.7;
    color:#ffffff;
    padding:7px 0;
    font-size:18px;

}


.by-box9 .dk-box .swiper-container6 li .p12 .p14{
    position: absolute;
    bottom:0;
    z-index:3;
    width:100%;
    text-align: center;
    background:#000000;
    opacity:0.7;
    color:#ffffff;
    padding:7px 0;
    font-size:18px;
}






.swiper-container6 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #e60012;
}


.swiper-container6 .swiper-pagination-bullet{
    width:10px;
    height:10px;
}




.by-box10{
    background: url("../images/hai/57.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;



}


.by-box10 .ljxs .swiper-container7{
    padding-bottom:50px;
}


.by-box10 .swiper-container7 ul{
    width:100%;
}

.by-box10 .swiper-container7 li{
    float: left;
    margin-left:12px;
}



.swiper-container7 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #e60012;

    width:30px;

}

.swiper-container7 .swiper-pagination-bullet{
    background: #ffffff;
    opacity: 1;
    width:10px;
    height:10px;
    border-radius:9px;

}



.by-box0{
    background: url("../images/hai/64.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;

    height:471px;
}

.by-box0 .bytitle{
    padding-top:40px;
}


.by-box0 .bytitle .bytit-left{
    float:left;
    width:60px;
    height:60px;
    background:#de1c20;
    color:#ffffff;
    font-size:45px;
    text-align: center;
    line-height:54px;
    margin-top:7px;

}

.by-box0 .bytitle{
    width:550px;
    margin:0 auto;
}


.by-box0 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box0 .bytitle .bytit-right .p15{
    font-size:30px;
    color:#ffffff;
    font-weight:bold;
    letter-spacing:2px;

}

.by-box0 .bytitle .bytit-right .p16{
    font-size:18px;
    color:#ffffff;

}


.by-box0 .bytitle-heng{
    width:104px;
    margin:10px auto 0;

}

.by-box0 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box0 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#ffffff;


}


.by-box0 .mx-ul{
    width:1200px;
    margin:40px auto;
}

.by-box0 .mx-ul li{
    float:left;

    box-sizing: border-box;
    background: #ffffff;
    width:293px;


    padding:3px;
    margin-left:9px;
    text-align: center;
    height: 185px;

}

.by-box0 .mx-ul li img{
    width:100%;
    height: 177px;


}

.qs-box{
    width:592px;
    margin:0 auto;
}

.qs-box .qs-li1{
    width:285px;
    height:47px;
    color:#ffffff;
    line-height:47px;
    text-align: center;
    background: linear-gradient(to right, #fc3f3f , #cb0505);
    float:left;
    font-size:20px;
    cursor: pointer;
    border-radius:9px;


}



.qs-box .qs-li2{
    width:285px;
    height:47px;
    color:#ffffff;
    line-height:47px;
    text-align: center;
    background: linear-gradient(to right, #fc3f3f , #cb0505);
    float:left;
    font-size:20px;
    cursor: pointer;
    border-radius:9px;
    margin-left:18px;

}





.by-box1 .bytitle{
    padding-top:40px;
}


.by-box1 .bytitle .bytit-left{
    float:left;
    padding:2px 4px;
    background:#de1c20;
    color:#ffffff;
    font-size:37px;
    text-align: center;

    margin-top:7px;

}

.by-box1 .bytitle{
    width:563px;
    margin:0 auto;
}


.by-box1 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box1 .bytitle .bytit-right .p15{
    font-size:34px;
    color:#000000;
    font-weight:bold;
    letter-spacing:10px;


}

.by-box1 .bytitle .bytit-right .p16{
    font-size:16px;
    color:#bcbcbc;

}


.by-box1 .bytitle-heng{
    width:104px;

    margin:10px auto;

}

.by-box1 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box1 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}


.by-box1 .all-tit{
    margin-bottom:40px;
}



.by-box2{
    background:#eeebec;
    width:100%;
    padding:20px 0;
    height:784px;
}




.by-box2 .bytitle .bytit-left{
    float:left;
    padding:2px 4px;
    background:#de1c20;
    color:#ffffff;
    font-size:37px;
    text-align: center;

    margin-top:7px;

}



.by-box2 .bytitle{
    width:521px;
    margin:0 auto;
}


.by-box2 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box2 .bytitle .bytit-right .p15{
    font-size:34px;
    color:#000000;
    font-weight:bold;
    letter-spacing:18px;
    text-align: center;


}

.by-box2 .bytitle .bytit-right .p16{
    font-size:16px;
    color:#bcbcbc;

}


.by-box2 .bytitle-heng{
    width:104px;

    margin:10px auto;

}

.by-box2 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box2 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}


.by-box2 .all-tit{
    margin-bottom:40px;
}


.by-box2 .inset-by{
    width:1200px;
    margin:0 auto;
}


.by-box2 .yx-ul li{
    float:left;
    width:283px;
    height:260px;

    position: relative;
    z-index: 1;
    border:1px solid #c1bfc0;

    margin-left:20px;
    margin-bottom:20px;


}



.by-box2 .yx-ul li .by2xy-img1{


    position: absolute;
    z-index: 1;
    width:100%;
}


.by-box2 .yx-ul li .by2xy-img2{


    position: absolute;
    z-index: 3;
    width:30%;
    left: 8%;
    top: 36%;

}


.by-box2 .yx-ul li .by2xy-numbox{
    color:#000000;
    position: absolute;
    z-index:3;
    bottom: 17%;
    right: 7%;
    font-size:26px;
}

.by-box2 .yx-ul li .by2xy-numbox>span{
    color:#ee0b1c;
    font-size:42px;
    font-weight:bold;
}


.by-box2 .yx-ul li .by2xy-mx{
    color:#000000;
    position: absolute;
    z-index:3;
    bottom: 7%;
    right: 7%;
    font-size: 20px;
}


.by-box2 .allby-ly2{
    width:366px;
    margin:0 auto;
}


.by-box2 .allby-ly2 .ly2-lf{
    float:left;
    width:50%;

    background: linear-gradient(to right, #ff4d40 , #e84443);
    color:#ffffff;
    text-align:center;
    font-size:24px;
    cursor: pointer;
    padding:7px 0;
    border-top-left-radius:7px;

    border-bottom-left-radius:7px;
}


.by-box2 .allby-ly2 .ly2-rt{
    float:left;
    width:50%;
    background: linear-gradient(to right, #595959 , #373737);
    color:#ffffff;
    text-align:center;
    font-size:24px;
    cursor: pointer;
    padding:7px 0;

    border-top-right-radius:7px;

    border-bottom-right-radius:7px;
}


.by-box3 .bytitle .bytit-left{
    float:left;
    width:110px;
    height:55px;
    background:#de1c20;
    color:#ffffff;
    font-size:45px;
    text-align: center;
    line-height:54px;
    margin-top:7px;

}



.by-box3 .bytitle{
    width:500px;
    margin:0 auto;
    padding-top:50px;

    text-align: center;
}


.by-box3 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box3 .bytitle .bytit-right .p15{
    font-size:30px;
    color:#ffffff;
    font-weight:bold;
    letter-spacing:12px;

}

.by-box3 .bytitle .bytit-right .p16{
    font-size:15px;
    color:#ffffff;

}


.by-box3 .bytitle-heng{
    width:104px;
    margin:10px auto 0;

}

.by-box3 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box3 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#ffffff;


}


.by-box4 .bytitle .bytit-left{
    float:left;
    padding:2px 4px;
    background:#de1c20;
    color:#ffffff;
    font-size:37px;
    text-align: center;

    margin-top:7px;

}

.by-box4 .bytitle{
    width:563px;
    margin:0 auto;
}


.by-box4 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box4 .bytitle .bytit-right .p15{
    font-size:34px;
    color:#000000;
    font-weight:bold;
    letter-spacing:10px;


}

.by-box4 .bytitle .bytit-right .p16{
    font-size:16px;
    color:#bcbcbc;

}


.by-box4 .bytitle-heng{
    width:104px;

    margin:10px auto;

}

.by-box4 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box4 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}


.by-box4 .all-tit{
    margin-bottom:20px;
    margin-top:40px;

}







.by-box4-1 .bytitle .bytit-left{
    float:left;
    padding:2px 4px;
    background:#de1c20;
    color:#ffffff;
    font-size:37px;
    text-align: center;

    margin-top:7px;

}

.by-box4-1 .bytitle{
    width:361px;
    margin:0 auto;
}


.by-box4-1 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box4-1 .bytitle .bytit-right .p15{
    font-size:34px;
    color:#000000;
    font-weight:bold;
    letter-spacing:10px;


}

.by-box4-1 .bytitle .bytit-right .p16{
    font-size:16px;
    color:#bcbcbc;

}


.by-box4-1 .bytitle-heng{
    width:104px;

    margin:10px auto;

}

.by-box4-1 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box4-1 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}


.by-box4-1 .all-tit{
    margin-bottom:20px;
    margin-top:40px;
}


.by-box4-1 .box4-1-ul{
    width:1200px;
    margin:0 auto;
}



.by-box4-1 .box4-1-ul li.li10{
    width:222px;
    height:248px;
    background: url("../images/hai/95.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;


}


.by-box4-1 .box4-1-ul li.li11{
    width:222px;
    height:248px;
    background: url("../images/hai/96.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;


}


.by-box4-1 .box4-1-ul li.li12{
    width:222px;
    height:248px;
    background: url("../images/hai/97.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;


}


.by-box4-1 .box4-1-ul li.li13{
    width:222px;
    height:248px;
    background: url("../images/hai/98.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;


}


.by-box4-1 .box4-1-ul li.li14{
    width:222px;
    height:248px;
    background: url("../images/hai/99.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;


}


.by-box4-1 .box4-1-ul li.li15{
    width:222px;
    height:248px;
    background: url("../images/hai/100.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;


}


.by-box4-1 .box4-1-ul li.li16{
    width:222px;
    height:248px;
    background: url("../images/hai/101.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;


}


.by-box4-1 .box4-1-ul li.li17{
    width:222px;
    height:248px;
    background: url("../images/hai/102.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;


}



.by-box4-1 .box4-1-ul li.li18{
    width:222px;
    height:248px;
    background: url("../images/hai/103.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;


}


.by-box4-1 .box4-1-ul li.li19{
    width:222px;
    height:248px;
    background: url("../images/hai/104.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;


}





.by-box4-1 .box4-1-ul li{
    float: left;
    margin-left:22px;
    margin-bottom:20px;
}

.by-box4-1 .box4-1-ul li img{
    width:40%;
    margin-top:20px;
    height:40%;
}


.by-box4-1 .box4-1-ul li .box4-1-text{
    width:100%;
    text-align: center;
}

.by-box4-1 .box4-1-ul li .box4-1-text .p17{
    color:#ffffff;
    font-size: 24px;
    letter-spacing:2px;
}




.by-box5 .bytitle .bytit-left {
    float: left;
    width: 169px;
    height: 55px;
    background: #de1c20;
    color: #ffffff;
    font-size: 36px;
    text-align: center;
    line-height: 54px;

}



.by-box5 .bytitle{
    width:385px;
    margin:0 auto;
    padding-top:50px;
}


.by-box5 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box5 .bytitle .bytit-right .p15{
    font-size:27px;
    color:#ffffff;
    font-weight:bold;
    letter-spacing:12px;

}

.by-box5 .bytitle .bytit-right .p16{
    font-size:15px;
    color:#ffffff;

}


.by-box5 .bytitle-heng{
    width:104px;
    margin:10px auto 0;

}

.by-box5 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box5 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#ffffff;


}





.by-box6 .bytitle .bytit-left{
    float:left;
    padding:2px 4px;
    background:#de1c20;
    color:#ffffff;
    font-size:37px;
    text-align: center;

    margin-top:7px;
    margin-left: 53px;

}

.by-box6 .bytitle{
    width:500px;
    margin:0 auto;

    text-align: center;
}


.by-box6 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box6 .bytitle .bytit-right .p15{
    font-size:34px;
    color:#000000;
    font-weight:bold;
    letter-spacing:10px;


}

.by-box6 .bytitle .bytit-right .p16{
    font-size:16px;
    color:#000000;

}


.by-box6 .bytitle-heng{
    width:104px;

    margin:10px auto;

}

.by-box6 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box6 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}


.by-box6 .all-tit{
    margin-bottom:20px;
    margin-top:40px;

}






.by-box7 .bytitle .bytit-left{
    float:left;
    padding:2px 4px;
    background:#de1c20;
    color:#ffffff;
    font-size:37px;
    text-align: center;

    margin-top:7px;

    margin-left:53px;

}

.by-box7 .bytitle{
    width: 500px;
    margin:0 auto;

    text-align: center;
}


.by-box7 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box7 .bytitle .bytit-right .p15{
    font-size:34px;
    color:#000000;
    font-weight:bold;
    letter-spacing:10px;


}

.by-box7 .bytitle .bytit-right .p16{
    font-size:16px;
    color:#000000;
    letter-spacing:3px;

}


.by-box7 .bytitle-heng{
    width:104px;

    margin:10px auto;

}

.by-box7 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box7 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}


.by-box7 .all-tit{
    margin-bottom:20px;
    margin-top:40px;

}







.by-box8 .bytitle .bytit-left{
    float:left;
    width:110px;
    height:55px;
    background:#de1c20;
    color:#ffffff;
    font-size:45px;
    text-align: center;
    line-height:54px;
    margin-top:7px;

}



.by-box8 .bytitle{
    width:414px;
    margin:0 auto;
    padding-top:50px;
}


.by-box8  .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box8 .bytitle .bytit-right .p15{
    font-size:30px;
    color:#ffffff;
    font-weight:bold;
    letter-spacing:6px;

}

.by-box8 .bytitle .bytit-right .p16{
    font-size:15px;
    color:#ffffff;

}


.by-box8 .bytitle-heng{
    width:104px;
    margin:10px auto 0;

}

.by-box8 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box8 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#ffffff;


}






.by-box9 .bytitle .bytit-left{
    float:left;
    padding:2px 4px;
    background:#de1c20;
    color:#ffffff;
    font-size:37px;
    text-align: center;

    margin-top:7px;
    margin-left:53px;

}

.by-box9 .bytitle{
    width: 500px;
    margin:0 auto;
    text-align:center;
}


.by-box9 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box9 .bytitle .bytit-right .p15{
    font-size:34px;
    color:#000000;
    font-weight:bold;
    letter-spacing:10px;


}

.by-box9 .bytitle .bytit-right .p16{
    font-size:16px;
    color:#000000;


}


.by-box9 .bytitle-heng{
    width:104px;

    margin:10px auto;

}

.by-box9 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box9 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}


.by-box9 .all-tit{
    margin-bottom:20px;
    margin-top:40px;

}




.by-box10 .all-tit{
    margin-bottom:20px;


}



.by-box10 .bytitle .bytit-left {
    float: left;
    width: 110px;
    height: 55px;
    background: #de1c20;
    color: #ffffff;
    font-size: 45px;
    text-align: center;
    line-height: 54px;
    margin-top: 7px;

}


.by-box10 .bytitle{
    width:414px;
    margin:0 auto;
    padding-top:50px;
}


.by-box10  .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box10 .bytitle .bytit-right .p15{
    font-size:30px;
    color:#ffffff;
    font-weight:bold;
    letter-spacing:6px;

}

.by-box10 .bytitle .bytit-right .p16{
    font-size:15px;
    color:#ffffff;

}


.by-box10 .bytitle-heng{
    width:104px;
    margin:10px auto 0;

}

.by-box10 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box10 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#ffffff;


}





.by-box13 .bytitle .bytit-left{
    float:left;
    padding:2px 4px;
    background:#de1c20;
    color:#ffffff;
    font-size:37px;
    text-align: center;

    margin-top:7px;

}

.by-box13 .bytitle{
    width:650px;
    margin:0 auto;
}


.by-box13 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box13 .bytitle .bytit-right .p15{
    font-size:34px;
    color:#000000;
    font-weight:bold;
    letter-spacing:3px;


}

.by-box13 .bytitle .bytit-right .p16{
    font-size:16px;
    color:#a3a3a3;

    letter-spacing:3px;

}


.by-box13 .bytitle-heng{
    width:104px;

    margin:10px auto;

}

.by-box13 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box13 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}


.by-box13 .all-tit{
    margin-bottom:20px;
    margin-top:40px;

}



.kc-alls{
    width:1200px;
    margin:0 auto 50px;
}


.kc-alls .tab-lf{
    float:left;
    width:178px;
    cursor: pointer;
}


.kc-alls .tab-rt{
    float:left;
    width:1000px;
    box-sizing: border-box;
    padding:10px;
}


.kc-alls .tab-lf li:last-of-type{
    border-bottom:none;
}


.kc-alls .tab-lf li{
    background-color: #282828;

    color:#ffffff;
    text-align: center;
    font-size:20px;
    padding:15px 0;
    border-bottom:1px solid #424242;


}


.kc-alls .tab-lf li.active{
    background-color:#e42e24;
}


.kc-alls .tab-rt{
    padding:6px;
    box-shadow: 0px 0px 15px 1px #dfdfdf;
    /*height:426px;*/
    box-sizing: border-box;
}


.kc-alls .tab-rt table td{
    border:1px solid #e5e5e5;
}


.kc-alls .tab-rt .tr1 td{
    padding:10px 0;
    text-align: center;
    font-size:21px;

}


.kc-alls .tab-rt .trbox td{
    text-align: center;
    font-size:20px;
}






.by-box14 .bytitle .bytit-left{
    float:left;
    padding:2px 4px;
    background:#de1c20;
    color:#ffffff;
    font-size:37px;
    text-align: center;

    margin-top:7px;

}

.by-box14 .bytitle{
    width:500px;
    margin:0 auto;
    text-align: center;
}


.by-box14 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box14 .bytitle .bytit-right .p15{
    font-size:34px;
    color:#000000;
    font-weight:bold;
    letter-spacing:3px;


}

.by-box14 .bytitle .bytit-right .p16{
    font-size:16px;
    color:#a3a3a3;



}


.by-box14 .bytitle-heng{
    width:104px;

    margin:10px auto;

}

.by-box14 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box14 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}


.by-box14 .all-tit{
    margin-bottom:20px;
    margin-top:40px;

}


.by-box14{
    background:#e8e8e8;
    padding:10px 0;
}


.by-box14 .byyx-boxs{
    width:1200px;
    margin:0 auto;
}

.by-box14 .byyx-boxs .byyx-lf{
    float: left;
}



.by-box14 .byyx-boxs .byyx-lf li{

    width:161px;
    height:72px;
    line-height:72px;
    background:#ffffff;
    text-align: center;
    font-size:23px;
    color:#000000;
    margin-bottom:14px;

}


.by-box14 .byyx-boxs .byyx-lf li.active{
    background:#de1c20;
    color:#ffffff;
}



.by-box14 .byyx-boxs .byyx-rt{
    float: left;
    width:1030px;
}


.by-box14 .byyx-boxs .byyx-rt .byyx-content1{
    position: relative;
    height:244px;
}

.by-box14 .byyx-boxs .byyx-rt .byyx-content1 img{
    width:22px;
    height:36px;
    position: absolute;

}


.by-box14 .byyx-boxs .byyx-rt .byyx-content1 .byyx-text{
    background: #ffffff;
    color:#000000;
    width:98%;
    height:244px;
    position: absolute;
    right:0;

}
.by-box14 .byyx-boxs .byyx-rt .byyx-content1 .byyx-text .p18{
    font-size:20px;
    width:90%;
    margin:20px auto 0;
    letter-spacing: 2px;
   line-height:35px;
}





.by-box14 .byyx-boxs .byyx-rt .byyx-content2{
    position: relative;
    height:244px;
}

.by-box14 .byyx-boxs .byyx-rt .byyx-content2 img{
    width:22px;
    height:36px;
    position: absolute;
    top: 39%;

}


.by-box14 .byyx-boxs .byyx-rt .byyx-content2 .byyx-text{
    background: #ffffff;
    color:#000000;
    width:98%;
    height:244px;
    position: absolute;
    right:0;

}
.by-box14 .byyx-boxs .byyx-rt .byyx-content2 .byyx-text .p18{
    font-size:20px;
    width:90%;
    margin:20px auto 0;
    letter-spacing: 2px;
    line-height:35px;
}




.by-box14 .byyx-boxs .byyx-rt .byyx-content3{
    position: relative;
    height:244px;
}

.by-box14 .byyx-boxs .byyx-rt .byyx-content3 img{
    width:22px;
    height:36px;
    position: absolute;
    top: 75%;

}


.by-box14 .byyx-boxs .byyx-rt .byyx-content3 .byyx-text{
    background: #ffffff;
    color:#000000;
    width:98%;
    height:244px;
    position: absolute;
    right:0;

}
.by-box14 .byyx-boxs .byyx-rt .byyx-content3 .byyx-text .p18{
    font-size:20px;
    width:90%;
    margin:20px auto 0;
    letter-spacing: 2px;
    line-height:35px;
}



.by-box14 .byyx-boxs .byyx-rt .byyx-content1 .byyx-xq{
    background: linear-gradient(to right, #fc3f3f , #c90303);

    position: absolute;
    right:6%;

    color: #ffffff;
    padding:5px 20px;
    border-radius:4px;
    font-size:16px;
    bottom:8%;
    cursor: pointer;
}


.by-box14 .byyx-boxs .byyx-rt .byyx-content2 .byyx-xq{
    background: linear-gradient(to right, #fc3f3f , #c90303);

    position: absolute;
    right:6%;

    color: #ffffff;
    padding:5px 20px;
    border-radius:4px;
    font-size:16px;
    bottom:8%;
    cursor: pointer;
}


.by-box14 .byyx-boxs .byyx-rt .byyx-content3 .byyx-xq{
    background: linear-gradient(to right, #fc3f3f , #c90303);

    position: absolute;
    right:6%;

    color: #ffffff;
    padding:5px 20px;
    border-radius:4px;
    font-size:16px;
    bottom:8%;
    cursor: pointer;
}



.by-box11 .bytitle .bytit-left{
    float:left;
    padding:2px 4px;
    background:#de1c20;
    color:#ffffff;
    font-size:37px;
    text-align: center;

    margin-top:7px;

}

.by-box11 .bytitle{
    width: 680px;
    margin:0 auto;
}


.by-box11 .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.by-box11 .bytitle .bytit-right .p15{
    font-size:34px;
    color:#000000;
    font-weight:bold;
    letter-spacing:4px;


}

.by-box11 .bytitle .bytit-right .p16{
    font-size:16px;
    color:#000000;
    letter-spacing:1px;
}


.by-box11 .bytitle-heng{
    width:104px;

    margin:10px auto;

}

.by-box11 .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.by-box11 .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}


.by-box11 .all-tit{
    margin-bottom:20px;
    margin-top:40px;

}

.by-box11 .by-bt {
    text-align: center;
    font-size: 20px;
    color:#535353;
}


.by-box11 .video-box{
    background: url(../images/hai/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
    }
}



.Room-board .biaoti .bar{
    background:#ffffff;
}



.Room-board{
    width: 100%;
    height: 951px;
    background: url(../img1/12.jpg);
    background-size: 100% 100%;
    background-position: center;
    margin: 44px 0 0;
    box-sizing:border-box;
    padding-top:10px;
}
.Room-board .wenben {
    color: white;
    font-size: 16px;
    text-align: center;

    line-height: 30px;
}
.Room-board .btnbox {
    width: 315px;
    height: 32px;
    line-height: 32px;
    color: white;
    margin: 0 auto;
    cursor: pointer;
}
.Room-board .btnbox div {
    width: 122px;
    height: 32px;
    border: 1px solid white;
    font-size: 21px;
    text-align: center;
    margin-top: 33px;
}
.Room-board .btnbox .active {
    background: #c30102;
    border: none;
}
.Room-board .btnbox .let {
    float: left;
}
.Room-board .btnbox .rht {
    float: right;
}
.Room-board .shishu1 {
    width: 1200px;
    height: 626px;
    margin: 0 auto;
    background: #363636;
    margin-top: 28px;
    padding: 8px;
    position: relative;
}
.Room-board .shishu1 .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.Room-board .shishu1 .swiper-slide {
    background-size: cover;
    background-position: center;
}
.Room-board .shishu1 .gallery-top1 {
    height: 100%;
    width: 100%;
}
.Room-board .shishu1 .gallery-thumbs1 {
    width: 1125px;
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
    margin: 20px auto;
}
.Room-board .shishu1 .gallery-thumbs1 .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 1;
    position: relative;
}
.Room-board .shishu1 .gallery-thumbs1 .swiper-slide-thumb-active {
    opacity: 1;
}
.Room-board .shishu1 .swiper-button-next,
.Room-board .shishu1 .swiper-button-prev {
    top: 108%;
}
.Room-board .shishu1 .swiper-button-prev {
    background: url(../images/hai/jt1.jpg);
    width: 26px;
    height: 96px;
    outline: none;
    left: 19px;
}
.Room-board .shishu1 .swiper-button-next {
    width: 26px;
    height: 96px;
    background: url(../images/hai/jt2.jpg);
    outline: none;
    right: 19px;
}
.Room-board .shishu1 .swiper-slide-thumb-active i {
    display: block;
    width: 104px;
    height: 9px;
    background: #d20808;
    position: absolute;
    top: -9px;
    left: 36px;
}
.Room-board .shishu2 .swiper-slide-thumb-active i {
    display: block;
    width: 104px;
    height: 9px;
    background: #d20808;
    position: absolute;
    top: -9px;
    left: 36px;
}
.Room-board .shishu2 {
    width: 1200px;
    height: 626px;
    margin: 0 auto;
    background: #363636;
    margin-top: 28px;
    padding: 8px;
    position: relative;
}
.Room-board .shishu2 .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.Room-board .shishu2 .swiper-slide {
    background-size: cover;
    background-position: center;
}
.Room-board .shishu2 .gallery-top2 {
    height: 80%;
    width: 100%;
}
.Room-board .shishu2 .gallery-thumbs2 {
    width: 1125px;
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
    margin: 0 auto;
}
.Room-board .shishu2 .gallery-thumbs2 .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 1;
    position: relative;
}
.Room-board .shishu2 .gallery-thumbs2 .swiper-slide-thumb-active {
    opacity: 1;
}
.Room-board .shishu2 .swiper-button-next,
.Room-board .shishu2 .swiper-button-prev {
    top: 85%;
}
.Room-board .shishu2 .swiper-button-prev {
    background: url(../images/hai/jt1.jpg);
    width: 26px;
    height: 96px;
    outline: none;
    left: 19px;
}
.Room-board .shishu2 .swiper-button-next {
    width: 26px;
    height: 96px;
    background: url(../images/hai/jt2.jpg);
    outline: none;
    right: 19px;
}
.shishu2 .swiper-slide-thumb-active i {
    display: block;
    width: 104px;
    height: 9px;
    background: #d20808;
    position: absolute;
    top: -9px;
    left: 36px;
}





.Room-board .bytitle .bytit-left{
    float:left;
    width:110px;
    height:55px;
    background:#de1c20;
    color:#ffffff;
    font-size:45px;
    text-align: center;
    line-height:54px;
    margin-top:7px;

}


.hai6{
    width:1200px;
    margin:40px auto;
}



.hai6 .h3{
    color:#ee0b1c;
    width:1200px;
    text-align: center;
    font-size:40px;
    letter-spacing:13px;
}



.hai6 .hengxian{
    width:90px;
    margin:20px auto 0;
}


.hai6 .hengxian .span1{
    float: left;
    width:20px;
    height:3px;
    background:#ee0b1c;
}

.hai6 .hengxian .span2{
    float: left;
    width:70px;
    height:3px;
    background:#000000;
}



.Classroom .boxx {
    width: 1200px;
    height: 500px;
    margin: 0 auto;
    margin-top: 18px;
}
.Classroom .boxx .leftbox {
    width: 818px;
    /*height: 564px;*/
    float: left;
    padding: 8px;
    box-sizing: border-box;
    background: #ffffff;
    box-shadow:0 0 10px #b9b9b9;
}

.Classroom .boxall1{
    margin-top:42px;
}


.Classroom .boxx .rightbox {
    width: 354px;
    /*height: 640px;*/
    float: left;
    box-sizing: border-box;
    padding: 8px;
    background: #ffffff;
    margin-left: 10px;
    box-shadow:0 0 10px #b9b9b9;
}
.Classroom .leftbox ul li {
    position: relative;
}
.Classroom .leftbox ul li p {
    width: 100%;
    height: 75px;
    line-height: 20px;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.Classroom .leftbox ul li p .span1 {
    font-size: 24px;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
}
.Classroom .leftbox ul li p .span2 {
    font-size: 18px;
}
.Classroom .leftbox ul li {
    width: 100%;
    height: 100%;
}
.Classroom .leftbox ul li img {
    width: 100%;
    height: 100%;
}
.Classroom .rightbox ul li {
    float: left;
    width: 164px;
    height: 107px;
    margin-right: 10px;
    margin-bottom: 6px;
    border: 2px solid #363636;
    box-sizing: border-box;
}




.Classroom .active {
    box-sizing: border-box;
    border: none !important;
    border: 2px solid #d20808 !important;
}
.Classroom .rightbox ul li img {
    width: 100%;
    height: 100%;
}
.Classroom .font11 {
    width: 1156px;
    margin: 5px;
    color: #333;
    text-indent: 2em;
    font-size: 18px;
    line-height: 38px;
    letter-spacing: 2px;
}




.hai7{
    width:1200px;
    margin:40px auto;
}



.hai7 .h3{
    color:#ee0b1c;
    width:1200px;
    text-align: center;
    font-size:40px;
    letter-spacing:13px;
}



.hai7 .hengxian{
    width:90px;
    margin:20px auto 0;
}


.hai7 .hengxian .span1{
    float: left;
    width:20px;
    height:3px;
    background:#ee0b1c;
}

.hai7 .hengxian .span2{
    float: left;
    width:70px;
    height:3px;
    background:#000000;
}


.hai-top7{
    width:671px;
    margin:40px auto 0;
}


.hai-top7 li{
    background: -webkit-linear-gradient(#595959,#373737);
    background: -o-linear-gradient(#595959,#373737);
    background: -moz-linear-gradient(#595959,#373737);

    background: linear-gradient(#595959,#373737);
    color:#ffffff;
    width:156px;
    height:40px;
    line-height:40px;
    text-align: center;
    font-size:20px;
    float:left;
    margin-left:15px;
    cursor: pointer;
    border-radius:23px;

}


.hai-top7 li.active2{
    background: -webkit-linear-gradient(#ff2e2e,#e12e23);
    background: -o-linear-gradient(#ff2e2e,#e12e23);
    background: -moz-linear-gradient(#ff2e2e,#e12e23);

    background: linear-gradient(#ff2e2e,#e12e23);
}



.kc-alls{
    width:1200px;
    margin:40px auto 0;
}


.kc-alls .tab-lf{
    float:left;
    width:178px;
    cursor: pointer;

}


.kc-alls .tab-rt{
    float:left;
    width:1000px;
    box-sizing: border-box;
    padding:10px;
}


.kc-alls .tab-lf li:last-of-type{
    border-bottom:none;
}


.kc-alls .tab-lf li{
    background-color: #282828;

    color:#ffffff;
    text-align: center;
    font-size:26px;
    padding:33px 0;
    border-bottom:1px solid #424242;


}


.kc-alls .tab-lf li.active{
    background-color:#e42e24;
}


.kc-alls .tab-rt{
    padding:6px;
    box-shadow: 0px 0px 15px 1px #dfdfdf;
    /*height:426px;*/
    box-sizing: border-box;
}


.kc-alls .tab-rt table td{
    border:1px solid #e5e5e5;
}


.kc-alls .tab-rt .tr1 td{
    padding:10px 0;
    text-align: center;
    font-size:21px;

}


.kc-alls .tab-rt .trbox td{
    text-align: center;
    font-size:20px;
}



.xiaoall{
    width:1200px;
    margin:40px auto 0;
}


.xiaoall li{
    float: left;
    margin-left:5px;
}


.hai-shi{
    width:1200px;
    margin:0 auto;
}


.hai-shi .biaoti p{
    color:#ee0b1c;
}


.hai-shi .shida-ul{
    width:1200px;
}

.hai-shi .shida-ul li{
    float:left;
    margin-left:42px;
}



.hai-shi .shida-ul li img{
    width:82px;
    height:82px;
}


.hai-shi .shida-ul li .img12{
    display:none;
}


.hai-shi .shibomall{
    width:1200px;
    margin:50px auto 0;
}


.hai-shi .shibomall .shibom-ul li:nth-of-type(3n+1){
    margin-left:0;
}

.hai-shi .shibomall .shibom-ul li{

    box-shadow: 0 0 10px 1px #dfdfdf;
    width:371px;
    height:230px;

    padding:10px;

    float: left;
    margin-left:13px;
    margin-bottom:30px;

}



.hai-shi .shibomall .shibom-ul li img{
    width:371px;
    height:230px;

}




.star {
    margin-top: 40px;
}



.wu-box9video .bytitle .bytit-left{
    float:left;
    padding:2px 4px;
    background:#de1c20;
    color:#ffffff;
    font-size:37px;
    text-align: center;

    margin-top:7px;

}

.wu-box9video .bytitle{
    width: 357px;
    margin:0 auto;
}


.wu-box9video .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.wu-box9video .bytitle .bytit-right .p15{
    font-size:34px;
    color:#000000;
    font-weight:bold;
    letter-spacing:10px;


}

.wu-box9video.bytitle .bytit-right .p16{
    font-size:16px;
    color:#000000;

}


.wu-box9video .bytitle-heng{
    width:104px;

    margin:10px auto;

}

.wu-box9video .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.wu-box9video .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}




.wu-box9video .all-tit{
    margin-bottom:20px;
    margin-top:40px;

}
.wu-box9video .by-bt {
    text-align: center;
    font-size: 20px;
    color:#000000;
    margin-top:5px;
}



.wu-box9video .bm-box1 {
    width: 238px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    margin: 35px auto;
    background: linear-gradient(to right, #ff4d40 , #e84443);
    border-radius: 7px;
    cursor: pointer;
}












/*听表演专家怎么说*/

.advicebox {
    width: 100%;
    height: 688px;
    background: #eeeeee;
    margin-top: 57px;
}
.advicebox .advice {
    width: 1200px;
    margin: 0 auto;
    margin-top: 46px;
}
.advicebox .advice .advice-left {
    width: 631px;
    height: 384px;
    border-radius: 25px;
    float: left;
    overflow: hidden;
}
.advicebox .advice .advice-left img {
    width: 100%;
    height: 100%;
}
.advicebox .advice .advice-right {
    width: 560px;
    height: 384px;
    float: right;
}
.advicebox .advice .advice-right .right-top li {
    width: 134px;
    height: 46px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: #3a3a3a;
    font-size: 20px;
    color: white;
    line-height: 46px;
    float: left;
    margin-right: 5px;
    text-align: center;
    cursor: pointer;
}
.advicebox .advice .advice-right .right-top .active {
    background: #ec4642;
}
.advicebox .advice .advice-right .right-bottom {
    width: 100%;
    height: 330px;
    background: white;
    position: relative;
}
.advicebox .advice .advice-right .right-bottom .swiper-container {
    width: 482px;
    height: 220px;
    padding-top: 30px;
    margin: 0 auto;
    text-align: center;
}
.advicebox .advice .advice-right .right-bottom .swiper-slide {
    text-align: center;
    font-size: 18px;
}
.advicebox .advice .advice-right .right-bottom .swiper-slide .p-title {
    font-size: 24px;
    color: #0000;
    margin-bottom: 19px;
}
.advicebox .advice .advice-right .right-bottom .swiper-slide .texts {
    width: 482px;
    height: 150px;
    background: #f8f8f8;
    margin: 0 auto;
    text-indent: 28px;
    text-align: justify;
    font-size: 14px;
    color: #7a7a7a;
    margin-top: 25px;
    padding: 10px;
    box-sizing: border-box;
}
.advicebox .advice .advice-right .right-bottom .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 15px;
    opacity: 1;
    background: #3333;
}
.advicebox .advice .advice-right .right-bottom .swiper-pagination-bullet-active {
    background: #d50002;
}
.advicebox .advice .advice-right .right-bottom .swiper-pagination {
    left: 232px;
    bottom: 28px;
}
.advicebox .advice .advice-right .right-bottom .swiper-button-next,
.advicebox .advice .advice-right .right-bottom .swiper-button-prev {
    top: 87%;
}
.advicebox .advice .advice-right .right-bottom .swiper-button-prev {
    left: 40px;
    width: 50px;
    height: 50px;
    background: url(../images/hai/btn1.png);
    background-size: 100% 100%;
    outline: none;
}
.advicebox .advice .advice-right .right-bottom .swiper-button-next {
    width: 56px;
    height: 50px;
    background: url(../images/hai/btn2.png);
    background-size: 100% 100%;
    outline: none;
    right: 40px;
}





.advicebox .bytitle .bytit-left{
    float:left;
    width:60px;
    height:60px;
    background:#de1c20;
    color:#ffffff;
    font-size:45px;
    text-align: center;
    line-height:54px;
    margin-top:7px;

}

.advicebox .bytitle{
    width:401px;
    margin:0 auto;
}


.advicebox .bytitle .bytit-right{
    float:left;
    margin-left:10px;
}

.advicebox .bytitle .bytit-right .p15{
    font-size:30px;
    color:#000000;
    font-weight:bold;
    letter-spacing:6px;

}

.advicebox .bytitle .bytit-right .p16{
    font-size:18px;
    color:#676767;



}


.advicebox .wy-inset{
    padding-top:30px;
}


.advicebox .bytitle-heng{
    width:104px;
    margin:10px auto 0;

}

.advicebox .bytitle-heng .heng-lf{
    float:left;
    width:20%;
    height:3px;
    background:#ee0b1c;

}

.advicebox .bytitle-heng .heng-rt{
    float:left;
    width:80%;
    height:3px;
    background:#000000;


}


.videoModel .videoright li div {
    position: absolute;
    bottom: 0;
    width:100%;
    height:27px;
    background:rgba(0,0,0,0.7);
    color:#ffffff;
    text-align: center;
    line-height:30px;
    z-index:999;
    font-size:15px;
}