/*  */
@charset "utf-8";

/* top */
@media only screen and (max-width: 1200px) {
    .top{
        width:100%;
        background: url(../images/bg_01.jpg) #f46610 center no-repeat;
        background-size: 100% 100%;
        position: fixed;
        z-index: 20;
        top:0px;
        left: 0px;
    }
    .top .main {
        height: 55px;
        position: relative;
    }

    .top_jg {
        height: 55px;
        width: 100%;
    }

    a.logo {
        background: url(../images/logo.png) no-repeat;
        background-size: auto 90%;
        width: 257px;
        height: 30px;
        position: absolute;
        left: 10px;
        top: 15px;
    }
    #nav {
        display: none;
    }
    .menu {
        margin: 0px 0px 0px 0%;
        float: left;
        width: 100%;
    }

    .menu li {
        float: left;
        width: 100%;
        border-top: solid 1px rgba(255,255,255,.2);
    }

    .menu a.dbt {
        font-size: 15px;
        font-weight: bold;
    }

    .menu a {
        display: block;
        width: 100%;
        padding: 8px 0px;
        text-align: left;
        padding-left: 3%;
        color: #fff;
    }

    .menu a {
        font-size: 13px;
    }

    .menu dl {
        width: 100%;
        float: left;
        padding-bottom: 8px;
    }

    .menu dl dd {
        width: 50%;
        float: left;
    }

    .menu dl dd a {
        padding: 5px 0px;
        padding-left: 6%;
    }

    .menu2 {
        width: 32px;
        height: 20px;
        display: block;
        position: absolute;
        right: 15px;
        top: 18px;
        z-index: 22;
    }

    .menu2 a {
        background: url(../images/d2_1_03.png) no-repeat;
        outline: none;
        display: block;
        background-size: 100% 100%;
        width: 32px;
        height: 20px;
        line-height: 20px;
    }

    .menu2 a.on {
        background: url(../images/d2_2_03.png) no-repeat;
        background-size: 100% 100%;
    }

    #nav {
        width: 100%;
        box-shadow: 2px 6px 5px rgba(0, 0, 0, .5);
        display: none;
        background: #f5761a;
        position: fixed;
        left: 100%;
        top: 0px;
        height: 100%;
        overflow-y: auto;
    }


    .ss {
        float:left;
        height: 35px;
        width: 100%;
        display: block;
        position:relative;
        margin-top: 55px;
    }
    .login {
        width: 100%;
        float: left;
        padding: 8px 0;
    }
    .login img{
        height: 22px;
        padding-left: 16px;
    }


    .ss .form-control {
        width: 100%;
        height: 35px;
        border: 0;
        padding: 0 0 0 12px;
        background: rgba(255, 255, 255, 1);
        color: #ffffff;
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
        font-size: 15px;
    }

    .ss .an_ss {
        position: absolute;
        width: 40px;
        height: 35px;
        border: 0;
        right: 0px;
        top: 0px;
        background: url(../images/t_ss.png) #efaf34 center center no-repeat;
        background-size: auto 50%;
    }
    .top_r{
        width:100%;
        float:left;
        margin-top: 55px;
    }
    .top_yy{
        width:100%;
        float:left;
        text-align: center;
        color:#fff;
        line-height: 30px;
        margin: 10px 0;
    }
    .top_yy a{
        color:#fff;
        margin: 0 15px;
    }

}

@media only screen and (min-width: 1200px) {

    .menu2 {
        display: none;
    }

    .top {
        width: 100%;
        background: url("../images/bg_01.jpg") center no-repeat;
        background-size: cover;
        height:165px;
    }

    .top .main {
        position: relative;
        height: 165px;
        z-index: 20;
    }
    .top #navk{
        width:100%;
        position:absolute;
        right:0px;
        bottom:0px;
    }
    .top_jg {
        display: none;
    }

    a.logo {
        background: url(../images/logo.png) left center no-repeat;
        background-size: auto auto;
        width: 630px;
        height:90px;
        position: absolute;
        left: 0px;
        top: 40px;
    }

    .top .login {
        float: right;
        width: 30px;
        margin-top: -85px;
    }

    #nav.on a.dbt{
        color:#fff;
    }
    .menu dl {
        width:246px;
        font-size: 18px;
        display: none;
        /* padding:10px 0; */
        text-align: center;
        background: #ffffff;
        position: absolute;
        left:0%;
        top: 55px;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        display: none;
        z-index: 30;
        /* box-shadow:0 6px 8px rgba(0,0,0,.2); */
    }
    .menu dl:last-child {
        width: 290px;
    }
    .menu li:hover dl {
        display: block;
    }

    .menu dd {
        width: 246px;
        height: 50px;
        line-height: 50px;
        float: left;
        text-align: left;
        padding-left: 28px;
        background-color: #efaf34;
        border-bottom: 1px solid #f9dfae;
    }
    .menu dl:last-child dd{
        width: 290px;
    }

    .menu dd a {
        display: block;
        width: 100%;
        color: #fff;
        /* padding:5px; */
        /*padding: 5px 0px 5px 10px;*/
        line-height: 50px;
    }
    .menu dd:last-child{
        /* margin-bottom: 10px; */
        border: none;
    }

    .menu dd:hover {
        background: #fac96a;
        color: #fff;
    }

    
    .menu {
        height: 61px;
        float: left;
    }
    .menu li {
        float: left;
        height: 61px;
        width: 133px;
        position: relative;
    }
    /* .menu li:last-child {
        width: 290px;
    } */
    .menu li:last-child dl {
        right: 0;
        left: auto;
    }
    .menu a.dbt {
        font-size: 18px;
        width: 100%;
        display: block;
        height:61px;
        line-height: 60px;
        text-align: center;
        color: #333;
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -o-transition: all 0s linear;
        -ms-transition: all 0s linear;
        transition: all 0s linear;
    }
    .menu a.dbt:hover, .menu li.on a.dbt, .menu li:hover a.dbt {
        color:#fff;
        background-color: #efaf34;
    }
    .ss {
        position:absolute;
        width:260px;
        top:-90px;
        right:0;
        height:40px;
        -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
        overflow: hidden;
        background-color: #fff;
    }

    .ss .form-control {
        width: 100%;
        height: 40px;
        line-height: 40px;
        border: 0;
        padding: 0 0 0 15px;
        background: rgba(0, 0, 0, 0);
        color: #333;
        font-size: 14px;
    }

    .ss .an_ss {
        position: absolute;
        width: 60px;
        height: 40px;
        border: 0;
        right: 0px;
        top: 0px;
        background: url(../images/t_ss.png) #efaf34 center no-repeat;
    }
}
.ss .an_ss:hover{
    background: url(../images/t_ss.png) #ffa800 center no-repeat;
}
.ss .form-control::-moz-placeholder {
    color:#999;
    opacity:1
}
.ss .form-control:-ms-input-placeholder {
    color:#999
}
.ss .form-control::-webkit-input-placeholder {
    color:#999
}


