.box2{background: rgb(255,255,255)}
.box2 .contain{position: relative}
.box2 .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;padding-bottom: 80px;background: rgb(248,248,248)}
.box2 .swiper-slide {text-align: center;background: #fff;}
.box2 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none}
.box2 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display: none}
.box2 .swiper-button-next{height: 80px;width: 80px;background-image: url("../images/next_03.png");position: absolute;right: -110px;;outline: none}
.box2 .swiper-button-prev{height: 80px;width: 80px;background-image: url("../images/pre_03.png");position: absolute;left: -110px;outline: none}
.box2 .swiper-button-next:hover{background-image: url("../images/next_1_03.png")}
.box2 .swiper-button-prev:hover{background-image: url("../images/pre_1_03.png")}
.box2 .swiper-container .a_head{position: relative;width: 100%;}
.box2 .swiper-container .a_head .p4{position: absolute;left: 0;right: 0;font-size: 30px;bottom: 55px;color: white;font-weight: bold}
.box2 .swiper-container .list{width: 70%;margin: 0 auto;padding: 30px 0 27px 0;border-bottom: 1px solid rgb(233,233,233)}
.box2 .swiper-container .list .link{display: block;background-image: url("../images/bg12_03.png");background-repeat: no-repeat;text-align: center;font-size: 20px;line-height: 20px;background-position: 20px }
.box2 .swiper-container .list:nth-child(2) .link{background-image: url("../images/bg13_03.png")}
.box2 .swiper-container .list:nth-child(3) .link{background-image: url("../images/bg14_03.png")}
.box2 .swiper-container .list:nth-child(4) .link{background-image: url("../images/bg15_03.png");}
.box2 .swiper-container .list:last-child{border-bottom: none}
.box2 .swiper-container .list .link:hover{color: rgb(62,162,248)}

.box3{background: rgb(45,39,30);padding-bottom: 40px}
.box3 .title .p1{color: white}
.box3 .title .p2{opacity: 0.6}
.box3 .nav .list p{color: white}
.box3 .nav .list{width: 31.666%;box-sizing: border-box;padding: 32px 0 28px 25px;border: 2px solid white;position: relative;margin-bottom: 40px;cursor:pointer}
.box3 .nav .list .p1{font-size: 26px;line-height: 26px;font-weight: bold}
.box3 .nav .list .p2{font-size: 24px;line-height: 24px;padding: 10px 0 40px;font-weight: bold}
.box3 .nav .list .pic{position: absolute;height: 50px;width: 50px;background-repeat: no-repeat;background-image: url("../images/bg1_03.png");top: 27px;right: 30px}
.box3 .nav .list:nth-child(2) .pic{background-image: url("../images/bg5_03.png")}
.box3 .nav .list:nth-child(3) .pic{background-image: url("../images/bg4_03.png")}
.box3 .nav .list:nth-child(4) .pic{background-image: url("../images/bg2_03.png")}
.box3 .nav .list:nth-child(5) .pic{background-image: url("../images/bg6_03.png")}
.box3 .nav .list:nth-child(6) .pic{background-image: url("../images/bg3_03.png")}
.box3 .nav .list:hover{background-image: url("../images/bg7_03.png")}

