@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(../images/b-left.png) no-repeat;
    background-size: 100%;
}
.banner .swiper-button-next {
    width: 40px;
    height: 52px;
    background: url(../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("../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(../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(../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(../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}
}