@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 {}
a:hover { color: #c9394a;}
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%;}
.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;}
.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;}
}


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