.box4{background: rgb(247,247,247);padding-bottom: 80px}
.box4 .nav .list{position: relative;width: 31.666%;padding: 20px 0 10px 115px;border: 1px solid silver;box-sizing: border-box;margin-bottom: 20px}
.box4 .nav .list .pic{width: 46px;height: 46px;background-image: url("../images/bg8_03.png");background-repeat: no-repeat;position: absolute;top: 30px;left: 42px}
.box4 .nav .list:nth-child(2) .pic{background-image: url("../images/bg9_03.png")}
.box4 .nav .list:nth-child(3) .pic{background-image: url("../images/bg10_03.png")}
.box4 .nav .list .p1{font-size: 20px;line-height: 20px;padding-bottom: 12px;}
.box4 .nav .list .p2{opacity: 0.7;line-height: 16px;padding-bottom: 10px}
.box4 .teach .info{width: 68%;background: white;padding: 10px}
.box4 .teach .info .left{width: 48.5%;float: left;max-height:380px;overflow:hidden;}
.box4 .teach .info .left img{width:100%;}
.box4 .teach .info .right{width: 48.5%;box-sizing: border-box;border: 1px solid silver;padding: 22px 0 20px 20px;float: right}
.box4 .teach .info .right .p1{font-size: 32px;font-weight: bold;line-height: 32px;float: left}
.box4 .teach .info .right .p5{font-size: 21px;font-weight: bold;line-height: 32px;background-color: rgb(50,140,250);color: white;display:block;padding:  0 7px 0 7px;margin-left: 20px;border-radius:5px;width: auto;float: left;text-align: center }
.box4 .teach .info .right .p2{font-size: 18px;font-weight: bold;color: rgb(37,133,250);line-height: 18px;padding: 17px 0 17px 0;border-bottom: 1px solid silver }
.box4 .teach .info .right .p3{font-size: 20px;font-weight: bold;padding: 15px 0 15px 0}
.box4 .teach .info .right .p4{font-size: 18px;opacity: 0.5;padding: 0 50px 0 0 }
.box4 .teach .info .right .link{width: 178px;color: rgb(34,116,180);border: 2px solid rgb(34,116,180);text-align: center;line-height: 42px;display: block;margin-top: 35px}
.box4 .teach .info .right .link:hover{color: white;background-color:rgb(34,116,180) ;transition: 0.5s;}
.box4 .teach .info .information{display: none}
.box4 .teach .info .information.select{display: block}
.box4 .teach .teachers{width: 30%;justify-content: flex-start;}
.active{border: 5px solid rgb(37,133,250)}
.box4 .teach .teachers .lists{width: 30%;cursor: pointer;margin-right: 5%;}
.box4 .teach .teachers .lists:nth-child(3n){margin-right: 0;}
.box4 .bottom{width: 66.666%;margin: 56px auto 0;background-image: url("../images/bg11_03.png");font-size: 28px;line-height: 70px;text-align: center;color: white;background-repeat: no-repeat;}

.box5 .nav .list{width: 24.98%;margin-bottom: 1px}
.box5 .nav .list:first-child{width: 49.9%}
.box5 .nav .list:last-child{width: 49.9%}
@media (min-width:1200px){
    .box5 .nav .list{height:252px;overflow:hidden;}
}

