.banner-item em{

    display: block;

    padding-top: 48%;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}



#banner .slick-dots{

    position: absolute;

    left: 0;

    bottom: 68px;

    width: 100%;

    text-align: center;

}



#banner .slick-dots li{

    display: inline-block;

    vertical-align: middle;

    margin:0 12px;

}



#banner .slick-dots li button{

    width: 18px;

    height: 18px;

    font-size: 0;

}



#banner .slick-dots .slick-active button{

    background:#00aeef;

}



.index-m1{

    padding: 30px 0 70px;

    background: #f5fcfe;

}



.index-m1 .index-tit{

    text-align: center;

}



.index-tit strong{

    display: block;

    font-size: 46px;

    color:#222;

}



.index-tit em{

    display: inline-block;

    margin-top: 9px;

    font-size: 16px;

    color:#777;

}





.index-list{

    /*display: flex;*/

    /*-webkit-flex-wrap: wrap;*/

    /*flex-wrap: wrap;*/

    overflow: hidden;

}



.index-list .slick-list{

    padding: 48px 0 30px !important;

}



.index-list-item{

    position: relative;

    width: 25%;

}



.index-list-bg{

    position: relative;

    padding-top: 125%;

    -webkit-background-size: cover;

    background-size: cover;

}



.index-list-bg:after{

    content:"";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: rgba(18,59,94,.45);

}



.index-list-box{

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

}



.index-list-box .box{

    position: absolute;

    z-index: 3;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    display: flex;

    -webkit-flex-direction: column;

    flex-direction: column;

    -ms-align-items: center;

    align-items: center;

    justify-content: center;

    color:#fff;

}



.index-list-icon{

    width: 60px;

    height: 60px;

    margin:85px 0 35px;

}



.index-list-tit{

    font-size: 24px;

}



.index-list-box p{

    font-size: 16px;

    opacity: 0;

    -webkit-transition:.3s;

    transition:.3s;

}



.index-list-tit,

.index-list-box p{

    width: 100%;

    text-align: center;

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow: hidden;

}



.index-list-box em{

    width: 150px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 16px;

    border:1px solid #fff;

    opacity: 0;

    -webkit-transition:.3s;

    transition:.3s;

}



.index-list-item:hover .index-list-icon{

    margin-top: 0;

}



.index-list-item:hover p{

    margin:16px 0 100px;

    opacity: 1;

}



.index-list-item:hover em{

    opacity: 1;

}



.index-list-item:hover .index-list-box:after{

    z-index: 2;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    opacity: 1;

}



.index-list-box:after{

    content:"";

    position: absolute;

    left: 0;

    right: 0;

    bottom: -5%;

    top: -5%;

    background: #50a9b5;

    -webkit-transition:.3s;

    transition:.3s;

    -webkit-transform: scale(.6);

    transform: scale(.6);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    opacity: 0;

}



.index-m2{

    padding: 80px 0;

    overflow: hidden;

}



.index-info-img{

    float: right;

    width: 534px;

}



.index-info-img img{

    width: 534px;

}



.index-m2 .index-tit em{

    margin-top: 0;

    font-size: 30px;

    color:#50a9b5;

    text-transform: uppercase;

    font-family: "din";

}



.index-info-txt{

    width: 740px;

}



.index-info-txt p{

    margin:35px 0;

    height: 180px;

    line-height: 36px;

    font-size: 16px;

    display: -webkit-box;

    white-space: normal;

    text-overflow: ellipsis;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    word-break: break-all;

    overflow: hidden;

}



.index-info-txt a{

    display: inline-block;

    text-align: center;

    font-size: 16px;

    color:#b8b8b8;

    width: 160px;

    height: 50px;

    line-height: 50px;

    border:1px solid #d1d1d1;

    color:#d1d1d1;

}



.index-info-txt a:hover{

    background: #50a9b5;

    color:#fff;

    border-color:#50a9b5;

}



.index-m3{

    background: #367e88;

    color:#fff;

}



.index-num{

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    justify-content: space-between;

    padding: 0 20px;

}



.index-num-item{

    /*width: 25%;*/

    display: flex;

    -webkit-flex-direction: column;

    flex-direction: column;

    justify-content: center;

    -ms-align-items: center;

    align-items: center;

    height: 290px;

}



.index-num-icon{

    width: 50px;

    height: 50px;

}



.index-num-item span{

    font-size: 86px;

    font-family: "din";

}



