@charset "UTF-8";

@import "all.css";
@media all and (min-width: 980px) {
    .main{width: 100%;margin:0 auto}
    .w89{margin: 0 auto;width: 89.01%;}
    .top_bc{position: relative;background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%)}
    .top_bc.head_fixed.on{position: fixed;top: 0;left: 0;z-index: 50;animation-name: up_small;animation-duration: 0.5s}
    @keyframes up_small {
        0% {top: -100px}
        100% {top: 0}
    }
    .top_bc .head{display: flex;justify-content: space-between;align-items: center;padding: 17px 0;}
    .top_bc .top_left{display: flex;justify-content: space-between;width: 30.54%;}
    .top_bc .top_right{display: flex;justify-content: space-between;width: 30.89%;}
    .top_bc .head li{display: flex;align-items: center;margin: 0 auto;}
    .top_bc .head ul li a{font-size: 16px;color: #FFFFFF;padding-left: 8px;}
    .top_bc .head1{display: flex;justify-content: space-around;}
    .top_bc .nav_all{display: flex;justify-content: space-between;align-items: center;width: 100%;}
    .top_bc .nav_all .nav_left{display: flex;width: 38.79%;}
    .top_bc .nav_all ul{display: flex;width: 100%;justify-content: space-between;}
    .top_bc .nav_all ul li{ display: flex;align-items: center;}
    .top_bc .nav_all>.nav_left>ul>li,.top_bc .nav_all>.nav_right>ul>li{height: 72px;}
    .top_bc .nav_all ul li a{font-size: 20px;color: #FFFFFF;}
    .top_bc .nav_all .middle{width: 383px}
    .top_bc .nav_all .middle img{position: absolute;transform: translate(-50%,0);left:50%;bottom: 15px;}
    .top_bc .nav_all .nav_right{display: flex;width: 38.79%;}
    .top_bc .nav_left>ul>li,.top_bc .nav_right>ul>li{position: relative;}
    .top_bc .nav_all .nav_left .dp,.top_bc .nav_all .nav_right .dp{position: absolute;top: 62px;background-color: #ffffff;width: 168px;display: flex;flex-direction: column;z-index: 99;padding: 10px 0;transform: translate(-50%,0);left: 50%;box-shadow: 0 3px 3px #e6e6e6;}
    .top_bc .nav_all .dp li{width: 100%;display: flex;background-color: rgb(255, 255, 255);flex-direction: column;align-items: center;justify-content: center;}
    .top_bc .nav_all .dp li a{ font-size: 16px;color: #000000;padding: 13px 0;}
    .top_bc .nav_all .nav_left>ul>li:hover .dp{display: block;}
    .top_bc .nav_all .nav_left>ul>li>a:hover {opacity: 67%}
    /*new 1.28 新增小手*/
    .top_bc .nav_all .nav_left .dp li:hover{background-color: #EEEEEE;cursor: pointer}
    .top_bc .nav_all .nav_left .dp li:hover a{color: #5898E4;}
    .top_bc .nav_all .nav_left .dp{display: none;}
    .top_bc .top_left li:hover a{display: block;}
    .top_bc .top_left li:hover a{opacity: 67%}
    .top_bc .top_right li:hover a{display: block;}
    .top_bc .top_right li:hover a{opacity: 67%}
    .top_bc .nav_all .nav_right>ul>li:hover .dp{display: block;}
    .top_bc .nav_all .nav_right>ul>li>a:hover {opacity: 67%}
    .top_bc .nav_all .nav_right .dp li:hover{background-color: #EEEEEE}
    .top_bc .nav_all .nav_right .dp li:hover a{color: #5898E4;}
    .top_bc .nav_all .nav_right .dp{display: none;}
    .footer{background-color: #2A2A33;}
    .w73{margin: 0 auto;width: 73.645%;}
    .footer .footer_body{padding: 63px 0 52px;display: flex}
    .footer_body .left{display: flex;width: 41.202%;justify-content: space-between;align-items: center}
    .footer_body .left1_img1{display: flex;flex-direction: column;}
    .footer_body .left1_img1 img{
    width: 200px;
}
.footer_body ul .msg{

    width: 310px;

}
    .footer_body .left1_img2{display: flex;justify-content: space-evenly;margin-top: 22px}
    .footer_body .left1_img2 .ma1{position: relative}
    .footer_body .left1_img2 .ma1 span img{z-index: 55;position: absolute;top:-135px;left: -40px;width: 120px;}
    .footer_body .left1_img2 .ma2{position: relative}
    .footer_body .left1_img2 .ma2 span img{z-index: 55;position: absolute;top:-135px;left: -40px;width: 120px;}
    .footer_body .left2{width: 31%;display: flex;flex-direction: column;}
    .footer_body .left2 a{display: flex;align-items: center}
    .footer_body .left2 a p{font-size: 20px;color: #FFFFFF;padding-left: 18px;}
    .footer_body .left2 a:not(:first-of-type){margin-top: 24px}
    .footer_body .left3 a{border-radius: 4px;display: block;background: #222229;width: 146px;height: 40px;display: flex;align-items: center;justify-content: space-around;}
    .footer_body .left3 a p{font-size: 16px;color: #FFFFFF;}
    .footer_body .left3 a:not(:first-of-type){margin-top: 48px}
    .footer_body .right{display: flex;width: 52%;margin-left: 400px;margin-top: 10px;justify-content: space-between;}
    .footer_body .right a{font-size: 16px;color: #999999;}
    .footer_body .right a:hover{color: #5898E4;}
    .footer_body .right li:not(:first-of-type){padding-top: 16px;}
    .footer .bottom{width: 100%;padding: 27px 0 18px;background-color: #222229;align-items: center;display: flex;justify-content: center}
    .footer .bottom p{font-size: 16px;color: #FFFFFF;}
    .footer .bottom a{font-size: 16px;color: #FFFFFF;}
    .footer_body .ma1 span img{display: none}
    .footer_body .ma2 span img{display: none}
    .footer_body .left1_img2 .ma1:hover span img{display: block}
    .footer_body .left1_img2 .ma2:hover span img{display: block}
    .footer_body .left .left2 a:hover p{color: #5898E4;}
    .footer_body .left .left3 a:hover p{color: #5898E4;}
    .footer .bottom p a:hover{color: #5898E4;}

}
@media all and (min-width: 980px){
    .banner{position: relative}
    .banner img{width: 100%;}
    .n_banner{position: absolute;width: 100%;bottom: 88px;left: 0}
    .banner h4{font-size: 40px;color: #FFFFFF;}
    .n_crumbs{width: 100%;display: flex;margin-top:-48px}
    .n_crumbs .crumbs_left{width: calc(48.958% - 55px);background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);padding-left: 250px;box-sizing: border-box;display: flex;align-items: center;position: relative;z-index: 5;}
    .n_crumbs .crumbs_right{width: 51.041%;background-color: #ffffff;height:96px;opacity: 0%;}
    .n_crumbs a{font-size: 20px;color: #FFFFFF;}
    .n_crumbs .crumbs_left::after{content:'';display: block;position: absolute;border-right:transparent 55px solid ;border-top:96px #00A7F1 solid;right:-54px;top:0;z-index: 6;}
    .w73{width: 73.958%;margin: 0 auto}
    .n_all{display: flex}
    .n_all .n_left{margin-top: 88px}
    .n_all .n_left ul{width: 252px;}
    .n_all .n_left ul li{width: 252px;height: 78px;background-color: #F6F6F6;}
    .n_all .n_left ul li:not(:first-of-type){margin-top: 1px}
    .n_all .n_left a{font-size: 22px;color: #000000;display: flex;height:100%;align-items: center;justify-content: center;}
    .n_all .n_left ul li.active{background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);}
    .n_all .n_left ul li.active a{color: #FFFFFF;}
    .n_all .n_left ul li:not(:first-of-type):hover a{color: #FFFFFF;}
    .n_all .n_left ul li:hover{background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);}
    .n_all .n_right{display: flex;margin-left: 64px;margin-top: 87px;flex-direction: column;flex: 1;width: 0}
    .n_all .n_right .n_list1 li a{width: 100%;display: flex;}
    .n_all .n_right a .time{display: flex;flex-direction: column;align-items: center;justify-content: center}
    .n_all .n_right a .time em{font-size: 32px;color: #000000;font-style: normal;}
    .n_all .n_right a .time i{font-size: 14px;color: #000000;font-style: normal;}
    .n_all .n_right a .nr{display: flex;align-items: center;}
    .n_all .n_right a .nr h3{font-size: 20px;color: #000000;padding-left: 24px;margin-left: 23px;}
    .n_all .n_right ul li a{display: flex;}
    .n_all .n_right .n_paging a{display: flex;width: 19.052%;margin-left: 1px}
    .pagelist_yc{display: flex;padding: 87px 0;width:100%;margin-right: 0;justify-content: flex-end;}
    .pagelist_yc .wp-pagenavi{width: 20.352%;display: flex;align-items: center;margin-right: 0;justify-content: space-between;}
    .pagelist_yc .wp-pagenavi span{font-size: 18px;color: #5898E4;}
    .pagelist_yc .wp-pagenavi .smaller{font-size: 18px;color: #5898E4;}
    .pagelist_yc .wp-pagenavi .smaller:hover{color: #5898E4}
    .pagelist_yc .wp-pagenavi img{border: 1px solid #999999;border-radius: 50%;padding: 13px}
    .pagelist_yc .wp-pagenavi .nextpostslink img{border: 1px solid #5898E4;}
}
@media all and (min-width: 980px){
    .n_list1 li:not(:first-of-type){margin-top: 26px;padding-bottom: 26px}
    .n_list1 li:first-of-type{padding-bottom: 26px}
    .n_list1 li a{position: relative;}
    .n_list1 li a::before{content:'';width: 1px;height: 63.888%;background-color: #DEDEDE;position: absolute;left: 75px;transform: translate(0,-50%);top:50%}
    .n_list1 li{position: relative;}
    .n_list1 li::before{content:'';height: 1px;width: 100%;background-color: #DEDEDE;position: absolute;bottom: 0px}
    .n_list1 li:hover{color: #4A90E2;}
    .n_list1 li:hover em{color: #4A90E2;}
    .n_list1 li:hover i{color: #4A90E2;}
    .n_list1 li:hover h3{color: #4A90E2;}
    .n_list1 li a:hover:before{background-color: #4A90E2;}


    .n_list2{margin-top: 9px;}
    .n_list2 li{display: flex;align-items: center;}
    .n_list2 li:not(:first-of-type){margin-top: 32px}
    .n_list2 input{height: 64px;border-radius: 0px;border: 1px solid #E8E8E8;width: 331px;box-sizing: border-box;outline: none;font-size: 20px;margin-left: 16px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);padding-left: 16px}
    .n_list2 .n_list_1 input{height: 304px;border-radius: 0px;border: 1px solid #E8E8E8;width: 1011px;box-sizing: border-box;outline: none;font-size: 20px;}
    .n_list2 li p{font-size: 20px;color: #000000;padding-right: 0px;display: flex;width: 100px;justify-content: flex-end;}
    .n_list2 .n_botton{display: flex;margin: 56px 0 138px 116px;width: 36.202%;justify-content: space-between;}
    .n_list2 .n_botton .n_button1,.n_list2 .n_botton .n_button2{width: 176px;height: 64px;background-color: #F6F6F6;display: flex;align-items: center;justify-content: space-around;}
    .n_list2 .n_botton a{font-size: 20px;color: #000000;display: flex;align-items: center;}
    .n_list2 .n_botton .n_button1:hover,.n_list2 .n_botton .n_button2:hover{background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);}
    .n_list2 .n_botton .n_button1:hover a,.n_list2 .n_botton .n_button2:hover a{color: #ffffff}


    .n_list3{margin-bottom: 277px;display: flex;flex-direction: column;align-items: center}
    .n_list3 img{width: 100%}
    .n_list3 h2{font-size: 26px;color: #000000;}
    .n_list3 ul{width: 100%;background-color: #e0eeff;margin-top: 50px;display: flex;align-items: center;justify-content: center;height: 48px}
    .n_list3 ul li{font-size: 16px;color: #999999;font-style: normal;margin-left: 15px;}
    .n_list3 ul a{width: 29%;padding: 20px;display: flex;}
    .n_list3 .text{padding-top: 20px}
    .n_list3 .text p{padding-top: 20px;font-size: 16px;color: #000000;line-height: 36px;text-indent: 2em}


    .n_list4{margin-left: -24px}
    .n_list4 ul li a .img{overflow: hidden;}
    .n_list4 ul li img{object-fit: cover}
    .n_list4 ul{display: grid;grid-template-columns: 30.967% 30.967% 30.967%;justify-content: space-between;grid-row-gap: 40px}
    .n_list4 ul li p{font-size: 18px;color: #000000;padding-top: 24px}
    .n_list4 ul li a{display: flex;flex-direction: column;align-items: center}
    .n_list4 ul li:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .n_list4 ul li a:hover p{color: #4A90E2}
}
@media all and (min-width: 980px) {
    .index_list_1{background-color: white}
    .index_list_1  .time{display: flex;flex-direction: column;align-items: center;width: 72px;height: 72px;background-color: #999999;transform:translate(0,-50%);margin-left: 40px;}
    .index_list_1  .time em , .index_list_1  .time i {font-style: normal}
    .index_list_1  .time em{font-size: 32px;color: #FFFFFF;}
    .index_list_1  .time i{font-size: 14px;color: #FFFFFF;}
    .index_one .right>ul>li h2{color: #000000;font-size: 24px;}
    .index_list_1  .nr{padding: 0 40px 40px}
    .index_list_1  .nr h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis }
    .index_list_1  .nr p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .picture{width: 100%;}
    .picture_bc{background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);position: relative;}
    .w89{margin: 0 auto;width: 89.01%;}
    .picture_bc .pic_all{overflow: hidden;position: relative}
    .picture_bc .swiper-slide img{width: 100%;z-index: 6;}
    .picture_bc .page_slide{position: absolute;bottom: 66px;z-index: 7;display: block;text-align: center;width: 100%}
    .picture_bc .swiper-pagination-bullet{margin-right: 20px;width: 16px;height: 16px}
    .picture_bc .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: white}
    .picture_bc .d{width: 100%;height:287px;background-color: #ffffff;position: absolute;bottom: 0;}
    .picture_bc .d span{height: 88px;flex-wrap: wrap;display: flex;width: 1.04%;flex-direction: column;display: block;padding-top: 66px;padding-left: 42px;font-size: 16px;color: #999999;z-index: 66}
    .picture_bc .d img{width: 24px;padding-top: 24px;padding-left: 40px;z-index: 66}
    .picture_bc .d .d_left{width: 5.468%;height: inherit;cursor: pointer;}
    .top_bc{margin: 0  auto}
    .index_bc .index_1{background-color: #ffffff}
    .index_bc .ico{width: 100%;}
    .index_bc .ico ul{width: 100%;display: flex;padding: 88px 0;justify-content: space-between;}
    .index_bc .ico ul li{width: 200px;height: 174px; background-color: #F5F5F5;display: flex;flex-direction: column;align-items: center;justify-content: center}
    .index_bc .ico ul li a{font-size: 24px;color: #000000;}
    .index_bc .ico ul li a img{margin: 0 auto}
    .index_bc .ico ul li a span{padding-top: 20px;display: block}
    .index_bc .ico ul li:hover a img{filter: brightness(0) invert(1)}
    .index_bc .ico ul li:hover a span{color: #ffffff}
    .index_bc .ico ul li:hover{background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%)}
    .top_bc{margin: 0  auto}
    .index_title{width: 100%;display: flex}
    .tit_left{width: 50%;background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);position: relative;height:96px;display: flex;align-items: center;padding-left: 105px;padding-right: 113px;justify-content: space-between;width: 48.8%;box-sizing: border-box;}
    .tit_right{width: 50%;background-color: #ffffff;height:96px;}
    .t_left{width: 20.91%;display: flex;align-items: center;justify-content: space-between}
    .t_left span {font-size: 26px;color: #FFFFFF;}
    .t_right a{font-size: 18px;color: #FFFFFF;}
    .index_title .t_right:hover a{font-weight: bold}
    .t_left::after{content:'';display: block;position: absolute;border-left:transparent 55px solid ;border-bottom:96px #ffffff solid;right: 0px;top:0;}
    .index_2_bg{background-color: #F8F8F8}
    .index_2{display: flex;padding: 88px 0;}
    .index_2 .left{width: 48.83%;}
    .index_2 .right{width: 0;flex: 1;margin-left: 40px}
    .index_2 .right ul{display: grid;grid-template-columns: 47.607% 47.607%;justify-content: space-between}
    .index_2 ul li .img{overflow:hidden}
    .index_2 .left ul li .img img{width: 100%;height: 668px;object-fit: cover}
    .index_2 .right ul li .img img{width: 100%;height: 318px;object-fit: cover}
    .index_2 .left{display: flex;flex-direction: column}
    .index_2 .left ul{height: 100%;}
    .index_2 .left ul li{height: 100%}
    .index_2 .left .index_list_1 a{width: 100%;display:block}
    .index_2 .left .index_list_1 a .nr{width: 100%;display: flex;flex-direction: column;box-sizing: border-box}
    .index_2 .left .index_list_1  .nr p{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow:ellipsis;white-space:unset}
    .index_2 .right ul{grid-row-gap: 40px}
    .index_2 .left .nr h3{font-size: 22px;color: #000000; }
    .index_2 .left .nr p{font-size: 16px;color: #000000; padding-top: 16px}
    .index_2 .right .nr h3{font-size: 20px;color: #000000;}
    .index_2 .right .nr p{font-size: 16px;color: #000000;}
    .index_2 ul li:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .index_2 .left li:hover .nr h3{color:#5898E4 ;}
    .index_2 .right li:hover .nr h3{color:#5898E4 ;}
    .index_2_bg .index_2 li:hover .time{background-image: linear-gradient(to bottom,#06A25A 0,#00A7F1 100%);}
    .index_3_bc .tit_right{display: flex; width: 25.14%;padding-left: 88px;}
    .index_3_bc .t_t a{font-size: 26px;color: #000000;}
    .index_3_bc .t_t{justify-content: space-between;align-items: center;display: flex;width: 100%}
    .index_3_bc .t_t a:hover{color:#5898E4 ;}
    .index_3_bg{background-color: #ffffff;}
    .index_3{display: none;padding: 88px 0}
    .index_3.active{display: flex;}
    .index_3 .left{overflow: hidden;width: 543px;}
    .index_3 .left img{width: 100%;height: 404px;object-fit: cover;}
    .index_3 .right{display: flex;margin-left: 45px;flex: 1}
    .index_3 .right .right_list a{width: 100%;display:block;display: flex;}
    .index_3 .right a .time{display: flex;flex-direction: column;align-items: center;justify-content: center}
    .index_3 .right a .time em{font-size: 32px;color: #000000;font-style: normal;}
    .index_3 .right a .time i{font-size: 14px;color: #000000;font-style: normal;}
    .index_3 .right a .nr{display: flex;align-items: center}
    .index_3 .right a .nr h3{font-size: 20px;color: #000000;padding-left: 36px;}
    .index_3 .right ul{display: grid;grid-template-columns: 48.223% 48.223%;justify-content: space-between;flex-direction: column;height: initial;align-content: space-between;}
    .index_3_bg .index_3 .right .right_list li a{position: relative;}
    .index_3_bg .index_3 .right .right_list li a::before{content:'';width: 1px;height: 63.888%;background-color: #DEDEDE;position: absolute;left: 69px;transform: translate(0,-50%);top:50%}
    .index_3 .left:hover img{transform: scale(1.05);transition: all 0.5s}
    .index_3 .right ul li:hover{color: #4A90E2;}
    .index_3 .right ul li:hover em{color: #4A90E2;}
    .index_3 .right ul li:hover i{color: #4A90E2;}
    .index_3 .right ul li:hover h3{color: #4A90E2;}
    .index_3_bg .index_3 .right ul li a:hover:before{background-color: #4A90E2;}
    .index_4 ul{width:100%;display: grid;grid-template-columns: 48.108% 48.108%;justify-content: space-between;height: initial;align-content: space-between;padding: 48px 0 88px 0}
    .index_4 ul a{width: 100%;display:block;}
    .index_4 ul a .nr h3{font-size: 20px;color: #000000;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;}
    .index_4 ul li{position: relative;height: 110px;padding-top: 40px}
    .index_4 ul a .time{position: absolute;left: 0;bottom: 0;width: 100%}
    .index_4 ul a .time em{font-size: 18px;color: #999999;font-style: normal;height: initial}
    .index_4 ul li a .time::before{content:'';height: 1px;width: 85.508%;background-color: #E8E8E8 ;position: absolute;transform: translate(0,-50%);top:50%;left:121px;}
    .index_4 ul li:hover{display: block;}
    .index_4 ul li a .nr:hover h3 {color: #4A90E2;}
    .index_5 .index_5_list{display: flex;padding: 88px 0;justify-content: space-between}
    .index_5 .index_5_list li{width: 31%}
    .index_5 .index_5_list li a .f{width: 100%;display: block;overflow:hidden}
    .index_5 .index_5_list li a img{width:100%;height: 356px;object-fit: cover}
    .index_5 .index_5_list .nr{display: flex;padding:32px 32px;background-color: #F8F8F8;justify-content: space-between;align-items: center}
    .index_5 .index_5_list .nr h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 20px;color: #000000;}
    .index_5 .index_5_list .nr img{width: 29px;height: 10px;filter: grayscale(80%)}
    .index_5 .index_5_list li a>img:hover{transform: scale(1.05);transition: all 0.5s}
    .index_5 .index_5_list li:hover{display: block;}
    .index_5 .index_5_list li:hover a .nr h3{color: #5898E4;}
    .index_5 .index_5_list li:hover a .nr img{color: #5898E4;filter:none;}
    .index_5 ul li:hover{display: block;}
    .index_5 ul li:hover a .f img{transform: scale(1.05);transition: all 0.5s}
    .index_6_bc{margin-bottom: 88px}
    .index_6{display: flex;justify-content: space-between;}
    .index_6 .index6_left{width: 834px;display: flex;flex-direction: column}
    .index_6 ul{display: flex;}
    .index_6 ul li{display: block;flex-direction: column;overflow: hidden;   cursor: pointer;}
    .index_6 ul li img{object-fit: cover;width: 397px;height: 264px}


    .index6_title{display: flex;width: 100%;justify-content: space-between;align-items: center}
    .index6_title h3{font-size: 26px;color: #000000;position: relative;display: flex;align-items: center}
    .index6_title h3::before{content: '';display: inline-block;width: 6px;height: 24px;background-image: linear-gradient(to bottom,#06A25A 0,#00A7F1 100%);margin-right: 24px}
    .index6_title a{font-size: 18px;color: #000000;font-style: normal}
    .index_6 .index6_left ul{display: grid;grid-template-columns: 47.601% 47.601%;justify-content: space-between;height: 100%;align-content: space-between;padding-top: 55px}
    .index_6 .index6_right{width: 48.858%}
    .index_6 .index6_right .video{width: 100%;height: 556px;position: relative;margin-top: 55px}
    .index_6 .index6_right .index6_video video{height: 557px;width: 100%;object-fit: fill;}
    .index_6 .index6_right .index6_video .index6_6{position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);cursor: pointer}
    .index_6 ul li:hover img{transform: scale(1.05);transition: all 0.5s}
    .index_foot_banner a:hover img{transform: scale(1.05);transition: all 0.5s}
    .index_6 .index6_title a:hover{color:#5898E4;}
    .index_new1{position: relative;margin-bottom: 172px;}
    .index_new1_slide{overflow: hidden;margin-top: 56px;}
    .index_new1_slide .img img{width: 100%;height: 412px;object-fit: cover}
    .index_new1_slide .index_new1_prev, .index_new1_slide .index_new1_next{position: absolute;bottom: -84px;cursor: pointer}
    .index_new1_slide .index_new1_prev{left: 28.23%;}
    .index_new1_slide .index_new1_next{right: 28.23%;}
    .index_new1_slide .swiper-button-disabled{opacity: .3;}




    /*搜索框*/
    .search{height: 86px;width: 100%;display: flex;align-items: center;}
    .active_search{display:none;}
    .search_one{width: 100%;background-color: #FFFFFF;}
    .search_one form{display: flex;justify-content: center;}
    .search_one input{width: 30.416%;background: #F5F5F5;border-radius: 24px;border:none;height: 40px;padding: 0 24px;}

.search_one .button_new {
    width: 98px;
    height: 40px;
    background-color: #FFFFFF;
    border: none;
    background-image: url(/whxy/lib/template/static/picture/index-last.png);
    margin-left: 24px;
}
    .search_one form .button_new a{font-size: 16px;color: #FFFFFF;color: #FFFFFF}
    .search_last{width: 35px;height: 35px;position: absolute;right: 500px;display: flex;align-items: center;}
    .search_last button{background-color:#FFFFFF;border:none;cursor: pointer;}
    .search_1{cursor: pointer;}
    .main_bg{position: fixed;top: 86px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.33);z-index: 90;display: none}
    .main_bg.active{display: block}
    /*搜索框end*/

}

@media all and (max-width: 980px) {
    .main{width: 100%;margin:0 auto}
    .w89 {width: 95%;margin: 0 auto}
    .index_list_1{background-color: #ffffff}
    .index_list_1  .time{display: flex;flex-direction: column;align-items: center;width: 55px;height: 55px;background-color: #999999;transform:translate(0,-50%);margin-left: 25px;}
    .index_list_1  .time em , .index_list_1  .time i {font-style: normal}
    .index_list_1  .time em{font-size: 20px;color: #FFFFFF;}
    .index_list_1  .time i{font-size: 7px;color: #FFFFFF;}
    .index_one .right>ul>li h2{color: #000000;font-size: 24px;}
    .index_list_1  .nr{padding: 0 25px 25px}
    .index_list_1  .nr h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis }
    .index_list_1  .nr p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .top_right{display: none}
    .top_left {display: flex;justify-content: space-between;}
    .top_left li{ display: flex;align-items: center;}
    .top_left li a{font-size: 16px;color: #FFFFFF;padding-left: 8px;}


    .top_bc{background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);}
    .top_bc .head1{}
    .top_bc .head1 .middle{display: flex;justify-content: flex-start;align-items: center;height: 70px;flex: 1}
    .top_bc .head1 .middle img{max-height: 50px}
    .top_bc.active{background-image: unset}
    .top_bc .nav_left{position: relative;padding-top: 70px}
    .top_bc .nav_all{display: flex;justify-content: space-between;align-items: center;position: relative}
    .top_bc .nav_all ul{display: none;}
    .top_bc .nav_all ul li a{display: flex;width: 100%;height: 40px;justify-content: center;align-items:
    center;border-bottom: 1px dashed #00A7F1;color: #000000}
    .top_bc .nav_all.active{display: block;position: fixed;width: 100%;top: 0;left: 0;z-index: 50;background-color: #ffffff;overflow-y: auto;height: calc(100vh - 100px)}
    .top_bc .nav_all.active ul{display: block}
    .top_bc .nav_all.active .middle{display: none}
    .top_bc .nav_all ul.dp{display: none}
    .top_bc .nav_all ul.dp.active{display: grid;grid-template-columns: 47% 47%;justify-content: space-around;grid-row-gap: 20px;margin: 15px 0 }
    .top_bc .nav_all ul.dp.active li{background-color: #00A7F1;}
    .top_bc .nav_all ul.dp.active li a{color: #FFFFFF}
    .m_nav{display: block;height: 30px;}
    .m_nav span{position: relative;background: #ffffff;display: block;width: 40px;height: 2px;transition: all ease 0.35s;z-index: 66}
    .m_nav span:nth-of-type(1){top:0}
    .m_nav span:nth-of-type(2){top:10px}
    .m_nav span:nth-of-type(3){top:20px}
    .m_nav.active{position: absolute;top: 10px;right: 10px}
    .m_nav.active span:nth-of-type(1){top:13px;transform:rotate(45deg);background: #3d3bb8}
    .m_nav.active span:nth-of-type(2){width:0;color: #3d3bb8}
    .m_nav.active span:nth-of-type(3){top:9px;transform:rotate(-45deg);background: #3d3bb8}
    .footer{background-color: #2A2A33;}
    .w73{margin: 0 auto;width: 73.645%;}
    .footer .footer_body{padding: 63px 0 52px;}
    .footer_body .left{width: 100%;justify-content: space-between;align-items: center}
    .footer_body .left1_img1{width: 100%}
    .footer_body .left1_img1 img{max-width: 100%;margin: 0 auto}
    .footer_body .left1_img2{justify-content: space-evenly;margin-top: 22px;display: flex}
    .footer_body .left2{width: 100%;}
    .footer_body .left2 a{align-items: center;display: flex;margin-top: 24px}
    .footer_body .left2 a p{font-size: 16px;color: #FFFFFF;padding-left: 18px;}
    .footer_body .left2 a img{width: 40px}
    .footer_body .left3 a{border-radius: 4px;display: block;background: #222229;display: flex;align-items: center;justify-content: space-around;margin-top: 24px;padding:10px}
    .footer_body .left3 a p{font-size: 16px;color: #FFFFFF;}
    .footer_body .right{width: 100%;padding-left: 15px;padding-top: 20px;justify-content: space-between;display: grid;grid-template-columns: 45% 45%;grid-row-gap: 40px}
    .footer_body .right a{font-size: 13px;color: #999999;}
    .footer_body .right li:not(:first-of-type){padding-top: 16px;}
    .footer .bottom{width: 100%;padding-top: 10px;background-color: #222229;}
    .footer .bottom p{font-size: 6px;color: #FFFFFF;width: 100%;text-align: center}
    .footer .bottom a{font-size: 6px;color: #FFFFFF;display: block;text-align: center}
    .footer_body .left1_img2 .ma1{position: relative}
    .footer_body .left1_img2 .ma1 span img{z-index: 55;position: absolute;top:-135px;left: -40px}
    .footer_body .left1_img2 .ma2{position: relative}
    .footer_body .left1_img2 .ma2 span img{z-index: 55;position: absolute;top:-135px;left: -40px}
    .footer_body .ma1 span img{display: none}
    .footer_body .ma2 span img{display: none}
    .footer_body .left1_img2 .ma1:hover span img{display: block}
    .footer_body .left1_img2 .ma2:hover span img{display: block}
    .picture_bc .w89{width: 100%}
    .picture img{width: 100%}
    .picture_bc{overflow: hidden;position: relative}
    .picture_bc .swiper-slide img{width: 100%;height: auto;}
    .picture_bc .page_slide{position: absolute;bottom: 6px;z-index: 7;display: block;text-align: center;width: 100%}
    .picture_bc .swiper-pagination-bullet{margin-right: 5px;width: 7px;height: 7px}
    .picture_bc .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: white}
    .top_bc{margin: 0  auto}
    .index_bc .index_1{background-color: #ffffff}
    .index_bc .ico{width: 100%;}
    .index_bc .ico ul{width: 100%;display:grid;padding: 40px 0;grid-template-columns: 48% 48%;justify-content: space-between;grid-row-gap: 15px}
    .index_bc .ico ul li{background-color: #F5F5F5;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 10px 0}
    .index_bc .ico ul li a{font-size: 8px;color: #000000;display: flex;flex-direction: column;align-items: center}
    .index_bc .ico ul li a img{margin: 0 auto;width: 50%}
    .index_bc .ico ul li a span{padding-top: 10px;display: block;}
    .index_title{width: 100%;display: flex}
    .tit_left{width: 48.958%;background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);position: relative;display: flex;align-items: center;justify-content: space-between;width: 48.8%;box-sizing: border-box;height: 24px;padding:0 10px}
    .t_left{display: flex;align-items: center;justify-content: space-between}
    .t_left img{width: 18%}
    .t_left span {font-size: 8px;color: #FFFFFF;}
    .tit_right{width: 51.041%;background-color: #ffffff;}
    .t_right a{font-size: 6px;color: #FFFFFF;}
    .t_left::after{content:'';display: block;position: absolute;border-left:transparent 12px solid ;border-bottom:24px #ffffff solid;right: 0px;top:0;}
    .index_2_bg{background-color: #F8F8F8}
    .index_2{width: 80%;padding: 40px 0}
    .index_2 .left{}
    .index_2 .right{}
    .index_2 .right ul{}
    .index_2 ul li img{width: 100%;object-fit: cover}
    .index_2 .left{display: flex;flex-direction: column}
    .index_2 .left .index_list_1{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);margin-top: 15px;}
    .index_2 .left .index_list_1 a{width: 100%;display:block}
    .index_2 .left .index_list_1 a .nr{width: 100%;display: flex;flex-direction: column;box-sizing: border-box}
    .index_2 .left .index_list_1  .nr p{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow:ellipsis;white-space:unset}
    .index_2 .right ul li{margin-top: 20px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);margin-top: 15px;}
    .index_2 .left .nr h3{font-size: 10px;color: #000000;}
    .index_2 .left .nr p{font-size: 6px;color: #000000;padding-top: 8px}
    .index_2 .right .nr {}
    .index_2 .right .nr h3{font-size: 10px;color: #000000;}
    .index_2 .right .nr p{font-size: 6px;color: #000000;padding-top: 8px}
    .index_3_bc .tit_right{display: flex; width: 30.204%;padding-left: 25px;}
    .index_3_bc .t_t a{font-size: 8px;color: #000000;}
    .index_3_bc .t_t{justify-content: space-between;align-items: center;display: flex;width: 100%}
    .index_3_bg{background-color: #ffffff;}
    .index_3{padding: 40px 0;}
    .index_3 .left{width:100%}
    .index_3 .left img{width:100%;object-fit: cover}
    .index_3 .right{}
    .index_3 .right .right_list a{width: 100%;display:block;display: flex;}
    .index_3 .right a .time{display: flex;flex-direction: column;align-items: center;justify-content: center}
    .index_3 .right a .time em{font-size: 15px;color: #000000;font-style: normal;}
    .index_3 .right a .time i{font-size: 7px;color: #000000;font-style: normal;}
    .index_3 .right a .nr{display: flex;align-items: center}
    .index_3 .right a .nr h3{font-size: 9px; color: #000000;padding-left: 34px;}
    .index_3 .right ul li{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);margin-top: 15px;padding:10px}
    .index_3_bg .index_3 .right .right_list li a{position: relative;}
    .index_3_bg .index_3 .right .right_list li a::before{content:'';width: 1px;height: 63.888%;background-color: #DEDEDE;position: absolute;left: 60px;transform: translate(0,-50%);top:50%}
    .index_4 ul{width:100%;padding: 40px 0}
    .index_4 ul a{width: 100%;display:block;}
    .index_4 ul a .nr h3{font-size: 13px;color: #000000;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;}
    .index_4 ul li{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);margin-top: 15px;padding:10px}
    .index_4 ul a .time{width: 100%;position: relative}
    .index_4 ul a .time em{font-size: 8px;color: #999999;font-style: normal;height: initial}
    .index_4 ul li a .time::before{content:'';height: 1px;width: 78%;background-color: #E8E8E8 ;transform: translate(0,-50%);top:50%;left:70px;position: absolute;right:0}
    .index_5 .index_5_list{padding: 40px 0;}
    .index_5 .index_5_list li:not(:first-of-type){padding-top: 20px}
    .index_5 .index_5_list li a img{width:100%;object-fit: cover}
    .index_5 .index_5_list li a .index5_2 img{width: 100%}
    .index_5 .index_5_list li a{display: block;width: 100%}
    .index_5 .index_5_list .nr{display: flex;padding:20px 20px;background-color: #F8F8F8;justify-content: space-between;align-items: center}
    .index_5 .index_5_list .nr h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 10px;color: #000000;}
    .index_5 .index_5_list .nr img{width: 29px;filter: grayscale(80%)}
    .index_6 .index6_left{width: 100%;}
    .index_6 ul li{display: block;flex-direction: column;}
    .index6_title{display: flex;width: 100%;justify-content: space-between;align-items: center;}
    .index6_title h3{font-size: 16px;color: #000000;position: relative;display: flex;align-items: center}
    .index6_title h3::before{content: '';display: inline-block;width: 5px;height: 18px;background-image: linear-gradient(to bottom,#06A25A 0,#00A7F1 100%);margin-right: 10px}
    .index6_title i{font-size: 12px;color: #000000;font-style: normal}
    .index6_title a{font-size: 12px;color: #666666}

    .index_6 .index6_left ul{width: 100%}
    .index_6 .index6_left ul li{width: 100%;padding-top: 20px;}
    .index_6 .index6_left ul li img{width: 100%;object-fit: cover;}
    .index_6 .index6_right{width: 100%}
    .index_6 .index6_right .video{width: 100%;position: relative;margin: 20px 0;height: 237px}
    .index_6 .index6_right .index6_video video{width: 100%;object-fit: fill;height: inherit}
    .index_6 .index6_right .index6_video .index6_6{position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);}
    .index_6 .index6_right .index6_video .index6_6 img{width: 48px}
    .picture_bc .d{display: none}

    .index_new1{position: relative;margin-bottom: 172px;}
    .index_new1_slide{overflow: hidden;margin-top: 16px;}
    .index_new1_slide .img img{width: 100%;height: 412px;object-fit: cover}
    .index_new1_slide .index_new1_prev, .index_new1_slide .index_new1_next{position: absolute;bottom: -84px;cursor: pointer}
    .index_new1_slide .index_new1_prev{left: 28.23%;}
    .index_new1_slide .index_new1_next{right: 28.23%;}
    .index_new1_slide .swiper-button-disabled{opacity: .3;}


}
@media all and (max-width: 980px) {
    .banner{margin: 0 auto;width: 100%;position: relative}
    .banner img{width: 100%;height: 100%}
    .n_banner{position: absolute;width: 100%;bottom: 16px;left: 0}
    .banner h4{font-size: 10px;color: #FFFFFF;}
    .n_crumbs{width: 100%;display: flex;margin-top:-15px}
    .n_crumbs .crumbs_left{width: calc(65% - 12px);background-image: linear-gradient(to right,#23AD6D 0,#00A7F1 100%);box-sizing: border-box;display: flex;align-items: center;position: relative;z-index: 10;justify-content: center}
    .n_crumbs .crumbs_right{width: 35%;background-color: #ffffff;height:30px;opacity: 0%;}
    .n_crumbs a{font-size: 5px;color: #FFFFFF;height: 38px;display: flex;align-items: center}
    .n_crumbs .crumbs_left::after{content:'';display: block;position: absolute;border-right:transparent 12px solid ;border-top:38px #00A7F1 solid;right:-12px;top:0;z-index: 6;}
    .n_all{}
    .n_all .n_left{margin-top: 40px}
    .n_all .n_left ul{width: 276px;}
    .n_all .n_left ul li{width: 276px;height: 40px;background-color: #F6F6F6;}
    .n_all .n_left ul li:not(:first-of-type){margin-top: 10px}
    .n_all .n_left a{font-size: 13px;color: #000000;display: flex;height:100%;align-items: center;justify-content: center;}
    .n_all .n_right{display: flex;margin-top: 40px;flex-direction: column;}
    .n_all .n_right .n_list1 li a{width: 100%;display: flex;}
    .n_all .n_right a .time{display: flex;flex-direction: column;align-items: center;justify-content: center}
    .n_all .n_right a .time em{font-size: 18px;color: #000000;font-style: normal;}
    .n_all .n_right a .time i{font-size: 10px;color: #000000;font-style: normal;}
    .n_all .n_right a .nr{display: flex;align-items: center;}
    .n_all .n_right a .nr h3{font-size: 10px;color: #000000;padding-left: 24px;margin-left: 16px;}
    .n_all .n_right ul li a{display: flex;}
    .n_all .n_right .n_paging a{display: flex;width: 19.052%;margin-left: 1px}
    .pagelist_yc{display: flex;padding: 40px 0;width:100%;justify-content: flex-end;}
    .pagelist_yc .wp-pagenavi{display: flex;align-items: center;margin-left: auto;justify-content: space-between;}
    .pagelist_yc .wp-pagenavi span{font-size: 12px;color: #5898E4;padding-right: 8px}
    .pagelist_yc .wp-pagenavi .smaller{font-size: 12px;color: #5898E4;    padding: 0 8px;}
    .pagelist_yc .wp-pagenavi .smaller:hover{colsor: #5898E4}
    .pagelist_yc .wp-pagenavi img{width: 8px}
    .pagelist_yc .wp-pagenavi img{border: 1px solid #999999;border-radius: 50%;padding: 7px}
    .pagelist_yc .wp-pagenavi .nextpostslink img{border: 1px solid #5898E4;}
}
@media all and (max-width: 980px){
    .n_list1 li:not(:first-of-type){margin-top: 26px;padding-bottom: 26px}
    .n_list1 li:first-of-type{padding-bottom: 26px}
    .n_list1 li a{position: relative;}
    .n_list1 li a::before{content:'';width: 1px;height: 63.888%;background-color: #DEDEDE;position: absolute;left: 60px;transform: translate(0,-50%);top:50%}
    .n_list1 li{position: relative;}
    .n_list1 li::before{content:'';height: 1px;width: 100%;background-color: #DEDEDE;position: absolute;bottom: 0px}

    .n_list2{margin-top: 9px;width: 100%}
    .n_list2 ul{width: 100%}
    .n_list2 li{display: flex;align-items: center;width: 100%}
    .n_list2 li:not(:first-of-type){margin-top: 20px}
    .n_list2 input{height: 40px;border-radius: 0px;border: 1px solid #E8E8E8;width: 200px;box-sizing: border-box;outline: none;font-size: 12px;margin-left: 16px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);padding-left: 16px}
    .n_list2 .n_list_1 input{height: 50px;border-radius: 0px;border: 1px solid #E8E8E8;box-sizing: border-box;outline: none;font-size:12px;}
    .n_list2 li p{font-size: 12px;color: #000000;padding-right: 0px;display: flex;width: 100px;justify-content: flex-end;}
    .n_list2 .n_botton{display: flex;margin: 20px 0 40px 0;width: 100%;justify-content: space-around}
    .n_list2 .n_botton .n_button1,.n_list2 .n_botton .n_button2{width: 80px;height: 30px;background-color: #F6F6F6;display: flex;align-items: center;justify-content: space-around;}
    .n_list2 .n_botton a{font-size: 12px;color: #000000;display: flex;align-items: center;}

    .n_list3{margin-bottom: 40px;}
    .n_list3 img{width: 100%}
    .n_list3 h2{font-size: 13px;color: #000000;text-align: center}
    .n_list3 ul{width: 100%;background-color: #e0eeff;margin-top: 20px;display: flex;align-items: center;height: 40px;justify-content: space-between;}
    .n_list3 ul li{font-size: 10px;color: #999999;font-style: normal;}
    .n_list3 ul a{width: 29%;padding: 20px;display: flex;}
    .n_list3 .text img{padding-top: 20px}
    .n_list3 .text p{padding-top: 20px;font-size: 10px;color: #000000;text-indent: 2em}

    .n_list4{width: 100%}
    .n_list4 ul{width: 100%}
    .n_list4 ul li a .img{overflow: hidden;width: 100%}
    .n_list4 ul li img{object-fit: cover;width: 100%}
    .n_list4 ul li{box-shadow: 0 0 7px 0 rgb(0 0 0 / 9%);}
    .n_list4 ul li:not(:first-of-type){margin-top: 20px;box-shadow: 0 0 7px 0 rgb(0 0 0 / 9%);}
    .n_list4 ul li p{font-size: 14px;color: #000000;padding: 15px}
    .n_list4 ul li a{display: flex;flex-direction: column;align-items: center}
    .n_list4 ul li:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .n_list4 ul li a:hover p{color: #4A90E2}


    /*搜索框*/
    .search{height: 86px;width: 100%;display: flex;align-items: center;display: none;}
    .search_one{width: 100%;background-color: #FFFFFF;}
    .search_one form{display: flex;justify-content: center;}
    .search_one input{width: 30.416%;border-radius: 50px;height: 40px;border: 1px solid #666666;padding: 0 24px;}
    .search_one .button_new{width: 98px;height: 40px;background-color:#FFFFFF;border:none;background-image: url("../images/index-last.png");margin-left: 24px;}
.active_search{display:none}
.search_last{display:none}
    .search_one form .button_new a{font-size: 12px;color: #FFFFFF;}
    .seacrh_last{width: 35px;height: 35px;position: absolute;right: 0px;display: flex;align-items: center;}
    /*搜索框end*/


}


/*修改 */
@media all and (min-width: 980px){
/*1、主页名师模块*/
    .index_new1 .index_new1_slide .swiper-wrapper li:hover .img{overflow: hidden;}
    .index_new1 .index_new1_slide .swiper-wrapper li:hover .img img{transform: scale(1.1);transition: all 0.5s;}
/*2、角标导航*/
    .n_crumbs a:not(:first-child):hover{color:  #007aff;transition: all 0.3s;}
}

/*搜索*/

.retrieval_button{
    outline: none;
    /*width: 98px;*/
    height: 40px;
    background-color: #FFFFFF;
    border: none;
    background-image: url(/whxy/lib/template/static/picture/index-last.png);
    margin-left: 24px;
    margin-right: 24px;
}
.search {
    height: 86px;
    width: 100%;
    display: flex;
    align-items: center;
    width: 30.416%;
    background: #F5F5F5;
    border-radius: 24px;
    border: none;
    height: 40px;
    padding: 0 24px;
}

/*右侧悬浮通讯*/

@media all and (min-width: 980px){
.wuyou-waiter {
    position: fixed;
    right: 0px;
    top: 50%;
    margin-top: -90px;
    z-index: 999;
}
.waiter-ul li {
    position: relative;
    height: 50px;
    line-height: 50px;
    margin-bottom: 5px;
}
.waiter-ul li.wuyou-top a {
    width: 50px;
    height: 50px;
    background: #5078b7 url(https://www.cukm.edu.cn/lib/template/static/picture/top.png) no-repeat center center;
    background-size: auto 30px;
}
.waiter-ul li {
    position: relative;
    height: 50px;
    line-height: 50px;
    margin-bottom: 5px;
}
.waiter-ul li.wuyou-shop .waiter-title {
    background: #fff url(/whxy/lib/template/static/picture//zygg.png) no-repeat center center;
    width: 160px;
    height: 160px;
    position: absolute;
    right: 60px;
    top: 50%;
    margin-top: -80px;
    color: #fff;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    z-index: 1;
    opacity: 0;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    visibility: hidden;
}
.waiter-ul li.wuyou-shop .waiter-title:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -5px;
    top: 50%;
    background-color: #fff;
    transform: rotate(45deg);
    background-color: #fff;
    margin-top: -5px;
}
.waiter-ul li a {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    color: #fff;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 60px;
    text-align: center;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    text-decoration: none;
    font-size: 24px;
}
.waiter-ul li.wuyou-tel {
    position: relative;
    width: 50px;
}
.waiter-ul li {
    position: relative;
    height: 50px;
    line-height: 50px;
    margin-bottom: 5px;
}
.wuyouWay {
    width: 160px;
    position: absolute;
    right: 60px;
    top: 0;
    color: #fff;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    background-color: #63c0ac;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    z-index: 1;
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    visibility: visible;
}
.wuyouWay::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -5px;
    top: 25px;
    background-color: #63c0ac;
    transform: rotate(45deg);
    /* background-color: #fff; */
}
.wuyouWayC {
    padding: 15px 10px;
    position: relative;
    z-index: 3;
}
.wuyouWayC .title {
    line-height: 20px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
.wuyouWayC span {
    display: block;
    line-height: 20px;
    padding: 5px 0;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
}
.waiter-ul li.wuyou-shop a {
    width: 50px;
    height: 50px;
    background: #5078b7 url(https://www.cukm.edu.cn/lib/template/static/picture/ewm.png) no-repeat center center;
    background-size: auto 30px;
}
.waiter-ul li.wuyou-contact a {
    width: 50px;
    height: 50px;
    background: #5078b7 url(https://www.cukm.edu.cn/lib/template/static/picture/qq.png) no-repeat center center;
    background-size: auto 30px;
}
.waiter-ul li.wuyou-tel a {
    width: 50px;
    height: 50px;
    background: #5078b7 url(https://www.cukm.edu.cn/lib/template/static/picture/telw.png) no-repeat center center;
    background-size: auto 30px;
}
.waiter-ul li.wuyou-tel:hover .wuyouWay{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
.waiter-ul li:hover .waiter-title {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0);
    visibility: visible;
}



}

 /* Style for the search box container */
        .search-box {
            display: flex;
            align-items: center;
            border: 1px solid #ccc;
            border-radius: 25px;
            padding: 10px;
            width: 150px;
            background-color: #f8f8f8;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* Style for the search input field */
        .search-box input[type="text"] {
            flex: 1;
            border: none;
            outline: none;
            font-size: 16px;
            padding: 8px;
            background-color: transparent;
        }

        /* Style for the search button */
        .search-box button {
            background-color: #007bff;
            color: #fff;
            border: none;
            outline: none;
            padding: 8px 15px;
            border-radius: 25px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        /* Style for the search button icon (using Font Awesome) */
        .search-box button i {

            font-size: 16px; /* 调整图标大小 */
        }

        /* Hover effect for the search button */
        .search-box button:hover {
            background-color: #0056b3;
        }
        
        form {
            display:flex;
            margin: 0 0 0 auto;
        }


@media (max-width: 980px) {
form {
            display:none;
           
        }
}