/* banner */
@media only screen and (max-width: 1200px) {
    .swiper-container.sy_ban {
        width: 100%;
    }

    .sy_ban .swiper-slide {
        text-align: center;
        font-size: 13px;
        line-height: 20px;
        width: 100%;
        position: relative;
    }

    .sy_ban .swiper-slide img {
        width: 100%;
        display: block;
    }

    .sy_ban .swiper-slide .txtk {
        position: absolute;
        left: 0%;
        bottom: 0px;
        color: #fff;
        padding:10px 15px;
        width: 100%;
        text-align: left;
    }

    .sy_ban .swiper-slide .txtk h1 {
        display: block;
        font-size: 15px;
        line-height: 24px;
        font-weight: bold;
        /*text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;*/
        width: 100%;
        /*height:24px;*/
        margin-bottom: 10px;

    }
    .sy_ban .swiper-slide .txtk .s_more{
        display: inline-block;
        line-height: 30px;
        padding:0 15px;
        color:#fff;
        background-color: #efaf34;
        font-size:13px;
        -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
    }

    .sy_ban .swiper-pagination-bullet {
        background-color:rgba(255,255,255,.65);
        width: 8px;
        height: 8px;
        opacity: 1;
    }

    .sy_ban .swiper-pagination-bullet-active {
        background-color:rgba(255,255,255,1);
    }

    .sy_ban.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 15px;
        position: absolute;
        right: 0%;
        text-align: right;
        padding-right: 2%;
    }

    .sy_ban.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2px;
    }
}

@media only screen and (min-width: 1200px) {
    .swiper-container.sy_ban {
        width: 100%;
    }
    .sy_ban .swiper-slide {
        text-align: center;
        width: 100%;
        position: relative;
    }
    .sy_ban .swiper-slide img {
        width: 100%;
        display: block;
    }

    .sy_ban .swiper-slide .txtk {
        position: absolute;
        left: 50%;
        margin-left: -600px;
        width:1200px;
        bottom: 50px;
        color: #fff;
        padding: 0px 236px 0 35px;
        text-align: left;
        z-index: 11;
    }

    .sy_ban .swiper-slide .txtk h1 {
        display: block;
        line-height:70px;
        text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;
        width:100%;
        height:70px;
        margin-bottom: 20px;
    }
    .sy_ban .swiper-slide .txtk .s_more{
        display: inline-block;
        line-height: 40px;
        padding:0 30px;
        color:#fff;
        background-color: #efaf34;
        font-size:16px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
    }
    .sy_ban .swiper-pagination-bullet {
        background-color:rgba(255,255,255,1);
        width: 13px;
        height: 13px;
        opacity: 1;
        font-size:16px; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px;
    }

    .sy_ban .swiper-pagination-bullet-active {
        background-color:rgba(255,255,255,1);
        width:35px;
    }

    .sy_ban.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom:35px;
        width: 1200px;
        position: absolute;
        left: 50%;
        margin-left: -600px;
        text-align: center;
    }

    .sy_ban.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 6px;
    }
}
.sy_ban .swiper-slide .txtk .s_more:hover{
    background-color: #f46610;
}


/* 新闻 */

@media only screen and (max-width: 1200px) {
    .news{
        width:100%;
        padding:20px 15px;
    }
    .news .d1{
        float:left;
        width:100%;
    }
    .news .new2{
        float:left;
        width:100%;
    }
    .new_t1{
        width:100%;
        float:left;
        line-height: 40px;
        height:40px;
        border-bottom: solid 1px #f3600c;
        margin-bottom: 20px;
    }
    .new_t1 .s1{
        float:left;
        line-height: 35px;
        height:41px;
        border-bottom: solid 3px #f46610;
        font-size:16px;
    }
    .new_t1 .right{
        margin-right: 5px;
    }
    .news .sy_lb1{
        width:102%;
        float:left;
        margin: 0 0 0 -1%;
    }
    .news .sy_lb1 li{
        width:100%;
        float:left;
        padding:0 1% 2% 1%;
    }
    .news .sy_lb1 a{
        width:100%;
        display: block;
        float: left;
        border: solid 1px #ddd;
        position:relative;
    }
    .sy_lb1 .imgk,.sy_lb1 .imgk img ,.sy_lb1 .txtk,.sy_lb1 h4{
        width:100%;
        float: left;
    }
    .sy_lb1 .txtk{
        padding:10px;
    }
    .sy_lb1 .txtk h4{
        height:48px;
        overflow: hidden;
        text-overflow: ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        font-size:14px;
        line-height: 24px;
    }
    .news .sy_lb1 .txtk .sj{
        color:#999;
        float: right;
        
    }
    .sy_lb1 a:after{
        content: '';
        width:0%;
        background-color: #f3600c;
        height:2px;
        position:absolute;
        left:0px;
        bottom:0px;
    }
    .sy_lb1 a:hover:after{
        width:100%;
        -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    }
    .sy_lb1 li:nth-child(3n+1){
        clear: both;
    }
    .sy_lb2{
        width:100%;
        float:left;
        margin-top: -15px;
    }
    .sy_lb2 li{
        width:100%;
        float:left;
        padding:15px 0;
        border-bottom: solid 1px #ddd;
        position:relative;
        min-height:90px;
        padding-left:80px;
        padding-top:21px;
    }
    .sy_lb2 .sj{
        position:absolute;
        width:65px;
        text-align: center;
        line-height: 30px;
        border: solid 1px #ddd;
        left:0px;
        top:15px;
    }
    .sy_lb2 .sj p{
        display: block;
        width:100%;
        height:30px;
    }
    .sy_lb2 .sj p:first-child{
        color:#fff;
        background-color: #f46610;
    }
    .sy_lb2 .sj p:last-child{
        font-size:16px;
    }
    .sy_lb2 a{
        width:100%;
        line-height: 24px;
        font-size:14px;
        height:48px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }
    .sy_lb2 a p{
        max-height:48px;
        overflow: hidden;
        text-overflow: ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
    -webkit-box-orient:vertical
    }
    a.cd_a_h{
        display: inline-block;
        line-height:38px;
        border: solid 1px #f5792c;
        padding:0 30px;
        color:#f5792c;
    }
    a.cd_an_h{
        display: inline-block;
        line-height:38px;
        padding:0 30px;
        background-color: #f5792c;
        color:#fff;
    }
    .news .new2 a.cd_a_h{
        margin-top: 20px;
    }

    .new3 {
        float: left;
        width: 100%;
    }
    .new3 .line {
        width: 100%;
        border-top: 1px solid #ccc;
        margin: 10px 0px;
    }
    .new3 ul li  {
        width: 100%;
        height: 30px;
        line-height: 30px;
    }
    .new3 ul li .tx {
        float: left;
        padding-left: 20px;
        width: 77%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size: 14px;
    }
    .new3 ul li span {
        float: right;
        color:#999;
    }
    .new3 ul li::before {
       float: left;
       content: "\2022";    
       color: #f16023;      
       font-size: 16px;
       /* background: url(../images/li_1.jpg) no-repeat center left; */
   }

}