.index-num-item p{

    font-size: 20px;

}



.index-num-item span.add:after{

    content:"+";

    margin-left: 10px;

    font-size: 32px;

    font-family:"微软雅黑","Microsoft Yahei";

}



.index-num-item span.year:after{

    content:"年";

    margin-left: 10px;

    font-size: 20px;

    font-family:"微软雅黑","Microsoft Yahei";

}



.index-num-item span.num:after{

    content:"万";

    margin-left: 10px;

    font-size: 32px;

    font-family:"微软雅黑","Microsoft Yahei";

}



.index-news{

    padding: 80px 0;

}



.index-news .more{

    float: right;

    display: inline-block;

    margin-top: 12px;

    font-size: 16px;

    color:#b8b8b8;

    width: 160px;

    height: 50px;

    line-height: 50px;

    border:1px solid #d1d1d1;

    color:#d1d1d1;

}



.index-news .more i{

    display: inline-block;

    margin-left: 13px;

    padding-left: 40px;

    font-style: normal;

    font-size: 18px;

    color:#676767;

    background: url(../images/more.png) no-repeat left center;

}



.index-news .more:hover i{

    color:#00aeef;

}



.index-news ul{

    overflow: hidden;    

    margin: 40px 0 0 -40px;

}



.index-news-item{

    float: left;

    width: 33.33%;    

}



.index-news-box{

    position: relative;

    overflow: hidden;

    display: block;

    margin-left: 40px;

}



.index-news-img em{

    position: relative;

    display: block;

    padding-top: 100%;

    -webkit-background-size: cover;

    background-size: cover;

    -webkit-transition:.3s;

    transition:.3s;

}



.index-news-img:after{

    content:"";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    background: rgba(18,59,94,.5);

    -webkit-transition:.3s;

    transition:.3s;

}



.index-news-con{

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 3;

    display: flex;

    justify-content: space-between;

    flex-direction: column;

    padding: 35px;

    color:#fff;

}



.index-news-time{

    padding-left: 50px;

    font-size: 18px;

    font-family: "din";

    line-height: 31px;

    background: url(../images/rl.png) no-repeat left center;

}



.index-news-tit{

    margin-top: 35px;

    font-size: 20px;

    height: 80px;

    line-height: 40px;



}



.index-news-des{

    font-size: 16px;

    color:#c6c6c6;

    height: 60px;

    line-height: 30px;

}



.index-news-tit,

.index-news-des{

    display: -webkit-box;

    white-space: normal;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    word-break: break-all;

    overflow: hidden;

}