.box6 .nav{justify-content: flex-start}
.box6 .nav .list{box-sizing: border-box;margin-bottom: 0;width: 18.4%;position: relative;margin-right: 2%;}
.box6 .nav .list:nth-child(5n){margin-right: 0;}
.box6 .nav .list .bg{width: 100%;height: 100%;background: rgba(32,36,39,0.3);display: none;position: absolute;top: 0;left: 0;}
.box6 .nav .list .pic{border: 1px solid silver;overflow: hidden;text-align:center;}
.box6 .nav .list:hover .bg{display: block;transition: 0.5s;}
.box6 .nav .list:hover .pic img{transform: scale(0.9);transition: 0.5s}
.box6 .swiper-pagination{position:static;margin-top:15px;margin-bottom:20px;}
.box6 .swiper-pagination-bullet{width:10px;height:10px;background:#EEEEEE;opacity:1;}
.box6 .swiper-pagination-bullet-active{background:#2585FA}
.box7{background: rgb(238,238,238);padding-bottom: 50px}
.box7 .art{padding: 80px 0 20px 0;border-bottom: 1px solid rgb(187,187,187);border-bottom: 1px solid rgb(187,187,187);margin-bottom: 20px}
.box7 .art .p1{font-size: 26px;float: left;line-height: 26px;letter-spacing: 1px;position: relative;padding-left: 12px}
.box7 .art .p1::before{
    content: '';
    height: 100%;
    width: 5px;
    border-left: 5px solid rgb(63,144,197);
    left: 0;
    position: absolute;
}
.box7 .art .link{display: block;float: right;font-size: 15px;line-height: 26px}
.box7 .art .link:hover{color: rgb(63,144,197)}
.box7 .news .left{float: left;width: 31.41%}
.box7 .news .right{float: right;width: 65.83%}
.box7 .swiper-container {width: 100%;height: 100%;}
.box7 .swiper-slide {text-align: center;font-size: 18px;background: #fff;position: relative;z-index: 77777;}
.box7 .text{position: absolute;bottom: 0;font-size: 14px;color: white;padding-left: 10px;line-height: 30px;width:100%;background:rgba(0,0,0,0.5);text-align:left;}
.box7 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
    padding-left: 300px;
    height: 30px;

}
.box7 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 11px 4px;z-index: 66}
.box7 .swiper-pagination-bullet{opacity: 1;background: white}
.box7 .swiper-pagination-bullet-active{background: rgba(84,91,96,0);border: 2px solid white;}
.box7 .news .news_t{width: 47.97%}
.box7 .news .news_t .news_up{margin-bottom: 20px}
.box7 .news .news_t .news_up .pic{width: 28.23219%;}
.box7 .news .news_t .news_up .content{width: 68.6%;}
.box7 .news .news_t .news_up .p1{font-size: 14px;line-height: 14px;padding: 8px 0}
.box7 .news .news_t .news_bottom .news_ul .list{list-style: none;opacity: 0.6;position:relative;padding-left: 15px;margin-bottom:5px;}
.box7 .news .news_t .news_bottom .news_ul .list::after{
    content:'';display:block;width:5px;height:5px;border-radius:50%;background:#333;
    position:absolute;left:0;top:50%;margin-top:-2px;
}
.box7 .news .news_t .news_up .p2{font-size: 12px;opacity: 0.7;}
.box7 .news .news_t .news_up .news_link:hover{color: rgb(41,140,234)}
.box7 .news .news_t .news_bottom .link{display: block;}
.box7 .news .news_t .news_bottom .link .p1{float: left;font-size: 14px;line-height: 24px}
.box7 .news .news_t .news_bottom .link .p2{float: right;font-size: 14px;line-height: 24px}
.box7 .news .news_t .news_bottom .news_ul .link:hover .p1{color: rgb(41,140,234) }
.box7 .news .news_t .news_bottom .news_ul .link:hover .p2{color: rgb(41,140,234) }
.box7 .question .qu_content{width: 45.8%;margin-bottom: 15px;padding: 20px ;box-sizing: border-box}
.box7 .question .left{width: 42px;float: left}
.box7 .question .left p{font-size: 19px;line-height: 28px;margin-bottom: 7px;background: rgb(41,140,234);text-align: center;color: white;font-weight: bold;}
.box7 .question .left .p2{background: rgb(153,153,153)}
.box7 .question .right{float: right;width: 85%;}
.box7 .question .right .qu_link{font-size: 14px;line-height: 14px;display: block}
.box7 .question .right .ell{padding: 4px 0 10px 0}
.box7 .question .right .more_ell{opacity: 0.5;line-height: 20px}
.box7 .question .qu_content:hover{background: white;box-shadow: 0px 0px 10px  #888888}
.box7 .question .qu_content:hover .right .ell{color: rgb(41,140,234);transition: 0.5s}
.box7 .question .qu_content:hover .right .more_ell{color: rgb(41,140,234);transition: 0.5s;opacity: 1}



@media (max-width: 767px){
    .title{padding: 20px 0 20px}
    .title .p1{font-size: 18px;line-height: 18px;margin-bottom: 5px}
    .title .p2{font-size: 12px;padding-bottom: 10px}
    .title .p2:after{border-bottom:4px solid rgb(37,133,250);bottom: -2px}
    .title .p3{font-size: 12px;padding-top: 10px}
    .view_content{padding: 0 10px}
    .box2 .swiper-container{padding-bottom: 30px}
    .box2 .swiper-container .a_head .p4{font-size: 16px;bottom: 40px}
    .box2 .swiper-container .list .link{font-size: 12px;background-position: 10px}
    .box2 .swiper-button-prev{display: none}
    .box2 .swiper-button-next{display: none}

    .box3{padding-bottom: 0}
    .box3 .nav .list{width: 48%;padding: 10px;margin-bottom:8px;}
    .box3 .nav .list p{font-size: 12px}
    .box3 .nav .list .p1{font-size: 16px}
    .box3 .nav .list .p2{font-size: 14px}
    .box3 .nav .list .pic{height: 30px;width: 30px;background-size: contain;top: 15px;right: 15px}
    .box3 .nav{justify-content: space-around}

    .box4{padding-bottom: 20px}
    .box4 .nav .list{width: 100%;padding: 10px;text-align: center}
    .box4 .nav .list .p1{font-size: 16px;line-height: 16px;}
    .box4 .nav .list .p2{font-size: 12px;padding-bottom: 5px;line-height: 12px}
    .box4 .nav .list .pic{top: 20px}
    .box4 .teach .info{width: 100%}
    .box4 .teach .teachers{width: 100%}
    .box4 .teach .info .left{width: 100%;padding: 0  0 10px 0}
    .box4 .teach .info .right{width: 100%;padding: 10px}
    .box4 .teach .info .right .p1{font-size: 16px;line-height: 20px}
    .box4 .teach .info .right .p5{font-size: 16px;line-height: 20px}
    .box4 .teach .info .right .p2{font-size: 14px;padding: 0;line-height: 40px}
    .box4 .teach .info .right .p3{font-size: 14px;padding: 10px 0 10px 0}
    .box4 .teach .info .right .p4{font-size: 12px;padding: 0}
    .box4 .teach .info .right .link{font-size: 12px;width: 100px;line-height: 30px;margin-top: 20px}
    .box4 .teach .teachers .lists{margin-bottom: 10px}
    .box4 .bottom{width: 90%;font-size: 12px;background-size: contain;line-height: 30px;background-repeat: no-repeat;margin: 10px auto 0}
    .box6 .nav .list{width: 48%;margin-bottom: 10px}
    .box7{background: white;padding-bottom: 30px}
    .box7 .text{font-size: 12px}
    .box7 .art{padding: 20px 0 10px 0}
    .box7 .art .p1{font-size: 18px;}
    .box7 .art .link{font-size: 12px;margin-right: 10px}
    .box7 .news .left{width: 100%;margin-bottom: 20px}
    .box7 .news .right{width: 100%}
    .box7 .news .news_t{width: 100%;margin-bottom: 20px}
    .box7 .news .news_t:last-child{margin-bottom: 0}
    .box7 .news .news_t .news_bottom .news_ul .list{margin-bottom: 10px}
    .box7 .news .news_t .news_bottom .link .p1{font-size: 12px}
    .box7 .news .news_t .news_bottom .link .p2{font-size: 12px}
    .box7 .question .qu_content{width: 100%;background: white;margin-bottom: 10px}
    .box7 .question .qu_content:last-child{margin-bottom: 0}
    .box7 .question{background: #eee;padding: 10px}
    .box7 .question .left p{font-size: 16px}
    .box7 .question .right .qu_link{font-size: 12px}
}
@media (min-width: 768px) and (max-width: 991px){
    .title{padding: 60px 0 20px}
    .title .p1{font-size: 30px}
    .title .p2{font-size: 20px}
    .box2 .swiper-button-prev{display: none}
    .box2 .swiper-button-next{display: none}
    .view_content{padding: 0 10px}

    .box3{padding-bottom: 0}
    .box3 .nav{justify-content: space-around}
    .box4{padding-bottom: 30px}
    .box4 .nav .list{padding: 20px 0 10px 50px;width: 32.5%}
    .box4 .nav .list:first-child{padding: 20px 0 10px 80px}
    .box4 .nav .list .p2{font-size: 14px}
    .box4 .nav .list .pic{left: 20px}
    .box4 .nav .list:nth-child(2){padding: 20px 0 10px 60px }
    .box4 .nav .list:nth-child(2) .pic{left: 10px}
    .box4 .nav .list:last-child .pic{left: 5px}
    .box4 .nav .list .p2{padding-bottom: 5px}
    .box4 .teach .info{width: 100%}
    .box4 .teach .teachers{width: 100%}
    .box4 .teach .teachers .lists{width: 18%;margin-bottom: 10px}
    .box4 .bottom{width: 78%;background-size: contain;background-repeat: no-repeat;line-height: 60px;font-size: 24px;margin: 30px auto 0}
    .box7 .news .left{width: 100%;margin-bottom: 30px}
    .box7 .news .right{width: 100%}
    .box7 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{padding-left: 640px}
    .box7 .art{padding: 40px 0 20px 0}
    .box7{padding-bottom: 20px}
    .box7 .news .news_t{width: 46.97%;padding: 0 10px}
    .box7 .art .link{margin-right: 10px}
}
@media (min-width: 1400px) and (max-width: 1450px){
    .box2 .swiper-button-prev{left: -90px;}
    .box2 .swiper-button-next{right: -90px;}
}

@media (min-width: 1200px) and (max-width: 1340px){
    .box4 .bottom{width: 72.666666%;background-size: contain;}

}