@media screen and (min-width: 1200px){
    .newsconitem:hover {
      background-color: #066e3e;
    }
    .newsconitem:hover .news-tit {
      color: #fff;
    }
    .newsconitem:hover .news-date,
    .newsconitem:hover .news-text {
      color: #63798e;
    }
    .newsconitem:hover .newsmore {
      background-color: #d3000e;
      border-color: #d3000e;
      color: #fff;
      transition: all 0;
    }
    .newsconitem:hover img {
      transform: scale(1.1);
    }
    .newsconitem:hover .news-date{
      background: url(../images/dataicon.png) no-repeat center left;
    }
    .zzlist .zz-item .thumb:hover img{
      transform: scale(1.1);
    }
    .newsconitem:hover .news-date{
      color: #fff;
    }
    .newsconitem:hover .news-text{
      color: #d4d2d2
    }
    .planlist .planitem:hover .info {
      background: #066e3e;
    }
    .planlist .planitem:hover .info .tit {
      color: #fff;
    }
    .planlist .planitem:hover .info .text{
      color: #9ea8b2;
    }
}
@media screen and (max-width: 1200px){

    .wrap{
        width: 970px;
    }
    .header{
        height: 70px;
        line-height: 70px;
    }
    .nav li a{
        font-size: 16px;
    }
    .nav li{
        margin-left: 50px;
    }
    .banner1-pagination{
        bottom: 20px !important;
    }
    .section{
        padding: 50px 0;
    }
    .section-tit .titcn{
        font-size: 32px;
        margin-bottom: 10px;
    }
    .section-tit .titen{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .sectiontext{
        margin-bottom: 30px;
    }
    .severitme{
        width: 33.333%;
    }
    .severitme .items-text{
        padding: 0 20px;
    }
    .caseitem{
        width: 33.333%;
        margin: 0;
        padding: 0;
        height: auto;
    }
    .caseitem .caseDiv{
        padding: 15px;
    }
    .caseDivs{
        position: relative;
    }
    .caseitem .title{
        width: 100%;
    }
    .caseitems{
        margin: -15px;
    }
    .caseitem .thumb img{
        width: 100%;
    }
    .tabheader{
        margin-bottom: 30px;
    }
    .tabcon{
        min-height: auto;
    }
    .newsconitem{
        width: 370px;
        margin-right: 0;
        height: 245px;
        margin-bottom: 50px;
    }
    .newsconitem .newsthumb{
        width: 200px;
        left: auto;
        right: -100px;
    }
    .newsconitem .newsthumb img{
        width: 100%;
    }
    .newsconitem:nth-child(2n+1){
        margin-right: 130px;
    }
    .newsmore{
        top: auto;
        bottom: -23px;
    }
    .newsconitem .info {
        padding: 20px 110px 0 15px;
    }
    .news-tit{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .news-date{
        margin-bottom: 10px;
    }
    .footer-c{
        width: 245px;
    }
    .footer-c .footer-tit{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .footer-c .contact .item img{
        width: 18px;
    }
    .footer-c .contact .item{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .footer-nav{
        width: 290px;
    }
    .footer-form,
    .footer-form .form-item,
    .footer-form .form-item .submit{
        width: 275px;
    }
    .footer-top{
        padding: 50px 0;
    }
    .copy{
        height: 50px;
        line-height: 50px;
    }
    .copyright{
        font-size: 12px;
    }
    .nav li.cur a::before{
        bottom: 10px;
    }
    .planlist .planitem img{
        width: 100%;
    }
    .planlist .planitem .info{
        height: 225px;
    }
    .planlist .planitem .infowrap .tit{
        font-size: 26px;
    }
    .planlist .planitem .infowrap .text{
        font-size: 14px;
    }
    .caseLists{
        margin-bottom: 50px;
    }
    .subnav .tabheader a{
        margin: 0 25px;
        font-size: 16px;
    }
    .hz-slider .info .info-tit{
        font-size: 26px;
        margin-bottom: 20px;
    }
    .hz-slider .info{
        padding-top: 45px;
    }
    .hz-slider .info .info-text{
        font-size: 14px;
        line-height: 24px;
    }
    .pagenation{
        margin-bottom: 50px;
    }
    .hzlist li{
        margin-bottom: 20px;
    }
    .hzlist li .tit,
    .hzlist li .date{
        font-size: 14px;
    }
    .hzlist li:nth-of-type(5n){
        margin-bottom: 40px;
    }
    .pagenation a{
        height: 36px;
        line-height: 36px;
        font-size: 13px;
    }
    .about-text{
        padding-top: 15px;
    }
    .about-section{
        margin-bottom: 50px;
    }
    .about-t2,
    .severitme .items-text{
        font-size: 14px;
    }
    .severitme .items-text{
        line-height: 24px;
    }
    .zzlist{
        padding-top: 20px;
        margin-right: 0;
        margin: -15px;
    }
    .zzlist .zz-item{
        width: 33.333%;
        margin: 0;
    }
    .zz-itDiv{
        padding: 15px;
    }
    .zzlist .zz-item .thumb img{
        width: 100%;
    }
    .zzlist .zz-item .thumb{
        margin-bottom: 15px;
    }
    .ctman-l{
        width: 320px;
    }
    .ctman-item{
        font-size: 14px;
    }
    .contact-t{
        font-size: 32px;
        line-height: 34px;
        margin-bottom: 35px;
    }
    .ctman-r{
        width: 640px;
    }
    .ctman-r .form-item.w340{
        width: 312px;
    }
}

@media screen and (max-width: 992px){
    /* *{box-sizing: border-box;} */
   .wrap{
       width: 100%;
       padding:  0 15px;
       box-sizing: border-box;
   }

   body{padding-top: 50px;}

   .header{position: relative;height: 50px;line-height: 50px;
position: fixed;width: 100%;left: 0;top: 0;z-index: 999;background: #fff;}
   .navbtn{position: absolute;}
   .nav{position: absolute;left: 0;top: 0;width: 100%;text-align: center;background: #fff;padding: 20px 0;
    box-shadow: 0 10px 20px #ccc;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;

}
   .nav li{float: none;margin: 0;}
   .nav li.cur a::before{bottom: 5px;}
    .logo{padding: 10px;line-height: 30px;}
    .logo img{height: 30px;}


    .sectiontext{width: 100%;}

    .footer-form{float: none!important;}
    .caseitem ,.severitme{width: 100%;}
    .newsconlsit,.caseitems{margin: 0;}
    .newsconitem .info {padding: 15px;}
    .newsconitem .newsthumb{display: none;}
    .newsconitem{width: 100%;margin: 0 0 70px 0;}
    .footer-form .form-item{width: 100%;}

    .casesection{background-size: cover;}

    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 20px;
    }
    img{max-width: 100%;}

    .copy{font-size: 12px;height: auto;line-height: 24px;padding: 15px 0;}
    .caseitem .title{width: 100%;}

    .tabheader a{font-size: 14px;}
    .tabheader a + a::after{display: none;}
    .swiper-pagination-bullet-active{
        width: 26px;
    }
    .footer-nav{width: 100%;border-bottom: 20px solid #f5f5f5;}
    .footer-c .footer-tit{font-size: 30px;}
    .footer-form{width: 100%;}
    .footer-c{width: 100%;padding-left: 15px;}
    .hide-xs{display: none;}
    .caseitem{height: auto;}
    .section{padding: 40px 0;}
    .section-tit .titcn{font-size: 30px;}


    .navbtn{position: absolute;right: 15px;top: 14px ;width: 35px ;}

    .navbtn span{display: block;height: 1px;background: #000;margin-bottom: 10px;
    transition: all .5s;
    }

    .open .nav{
        visibility: visible;
        top: 100%;
        opacity: 1;
    }

    .open .navbtn .line:nth-of-type(2){
        opacity: 0;
    }
    .open .navbtn .line:nth-of-type(1){
        transform: rotate(45deg) translate3d(12px,11px,0);
    }
    .open .navbtn .line:nth-of-type(3){
        transform: rotate(-45deg) translate3d(4px,-4px,0);
    }



    .basebanner{height: 183px!important;background-size: cover!important;}


    .planlist .planitem:nth-of-type(2n){
        margin-left: 0;

    }
    .planlist .planitem{width: 100%;}
    .planlist .planitem .info,.planlist .planitem:nth-of-type(2n) .info{width: 50%;left: 50%;top: 0;height: 0;}

    .planlist .planitem .thumb{width: 50%;}
    .planlist .planitem .infowrap{padding: 10px;height: 0;
    padding-bottom: 60%;overflow: hidden;}
    .planlist .planitem .infowrap .tit{font-size: 18px;margin-bottom: 0px;}
    .planlist .planitem .infowrap .text{font-size: 14px;line-height: 18px;}
    .planlist .planitem .infowrap {

    }
    /*.planlist .planitem:hover .info .tit{color:#333;}*/
    .pagenation a{width: 24px;height: 24px;line-height: 24px;}
    .pagenation .prev, .pagenation .next{height: 24px;width: 50px;}
    .pagenation a{margin: 0;}

    .breat{margin: 15px 0;}
    .subnav .tabheader a{font-size: 14px;margin: 0 3px;}
    .pagenation2{margin-bottom: 30px;}
    .pagenation2 a{width: 100%;font-size: 18px;}
    .pagedetail-date,.pagedetail-tit{float: none;}

    .hz-sliderpage{bottom:20px!important;}


    .hzlist li .tit{width: 75%;overflow: hidden; word-break: keep-all;}
    .hzlist li .date{font-size: 14px;}
    .hzlist li{background-position: 0 5px;}

    .zzlist .zz-item,.zzlist{width: 100%;margin: 0 ;}
    .caseitem, .severitme{margin-bottom: 20px;}


    .ctman-l,.ctman-r{width: 100%;}
    .ctman-r .form-item{float: left;width: 100%;}
    .contact-t{font-size: 30px;}

    .pc{
        display: none;
    }
    .mobl{
        display: block;
    }
    /*
            2020.03.17
    */
    .caseitem{
        width: 50%;
        margin-bottom: 0;
    }
    .newsconitem{
        width: 49%;
        margin-right: 0 !important;
    }
    .newsconitem:nth-child(2n+1){
        margin-right: 2% !important;
    }
    .footer-c{
        padding-left: 0;
    }
    .footer-c,
    .footer-nav{
        width: 50%;
    }
    .footer-form{
        clear: both;
        padding-top: 30px;
    }
    .footer-form .form-item{
        width: 49%;
        float: left;
        background-color: #fff;
    }
    .footer-form .form-item:nth-child(1){
        margin-right: 2%;
    }
    .footer-form .form-item:nth-child(3){
        width: 100%;
    }
    .footer-form .form-item:nth-child(4){
        background-color: rgba(0,0,0,0);
    }
    .planlist .planitem .thumb{
        width: 40%;
    }
    .planlist .planitem .info, .planlist .planitem:nth-of-type(2n) .info{
        right: 0;
        left: auto;
    }
    .planlist .planitem .info, .planlist .planitem:nth-of-type(2n) .info{
        width: 58%;
    }
    .planlist{
        margin-bottom: 50px;
    }
    .zzlist .zz-item{
        width: 50%;
    }
    .ctman-r .form-item.w340{
        width: 49%;
    }
    .ctman-r .form-item.w340:nth-child(1){
        margin-right: 2%;
    }
    .ctman-item .thead a{
        display: inline-block;
        vertical-align: top;
    }
}
@media screen and (max-width: 640px){
    body{
        padding-top: 45px;
    }
    .header{
        height: 45px;
        line-height: 45px;
    }
    .logo{
        padding: 0;
        height: 45px;
        line-height: 45px;
        font-size: 0;
    }
    .logo img{
        display: inline-block;
        vertical-align: middle;
    }
    .navbtn{
        width: 30px;
        top: 13px;
    }
    .navbtn span{
        margin-bottom: 8px;
    }
    .navbtn span:last-child{
        margin-bottom: 0;
    }
    .open .navbtn .line:nth-of-type(1) {
        transform: rotate(45deg) translate3d(9px,11px,0);
    }
    .open .navbtn .line:nth-of-type(3) {
        transform: rotate(-45deg) translate3d(2px,-4px,0);
    }
    .nav li a{
        font-size: 16px;
    }
    .sectiontext{
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .section-tit .titen{
        margin-bottom: 15px;
        font-size: 14px;
    }
    .section-tit .titcn{
        margin-bottom: 10px;
    }
    .severitme .items-tit{
        margin-bottom: 15px;
    }
    .severitme .items-text{
        font-size: 14px;
        line-height: 22px;
        padding: 0 70px;
    }
    .severitme img{
        margin-bottom: 20px;
    }
    .severitme{
        margin-bottom: 25px;
    }
    .severitme:last-child{
        margin-bottom: 0;
    }
    .tabheader a{
        margin: 0 15px;
    }
    .tabheader{
        margin-bottom: 30px;
    }
    .caseitem{
        width: 48%;
        margin: 0 1% 10px;
    }
    .caseitem .title{
        height: 35px;
        line-height: 35px;
        font-size: 13px;
    }
    .tabcon{
        min-height: inherit;
        height: auto;
    }
    .news-tit{
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 5px;
    }
    .news-date{
        font-size: 13px;
        letter-spacing: 0;
    }
    .news-text{
        font-size: 14px;
        line-height: 22px;
    }
    .newsconitem{
        height: auto;
        padding-bottom: 30px;
        margin-bottom: 45px;
    }
    .newsmore{
        top: auto;
        bottom: -20px;
        width: 145px;
        height: 36px;
        line-height: 36px;
        left: 15px;
        font-size: 14px;
    }
    .newscon .newsconitem{
        display: block;
    }
    .newscon .newsconitem:nth-child(1),
    .newscon .newsconitem:nth-child(2){
        display: block;
    }
    .footer-top{
        padding: 40px 0;
    }
    .footer-c .footer-tit{
        letter-spacing: 2px;
        margin-bottom: 20px;
    }
    .footer-c .contact .item{
        padding-left: 30px;
        font-size: 14px;
        margin-bottom: 10px;
        height: auto;
        line-height: 20px;
    }
    .footer-c .contact .item img{
        transform: scale(0.8);
        top: 0px;
    }
    .footer-c{
        padding-left: 0;
        padding-top: 15px;
    }
    .footer-c .footer-tit,
    .footer-c .contact{
        padding-left: 15px;
    }
    .footer-nav a{
        width: 33.333%;
        line-height: 30px;
        font-size: 14px;
    }
    .footer-nav{
        margin-top: 10px;
        padding-bottom: 20px;
    }
    .footer-form .form-item .submit{
        width: 100%;
    }
    .copy{
        padding: 10px 0;
    }
    .planlist .planitem{
        margin-bottom: 20px;
    }
    .planlist .planitem .thumb{
        width: 100%;
    }
    .planlist .planitem .info{
        position: relative;
        left: 0;
        top: 0;
        height: auto !important;
        width: 100%;
    }
    .planlist .planitem .infowrap{
        height: auto !important;
        padding: 15px 10px !important;
    }
    .planlist .planitem .infowrap .tit{
        margin-bottom: 10px;
    }
    .breat a{
        font-size: 13px;
    }
    .breat{
        height: auto;
    }
    .breat{
        line-height: 20px;
    }
    .breat a{
        line-height: 20px;
    }
    .planlist .planitem .info, .planlist .planitem:nth-of-type(2n) .info{
        width: 100%;
        left: 0;
    }
    .subnav .tabheader a{
        letter-spacing: 0;
        margin: 0 8px;
    }
    .pagenation{
        margin-bottom: 30px;
    }
    .subnav .tabheader{
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .header .clearfix{
        margin: 0 -1%;
    }
    .pagenation{
        font-size: 0;
    }
    .pagenation a{
        font-size: 13px;
        margin: 0 3px;
    }
    .about-text{
        padding-top: 0;
    }
    .about-section{
        margin-bottom: 50px;
    }
    .about-t2{
        font-size: 14px;
    }
    .zzlist{
        padding-top: 10px;
    }
    .zzlist .zz-item .thumb{
        margin-bottom: 15px;
    }
    .zzlist .zz-item{
        padding-bottom: 20px;
    }
    .jobname{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .job-item .date{
        font-size: 14px;
        padding-left: 23px;
    }
    .job-item_header .fr{
        width: 100%;
    }
    .job-tip{
        padding-left: 23px;
        font-size: 14px;
    }
    .jobbtn,
    .open .jobbtn{
        float: left;
        width: 140px;
        height: 35px;
        line-height: 35px;
        margin-left: 23px;
    }
    .job-item{
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .jobinfo{
        padding-top: 35px;
    }
    .jobinfo .jobinfo-main{
        font-size: 14px;
        line-height: 24px;
    }
    .joblist{
        margin-top: 30px;
    }
    .contact-t{
        margin-bottom: 20px;
        letter-spacing: 1px;
    }
    .ctman-item .icon{
        width: 18px;
        margin-top: 4px;
    }
    .ctman-item{
        padding-left: 30px;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .ctman-item p{
        margin-bottom: 0;
        line-height: 22px;
    }
    .ctman-item p img{
        margin-top: 15px;
    }
    .ctman-r .form-item{
        margin-bottom: 15px;
    }
    .map{
        margin-bottom: 50px;
    }
    .pagedetail-tit{
        font-size: 24px;
    }
    .pagedetail-date{
        font-size: 13px;
    }
    .pagedetail-date img{
        margin-right: 5px;
    }
    .pagenation2 a{
        font-size: 15px;
        line-height: 24px;
        height: auto;
        padding: 7px 0;
    }
    .clearfix{
        padding-bottom: 20px;
    }
    .hz-slider .info{
        padding: 20px 15px !important;
    }
    .hide-xs{
        display: block;
    }
    .hz-slider .info{
        float: left;
    }
    .hz-slider .info .info-tit{
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .hz-slider .info .info-text{
        font-size: 14px;
        line-height: 22px;
    }
    .hz-slider .info .info-text{
        margin-bottom: 30px;
    }
    .hz-slider .info .more{
        width: 140px;
        height: 36px;
        line-height: 36px;
    }
    .hzlist li .tit{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .hzlist li .date{
        font-size: 12px;
    }
    .hzlist .clearfix{
        padding-bottom: 0;
    }
    .hzlist li{
        margin-bottom: 15px;
        padding-left: 15px;
    }
    .hzlist li .tit{
        font-size: 14px;
    }
    .section-tit .titcn{
        font-size: 26px;
    }
    .footer-form .form-item .submit{
        appearance: none;
    }
    .footer-erm.fl.hide-xs{
        display: none;
    }
    .subnav .tabheader a{
        font-size: 15px;
    }
    .pagedetail-header{
        margin-bottom: 0;
    }
    .pagedetailcon{
        font-size: 14px;
        line-height: 24px;
    }
    .pagedetail-date{
        line-height: 30px;
    }
    .pagenation ul  .prve a{
        width: 75px;
        height: 24px;
        border-radius: 2px;
        border: solid 1px #e2e2e2;display: inline-block;
    }
    .pagenation ul .next a{
        width: 75px;
        height: 24px;
        border-radius: 2px;
        border: solid 1px #e2e2e2;display: inline-block;
    }
    .clearfix.zzlist .zz-item:last-child{
        padding-bottom: 0;
    }
    .last-sec{
        margin-bottom: 10px !important;
    }
    .pagedetailcon{
        margin-bottom: 30px;
    }
    .pagenation2{
        margin-bottom: 10px;
    }
    .newsconlsit.clearfix{
        padding-bottom: 0;
    }
    .footer-top{
        padding-top: 25px;
        padding-bottom: 0px;
    }
    .section.newscon{
        padding-bottom: 0;
    }
    /*.planlist .planitem:hover .info .tit{
        color: #fff;
    }*/
    .severitme img{
        height: 46px;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
        margin-right: 20px;
    }
    .severitme .items-tit{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .seRight{
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        width: 60%;
    }
    .severitme .items-text{
        padding: 0;
    }
    .about-t2{
        margin-bottom: 35px;
    }
    .caseitem{
        width: 50%;
        margin: 0;
    }
    .caseitems{
        margin: -5px;
    }
    .caseitem .caseDiv{
        padding: 5px;
    }
    .newsconitem{
        width: 100%;
        margin-right: 0 !important;
    }
    .footer-c, .footer-nav{
        width: 100%;
    }
    .footer-form{
        padding-top: 0;
    }
    .footer-nav{
        padding-bottom: 0;
    }
    .footer-c .footer-tit{
        font-size: 28px;
    }
    .footer-c{
        padding-top: 0;
    }
    .clearfix{
        padding-bottom: 40px;
    }
    .pagedetail-tit{
        font-size: 22px;
        line-height: 32px;
    }
    .about-text{
        font-size: 14px;
        line-height: 26px;
    }
    .about-section{
        margin-bottom: 30px;
    }
    .zz-itDiv{
        padding: 5px;
    }
    .zzlist .zz-item .thumb{
        margin-bottom: 10px;
    }
    .zzlist .zz-item{
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 10px;
    }
    .severitems.clearfix,
    .zzlist{
        padding-bottom: 20px;
    }
    .about-section{
        margin-bottom: 20px;
    }
    .job-item_header{
        padding-bottom: 0;
    }
    .ctman-r .form-item textarea{
        height: 130px;
    }
    .contactmain{
        padding-bottom: 0;
    }
    #map{
        height: 200px !important;
    }

}