@media only screen and (min-width: 1200px) {
    .news{
        width:100%;
        padding:50px 0;
    }
     .news .new1{
         float:left;
         width:65%;
     }
     .news .new2{
         float:right;
         width:30%;
     }
     .new_t1{
         width:100%;
         float:left;
         line-height: 50px;
         height:50px;
         border-bottom: solid 1px #f3600c;
         margin-bottom: 30px;
     }
     .new_t1 .s1{
         float:left;
         line-height: 40px;
         height:51px;
         border-bottom: solid 3px #f46610;
         font-size:24px;
     }
     .new_t1 .right{
         margin-right: 10px;
     }
     .sy_lb1{
         width:102%;
         float:left;
         margin: 0 0 0 -1%;
     }
     .sy_lb1 li{
         width:33.3333%;
         float:left;
         padding:0 1% 2% 1%;
 
     }
     .sy_lb1 a{
         width:100%;
         display: block;
         float: left;
         border: solid 1px #ddd;
         position:relative;
     }
     .sy_lb1 .imgk,.sy_lb1 .imgk img ,.sy_lb1 .txtk,.sy_lb1 h4{
         width:100%;
         float: left;
     }
     .sy_lb1 .imgk{
         height:184px;
     }
     .sy_lb1 .imgk img{
         min-height:184px;
     }
 
     .news .sy_lb1 .txtk{
         padding:20px;
     }
     .sy_lb1 .txtk h4{
         height:48px;
         overflow: hidden;
         display: flex;
         justify-content: center;
         flex-direction: column;
         -moz-flex-direction: column;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         align-items: center;
         text-overflow: ellipsis;
         display:-webkit-box;
         -webkit-line-clamp:2;
         -webkit-box-orient:vertical;
         font-size:16px;
         line-height: 24px;
     }
     .news .sy_lb1 .txtk .sj{
         color:#999;
         float: right;
         padding-top: 20px;
        padding-bottom: 10px;
     }
     .sy_lb1 a:after{
         content: '';
         width:0%;
         background-color: #f3600c;
         height:2px;
         position:absolute;
         left:0px;
         bottom:0px;
     }
     .sy_lb1 a:hover:after{
         width:100%;
         -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
         transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
     }
     .sy_lb2{
         width:100%;
         float:left;
         margin-top: -15px;
     }
     .sy_lb2 li{
         width:100%;
         float:left;
         padding:15px 0;
         border-bottom: solid 1px #ddd;
         position:relative;
         min-height:90px;
         padding-left:80px;
         padding-top:21px;
     }
     .sy_lb2 .sj{
         position:absolute;
         width:65px;
         text-align: center;
         line-height: 30px;
         border: solid 1px #ddd;
         left:0px;
         top:15px;
     }
     .sy_lb2 .sj p{
          display: block;
         width:100%;
         height:30px;
     }
     .sy_lb2 .sj p:first-child{
         color:#fff;
         background-color: #f46610;
     }
     .sy_lb2 .sj p:last-child{
         font-size:16px;
     }
     .sy_lb2 a {
         width: 100%;
         line-height: 24px;
         font-size: 16px;
         height:48px;
         display: flex;
         justify-content: center;
         flex-direction: column;
         -moz-flex-direction: column;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
     }
     .sy_lb2 a p{
         max-height:48px;
         overflow: hidden;
         text-overflow: ellipsis;
         display:-webkit-box;
         -webkit-line-clamp:2;
         -webkit-box-orient:vertical;
     }
     .new3 {
         float: left;
         width: 100%;
         font-size: 16px;
     }
     .new3 .line {
         width: 100%;
         border-top: 1px solid #ccc;
         margin: 30px 0px;
     }
     .new3 ul li  {
         /* width: 100%; */
         height: 30px;
     }
     .new3 ul li .tx {
         float: left;
         padding-left: 20px;
     }
     .new3 ul li span {
         float: right;
         color:#999;
     }
     .new3 ul li::before {
        float: left;
        content: "\2022";    
        color: #f16023;      
        font-size: 16px;
    }

}
     a.cd_a_h{
         display: inline-block;
         line-height:38px;
         border: solid 1px #f5792c;
         padding:0 30px;
         color:#f5792c;
     }
     a.cd_an_h{
         display: inline-block;
         line-height:38px;
         padding:0 30px;
         background-color: #f5792c;
         color:#fff;
     }
     .news .new2 a.cd_a_h{
         margin-top: 20px;
     }

 .sy_lb2 li:last-child{
     border: 0;
 }
 a.cd_a_h:hover{
     background-color:#f5792c;
     color:#fff;
 }
 a.cd_an_h:hover{
     background-color:#e15500;
 }
 a.cd_h{
     color:#f46610
 }
 a.cd_h:hover{
     text-decoration: underline;
 }
 .bj_b{
     background-color: #f8f8f8;
 }



 /* 党建 */

 @media only screen and (min-width: 1200px) {
    .dj {
        position: relative;
        background: url(../images/bg2_02.jpg) center no-repeat;
        background-size: 100% 100%;
        height: 490px;
        z-index: 22;
        width: 100%;
        margin-top: 100px;
    }
    .dj .bj1 {
        /* margin-top: 100px; */
        width: 100%;
        position: absolute;
        top: -54px;
        left: 0;
        height: 54px;
        background: url(../images/bjj1.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    /* 标题 */
    .sy_t2{
        width:100%;
        float:left;
        margin: 60px 0 45px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        font-size: 30px;
    }
    .sy_t2:before,.sy_t2:after{
        content: '';
        width:100px;
        height:1px;
        background-color: #fff;
        display: inline-block;
        vertical-align: middle;
        margin:0 30px;
    }
    /*  */
    .dj_lb1{
        width:102%;
        float:left;
        margin: 0 0 0 -1%;
    }
    .dj_lb1 li{
        width:25%;
        float:left;
        padding:0 1% 2% 1%;
        height: 267px;
    }
    .dj_lb1 a{
        width:100%;
        display: block;
        float: left;
        /* border: solid 1px #ddd; */
        position:relative;
        background-color: #fff;

    }
    .sy_lb1 .imgk,.sy_lb1 .imgk img ,.sy_lb1 .txtk,.sy_lb1 h4{
        width:100%;
        float: left;
    }
    .sy_lb1 .imgk{
        height:184px;
    }
    .sy_lb1 .imgk img{
        min-height:184px;
    }

    .dj_lb1 .txtk{
        padding:15px;
    }
    .dj_lb1 .txtk p{
        height:48px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        align-items: center;
        text-overflow: ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        font-size:16px;
        line-height: 24px;
    }
    .sy_lb1 .txtk .sj{
        color:#999;
        float: right;
    }
    /* .sy_lb1 a:after{
        content: '';
        width:0%;
        background-color: #f3600c;
        height:2px;
        position:absolute;
        left:0px;
        bottom:0px;
    } */
    .sy_lb1 a:hover:after{
        width:100%;
        -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    }

    .sy_anq2{
        width:100%;
        float:left;
        text-align: center;
    }
    .dj .sy_anq2 {
        margin-top: 40px;
    }
    .dj  a.cd_an_h {
        border: solid 1px #fff;
        color: #fff;
        /* background-color: #ef6632; */
        background-color: rgba(0, 0, 0, .05)
    }
    .dj .cd_an_h:hover {
        border: 1px solid #ef6632;
    }

}
@media only screen and (max-width: 1200px) {
    .dj {
        position: relative;
        /* background: url(../images/bg2_02.jpg) center no-repeat;
        background-size: 100% 100%; */
        /* height: 490px; */

        /* z-index: 22; */
        width: 100%;
        margin-top: 20px;
    }
    /* .dj .bj1 {
        margin-top: 100px;
        width: 100%;
        position: absolute;
        top: -50px;
        left: 0;
        height: 50px;
        background-image: url(../images/bj_01.jpg);
    } */
    /* 标题 */
    .sy_t2{
        width:100%;
        /* float:left; */
        /* margin: 40px 0; */
        padding: 20px 0;
        line-height: 30px;
        text-align: center;
        color: #fff;
        font-size: 22px;
        /* background-color: #ef6632; */
        /* background-size: auto 130px; */
    }
    .sy_t2:before,.sy_t2:after{
        content: '';
        width:50px;
        height:1px;
        background-color: #fff;
        display: inline-block;
        vertical-align: middle;
        margin:0 10px;
    }
    /*  */
    .dj_lb1{
        width:100%;
        float:left;
        /* margin: 0 0 0 -1%; */
        margin: 0 auto; 

    }
    .dj_lb1 li{
        width:50%;
        float:left;
        padding:0 1% 2% 1%;
        /* height: 267px; */
        text-align: center;
    }
    .dj_lb1 a{
        width:100%;
        display: block;
        float: left;
        /* border: solid 1px #ddd; */
        position:relative;
        background-color: #fff;
    }
    .sy_lb1 .imgk,.sy_lb1 .imgk img ,.sy_lb1 .txtk,.sy_lb1 h4{
        width:100%;
        float: left;
    }
    .dj .sy_lb1 .imgk{
        height:184px;
    }
    .dj .sy_lb1 a .imgk img{
        min-height:184px;
        width: 100%;
    }

    .dj_lb1 .txtk{
        padding:15px;
    }
    .dj_lb1 .txtk p{
        height:48px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        align-items: center;
        text-overflow: ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        font-size:14px;
        line-height: 24px;
    }
    .sy_lb1 .txtk .sj{
        color:#999;
        float: right;
    }
    /* .sy_lb1 a:after{
        content: '';
        width:0%;
        background-color: #f3600c;
        height:2px;
        position:absolute;
        left:0px;
        bottom:0px;
    } */
    .sy_lb1 a:hover:after{
        width:100%;
        -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    }

    .sy_anq2{
        width:100%;
        float:left;
        text-align: center;
    }
    .dj .sy_anq2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .dj  a.cd_an_h {
        border: solid 1px #fff;
        color: #fff;
        /* background-color: #ef6632; */
        /* background-color: rgba(0, 0, 0, .05) */
    }
    .dj  a.cd_an_h:hover {
        border: 1px solid #e15500;
    }

}
@media only screen and (max-width: 768px) {

}

/* 团学 */
@media only screen and (min-width: 1200px) {
    .work {
        height: 715px;
    }
    .work .sy_t2 {
        color: #000;
    }
    .work .sy_t2:before,.work .sy_t2:after{
        background-color: #000;
    }
    .gz {
        float: left;
        height: 463px;
    }
    .gz .wk1 {
        width: 535px;
        height: 0;
        padding-bottom: 38.6%;
        float: left;
        position: relative;
        margin-right: 15px;
        z-index: 3;
    }
    .gz .wk1 .img_d {
            width: 535px;
            height: 0;
            padding-bottom: 86.6%;
            overflow: hidden;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
    }
    .gz .wk1 a {
        z-index: 55;
    }
    .wk1 p {
        position: absolute;
        left: 40px;
        bottom: 70px;
        font-size: 18PX;
        color: #fff;
        z-index: 3;
    }
    .wk1 span {
        position: absolute;
        left: 40PX;
        bottom: 40px;
        color: #fff;
        font-style: 16px;
        z-index: 3;
    }
    /* .wk1:after{
        position:absolute;
        top: 0;
        width: 100%;
        height: 100px;
        background: rgba(0, 0, 0,1);
        background-color: #dd8f78;
    } */
    .wk1:after{
        position:absolute;
        left: 0;
        bottom:0;
        display: block;
        width:100%;
        height: 35%;
        opacity: 0.7;
        background: linear-gradient(to top, #ef8833 ,rgba(239,175,52,0) );
        content: attr(data-text);
        transition:all 1s ease;
        transform: translateY(0);
        color: #FFF;
        z-index: 0;
        -webkit-pointer-events: none ;
        pointer-events: none;
    }

    .wk2 {
        float: left;
        width: 650px;
        height: 242px;
        margin-bottom: 15px;
    }
    .wk2 ul li {
        width: 316px;
        height: 0;
        float: left;
        position: relative;
        background: #ef6632;
        /* padding: 0 30px; */
        font-size: 14px;
        padding-bottom: 37%;
    }
    .wk2 ul li:first-child {
        margin-right: 15px;
    }
    .wk2 li .t {
        display: none;
        padding-left: 30px;
        padding-right: 20px;
        position: absolute;
    }
    .wk2 li .img_d {
        position: absolute;
    }
    .wk2 li p {
        font-size: 16px;
        color: #fff;
        margin-top: 70px;
    }
    .wk2 li span {
        color: #fff;
        display: block;
        margin-top: 25px;
    }

    .wk3 {
        float: left;
        width: 650px;
        height: 206px;
    }
    .wk3 ul li {
        float: left;
        width: 207px;
        height: 0;
        padding-bottom: 31.6%;
        position: relative;
        background: #ef6632;
        font-size: 14px;
    }
    .wk3 ul li:nth-child(2) {
        margin: 0 14px;
    }
    .wk3 ul li .t {
        display: none;
        padding-left: 30px;
        padding-right: 20px;
    }
    .wk3 li p {
        font-size: 16px;
        color: #fff;
        /* margin-top: 40px; */
        padding-top: 40px;

    }
    .wk3 li span {
        color: #fff;
        display: block;
        margin-top: 25px;
    }
    
    .work .sy_anq2 {
        margin-top: 40px;
    }
    .wk2 .img_d {
        width: 316px;
        height: 0;
        padding-bottom: 77%;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .wk3 .img_d {
        width: 207px;
        height: 0;
        padding-bottom: 100%;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}
@media only screen and (max-width: 1200px) {
    .work {
        /* height: 715px; */
        width: 100%;
    }

    .gz {
        float: left;
        /* height: 463px; */
        width: 100%;

    }
    .wk1 {
        width: 100%;  
    }
    .gz .wk1 {
        float: left;
        position: relative;
        margin-right: 15px;
    }
    .wk1 p {
        position: absolute;
        left: 40px;
        bottom: 70px;
        font-size: 18PX;
        color: #fff;
        z-index: 2;
    }
    .wk1 span {
        position: absolute;
        left: 40PX;
        bottom: 40px;
        color: #fff;
        font-style: 16px;
        z-index: 2;
    }
    .wk1 img{
        width: 100%;
    }
    .wk1:after{
        position:absolute;
        left: 0;
        bottom:0;
        display: block;
        width:100%;
        height: 35%;
        opacity: 0.7;
        background: linear-gradient(to top, #ef8833 ,rgba(239,175,52,0) );
        content: attr(data-text);
        transition:all 1s ease;
        transform: translateY(0);
        color: #FFF;
        z-index: 0;
        -webkit-pointer-events: none ;
        pointer-events: none;
    }

    .wk2 {
        float: left;
        width: 100%;
        /* height: 242px;   */
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .wk2 ul li {
        width: 49%;
        /* height: 242px; */
        float: right;
    }
    .wk2 ul li img {
        /* height: 242px; */
        width: 100%;
    }
    .wk2 ul {
        margin: 0 auto;
    }
    .wk2 ul li:first-child {

        float: left;
        margin-right: 1%;
    }
    .wk2 ul li:nth-child(2) {
        width: 49%;
    }
    .wk2 ul li .t {
        display: none;
    }
    .wk2 li p {
        font-size: 16px;
        color: #fff;
        margin-top: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .wk2 li span {
        color: #fff;
        display: block;
        margin-top: 25px;
    }

    .wk2 li{
        width:33.3333%;
        float:left;
        /* padding:0 1% 2% 1%; */

    }

    .wk3 {
        float: left;
        width: 100%;
        /* height: 206px; */
    }
    .wk3 ul li {
        float: left;
        width: 30%;
        /* height: 206px; */
    }
    .wk3 ul li img {
        width: 100%;
    }
    .wk3 ul li:nth-child(2) {
        margin: 0 5%;
    }

    .wk3 ul li:nth-child(3) {
        float: right;
    }

    .wk3 ul li .t {
        display: none;
    }

    .work .sy_anq2 {
        margin-top: 20px;
    }
}

/* 服务 */
@media only screen and (min-width: 1200px) {
    .ser {
        height: 617px;
        background: url(../images/bg3_1.jpg) center no-repeat;
        background-size: 100% 100%;
        position: relative;
    }
    .ser .bj2 {
        /* margin-top: 100px; */
        width: 100%;
        position: absolute;
        top: -41px;
        left: 0;
        height: 54px;
        background: url(../images/bjj2.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    .ser .bj3 {
        /* margin-top: 100px; */
        width: 100%;
        position: absolute;
        bottom: -43px;
        left: 0;
        height: 54px;
        background: url(../images/bjj3.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    .fw {
        height: 396px;
    }
    .fw1{
        width: 600px;
        float: left;
    }
    .fw2 {
        width: 600px;
        float: left;
    }
    .fw2 ul li{  
        width: 100%; 
        height: 99px;
        padding-left: 50px;
        padding:30px 15px 13px 150px;
        float: left;
        border-bottom: 1px solid #ddd;
    }
    .fw2 ul li:nth-child(1){
        background: url(../images/li_01.jpg) no-repeat center left;
        background-color: #fff;
    }.fw2 ul li:nth-child(2){
        background: url(../images/li_02.jpg) no-repeat center left;
        background-color: #fff;
    }.fw2 ul li:nth-child(3){
        background: url(../images/li_03.jpg) no-repeat center left;
        background-color: #fff;
    }.fw2 ul li:nth-child(4){
        background: url(../images/li_04.jpg) no-repeat center left;
        background-color: #fff;
        border-bottom: none;
    }

    .ser .sy_anq2 {
        margin-top: 40px;

    }
    .ser .cd_an_h {
        background-color:  rgba(0, 0, 0, .05);
        border: 1px solid #fff;
    }
    .ser .cd_an_h:hover {
        border: 1px solid #ef6632;
    }

    .fw2 li{
        padding:13px 15px 13px 100px;
        position:relative;
    }
    .fw2 .sj{
        width:90px;
        text-align: center;
        position:absolute;
        left:0px;
        top:27px;
        line-height:26px;
        font-size:16px;
        margin-left: 50px;
    }
    .fw2 .sj p:first-child{
        font-size:30px;
        height:30px;
    }
    .fw2 .text {
        display: block;
        width:100%;
        /* line-height:30px; */
        font-size:16px;
        height:52px;
        overflow: hidden;
        text-overflow: ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        padding-right: 20px;
    }

    
}
@media only screen and (max-width: 1200px) {
    .ser {
        height: 617px;
        /* background: ; */
        margin-top: 20px;
    }
    .fw {
        height: 396px;
    }
    .fw1{
        /* width: 600px; */
        width: 100%;
        float: left;
    }
    .fw1 img {
        width: 100%;
    }
    .fw2 {
        width: 100%;
        float: left;
    }
    
    .fw2 ul li:nth-child(1){
        background: url(../images/li_01.jpg) no-repeat center left;
        background-color: #fff;
    }.fw2 ul li:nth-child(2){
        background: url(../images/li_02.jpg) no-repeat center left;
        background-color: #fff;
    }.fw2 ul li:nth-child(3){
        background: url(../images/li_03.jpg) no-repeat center left;
        background-color: #fff;
    }.fw2 ul li:nth-child(4){
        background: url(../images/li_04.jpg) no-repeat center left;
        background-color: #fff;
    }
    .fw2 ul li{  
        width: 100%; 
        height: 99px;
        padding-left: 50px;
        padding:30px 15px 13px 150px;
        float: left;
        border-bottom: 1px solid #ddd;
    }
    .ser .sy_anq2 {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .fw2 li{
        padding:13px 15px 13px 100px;
        position:relative;
    }
    .fw2 .sj{
        width:90px;
        text-align: center;
        position:absolute;
        left:0px;
        top:27px;
        line-height:26px;
        font-size:16px;
        margin-left: 50px;
    }
    .fw2 .sj p:first-child{
        font-size:30px;
        height:30px;
    }
    .fw2 .text p{
        display: block;
        width:100%;
        line-height:28px;
        font-size:16px;
        height:52px;
        overflow: hidden;
        text-overflow: ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
    
}

/* 生涯 */
@media only screen and (min-width: 1200px) {
    .life {
        height: 632px;
    }
    .life .lf {
        width: 100%;
        height: 410px;
        float: left;
        background-color: #fff;
    }
    .lf .ul2 li {
        float: left;
        height: 195px;
        width: 303px;
        background: #fff;
        border: 1px solid #e3e3e3;
        padding: 12px 20px 12px 12px;
        position: relative;
        margin-bottom: 20px;
    }
    .lf .ul1 {
        float: left;
        width: 558px;
        margin-right: 18px;
    }
    .lf .ul1 li{
        width: 558px;
        margin-bottom: 20px;
        float: left;
        height: 195px;
        /* width: 303px; */
        background: #fff;
        border: 1px solid #e3e3e3;
        padding: 12px 20px 12px 12px;
        position: relative;
    }
    .lf .ul2 li:nth-child(1),.lf .ul2 li:nth-child(3) {
        margin-right: 18px;
    }


    .life .lf li a{
        width: 100%;
        height: 100%;
        display: block;
    }
    .lf li .jt {
        position: absolute;
        width: 32px;
        height: 18px;
        right: 22px;
        bottom: 18px;
        background: url(../images/jt_01.jpg) no-repeat center
    }
    .lf li .img {
        float: left;
        width: 225px;
    }
    .lf li .img img {
        width: 100%;
    }
    .lf li .txt p {
        float: left;
        width: 283px;
        padding: 12px 0px 0 22px;
        font-size: 16px;
    }
    .lf li .txt span {
        float: left;
        font-size: 16px;
        padding-top: 40px;
        padding-left: 22px;
    }

    .lf li:hover {
        /* border: 3px solid #e3e3e3; */
        /* box-shadow: ; */
        color: #ef6632;
        box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.3);
    }
    .lf li:hover a{
        color: #ef6632;
    }
    .lf li:hover .jt{
        background: url(../images/jt_02.jpg) no-repeat center
    }


    .life .sy_t2 {
        color: #000;
    }
    .life .sy_t2:before,.life .sy_t2:after{
        background-color: #000;
    }
    .life .sy_anq2 {
        margin-top: 40px;
    }

}
@media only screen and (max-width: 1200px) {

    .life .lf {
        width: 100%;
        /* height: 410px; */
        float: left;
        background-color: #fff;
    }
    .lf li .img {
        width: 40%;
        line-height: 110px;
    }

    .lf .ul2 li {
        float: left;
        background: #fff;
        border: 1px solid #e3e3e3;
        padding-right: 12px;
        position: relative;
        margin: 2%;
    }
    .lf .ul1 {
        float: left;
        width: 100%;
    }
    .lf .ul1 li{
        width: 95%;
        float: left;
        background: #fff;
        border: 1px solid #e3e3e3;
        padding: 10px 20px 5px 12px;
        position: relative;
        margin: 2%;
    }
    
    .life .lf li a{
        width: 100%;
        height: 100%;
        display: block;
    }
    .lf li .jt {
        position: absolute;
        width: 32px;
        height: 18px;
        right: 22px;
        bottom: 18px;
        background: url(../images/jt_01.jpg) no-repeat center
    }
    .lf li .img {
        float: left;
    }
    .lf li .txt p {
        /* float: left; */
        /* width: 283px; */
        padding: 12px 0px 0 22px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .lf li .txt span {
        float: left;
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 22px;
    }

    .lf li .jt {
        display: none;
    }

    .life .sy_anq2 {
        margin-top: 20px;
    }

}

/* 友情链接 */
@media only screen and (min-width: 1200px) {
    .yq {
        /* background-color: #f5f5f5; */
        padding-bottom: 50px;
        padding-top: 50px;
        height: 352px;
    }
    .yq .tit {
        font-size: 24px;
        height: 50px;
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 20px;
        line-height: 26px;
        margin-bottom: 39px;
    }
    .yq .tit i {
        display: inline-block;
        width: 7px;
        height: 26px;
        background-color: #f16624;
        margin-right: 20px;
        vertical-align: text-bottom;
    }
    .yq  li {
        float: left;
        margin-right: 18px;
        margin-bottom: 22px;
        width: 286px;
        height: 74px;
        font-size: 16px;
        text-align: center;
    }

    .yq  li a{
        display: block;
        width: 100%;
        color: #fff;
    }
    .yq  li p {
        line-height: 74px;
    }
    .yq  li p.num2{
        line-height: 22px;
        padding-top: 16px;
    }

    .yq li:nth-child(4),.yq li:nth-child(8){
        margin-right: 0;
    }

}
@media only screen and (max-width: 1200px) {
    .yq {
        /* background-color: #f5f5f5; */
        margin-bottom: 20px;
    }
    .yq .tit {
        font-size: 20px;
        height: 40px;
        width: 90px;
        border-bottom: 2px solid #000;
        margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 10px;
        word-spacing:nowrap;
    }
    .yq  li {
        float: left;
        width: 31%;
        margin: 0 1%;
        height: 49px;
        /* margin-left: 1%; */
        margin-bottom: 15px;
        /* margin: 1%; */
        text-align: center;
    }
    .yq  li a{
        display: block;
        width: 100%;
        color: #fff;
    }
    .yq  li p {
        /* line-height: 49px; */
        padding: 0 5px;
        height: 49px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .yq  li:nth-child(3) p{
        /* line-height: 20px; */
        /* padding-top: 5px; */
    }
}
@media only screen and (max-width: 992px) {
    /* .yq  li {
        float: left;
        width: 32%;
        height: 49px;
        margin-left: 0;
        margin-right: 1%;
        margin-bottom: 3.5%;
        text-align: center;
    } */
}
@media only screen and (max-width: 768px) {
    .yq  li {
        float: left;
        width: 46%;
        height: 49px;
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 4%;
    }
}
@media only screen and (max-width: 480px) {
    .yq  li {
        float: left;
        width: 46%;
        height: 49px;
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 7px;
    }
}
.yq li:nth-child(1),.yq li:nth-child(5){
    background: url(../images/lj_01.jpg) no-repeat center;
}
.yq li:nth-child(2),.yq li:nth-child(6){
    background: url(../images/lj_02.jpg) no-repeat center
}
.yq li:nth-child(3),.yq li:nth-child(7){
    background: url(../images/lj_03.jpg) no-repeat center
}
.yq li:nth-child(4),.yq li:nth-child(8){
    background: url(../images/lj_04.jpg) no-repeat center
}
.yq li {
    background-size: cover !important;
}
/* foot */
@media only screen and (min-width: 1200px) {
    .foot {
        width: 100%;
        background: url(../images/bg4_04.jpg) no-repeat center;
        background-size: cover;
        color: #fff;
        padding-top: 50px;
        padding-bottom: 2px;
    }
    .foot .main {
        position: relative;
    }
    .foot a {
        color: #fff;
    }
    .foot .foot-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 28px;
    }
    .foot-item p {
        font-size: 16px;
    }
    .foot-item p i {
        margin: 0 10px;
    }
    .foot-item .p2 {
        font-size: 14px;
    }
    .foot-item .sr ,
    .foot-item .sr ul{ 
        display: flex;
        align-items: center;
    }
    .sr ul li {
        margin-left: 13px;
    }

}
@media only screen and (max-width: 1200px) {
    .foot {
        width: 100%;
        background: url(../images/bg4_04.jpg) no-repeat center;
        background-size: cover;
        color: #fff;
        padding: 10px;
        padding-bottom: 2px;
    }
    .foot .main {
        position: relative;
    }
    .foot a {
        color: #fff;
    }
    .foot .foot-item {
        margin-bottom: 10px;
    }
    .foot-item p {
        font-size: 14px;
    }
    .foot-item p i {
        margin: 0 10px;
    }
    .foot-item .p2 {
        font-size: 14px;
    }
    .foot-item .sr ,
    .foot-item .sr ul{ 
        display: flex;
        align-items: center;
    }
    .sr ul li {
        margin-left: 13px;
    }

}


/* 生涯 */
@media only screen and (min-width: 1200px) {
    .sysxw {
        background: url(../images/sy_bg.jpg) no-repeat center;
        background-size: cover;
        padding-bottom: 1px;
    }
    .sysjs .sy_t2 ,
    .sysxw .sy_t2 {
        color: #333;
    }
    .sysxw .sy_t2:before,.sysxw .sy_t2:after,
    .sysjs .sy_t2:before,.sysjs .sy_t2:after{
        background-color: #333;
    }
    .sysxw .sy_anq2 {
        margin-top: 40px;
    }
    .sysxw .lf {
        float: left;
        width: 597px;
    }
    .sysxw .rf {
        float: right;
        width: 540px;
    }
    .sysxw .sy_ban2 {
        width: 100%;
        position: relative;
    }
    .sy_ban2 .imgk {
        width: 597px;
        height: 400px;
    }
    .sy_ban2 .imgk img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .sy_ban2 .info {
        background-color: #f79100;
        color: #fff;
        min-height: 107px;
        padding: 15px 20px;
    }
    .sy_ban2 .info .tit {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .sy_ban2 .info .txt {
        width: 470px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .sy_ban2 .sw-btn {
        display: flex;
        align-items: center;
        position: absolute;
        right: 15px;
        bottom: 15px;
        z-index: 2;
    }
    .sy_ban2 .sw-btn img {
        width: 35px;
        height: 25px;
        margin: 0 5px;
        cursor: pointer;
    }
    .u1 li a{
        display: flex;
        align-items: center;
        padding: 13px 0;
        border-bottom: 1px solid #dcdcdc;

    }
    .u1 .time {
        width: 60px;
        /* height: 55px; */
        border: 1px solid #f7f7f7;
        text-align: center;
    }
    .u1 .time p {
        color: #fff;
        background-color: #f79100;
        font-size: 18px;
        padding: 2px 0;
    }
    .u1 .time span {
        color: #15364f;
        display: block;
        background-color: #fff;
        font-size: 14px;
    }
    .u1 .txt {
        flex: 1;
        width: 100%;
        padding-left: 30px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .u1 li a:hover {
        color: #15364f;
    }
    .sysxw .more {
        display: block;
        width: 126px;
        height: 40px;
        border: 1px solid #f79100;
        color: #666;
        background-color: #fff;
        margin: 60px auto;
        text-align: center;
        line-height: 38px;
    }
    .sysxw .more img {
        margin-left: 5px;
        width: 10px;
    }
    .sysxw .more:hover img{
        transform: translateX(5px);
    }

    .tzgg {
        background: url(../images/sy_bg2.jpg) no-repeat center;
        background-size: cover;
        padding-bottom: 1px;
    }
    .u2 li {
        float: left;
        margin-bottom: 25px;
        margin-right: 32px;
    }
    .u2 li:nth-child(3n) {
        margin-right: 0;
    }
    .u2 li a {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        padding-top: 8px;
    }
    .u2 li .box1 {
        width: 375px;
        height: 75px;
        border: 2px solid #fff;
        background-color: #f16527;
    }
    .u2 li .box2 {
        position: absolute;
        width: 375px;
        height: 75px;
        background-color: #fff;
        padding: 10px;
        left: 8px;
        top: 0;
        z-index: 2;
        display: flex;
        align-items: center;
    }
    .u2 .time {
        width: 60px;
        /* height: 55px; */
        text-align: center;
        background-color: #f79100;
        color: #fff;

    }
    .u2 .time p {
        font-size: 18px;
        padding: 2px 0;
    }
    .u2 .time span {
        display: block;
        font-size: 14px;
    }
    .u2 .txt {
        flex: 1;
        width: 100%;
        padding-left: 15px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .tzgg .more {
        display: block;
        width: 126px;
        height: 40px;
        border: 1px solid #fff;
        color: #fff;
        margin: 60px auto;
        margin-top: 15px;
        text-align: center;
        line-height: 38px;
    }
    .tzgg .more img {
        margin-left: 5px;
        width: 10px;
    }
    .tzgg .more:hover img{
        transform: translateX(5px);
    }

    .sysjs {

    }
    .sysjs .cont {
        position: relative;
    }
    .sysjs .lf{
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .sysjs .lf .imgk1{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 440px;
        height: 333px;
        background-color: #f79100;
    }
    .sysjs .lf .imgk {
        position: absolute;
        bottom: 18px;
        left: 18px;
        width: 440px;
        height: 333px;
        z-index: 2;
    }
    .sysjs .lf .imgk img{
        width: 100%;
        height: 100%;
    }
    .sysjs .rf {
        float: right;
        width: 972px;
        height: 390px;
        background-color: #f9f9f9;
        padding-left: 295px;
        padding-top: 40px;
        padding-right: 40px;
    }
    .sysjs .rf .tit {
        font-size: 22px;
        color: #15364f;
        margin-bottom: 20px;
    }
    .sysjs .rf .txt {
        font-size: 16px;
        line-height: 1.8;
        color: #666;
        max-height: 235px;
        overflow: hidden;
    }
    .sysjs .more {
        display: inline-block;
        color: #999;
        margin-top: 15px;
        line-height: 38px;
    }
    .sysjs .more img {
        margin-left: 5px;
        width: 10px;
    }
    .sysjs .more:hover img{
        transform: translateX(5px);
    }
}
@media only screen and (max-width: 1200px) {
    .sysxw {
        background: url(../images/sy_bg.jpg) no-repeat center;
        background-size: cover;
        padding-bottom: 1px;
    }
    .sy_t2 {

    }
    .sysjs .sy_t2 ,
    .sysxw .sy_t2 {
        color: #333;
    }
    .sysxw .sy_t2:before,.sysxw .sy_t2:after,
    .sysjs .sy_t2:before,.sysjs .sy_t2:after{
        background-color: #333;
    }
    .sysxw .sy_anq2 {
        margin-top: 40px;
    }
    .sysxw .lf {
        width: 100%;
        padding: 0 2%;
    }
    .sysxw .rf {
        width: 100%;
        padding: 0 2%;

    }
    .sysxw .sy_ban2 {
        width: 100%;
        position: relative;
    }
    .sy_ban2 .imgk {
        width: 100%;
        height: 64vw;
    }
    .sy_ban2 .imgk img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .sy_ban2 .info {
        background-color: #f79100;
        color: #fff;
        min-height: 107px;
        padding: 15px 20px;
        padding-bottom: 40px;
    }
    .sy_ban2 .info .tit {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .sy_ban2 .info .txt {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .sy_ban2 .sw-btn {
        display: flex;
        align-items: center;
        position: absolute;
        right: 15px;
        bottom: 10px;
        z-index: 2;
    }
    .sy_ban2 .sw-btn img {
        width: 35px;
        height: 25px;
        margin: 0 5px;
        cursor: pointer;
    }
    .u1 li a{
        display: flex;
        align-items: center;
        padding: 13px 0;
        border-bottom: 1px solid #dcdcdc;

    }
    .u1 .time {
        width: 60px;
        /* height: 55px; */
        border: 1px solid #f7f7f7;
        text-align: center;
    }
    .u1 .time p {
        color: #fff;
        background-color: #f79100;
        font-size: 18px;
        padding: 2px 0;
    }
    .u1 .time span {
        color: #15364f;
        display: block;
        background-color: #fff;
        font-size: 14px;
    }
    .u1 .txt {
        flex: 1;
        width: 100%;
        padding-left: 30px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .u1 li a:hover {
        color: #15364f;
    }
    .sysxw .more {
        display: block;
        width: 126px;
        height: 40px;
        border: 1px solid #f79100;
        color: #666;
        background-color: #fff;
        margin: 30px auto;
        text-align: center;
        line-height: 38px;
    }
    .sysxw .more img {
        margin-left: 5px;
        width: 10px;
    }
    .sysxw .more:hover img{
        transform: translateX(5px);
    }

    .tzgg {
        background: url(../images/sy_bg2.jpg) no-repeat center;
        background-size: cover;
        padding-bottom: 1px;
    }
    .u2 {
        padding: 0 2%;
    }
    .u2 li {
        margin-bottom: 25px;
    }
    .u2 li:nth-child(3n) {
        margin-right: 0;
    }
    .u2 li a {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        padding-top: 8px;
    }
    .u2 li .box1 {
        width: 97%;
        height: 75px;
        border: 2px solid #fff;
        background-color: #f16527;
    }
    .u2 li .box2 {
        position: absolute;
        width: 97%;
        height: 75px;
        background-color: #fff;
        padding: 10px;
        left: 8px;
        top: 0;
        z-index: 2;
        display: flex;
        align-items: center;
    }
    .u2 .time {
        width: 60px;
        /* height: 55px; */
        text-align: center;
        background-color: #f79100;
        color: #fff;

    }
    .u2 .time p {
        font-size: 18px;
        padding: 2px 0;
    }
    .u2 .time span {
        display: block;
        font-size: 14px;
    }
    .u2 .txt {
        flex: 1;
        width: 100%;
        padding-left: 15px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .tzgg .more {
        display: block;
        width: 126px;
        height: 40px;
        border: 1px solid #fff;
        color: #fff;
        margin: 30px auto;
        margin-top: 15px;
        text-align: center;
        line-height: 38px;
    }
    .tzgg .more img {
        margin-left: 5px;
        width: 10px;
    }
    .tzgg .more:hover img{
        transform: translateX(5px);
    }

    .sysjs {

    }
    .sysjs .cont {
        position: relative;
    }
    .sysjs .lf{
        height: 70vw;
        position: relative;
        padding: 0 2%;
    }
    .sysjs .lf .imgk1{
        position: absolute;
        bottom: 0;
        left: 2vw;
        width: 90%;
        height: 68vw;
        background-color: #f79100;
    }
    .sysjs .lf .imgk {
        position: absolute;
        bottom: 2vw;
        left: 4vw;
        width: 90%;
        height: 68vw;
        z-index: 2;
    }
    .sysjs .lf .imgk img{
        width: 100%;
        height: 100%;
    }
    .sysjs .rf {
        width: 100%;
        background-color: #f9f9f9;
        padding: 2%;
    }
    .sysjs .rf .tit {
        font-size: 18px;
        color: #15364f;
        margin-bottom: 10px;
    }
    .sysjs .rf .txt {
        font-size: 14px;
        line-height: 1.5;
        color: #666;
    }
    .sysjs .more {
        display: inline-block;
        color: #999;
        margin-top: 15px;
        line-height: 38px;
    }
    .sysjs .more img {
        margin-left: 5px;
        width: 10px;
    }
    .sysjs .more:hover img{
        transform: translateX(5px);
    }
}