a:hover .index-news-img em{

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



a:hover .index-news-img:after{

    opacity: 0;

}



.index-brand .index-tit{

    text-align: center;

}



.index-brand ul{

    overflow: hidden;

    margin:-58px 0 0 -58px;

    padding: 40px;

}



.index-brand-item{

    float: left;

    width: 16.66%;

}



.index-brand-box{

    margin:58px 0 0 58px;

}



.index-brand-box em{

    display: block;

    padding-top: 41%;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}



.about-info{

    margin:90px auto;

    overflow: hidden;

    max-width: 1200px;

}



.about-info-img{

    float: right;

    width: 495px;

}



.about-info-con{

    padding:10px 580px 0 0;

}



.about-info-tit strong{

    display: block;

    font-size: 24px;

    line-height: 47px;

    color:#333;

}



.about-info-tit em{

    position: relative;

}

/*

.about-info-tit strong:last-of-type em:after{

    content:"";

    position: absolute;

    left: 100%;

    bottom: 0;

    margin-left: 5px;

    width: 13px;

    height: 13px;

    border:2px solid #50a9b5;

    border-radius: 50%;

}
*/


.about-info-txt{

    padding:20px 0;

    font-size: 14px;

    color:#777;

    line-height: 30px;

}



.about-info-txt p{

    margin-bottom: 24px;

}



.about-info-num{

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: space-between;

}



.about-info-num .item{

    text-align: center;

}



.about-info-num .num{

    font-family: "din";

    font-size: 41px;

}



.about-info-num .num:after{

    margin-left: 5px;

    content:attr(data-attr);

    font-size: 14px;

}



.about-info-num .num.add:after{

    font-size: 24px;

}



.about-info-num p{

    font-size: 14px;

    color:#999;

}



.about-title{

    text-align: center;

    font-size: 24px;

    color:#222;

}



.about-title:after{

    content:"";

    display: block;

    margin:14px auto;

    width: 16px;

    height: 2px;

    background: #a2a2a2;

}



.about-team{

    padding: 54px 0;

    background: #f5f6fb;

}



.about-team .wp{

    overflow: hidden;

}



.about-team-des{

    margin:0 auto;

    max-width: 940px;

    font-size: 16px;

    line-height: 28px;

    text-align: center;

}





.about-team-ul{

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    margin:70px -22px 0;

}



.about-team-item{

    width: 20%;

    padding: 0 22px;

    text-align: center;

}



.about-team-icon{

    display: block;

    margin:0 auto;

    width: 126px;

    height: 126px;

}



.about-team-tit{

    margin:18px 0 8px;

    font-size: 18px;

    color:#333;

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow: hidden;

    -webkit-transition:.3s;

    transition:.3s;

}



.about-item-des{

    display: -webkit-box;

    line-height: 30px;

    height: 180px;

    white-space: normal;

    text-overflow: ellipsis;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

    word-break: break-all;

    overflow: hidden;

    font-size: 14px;

}



.about-team-item:hover .about-team-tit{

    color:#50a9b5;

}



.corporate-culture{

    padding: 54px 0;

}



.corporate-culture .wp{

    overflow: hidden;

}



.corporate-culture-list{

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    margin:0 -20px;

    padding-top: 47px;

}



.corporate-culture-item{

    padding: 0 20px;

    width: 25%;

}



.corporate-culture-img{

    overflow: hidden;

    border-radius: 4px 4px 0 0;

}



.corporate-culture-img em{

    display: block;

    padding-top: 71%;

    -webkit-background-size: cover;

    background-size: cover;

}



.corporate-culture-txt{

    padding: 36px 25px ;

    background: #f5f6fb;

    border-radius: 0 0 4px 4px;

}



.corporate-culture-tit{

    margin-bottom: 11px;

    font-size: 18px;

    color:#333;

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow: hidden;

    text-align: center;

}



.corporate-culture-des{

    font-size: 14px;

    line-height: 28px;

    height: 112px;

    white-space: normal;

    text-overflow: ellipsis;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    word-break: break-all;

    overflow: hidden;

}



.corporate-culture-txt,

.corporate-culture-tit,

.corporate-culture-des,

.corporate-culture-img em{

    -webkit-transition:.3s;

    transition:.3s;

}





.corporate-culture-item:hover .corporate-culture-img em{

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



.corporate-culture-item:hover .corporate-culture-txt{

    background: #50a9b5;

}



.corporate-culture-item:hover .corporate-culture-tit,

.corporate-culture-item:hover .corporate-culture-des{

    color:#fff;

}



.cooperation{

    padding: 30px 50px 0;

    background: #f5f6fb;

}



.cooperation  .swiper-container {

    padding: 20px 0 35px;

}



.cooperation .swiper-slide{

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.cooperation .swiper-slide em{

    display: block;

    padding-top: 41%;

    width: 100%;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}



.cooperation .swiper-button-white{

    position: absolute;

    top: 50%;

    width: 16px;

    height: 27px;

    background: url(../images/prev.png) no-repeat center;

    -webkit-background-size: cover;

    background-size: cover;

    -webkit-transition:.3s;

    transition:.3s;

}



.cooperation .swiper-button-prev{

    left: 0px;

}



.cooperation .swiper-button-next{

    right: 0px;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



.cooperation .swiper-button-white:hover{

    background-image: url(../images/prev_on.png);

}

/*

.responsive{

    margin:-58px -29px 60px ;

    padding: 0 50px;

}



.responsive .swiper-box{

    margin: 58px 0 0 58px;

    margin:58px 29px 0 ;

}



.responsive .slick-arrow{

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 3;

    width: 20px;

    background:#f5f6fb url(../images/prev.png) no-repeat center;

    -webkit-background-size: 100% auto;

    background-size: 100% auto;

    -webkit-transition:.3s;

    transition:.3s;

    font-size:0;

}



.responsive .slick-prev{

    left: 29px;

}



.responsive .slick-next{

    right: 29px;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



.responsive .slick-arrow:hover{

    background-image: url(../images/prev_on.png);

}*/



.list-case{

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    margin:-30px 0 0 -30px;

}



.list-case-item{

    float: left;

    width: 33.33%;

}



.list-case-box{

    display: block;

    margin:30px 0 0 30px;

}



.list-case-img{

    position: relative;

    overflow: hidden;

}



.list-case-img em,

.list-case-img,

.list-case-con h3{

    -webkit-transition:.3s;

    transition:.3s;

}



.list-case-img em{

    display: block;

    padding-top: 70%;

    -webkit-background-size: cover;

    background-size: cover;

}



a:hover .list-case-img em{

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



a:hover .list-case-img{

    -webkit-box-shadow: 0 3px 10px 0 rgba(73,73,73,.27);

    box-shadow: 0 3px 10px 0 rgba(73,73,73,.27);

}



.list-case-img img{

    position: absolute;

    left: 20px;

    top: 0;

    z-index: 2;

    width: 50px;

}



.list-case-con{

    padding: 15px;

}



.list-case-con h3{

    margin-bottom: 10px;

    font-size: 20px;

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow: hidden;

}



a:hover .list-case-con h3{

    color:#50a9b5;

}



.list-case-con p{

    display: -webkit-box;

    white-space: normal;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    word-break: break-all;

    overflow: hidden;

    line-height: 21px;

    height: 42px;

    font-size: 14px;

    color:#666;

}



.recruit_list_item{

    margin-bottom: 15px;

}



.recruit_list_let{

    position: relative;

    padding:0 60px 0 30px;

    background: #999;

}



.recruit_list_let:before{

    content:"";

    position: absolute;

    right: 30px;

    top: 0;

    bottom: 0;

    width: 23px;

    background: url(../images/arr.png) no-repeat center;

    -webkit-transition:.3s;

    transition:.3s;

}



.recruit_list_item.on .recruit_list_let:before{

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



.recruit_list_let h3{

    font-size: 20px;

    color:#fff;

    height: 55px;

    line-height: 55px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

} 



.recruit_list_item.on .recruit_list_let{

    background-color: #50a9b5;

}



.recruit_list_bd {

    padding: 0px 30px 10px;

    display: none;

}





.recruit_list_bd h3{

    padding: 20px 0;

    font-size: 18px;

    color:#454545;

    border-bottom: 1px solid #dddee6;

}



.recruit_list_bd p{

    font-size: 14px;

    line-height: 30px;

}



.recruit_list_con{

    padding: 15px 0 0;

    font-size: 16px;

    color:#999;

}



.recruit_list_con a{

    color:#c70d12;

    padding-right: 20px;

}



.recruit_list_con a:hover{

    text-decoration: underline;

}



.recruit_list_con p em{

    display: inline-block;



    padding-right: 20px;

}





.slide-con{

    overflow: hidden;

}



.slide-con-img em{

    display: block;

    padding-top: 60%;

    -webkit-background-size: 100% auto;

    background-size: 100% auto;
    background-position:center;
    background-repeat:no-repeat;

}



.slide-nav{

    margin:0 -100px;

}



.slide-nav:after,

.slide-nav:before{

    content:"";

    position: absolute;

    top: 50%;

    width: 328px;

    height: 13px;

    background: url(../images/line.png) no-repeat center;

    -webkit-background-size: cover;

    background-size: cover;

}



.slide-nav:before{

    left: 23%;

}



.slide-nav:after{

    right: 23%;

}



.slide-nav-item{

    text-align: center;

    font-size: 65px;

    font-family: "DIN-Medium";

    font-weight: normal;

    color:#d2d2d2;

}



.slide-nav-item.slick-center{

    color:#555;

}



.slide-con{

    max-width: 900px;

    margin:20px auto 0;

}



.slide-con .slick-list{

    /*padding: 60px 0 80px !important;    */

}



.slide-con-img{

    -webkit-transition:.3s;

    transition:.3s;

}



.slide-con-item.slick-center .slide-con-img{

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



.slide-con em{

    border:6px solid #dfdfdf;

}



.slide-con p{

    margin-top: 20px;

    font-size: 18px;

    text-align: center;

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow: hidden;

    /*opacity: 0;*/

}



.slide-con-item.slick-center p{

    opacity: 1;

}



.slide-tab{

    display: none;

}



.slide-tab.db{

    display: block;

}



.contact-address{

    overflow: hidden;

    padding: 0 50px;

}



.contact-address-img{

    float: right;

    margin-top: 50px;

    width: 620px;   

    box-shadow: 0 3px 10px 0 rgba(0,0,0,.22); 

}



.contact-address-img img{

    display: block;

}



.contact-address-con{

    width: 620px;

}



.contact-address-con h3{

    font-size: 24px;

    color:#333;

}



.contact-ul-item{

    overflow: hidden;

    margin:30px 0 0;

}



.contact-ul-icon{

    float: left;

    width: 70px;

    height: 70px;

}



.contact-ul-box{

    padding:5px 0 0 85px;

    line-height: 28px;

    color:#444;

    font-size: 18px;

}



.contact-box{

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 0 50px;

}



.contact-txt{

    flex:1;

    padding-right: 80px;

}



.contact-form{

    width: 670px;

}



.contact-txt h3{

    font-size: 46px;

    color:#50a9b5;

    font-weight: normal;

    border-bottom: 2px solid #50a9b5;

}



.contact-txt strong{

    display: inline-block;

    padding: 17px 0 33px;

    font-size: 34px;

    color:#333;

    font-weight: normal;

}



.contact-txt .con{

    font-size: 15px;

    color:#999;

    line-height: 30px;

}



.contact-inp{

    margin-bottom: 10px;

}



.contact-inp textarea,

.contact-inp input{

    display: block;

    width: 100%;

    background: #f5f6fb;

    border:0;

    font-size: 16px;

}



.contact-inp textarea{

    padding: 16px 24px;

    height: 160px;

    resize:none;

}



.contact-inp input{

    padding: 0 24px;

    height: 60px;

    line-height: 60px;

}



.contact-inp textarea::-webkit-input-placeholder,

.contact-inp input::-webkit-input-placeholder{

   font-family:"微软雅黑","Microsoft Yahei";

   color:#d0d0d0;

}



.contact-inp textarea::-moz-placeholder,

.contact-inp input::-moz-placeholder{ 

   font-family:"微软雅黑","Microsoft Yahei";

   color:#d0d0d0;  

}



.contact-inp textarea::-ms-input-placeholder ,

.contact-inp input::-ms-input-placeholder {  

   font-family:"微软雅黑","Microsoft Yahei";

   color:#d0d0d0;  

}



.contact-form button{

    width: 100%;

    height: 60px;

    background: none;

    border:2px solid #50a9b5;

    font-size: 18px;

    color:#50a9b5;

    -webkit-transition:.3s;

    transition:.3s;

}



.contact-form button:hover{

    background: #50a9b5;

    color:#fff;

}



#map{

    margin: 80px 50px 0;

    height: 385px;

}



.list-honor{

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

}



.list-honor-item{

    width: 25%;

}



.list-honor-box{

    display: block;

    margin:0 20px;

}



.list-honor-img {

    position: relative;

}



.list-honor-img em{

    display: block;

    padding-top: 131%;

    -webkit-background-size: cover;

    background-size: cover;

}



.list-honor-box p{

    margin:15px 0 35px;

    text-align: center;

    color:#666;

    font-size: 16px;

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow: hidden;

}



.ins_xq{

    margin:0 80px;

    padding:50px;

    background: #fff;

    font-size: 14px;

    line-height: 26px;

}



.ins_xq h1{

    font-size: 30px;

    line-height: 1.3;

    color:#444;

    font-weight: bold;

}



.ins_xq .con{

    padding: 20px 0;

}



.ins_xq .con p{
    text-indent: 2em;

}



.ins_xq .time{

    display: inline-block;

    margin-top: 20px;

    padding-left: 34px;

    background: url(../images/rl2.png) no-repeat 7px center;

}



.ins_footer{

    padding-top: 30px;

    border-top: 2px dashed #dadada;

}



.list-news{

    overflow: hidden;

    margin:-40px 0 0 -40px;

}



.list-news-item{

    float: left;

    width: 33.33%;

}



.list-news-box{

    display: block;

    margin:40px 0 0 40px;

}



.list-news-img{

    position: relative;

    overflow: hidden;

}



.list-news-img em{

    display: block;

    padding-top: 59%;

    -webkit-background-size: cover;

    background-size: cover;

    -webkit-transition:.3s;

    transition:.3s;

}



.list-news-img:after{

    content:"";

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background:#50a9b5 url(../images/icon-add.png) no-repeat center;

    opacity: 0;



}



a:hover .list-news-img em{

    /*opacity: 1;*/

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



.list-news-con{

    padding:25px 30px;

    background: #fff;

}



.list-news-tag{

    height: 30px;

    overflow: hidden;

}



.list-news-tag em{

    display: inline-block;

    padding: 0 17px;

    height: 28px;

    line-height: 26px;

    border:1px solid #dadada;

    vertical-align: middle;

    font-size: 14px;

    border-radius: 32px;

    color:#999;

}



.list-news-title{

    margin:20px 0 16px;

    font-size: 20px;

    font-weight: bold;

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow: hidden;

}



.list-news-des{

    font-size: 14px;

    line-height: 28px;

    height: 56px;

    overflow: hidden;

    color:#777;

    display: -webkit-box;

    white-space: normal;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    word-break: break-all;

}



.list-news-time{

    margin:30px 0 39px;

    padding-left: 30px;

    background: url(../images/rl2.png) no-repeat left center;

    font-size: 14px;

    font-family: "din";

    color:#666;

}



.list-pic3 .list-pic-item{

    width: 16.66%;

}



.list-pic3 .list-pic-img,

.list-pic3 .list-pic-con{

    -webkit-transition:.5s;

    transition:.5s;

}



.list-pic3 .list-pic-img{

    position: absolute;

    left: 0;

    top: 0; 

    width: 100%;

}



.list-pic3 .list-pic-img em{

    width: 100%;

}



.list-pic3 .list-pic-item:first-of-type{

    width: 33.33%;

}

.list-pic5 .list-pic-item:first-of-type{

    width: 16.66%;

}


.list-pic5 .on .list-pic-img,

.list-pic5 .on .list-pic-con{

    right: 0;

    left: auto;

}



.list-pic3 a:hover .list-pic-img em{

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



/*.list-pic5 a:hover .list-pic-img{

    position: relative;

}
*/


.list-pic5 a:hover .list-pic-img,

.list-pic5 a:hover .list-pic-con{

    z-index: 2;

    width: 459px;

}



.ul-list{

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    margin:0 0 0 -26px;

}



.ul-list-item{

    width: 33.33%;

}



.ul-list-box{

    display: block;

    margin:0 0 50px 26px;

}



.ul-list-img{

    overflow: hidden;

}



.ul-list-img em{

    display: block;

    padding-top: 72%;

    -webkit-background-size: cover;

    background-size: cover;

    -webkit-transition:.5s;

    transition:.5s;

}



a:hover .ul-list-img em{

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



.ul-list-item h2{

    padding: 0 5px;

    height: 90px;

    line-height: 90px;

    text-align: center;

    background: #f5f6fb;

    color:#333;

    font-size: 22px;

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow: hidden;

}



.ul-list2 .ul-list-item{

    width: 50%;

}





.ul-list2 .ul-list-img em{

    padding-top: 47%;

}



.list-pic4 .list-pic-item{

    width:20% !important;

    -webkit-transition:.3s linear;

    transition:.3s linear;

}



.list-pic4 .list-pic-item.on{

    width: 40% !important;

}



/*.list-pic4 .list-pic-item:first-of-type{

    width: 40%;

}*/



/*.list-pic4 a:hover .list-pic-img,

.list-pic4 a:hover .list-pic-con{

    z-index: 2;

    width: 697px;

}



.list-pic4 .list-pic-img em{

    width: 697px;

}

*/



/*.list-pic4 .list-pic-item.on{

    width: 40%;

}



.list-pic4 .list-pic-item.no{

    width: 20%;

}



.list-pic4 .list-pic-con p{

    width: 80%;

}

*/

.list-info{

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    margin:-20px 0 0 -20px;

}



.list-info-item{

    width: 50%;

}



.list-info-box{

    display: block;

    margin:20px 0 0 20px;

}



.list-info-img {

    overflow: hidden;

}



.list-info-img em{

    display: block;

    padding-top: 47%;

    -webkit-background-size: cover;

    background-size: cover;

    -webkit-transition:.5s;

    transition:.5s;

}



a:hover .list-info-img em{

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



.list-info-con{

    padding: 20px 40px 25px;

    background: #fff;

    text-align: center;

}



.list-info-title{

    margin-bottom: 14px;

    font-size: 22px;

    color:#333;

}



.list-info-des{

    font-size: 16px;

    line-height: 28px;

    color:#999;

    height: 112px;

    display: -webkit-box;

    white-space: normal;

    text-overflow: ellipsis;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    word-break: break-all;

    overflow: hidden;

}


.slide-tab .slick-dots{
    text-align:center;
}

.slide-tab .slick-dots li{
    display:inline-block;
    margin:0 4px;
    vertical-align: middle;
}

.slide-tab .slick-dots button{
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius:50%;
    background:#fff;
}

.slide-tab .slick-active button{
    background:#50a9b5;
}