﻿@charset "UTF-8";
@import "base.css";
@import "../../t/font_1286435_nwtkz0393zh.css"; /*客户网站公用*/


@font-face {
    font-family: "Alibaba-PuHuiTi-Regular";
    src: url("../fonts/Alibaba-PuHuiTi-Regular.ttf") format("truetype"),
    url("../fonts/Alibaba-PuHuiTi-Regular.eot") format("embedded-opentype");
}
@font-face {
    font-family: "Alibaba-PuHuiTi-Medium";
    src: url("../fonts/Alibaba-PuHuiTi-Medium.ttf") format("truetype"),
    url("../fonts/Alibaba-PuHuiTi-Medium.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Alibaba-PuHuiTi-Light";
    src: url("../fonts/Alibaba-PuHuiTi-Light.ttf") format("truetype"),
    url("../fonts/Alibaba-PuHuiTi-Light.eot") format("embedded-opentype"),
    url("../fonts/Alibaba-PuHuiTi-Light.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Alibaba-PuHuiTi-Regular";
    src: url("../fonts/Alibaba-PuHuiTi-Regular.ttf") format("truetype"),
    url("../fonts/Alibaba-PuHuiTi-Regular.eot") format("embedded-opentype"),
    url("../fonts/Alibaba-PuHuiTi-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.font-ali-Tim{font-family: Alibaba-PuHuiTi-Medium;}
.font-ali-TL{font-family: Alibaba-PuHuiTi-Light;}
.font-ali-TR{font-family: Alibaba-PuHuiTi-Regular;}

body{/*max-width: 1920px;*/font-size:20px;line-height: 1.5;font-family:Alibaba-PuHuiTi-Regular, "Microsoft Yahei",Arial,Verdana,SimSun, sans-serif;margin: auto;color: #000000}
a{color: #000000}
.bg-white{background: #FFFFFF}



.container{width: 95%;margin: 0 auto;}
.container_page{width:85%;margin: 0 auto;}



.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 99;transition: all .3s ease;font-family: Alibaba-PuHuiTi-Regular;}
.header.header-small{background: #fff;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease;}

.header .header-in{width: 95%;margin:15px auto 14px;transition: all .3s ease}
.header .header-in .logo{float: left;margin-left: 10px}
.header .header-in .logo img{transition: all .3s ease;max-height: 21px;display: block}

.head-nav {position: absolute;right:95px;font-size: 16px;line-height:21px;display: none;}
.head-nav li{float: left;margin:0 20px;}
.head-nav a{color:#000;}
.head-nav.head-block{display: block;}


.header .meun-off{float: right;margin-right: 10px}
.header .meun-off span{width: 23px;height: 2px;margin: 1px 0;background-color: #000;display: block;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.header .meun-off #span2{margin: 5px 0;}
.header .meun-on #span2{opacity: 0}
.header .meun-on #span1{-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
.header .meun-on #span3{-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}




.nav{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);display: none}
.nav ul{width: 50%;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.nav ul li{-webkit-animation: DDInY .8s .3s ease both;-ms-animation: DDInY .8s .3s ease both;-moz-animation: DDInY .8s .3s ease both;animation: DDInY .8s .3s ease both}
.nav ul a{display: block;font-size: 40px;line-height: 80px;overflow: hidden;text-transform: uppercase;color: #e9e7e8}
.nav ul span{display: block;line-height: 80px;}

.nav .nav-tel{position: absolute;left: 2%;bottom: 2%}
.nav .close{display: block;position: absolute;top: 4%;right: 4%}
.nav .close img{transition: all .5s ease}
.nav .close:hover img{transform: rotate(180deg)}


.banner {width: 100%;position: fixed;top: 100px;z-index: -1;}

.mobileBanner {display: none}

.swiper-container .iconfont{font-size: 60px;color: #fff}
.swiper-container .left,.swiper-container .right{position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;cursor: pointer;}
.swiper-container .left{left: 20px}
.swiper-container .right{right: 20px}


@media screen and (max-width: 1390px){
    .head-nav{right: 90px;}
    .banner .iconfont{font-size: 46px;}



}
@media screen and (max-width: 1200px){
    body{font-size: 18px;}
    .head-nav{display: none;}

    .container{width: 98%;}
    .container_page{width:96%;}

}
@media screen and (max-width:812px){
    body{font-size: 14px;}
    .container_page{width: 98%;}

    .header .meun-off{margin-right: 0}

    .nav .close img{width: 25px;height: auto}
    .nav ul a{font-size: 30px;line-height: 60px}
    .head-nav.head-block{display: none}

    .pcBanner {display: none}
    .mobileBanner {display: block}

    .swiper-container .iconfont{font-size:36px;}
    .swiper-container .left{left: 0}
    .swiper-container .right{right: 0}
}



.header_text{font-size:20px;margin: 0 auto;max-width: 1300px;padding: 110px 3% 0;background: #fff;font-weight: 100}
.header_text .tit{font-size:48px;}
.header_text .text{line-height: 1.8;padding:80px 15%;}
.header_text .text h3{font-size: 36px;margin-bottom: 30px;}
.header_text .text .header_text_more{margin-top: 60px;}

.in_partner{padding-bottom: 60px;}


.work ul li{width:33.3%;float: left;overflow: hidden;position: relative}
.work ul li .con{width:100%;height: 100%;position: absolute;background: rgba(0,0,0,0.6);left: 0;top: 0;display: none;color: #FFFFFF;}
.work ul li .con .text{/*position: absolute;*/font-size:16px;padding:45px;width: calc(100% - 90px );bottom: 0;left: 0;font-family: Alibaba-PuHuiTi-Light; text-align:center}
.work ul li .con .text h3{font-size:26px;font-family: Alibaba-PuHuiTi-Regular}
.work ul li .img2{display: none}
.work ul li:hover .img2{display: block}

.work ul li:hover .con {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}


.work ul li:hover .img1{display: none}

.in_news ul li .img{overflow: hidden}
.in_news ul li{width:32%;float: left;font-size: 16px;margin-right: 2%;margin-bottom: 20px;}
.in_news ul li:nth-child(3n){margin-right:0}
.in_news ul li .img{overflow: hidden}
.in_news ul li .con{padding:0 20px;}
.in_news ul li .con .time{font-size: 14px;color: #808080;padding:15px 0}
.in_news ul li .con p {height: 52px;overflow: hidden;}


.btn_more{text-align: center;padding:50px 0 80px;}
.btn_more a{display:block;width: 155px;line-height:2.2;border: 2px solid #898989;margin:0 auto;font-size: 16px;color: #898989}
.btn_more a:hover{background: #898989;color: #FFFFFF}



.news_txt{background: #f9f9f9;line-height: 1.8;padding: 100px 0 120px;}
.news_txt p{font-weight: bold}
.news_txt h3{color: #feac0a;margin-bottom: 80px;}
.news_txt .news_txt_more{font-size: 20px;}

.foot{background: #1b1b1b;color: #ffffff;padding: 80px 0 100px;line-height: 2}
.foot h2{font-size: 30px;font-weight: 400;}
.foot h5{font-size:24px;color:#ddd;margin:20px 0;}

.foot .footL, .foot .footR{width: 50%;float: left}
.foot .footL{color:#808080;font-size:16px;}
.foot .footL p{line-height:60px;}
.foot .footL .img{width:130px;margin-top:96px;}


.foot input{border: none;border-bottom: 2px solid #797979;background-color: #1b1b1b;width: 100%;height: 60px;font-size: 16px;outline: none;border-radius: 0;color: #cecece;line-height: 60px;}
.submit_btn {background-color: #5e5e5e;margin: 60px 0 20px;width: 109px; line-height:2.5;color: #bcbcbc;font-size:16px;border: none;display: inline-block;cursor: pointer;text-align: center}

.foot .banquan{padding:40px 0 10px;border-bottom:1px solid #999;color:#666;font-size: 14px;}
.foot .banquan a{color:#666;}

@media screen and (max-width: 1200px){
    .header_text{font-size:16px;}
    .header_text .tit{font-size:38px;}
    .header_text .text{padding:50px 8%;}
    .header_text .text h3{font-size:28px;margin-bottom: 20px;}
    .header_text .text .header_text_more{margin-top:30px;}

    /*.work ul li .con .text{padding:35px;width: calc(100% - 70px );}*/
    /*.work .btn_more{padding: 90px 0}*/

    .work ul li .con .text{padding:25px;width: calc(100% - 50px );}

    .in_news ul li .con{padding:20px;}

    .in_news ul li .con{padding:0 20px;}
    .in_news ul li .con .time{font-size: 14px;}

    .news_txt{padding:80px 0 100px;}
    .news_txt h3{margin-bottom: 60px;}
    .news_txt .news_txt_more{font-size: 18px;}


    .foot{padding:50px 0 80px;}
    .foot .container_page{width: 98%;}
    .foot h2{font-size:28px;}
    .foot h5{font-size:20px;margin:10px 0;}


    .foot .footL{font-size:16px;}
    .foot .footL p{line-height:40px;}
    .foot .footL .img{width:130px;margin-top:50px;}


    .foot input{border-bottom:1px solid #797979;height:46px;font-size: 14px;line-height:46px;}
    .submit_btn {margin:30px 0 20px;width: 109px;font-size:14px;}

    .foot .banquan{padding:20px 0 10px;}

}
@media screen and (max-width: 812px){

    .header_text{font-size:14px;padding:50px 3% 0;}
    .header_text .tit{font-size:26px;}
    .header_text .text{padding:30px 15px;}
    .header_text .text h3{font-size:20px;margin-bottom: 10px;}
    .header_text .text .header_text_more{margin-top:20px;}

    .in_partner{padding-bottom:40px;}

    .work ul li,.in_news ul li{width:100%;float: none;}
    .work ul li .con .text{font-size:12px;}
    .work ul li .con .text h3{font-size:20px;}

    .news_txt{padding:30px 0 50px;}
    .news_txt h3{margin-bottom: 20px;}
    .news_txt .news_txt_more{font-size: 14px;}




    .btn_more{padding:20px 0;}
    .btn_more a{font-size:14px;}



    .foot h2{font-size:22px;font-weight: bold}
    .foot h5{font-size:16px;margin:10px 0 0;}

    .foot .footL{width: 100%;float: none}
    .foot .footR{display: none}
    .foot .footL{font-size:14px;}
    .foot .footL p{line-height:2;}
    .foot .footL .img{width:100px;margin-top:10px;}


    .foot .banquan{padding:20px 0 10px;font-size: 12px;}


}





.title{font-size: 16px;line-height: 3;padding:20px 0;font-family: Alibaba-PuHuiTi-Regular;position: relative;color: #898989}
.title .more{position: absolute;right: 5px;top:50%;transform: translateY(-50%)}

.page_top,.page_text,.method_box{font-size:20px;}
.page_text .tit,.method_box h3,.page_top h3,.news_txt p{font-size: 48px;}
.page_top h4,.news_txt h3,.method_box ul li .tit{font-size: 57px;}




.page_text{font-size: 20px;border-bottom: 2px solid #000000;padding: 120px 5%;}
.page_text.service_text{border-bottom:0;}
.page_text .tit{width: 35%;float: left;}
.page_text .text{width: 65%;float: right;line-height: 1.9}

.page_text .text ul li{width:calc( (100% - 200px) / 3);float: left}
.page_text .text ul li:nth-child(2n){margin: 0 100px;}
.page_text .text ul li h3{font-size: 36px;margin-bottom: 10px;}

.page_text.about .text{padding-top:120px;}
.page_text.about .text p{margin-bottom:30px;}
.page_text.about .text p:last-child{margin-bottom:0;}


.service_box{background-color:#fff;padding:100px 0 50px;}
.service_box .tit{float:left;width:36%;}
.service_box .tit h2{font-size: 30px;color: #000000;margin:0;}
.service_box .tit h3{font-size: 36px;line-height: 48px;}
.service_box .tit p{font-weight: 400;font-size: 18px;color: #5E5E5E;}
.service_box .text{float:left;width:50%;margin-top:50px;}

.service_box .text li{float:left;width:40%;margin-left:10%;border-top:1px solid #333;padding-top:20px;margin-top:15px;margin-bottom: 80px}
.service_box .text h5{font-weight: 500;font-size: 24px;color: #333333;margin-bottom: 30px;}
.service_box .text p{font-weight: 400;font-size: 16px;color: #333333;}



@media screen and (max-width: 1200px){

    .page_top,.page_text,.method_box{font-size:18px;}
    .page_text .tit,.method_box h3,.page_top h3,.news_txt p{font-size: 30px;}
    .page_top h4,.news_txt h3,.method_box ul li .tit{font-size:38px;}

    .page_text{padding:80px 5%;}
    .page_text .tit{width: 30%;}
    .page_text .text{width:70%;}

    .page_text.about .text p{margin-bottom:20px;}
    .page_text.about .text p:last-child{margin-bottom:0;}

    .page_text .text ul li{width:calc( (100% - 100px) / 3);float: left}
    .page_text .text ul li:nth-child(2n){margin: 0 50px;}
    .page_text .text ul li h3{font-size:28px;margin-bottom: 15px;}



}

@media screen and (max-width: 812px){
    .page_top,.page_text,.method_box{font-size:14px;}

    .page_text .tit,.method_box h3,.page_top h3,.news_txt p{font-size: 22px;}
    .page_top h4,.news_txt h3,.method_box ul li .tit{font-size:30px;}


    .page_text{padding:35px 20px;}
    .page_text .tit{width:100%;float: none;margin-bottom: 20px;}
    .page_text .text{width:100%;float: none}
    .page_text.about .text {padding-top:10px;}
    .page_text.about1 .text{padding-top:0;}
    .page_text.about .text p{margin-bottom:15px;}

    .page_text .text ul li:nth-child(2n){margin: 0 50px;}
    .page_text .text ul li h3{font-size:18px;margin-bottom: 15px;}

}
@media screen and (max-width:420px){
    .page_text .text ul li{width: 100%;float: none;margin: 10px 0 20px!important;}
}




.category a{font-size: 14px;color: #898989;display: inline-block;padding: 25px;position: relative}
.category a:before{width: 1px;height: 20px;background: #898989;position: absolute;right: 0;top: 50%;content: "";transform: translateY(-50%);}
.category a:last-child:before{display: none}
.category a.current, .category a:hover{color: #000000;}



.fix_contact{position: fixed;z-index: 999;top: 50%;right: 50px;transform: translateY(-50%);padding-left: 20px;}
.fix_contact .fix_box{position: relative;width: 50px;height: 50px;background: #fff;margin: 10px 0;border-radius: 5px;-webkit-box-shadow: 0 1px 20px 1px rgba(241, 155, 155, 0.4);-moz-box-shadow: 0 1px 20px 1px rgba(241, 155, 155, 0.4);box-shadow: 0 1px 20px 1px rgba(241, 155, 155, 0.4);cursor: pointer;}
.fix_box .icoBox .iconfont,.wx .text .iconfont{font-size:27px;line-height: 50px;}
.fix_box .icoBox .iconfont.red{color: #ff0068}

.fix_box .icoBox{}
.fix_box .text{display: none}
.fix_box:hover .icoBox{display:none}
.fix_box:hover .text{display:block}

.kf:hover,.contactUs:hover{background: #ff0666}
.kf .text,.contactUs .text{color: #FFFFFF;font-size: 14px;line-height: 20px;padding-top: 5px;}

.fix_box#back-to-top{height: 30px}
.fix_box#back-to-top .icoBox .iconfont{font-size:14px;line-height: 30px;color:#1cd328 }

.fix_contact .wx:hover{background: #1cd328}
.fix_contact .wx .icoBox .iconfont{color: #1cd328}
.fix_contact .wx .text .iconfont{color: #FFFFFF}


.fix_box .con{position: absolute;top: 50%;right:calc(100% + 20px);transform: translateY(-50%);display: none;background: #FFFFFF;padding: 15px;font-size: 12px;border-radius: 3px;}
.fix_box .con h3{font-size: 16px; line-height: 1}
.fix_box.show .con{display: block}

.fix_box.kf .con{padding: 0}
.fix_box.kf .con ul li{text-align: left;line-height: 23px;width: 300px;padding:20px;}
.fix_box.kf .con ul li:hover{background:#F5F5F5 ;}
.fix_box.kf .con .iconfont{font-size: 28px;display: block;float: left;margin-right: 10px;line-height:46px;}


.fix_box.contactUs .con{padding:20px 0 ;width: 150px;}
.fix_box.contactUs .con img{max-width: 100px;}
.fix_box.contactUs .con h3{margin: 3px 0}

.fix_box.wx .con{padding:20px;line-height:1;width: 190px;}
.fix_box.wx .con p{margin:8px 0}
.fix_box.wx .con img{max-width: 120px;}

.fix_box.contactUs .con{}
.fix_box.wx .con{}






.fix_nav{position: fixed;width: 100%;left: 0;bottom: 0;background: #f6f6f6;border-top: 1px solid #d3d3d3;z-index: 999}
.fix_nav ul li{width: 33.33%;padding: 10px 0;float: left;font-size: 14px;text-align: center;color: #676767}
.fix_nav ul li .iconfont{font-size: 16px;margin-bottom: 10px;}
.fix_nav ul li a{color: #676767;}
.fix_nav ul li .con{width: 250px;padding: 30px 0 20px;background: #FFFFFF;border-radius: 10px; color: #666666;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;line-height: 2}
.fix_nav ul li.show .con{display: block}
.fix_nav ul li .con img{max-width: 150px;}
.fix_nav ul li .con h3{font-weight: bold;color: #000000;margin-bottom: 10px;font-size: 16px;}


.show_mobile{display: none}

@media screen and (max-width: 1390px){
    .foot_text{font-size:18px;padding:13vh 0;}
    .foot_text h3{font-size:42px;}
    .foot ul li{margin: 0 30px;}

}

@media screen and (max-width: 1200px){
    .in_news ul li .con .time{padding:10px 0}

    .foot_text{font-size: 16px;padding:10vh 0;}
    .foot_text h3{font-size: 36px;}

    .foot ul li{margin: 0 15px;}

    .foot ul li:nth-child(1) img{width: 110px;}
    .foot ul li:nth-child(2) img{margin-bottom: 10px;width: 140px;}


}
@media screen and (max-width:812px){
    .no_mobile{display: none!important;}
    .show_mobile{display: block!important;}

    .foot_text{font-size: 16px;padding:10vh 0;}
    .foot_text h3{font-size: 30px;}

    .foot{padding:30px 0 80px;}
    .foot ul li{font-size: 14px;margin:10px 0;width: 100%;text-align: center}
    .foot ul li h3{font-size: 20px;margin-bottom: 15px;}
    .foot ul li:nth-child(1) img{width: 110px;}
    .foot ul li:nth-child(2) img{margin-bottom: 10px;width: 140px;}


}

@media screen and (max-width:420px){
    .title{font-size: 20px;}

}



.page_top{line-height: 1.8;padding: 80px 0 50px;}
.page_top h4{color: #fbaa1b}

.news_text{font-size:28px;padding:120px 0 80px;}
.method_img{padding-top: 80px;}
.method_img img{max-width: 100%}

.method_box h3{margin-bottom: 40px;}
.method_box ul li{padding: 50px 0}
.method_box ul li .tit{width: 40%;float: left;color: #fbaa1b}
.method_box ul li .text{width: 60%;float: right;line-height: 1.9;padding-top: 70px;}


.page{padding:60px 0 100px;font-size: 15px;}
.page a{display: inline-block;border: 1px solid #e3e3e3;padding: 1px 10px;border-radius: 3px;margin: 2px;}
.page a.active,.page a:hover{background:#565656;color: #FFFFFF}




.caseInfo{font-size: 14px;}
.caseInfo img{max-width: 100%}

.caseInfo .info{padding:160px 0 100px;}
.caseInfo .info .infoL{font-size: 16px;float: left;margin-bottom: 20px;}
.caseInfo .info .infoL h3{font-size: 30px;}
.caseInfo .info .infoR{float: right;}

.caseInfo .text{font-size: 16px;line-height:1.8;max-width: 1200px;margin: auto;padding: 120px 0 80px;}
.caseInfo .text p{margin-bottom: 30px;}
.caseInfo .text h3{font-size: 30px;line-height: 2}

.caseInfo .text2{font-size: 14px;line-height: 2;padding: 120px 0}
.caseInfo .text2 h3{font-size:16px;}


.scale .img{overflow: hidden}
.scale .img img{width: 100%;height: auto;display: block;}
.scale:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}


.caseAbout{border-top: 1px solid #898989;}
.caseAbout h2{font-size: 20px;line-height: 120px;}
.caseAbout ul li{width: 32%;margin-right: 2%;float: left;margin-bottom: 70px;}
.caseAbout ul li:nth-child(3){margin-right:0 }
.caseAbout ul li .con{margin: 20px 10px;font-size: 16px;}
.caseAbout ul li .con h3{font-size: 20px;}



.newsList ul li{width: calc((100% - 160px)/3);float: left;margin-bottom:80px;}
.newsList ul li:nth-child(3n+2){margin:0 80px 80px; }
.newsList ul li .con{font-size:14px;padding: 20px 0;}
.newsList ul li .con .time{font-size: 16px;color: #a0a0a0;line-height: 2.5;}
.newsList ul li .con h3{font-size:20px;height:60px;overflow: hidden}




@media screen and (max-width: 1200px){

    .method_img{padding-top: 50px;}
    .page_top{padding:180px 0 50px;}

    .news_text{font-size:38px;}


    .page{padding:30px 0;}

    .caseInfo .info{padding: 140px 0 100px;}


    .caseInfo .text{padding: 90px 0 60px;}
    .caseInfo .text p{margin-bottom: 20px;}
    .caseInfo .text h3{font-size: 26px;}

    .caseInfo .text2{padding:90px 0}
    .caseInfo .text2 h3{font-size:16px;}




    .caseAbout h2{font-size: 20px;line-height: 100px;}
    .caseAbout ul li .con{margin:15px 8px;font-size: 14px;}
    .caseAbout ul li .con h3{font-size: 18px;}


    .newsList ul li{width: calc((100% - 100px)/3);margin-bottom:50px;}
    .newsList ul li:nth-child(3n+2){margin:0 50px 50px; }
    .newsList ul li .con{font-size:14px;padding:15px 0;}
    .newsList ul li .con .time{font-size: 14px;}
    .newsList ul li .con h3{font-size:16px;height:48px;}

}

@media screen and (max-width: 812px){

    .page_pg{padding-top: 30px;}

    .method_img{padding-top: 30px;}
    .page_top{padding:120px 0 50px;}
    .news_text{font-size:26px;padding:60px 10px;}


    .method_box h3{margin-bottom:20px;}
    .method_box ul li{padding:20px 0}
    .method_box ul li .tit{width:100%;float: none;}
    .method_box ul li .text{width: 100%;float: none;padding-top: 20px;}


    .category a{padding: 10px ;}
    .category a:before{height: 14px}

    .caseInfo .info{padding: 100px 0 40px;}

    .caseInfo .info .infoL{float: none;margin-bottom: 10px;}
    .caseInfo .info .infoL h3{font-size: 20px;}
    .caseInfo .info .infoR{float: none;}

    .caseInfo .text{font-size: 12px;padding: 50px 0}


    .caseInfo .text h3{font-size: 20px;}
    .caseInfo .text2{padding: 50px 0}

    .caseAbout h2 {font-size: 18px;line-height: 60px;}

    .caseAbout ul li {width: 100%;float: none;margin:0 0 20px;}
    .caseAbout ul li .con {margin: 15px 8px;font-size: 12px;}
    .caseAbout ul li .con h3 {font-size: 16px;}


    .newsList ul li{width:100%;margin:0!important;float: none}
    .newsList ul li .con{font-size:14px;padding:15px 0;}
    .newsList ul li .con .time{font-size: 14px;}


}



.newsInfo{padding-top: 230px;}
.newsInfo .info_title{font-size: 30px;line-height: 1.7;}
.newsInfo .info_time{font-size: 16px;padding: 20px 0}
.newsInfo .info_img{margin: 50px 0}
.newsInfo .info_img img{max-width: 100%;}

.newsInfo .info{width: 95%;max-width: 760px;margin: auto;line-height: 2}
.newsInfo .info img{max-width: 100%;height: auto!important;}
.newsInfo .info h3{font-size:30px;margin: 20px 0}
.newsInfo .info_b{padding: 150px 0 100px;}
.newsInfo .info_bText{color: #b1b1b1;border-bottom: 1px solid #b1b1b1;padding: 20px;margin-bottom: 20px;}
.newsInfo .info_bText img{max-width: 170px;}

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{float: none!important;;padding-left: 0!important;;color: #fff;background: none !important;height: 24px !important;line-height: 24px!important;display: block;font-size: 14px!important;margin: 15px 0!important; }

.newsInfo .share{margin: 0 20px;position: relative;width: 30px;height: 30px;}
.newsInfo .share>.iconfont{color: #999999;font-size: 20px;cursor: pointer;width: 30px;line-height: 30px;display: block}
.newsInfo .share>.iconfont:hover{color: #ffea00;}

.newsInfo .share .shareBox{width: 100px;padding: 10px 20px;background: #363636;position: absolute;left: 0;top:100%;border-radius: 8px;transition: all .2s linear;line-height: 1.5;display: none}
.newsInfo .share .shareBox.open{display: block}
.newsInfo .share .shareBox i{width: 24px;height: 24px;display: inline-block;background-image: url(../images/icon.png);background-repeat: no-repeat;vertical-align: middle;margin-right: 5px;}
.newsInfo .share .shareBox .bds_weixin i{background-position-x: -60px;}
.newsInfo .share .shareBox .bds_tsina i{background-position-x: -100px ;}
.newsInfo .share .shareBox .bds_tqq i{background-position-x: -140px ;}
.newsInfo .share .shareBox .bds_douban i{background-position-x: -180px ;}
.newsInfo .share .shareBox .bds_tieba i{background-position-x: -220px ;}
.newsInfo .share a:hover{color: #ffea00}
.newsInfo .share a:hover i {background-position-y: -40px;}


.siteMap dl{}

@media screen and (max-width: 1200px){
    .newsInfo{padding-top: 150px;}
    .newsInfo .info_title{font-size: 26px;}
    .newsInfo .info_time{font-size: 14px;padding: 10px 0}
    .newsInfo .info_img{margin: 30px 0}

    .newsInfo .info{font-size:16px;}
    .newsInfo .info h3{font-size:20px;margin: 20px 0}
    .newsInfo .info_b{padding: 120px 0 100px;}
    .newsInfo .info_bText{padding: 20px;margin-bottom: 20px;}
    .newsInfo .info_bText img{max-width: 120px;}
}

@media screen and (max-width: 812px){
    .newsInfo{padding-top: 100px;}
    .newsInfo .info_title{font-size: 20px;}
    .newsInfo .info_time{font-size: 12px;padding: 10px 0}
    .newsInfo .info_img{margin: 20px 0}

    .newsInfo .info{font-size:14px;}
    .newsInfo .info h3{font-size:16px;margin: 10px 0}

    .newsInfo .info_b{padding: 80px 0;}
    .newsInfo .info_bText img{max-width: 100px;}
}


.about_title{padding: 80px 0}
.aboutUl{margin-bottom: 150px;}
.aboutUl li{width: 25%;float: left;font-size: 16px;line-height: 1.8;height: 560px;background: #f9f9f9;position: relative}
.aboutUl li:nth-child(1):before{width:1px;height: 100%;background: #a9a9a9;position: absolute;content: "";right: 0;top: 0 }
.aboutUl li:nth-child(2):before{width:2px;height: 100%;background: #000000;position: absolute;content: "";right: 0;top: 0 }
.aboutUl li:nth-child(3):before{width:3px;height: 100%;background: #000000;position: absolute;content: "";right: 0;top: 0 }
.aboutUl li:hover{background: #ffd8e3}
.aboutUl li .con{margin:50px 30px;}
.aboutUl li h2{font-size: 20px;}
.aboutUl li .t{padding: 30px 0;}


li .t h3{font-size: 30px;color: #fb004f}


.about_img ul li{width: calc(100% / 7);float: left;}
.about_img img{max-width: 100%;}

.about_text{padding:30px 5%;margin-top: 30px;border-top: 2px solid #000000;padding-bottom: 100px;}
.about_text ul li{display: inline-block;width:160px;margin:15px;line-height: 1.8;vertical-align:top;text-align: left}
.about_text ul li h3{font-size: 22px;font-weight: bold;border-bottom: 1px solid #fbaa1b;margin-bottom: 10px;}
.about_text .remarks{text-align: right;line-height: 3;}





@media screen and (max-width: 1200px){
    .about_title{padding:60px 0}
    .aboutUl{margin-bottom: 100px;}
    .aboutUl li{font-size: 14px;height: 500px;}
    .aboutUl li .con{margin:30px 20px;}
    .aboutUl li h2{font-size: 18px;}
    .aboutUl li .t{padding: 20px 0}
    .aboutUl li .t h3{font-size: 26px;}

    .about_img ul li{width: calc(100% / 4);}

    .about_text{padding:30px 5%;margin-top: 30px;border-top: 2px solid #000000;padding-bottom: 100px;}
    .about_text ul li{width:160px;}
    .about_text ul li h3{font-size: 22px;;margin-bottom: 10px;}



}
@media screen and (max-width: 812px){
    .about_title{padding:40px 0}
    .aboutUl{margin-bottom: 40px;}
    .aboutUl li{font-size: 12px;height: 370px;width: 50%}
    .aboutUl li .con{margin:20px 15px;}
    .aboutUl li h2{font-size: 18px;}
    .aboutUl li .t{padding: 20px 0}
    .aboutUl li .t h3{font-size: 20px;}

    .about_honor{padding-bottom: 50px;}

    .about_text{padding:30px 0;padding-bottom:30px;}
    .about_text ul li{width:120px;}
    .about_text ul li h3{font-size:16px; }

}

@media screen and (max-width: 420px){
    .about_text ul li{width:100px;margin: 10px 5px;}
}




