.container {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

.swiper-banner img {
    width: 100%;
    height: auto;
}

.font48{
    font-size:48px;
}

.font36{
    font-size:36px;
}

.font30{
    font-size:30px;
}

.font28{
    font-size:28px;
}

.font24{
    font-size:24px;
}

.font20{
    font-size:20px;
}

.font18{
    font-size:18px;
}

.font16{
    font-size:16px;
}

.font14{
    font-size:14px;
}

.font12{
    font-size:12px;
}


.h16{
    font-size:30px;
}

.p16{
    font-size:30px;
}


/* web端 */

/* 重要1920px 1440px 1366px */

/* pc */

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

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

@media screen and (max-width: 1700px) {


}

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


/**1440**/
@media screen and (max-width: 1440px) {
	.aboutTitle h2 {
		
		font-size: 22px;
    
	}

    .menu_2022_wrap.act .menu_2022_cont {
       
        margin-left: 6%;
        
        width: 70%;
    }


    .menu_2022_son_cont {
        width: 94%;
    }

}


/**1366**/
@media screen and (max-width: 1366px) {
	.contactCont1_left p{
		font-size:20px;
	}

    .menu_2022_cont {
        
        margin-left: calc(100% - 92%);
         
    }

    .aboutdiy1_img img {
        width: 100%;
        height: auto;
    }


    .index2Right .irBox .irBox1 {
        font-size: 30px;
    }

    .index2Right .irBox .irBox1 {
        font-size: 30px;
    }
    .index2Right .irBox .irBox4 {
        width: 400px;
       
        padding: 6%;
      
        margin: 15px 0 15px 0;
       
    }

    .index2Right{
        margin-left:52%;
    }


}

@media screen and (max-width: 1280px) {
	.contactCont1_left p{
		font-size:18px;
	}
}


@media screen and (max-width: 1240px) {
	.contactCont1_left p{
		font-size:18px;
	}
}

@media screen and (max-width: 1026px) {
	#header_wap {
        display: block;
    }

    .newsList ul li{
        width:46%;
    }
}




@media screen and (min-width: 1600px) {
    .container {
        width: 1500px;
    }
    .menu_cont_right {
        margin-top: 6px;
    }
    .menu_item_left {
        height: 180px;
    }
    .menu_item_right {
        height: 180px;
    }
    .locationCont {
        padding-top: 2%;
        padding-left: 2%;
    }
    .footer_nav{
        padding:0% 2%;
    }
    .copyright{
        padding:0% 2%;
    }
    .newsDetails{
        padding:0% 1%;
        padding-top:3%;
    }
    .casesList {
        padding: 0% 1%;
    }
    .casesCont1{
        padding:2% 1%;
    }
    .casesCont2 {
        padding: 0% 1%;
    }
    .fuwuCont1_main {
        padding: 0% 1%;
    }
    .fuwuCont2_main {
        padding: 1% 1%;
    }
    .fuwuCont3 {
        padding: 0% 1%;
    }
    .aboutCont {
        padding: 0% 1%;
    }
    .gongchengCont1_main {
        padding: 0% 1%;
    }
    
    .casesCont3 {
        padding: 2% 2%;        
    }
    .proCont1_main{
        padding:0% 1%;
    }
    .aboutHome4_info{
        padding-left: 6%;
    }
    .aboutHome5_img{
        padding-left: 0%;
    }
    .product_wrap{
        padding-left:1%;
        padding-right:1%;
    }

    .about_wrap {
        padding: 3% 1%;
    }

    .fuwu_wrap {
        padding: 2% 1%;
    }
    .news_wrap{
        padding:2% 1%;
        padding-bottom:3%;
    }
    .videolistWrap{
        padding:0% 1%;
    }

    .homeProCenter ul {
        width: 75%;
        margin: 0px auto;
    }

    .homeProInfo h2 {
        font-size: 16px;
    }


    .menu_item_right{
        height:170px;
    }
    .menu_item_left {
        float: left;
        width: 65%;
        background: #f0f3fa;
        overflow: hidden;
        padding: 18px 3% 0% 0%;
        height: 170px;
    }

    


}

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


    
    .proCenterContWrap {
       
        padding-top: 8%;
    }



    


	.container {
        width: 90%;
    }

    .proCenterSon .mask {
        height: 370px;
    }

    .proCenterSon h2 {
        bottom: -296px;
    }


    .proCenterSon ul {
        margin-top:15%;
    }
    .proCenterSon ul.more{
        margin-top:6%;
    }

    .proCenterSon ul li {
        width: 50%;
    
    }


    .product_desc .product_tel{
        width:45%;
    }
    .product_desc a{
        width: 45%;
    }
    

    .case_tabs_cont_home{
        width: 100%;
    }

    .slide-content {
        padding-bottom: 5%;
    }

    .proList {
        margin-top: 2%;
        padding: 0% 1%;
    }

    .proCont1_main{
        padding:0% 1%;
    }

    .aboutHomeWrap {
        
        padding: 0% 1%;
    }

    .aboutInfo {
         
        padding: 0% 1%;
    }

    .aboutVideo {
        
        padding: 0% 1%;
    }

    .menu_cont_left{
        margin-top:2%;
    }
    .menu_cont_right {
        margin-top: 2%;
    }
    .copyright{
        padding:0% 2%;
    }

    .locationCont{
        padding-left:1%;
        padding-right:1%;
    }
    .newsList {
        padding: 0% 1%;
    }
    .newsDetails{
        padding:0% 1%;
    }

    .casesList {
        padding: 0% 1%;
    }
    .casesCont1 {       
        padding: 2% 1%;
    }
    .casesCont2 {
        padding: 0% 1%;
    }
    .casesCont3{
        padding:2%;
    }
    
    .videolistWrap{
        padding:0% 1%;
    }

    .fuwuCont1 {
        
        padding: 0% 1%;
    }

    .fuwuCont2{
        padding: 0% 1%;
    }

    .fuwuCont3{
        padding: 0% 1%;
    }

   
    .xiaoshouInfo{
        padding:0% 1%;
    }

    .gongchengCont1 {
        padding:0% 1%;
    }


    .gongchengCont1_main {
        padding: 0% 1%;
    }


    .menu {
        padding: 8px 1%;
        /* width: 100%!important; */
    }
    .gongchengCont1_img img {
        width: 100%;
        height: auto;
    }
    .gongchengCont1_num {
        width: 12%;
        text-align: center;
    }
    .gongchengCont2 ul li h3 {
        width: 154px;
        height: 154px;
        font-size: 18px;
    }
    .gongchengCont2 ul li p {
        min-height: 135px;
    }
    .gongchengCont3 ul li {
        height: 263px;
        min-height: auto;
    }
    .gongchengCont3 ul li.three {
        height: 263px;
        min-height: auto;
    }
    .serviceCont1_info h3 {
        width: 20%;
    }
    .serviceCont1_main h2 {
        line-height: 36px;
        font-size: 18px;
    }
    .serviceCont2_main h2 {
        line-height: 36px;
        font-size: 18px;
    }
    .serviceCont2_info h3 {
        width: 20%;
    }
    .serviceCont3_main h2 {
        line-height: 36px;
        font-size: 18px;
    }
    .serviceCont3_info h3 {
        width: 20%;
    }
    
    .casesList ul li {
        width: 32%;
    }
    .product_btn {
        width: 12%;
    }
    .product-img {
        width: 58%;
    }
    .product-img img {
        width: 100%;
        height: auto;
    }
    .product_wrap {
        padding-bottom: 2%;
    }
    #product {
        height: auto;
    }
    .youshi_item_left {
        padding: 2% 2% 2%;
    }
    .about_wrap {
        padding-top: 12%;
    }
    .case_item .swiper-button-prev {
        left: 2%;
    }
    .case_item .swiper-button-next {
        right: 2%;
    }
    #huoban {
       
    }
    .news_wrap {
        padding-bottom: 16%;
    }
    .footer_wechat img {
        margin-bottom: 10%;
    }
    .logo_wrap {
        padding-left: 4%;
        padding-right: 4%;
    }
    
    .product_wrap {
        padding-left: 2%;
        padding-right: 2%;
    }
    .product_btn {
        width: 14%;
    }
    .product-img {
        width: 58%;
    }
    .product-img img {
        width: 100%;
        height: auto;
    }
    .product_desc {
        padding: 7% 16% 7% 2%;
    }
    #product {
        height: auto;
    }
    .youshi_tabs {
        margin-top: 2%;
        margin-left: 5%;
    }
    .youshi_item_left {
        width: 34%;
        float: left;
        background: #fff;
        padding: 2% 2% 2%;
    }
    #youshi {
        background-size: cover;
    }
    .fuwu_wrap {
        padding: 2% 2%;
    }
    #about {
        background-size: cover;
    }
    .about_wrap {
        padding: 2% 2%;
    }
    .about_video_btn {
        width: 50%;
    }
    .icon_video img {
        /* margin-top: 5%; */
    }
    .case_wrap {
        padding: 1% 2%;
    }
    .slide-case {
        width: 100%;
    }
    .slide-case-right h4 {
        width: 42%;
    }
    .slide-case-right {
        width: 47%;
    }
    .huoban_wrap ul li {
        line-height: 100px;
        /* background: #fff; */
    }

    .news_info p {
        line-height: 28px;
        font-size: 14px;
        color: #9a9a9a;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    #huoban {
        background-size: cover;
    }
    .news_wrap {
        padding: 2% 2%;
    }
    .news_wrap {
        padding-bottom: 4%;
    }
    .timeLine_icon {
        left: 24.5%;
        bottom: -6.8%
    }

    .timeLine_btn {
        margin-top: -4%;
        margin-left: 15%;
    }
    .aboutHome3_img {
        padding-top:15%;
    }
    .homeProCenter ul {
        width: 96%;
        margin: 0px auto;
    }

    .homeProInfo h2 {        
        font-size: 18px;
    }

    .menu_item_right{
        height:170px;
    }
    .menu_item_left {
        float: left;
        width: 65%;
        background: #f0f3fa;
        overflow: hidden;
        padding: 0px 3% 0% 0%;
        height: 170px;
    }


    .homeProText h2{
        font-size: 20px;      
    }
    
    .homeProText p{
        font-size: 14px;      
    }

    .homePro ul {     
        width: 96%;
        margin: 0px auto;
    }
    .homePro ul li{
        height: 380px;
    }

    .aboutCont {
        padding: 0% 1%;
    }

    .casesNavDiy li a p {
        line-height: 50px;
        font-size: 20px;
        color: #1e68b4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .casesContDiy{
        max-height: 324px;
        overflow: hidden;
    }

    .aboutHome2_info p {       
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }

    .proNav2022 ul {
       
        width: 92%;
         
    }

    .proNav2022 ul li {
       
        width: 14%;
        margin-bottom: 1%;
    }
    .proNav2022 ul li  a {
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }


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

    
    .proCenterContWrap {
       
        padding-top: 10%;
    }


        .menu_2022_wrap{
            display:none;
        }

        .proNav2022 ul {
       
            width: 92%;
             
        }
    
        .proNav2022 ul li {
           
            width: 14%;
            margin-bottom: 1%;
        }
        .proNav2022 ul li  a {
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }

        .home_ad {
           
            height: 72vh;
        }


}


@media screen and (min-width:1500px) and (max-width: 1600px) {
	.home_ad {
			   height: 91vh;
		}
		
}



@media screen and (min-width:1400px) and (max-width: 1500px) {
	.home_ad {
			   height: 84vh;
		}
		
}

@media screen and (min-width:1300px) and (max-width: 1400px) {
	.home_ad {
			   height: 80vh;
		}
		
}


@media screen and (min-width:1200px) and (max-width: 1300px) {
	.home_ad {
			   height: 88vh;
		}
		
}

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

    


	 .container {
        width: 90%;
    }

    .aboutHome2_info p {       
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }


    .case_tabs_cont_home{
        width: 100%;
    }

    .proCont1_btn a:nth-child(1) {
        background: #1e68b4 url(../img/icon_download01.png) no-repeat 15% center;
        color: #fff;
        background-size: 15%;
    }

    .proCont1_btn a:nth-child(2) {
        background: #ffffff url(../img/icon_phone.png) no-repeat 15% center;
        background-size: 15%;
    }

    .jishu_toggle dl dt{
        line-height:70px;
    }
    .proCont1_btn a {
        background: #ffffff;
        display: block;
        padding: 0%;
        line-height: 60px;
        font-size: 14px;
        width: 150px;
        text-align: center;
    }

    .proCont1_right p {
        line-height: 32px;
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }


    .gongchengCont3 ul li.two img{
        height: 263px;
    }
    .caseCont1_info p {
        line-height: 32px;
        font-size: 14px;
        color: #4e4f50;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    
    .newsInfo h3 {
        
        line-height: 32px;
        margin-bottom:4%;
         
    }

    .newsInfo p {
        
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .newsDetailCont img{
        width:100%;
        height: auto;
    }

    .menu_cont_left {
        margin-left: 5%;
        margin-top: 3%;
        width: 64%;
    }

    .menu_cont_right {
        margin-top: 5%;
    }
    .footer_wechat img {
         
        margin-bottom: 15%;
    }


    .copyright{
        padding:0% 1%;
    }

    .proCont1Wrap {
        padding: 0% 2%;
    }
    .gallery-thumbs .swiper-slide {
        height: auto!important;
    }
    .contactCont1_left {
        padding-bottom: 0%;
    }
    .contactCont1_left p {
        width: 78%;
    }
    .proCont2_nav_wrap {
        margin: 0px auto;
    }

    .proCont1_main{
        width:98%;
        margin:0px auto;
    }


    .proCont2_nav div {
        margin-right: 5%;
    }
    .fuwuCont1 {
        padding: 0% 2%;
    }
    .fuwuCont1_img img {
        height: 80px!important;
    }
    .fuwuCont2 {
        padding: 0% 2%;
    }
    .fuwuCont3 {
        padding: 0% 2%;
    }
    .fuwuCont3 ul li {
        height: 500px;
    }
    .gongchengCont1_img img {
        width: 100%;
        height: auto;
    }
    .gongchengCont1_num {
        width: 12%;
        text-align: center;
    }
    .gongchengCont1 {
        padding: 0% 2%;
    }
    .gongchengCont2 ul li h3 {
        width: 120px;
        height: 120px;
        font-size: 18px;
    }
    .gongchengCont2_main h2 {
        line-height: 64px;
        font-size: 18px;
    }
    .gongchengCont3 ul li p {
        font-size: 14px;
        line-height: 32px;
    }
    .gongchengCont3_main h2 {
        line-height: 64px;
        font-size:18px;
    }
    .gongchengCont3 ul li {
        height: 263px;
        min-height: auto;
    }
    .gongchengCont3 ul li.three {
        height: 263px;
        min-height: auto;
    }


    .gongchengCont2 ul li p {
        line-height: 32px;
        font-size: 14px;
        margin-top: 8%;
        min-height: 100px;
    }
    
    
    .serviceCont1_info h3 {
        width: 40%;
    }
    .serviceCont1_main h2 {
        line-height: 32px;
        font-size: 18px;
    }
    .serviceCont2_main h2 {
        line-height: 32px;
        font-size: 18px;
    }
    .serviceCont2_info h3 {
        width: 40%;
    }
    .serviceCont3_main h2 {
        line-height: 32px;
        font-size: 18px;
    }
    .serviceCont3_info h3 {
        width: 40%;
    }
    .xiaoshouServiceUl {
        padding: 0% 2%;
    }
    .casesCont1 {
        padding: 4% 2%;
    }
    .casesCont2 {
        padding: 0% 2%;
    }
    .pageUpDown p {
        font-size: 16px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .pageUpDownDiy{
        flex-direction: column;
    }
    .pageUpDownDiy p {
        margin:1% auto;
    }

    .pageUpDownDiy p.goBack{
        display: none;
    }
    .goBack a {
        background: url(../img/icon_back.png) no-repeat 2% center;
    }
    .casesList ul li {
        width: 32%;
    }
    .downloadCont1 {
        padding: 0% 2%;
    }
    .huoban_wrap ul li img {
        padding-bottom: 12%;
    }
    .logo_wrap {
        padding-left: 4%;
        padding-right: 4%;
    }
    
    .product_wrap {
        padding-left: 2%;
        padding-right: 2%;
    }
    .product_btn {
        width: 14%;
    }
    .product-img {
        width: 58%;
    }
    .product-img img {
        width: 100%;
        height: auto;
    }
    .product_desc {
        padding: 7% 16% 7% 2%;
    }
    #product {
        height: auto;
    }
    .youshi_tabs {
        margin-top: 2%;
        margin-left: 5%;
    }
    .youshi_item_left {
        width: 34%;
        float: left;
        background: #fff;
        padding: 2% 2% 2%;
    }
    #youshi {
        background-size: cover;
    }
    .fuwu_wrap {
        padding: 5% 2%;
    }
    #about {
        background-size: cover;
    }
    .about_wrap {
        padding: 6% 2%;
    }
    .about_video_btn {
        width: 50%;
    }
    .icon_video img {
        margin-top: 5%;
    }
    .case_wrap {
        padding: 4% 2%;
    }
    .slide-case {
        width: 100%;
    }
    .slide-case-right h4 {
        width: 42%;
    }
    .slide-case-right {
        width: 47%;
    }
    .huoban_wrap ul li {
        line-height: 100px;
    }
    #huoban {
        background-size: cover;
    }
    .news_wrap {
        padding: 5% 2%;
    }
    .news_wrap {
        padding-bottom: 4%;
    }
    .locationContWrap {
        padding: 0% 2%;
        width: 100%;
        margin: 0px auto;
    }
    .aboutCont {
        padding: 0% 2%;
    }
    .aboutHomeWrap {
        padding: 0% 2%;
    }
    .timeLine_icon {
        display: none;
    }
    .timeLine li:nth-child(1) {
        background: unset;
    }

    .homeProCenter ul {
        width: 96%;
        margin: 0px auto;
    }

    .homeProInfo h2 {        
        font-size: 18px;
    }
    .prosNav li {
        width: 24%;
        
    }
    .menu_item_right{
        height:170px;
    }
    .menu_item_left {
        float: left;
        width: 65%;
        background: #f0f3fa;
        overflow: hidden;
        padding: 0px 3% 0% 0%;
        height: 170px;
    }
    .casesNav li {
        width: 16%;
    }

    .aboutHome4_info {       
        padding-top: 0%;      
        padding-left: 4%;
    }

    .aboutHome4_info p {
        
        line-height: 38px;
    }
    .aboutHome5_info{
        padding-top:1%;
    }

    .aboutHome5_info p {
        line-height: 28px;
    }

    .aboutHome3_img {
        width: 60%;
        padding-top: 6%;
        text-align: center;
        padding-right: 0%;
        order: 2;
        margin: 0px auto;
    }
    .aboutHome3_info {
        width: 100%;
    }
    .timeLine {
        margin: 0px auto 0;
        overflow: hidden;
        position: relative;
    }

    .timeLine_btn a {
        display: block;
        width: 20%;
        line-height: 48px;
        text-align: center;
        border: 1px solid #ccc;
        font-size: 14px;
    }

    .timeLine_btn {
        margin-top: -4%;
        margin-left: 10%;
    }

    .aboutHome3 {
        display: flex;
        justify-content: space-evenly;
        padding-bottom: 4%;
        padding-top: 2%;
        flex-direction: column;
    }


    .homeProText h2{
        font-size: 20px;      
    }
    
    .homeProText p{
        font-size: 14px;      
    }

    .homePro ul {     
        width: 96%;
        margin: 0px auto;
    }
    .homePro ul li{
        height: 360px;
    }



    .homeProText h2{
        font-size: 18px;      
    }
    
    .homeProText p{
        font-size: 14px;      
    }

    .homePro ul {     
        width: 96%;
        margin: 0px auto;
    }
    .homePro ul li{
        height: 340px;
    }
    
    .proCenterItem{
        width:100%;
    }

    .proCenterSon ul li {
        width: 66%;
    }

    .proCenterImg h2 {
        position: absolute;
        bottom: 40px;
        left: 0px;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 22px;
        line-height: 32px;
    }

    .proCenterSon ul li a {
        display: block;
        font-size: 18px;
        color: #fff;
        line-height: 40px;
        text-align: center;
    }

    .proCenterSon h2 {
        position: relative;
        /* position: absolute; */
        bottom: -235px;
        left: 0px;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 22px;
        line-height: 50px;
        /* z-index: 11; */
        border-top: 1px solid #5e5e5e;
    }

    .proCenterSon .mask {
        background: #000;
        opacity: 0.5;
        width: 100%;
        height: 289px;
        display: block;
        position: absolute;
        z-index: 0;
        top: 0px;
        left: 0px;
        border-radius: 25px;
    }

    .casesNavDiy {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 5% auto;
        flex-wrap: wrap;
    }

    .casesNavDiy li {
        background: #eef5fd;
        border-radius: 20px;
        width: 18%;
        margin-bottom: 3%;
    }

    .casesNavDiy li a {
        text-align: center;
        padding: 15% 0%;
        display: block;
    }


    .casesListDiy ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .casesListDiy li {
        margin-bottom: 3%;
        background: #fff;
        width: 100%;
    }


    .casesContDiy{
        max-height: 228px;
        overflow: hidden;
    }

    .aboutHome2_info{
        width: 100%;
    }
    .aboutHome2_img{
        width: 100%;
    }

    .proNav2022 ul {
       
        width: 92%;
         
    }

    .proNav2022 ul li {
       
        width: 14%;
        margin-bottom: 1%;
    }
    .proNav2022 ul li  a {
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }

    .home_ad {
        height: 58vh;
    }

    .news2023right ul li a h3{
        width:72%;
    }


}

@media screen and (min-width:768px) and (max-width: 960px) {


    .proNav2022 ul {
       
        width: 92%;
         
    }

    .proNav2022 ul li {
       
        width: 14%;
        margin-bottom: 1%;
    }
    .proNav2022 ul li  a {
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }



    .casesNav li {
        width: 16%;
    }

    .case_tabs_cont_home{
        width: 100%;
    }

    .casesCont3_one h3 {
        font-size: 16px;
    }
    .casesCont3_three {
        order: 1;
    }
    .proCont2_title {
        font-size: 18px;
        line-height: 54px;
    }
    .proCont2_nav div {
        width: 30%;
    }
    .proCont2_nav ul {
        width: 70%;
    }
    .proCont2_nav ul li a {
        display: block;
        font-size: 16px;
    }
    .jishu_toggle dl dt {
        line-height: 54px;
        font-size: 16px;
    }
    .proCont1_main {
        flex-direction: column;
    }
    .proCont1_left {
        width: 100%;
    }
    .proCont1_right {
        width: 100%;
    }
    .proCont1Wrap {
        padding: 0% 2%;
    }
    .proCont1_right {
        width: 100%;
        background: #f0f3fa;
        padding: 4%;
        padding-bottom: 8%;
        margin: 4% auto;
    }
    .proCont1_btn a:nth-child(1) {
        background: #1e68b4 url(../img/icon_download01.png) no-repeat 10% center;
    }
    .proCont1_btn a:nth-child(2) {
        background: #ffffff url(../img/icon_phone.png) no-repeat 10% center;
        background-size: 20%!important;
    }
    .proCont2_nav_wrap {
        margin: 0% 2%;
    }
    .gallery-thumbs .swiper-slide {
        height: auto!important;
    }
    .gallery-top img {
        width: 100%;
        height: auto;
    }
    .gallery-thumbs {
        width: 20%;
        height: auto;
        padding-top: 0%;
        padding-bottom: 5%;
    }
    .gallery-top {
        height: auto;
    }
    .proCont1_right h2 {
        font-size: 18px;
        line-height: 54px;
    }
    .proListLeft h2 {
        font-size: 16px;
    }

    .prosNav li {
        width: 33%;
         

    }

    .prosNavCont ul li{
        width: 46%;
    }
    .contactCont1_left {
        padding-bottom: 12%;
    }
    .contactCont1_left p {
        width: 100%;
    }
    .contactCont2_left h2 {
        font-size:16px;
        line-height: 32px;
    }

    .weixin_person img {
        margin-right: 15%;
    }

    .newsInfo p {
        color: #ababab;
        font-size: 14px;
        line-height: 32px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }


    .fuwuCont1_main h2 {
        line-height: 54px;
        font-size: 3rem;
    }
    .fuwuCont1 {
        padding: 0% 2%;
    }
    .fuwuCont1_img img {
        height: 70px!important;
    }
    .fuwuCont2_main h2 {
        line-height: 54px;
        font-size: 3rem;
    }
    .fuwuCont2 {
        padding: 0% 2%;
    }
    .fuwuCont3 ul li.cur h2 {
        bottom: 22%;
    }
    .fuwuCont3 ul li {
        height: 500px;
    }
    .fuwuCont3 {
        padding: 0% 2%;
    }
    .gongchengCont1_img img {
        width: 100%;
        height: auto;
    }
    .gongchengCont1_num {
        width: 12%;
        text-align: center;
    }
    .gongchengCont1 {
        padding: 0% 2%;
    }
    .gongchengCont2_main h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .gongchengCont2 {
        padding: 5% 2%;
    }
    .gongchengCont2 ul {
        flex-direction: column;
    }
    .gongchengCont2 ul li {
        width: 100%;
        margin-bottom: 5%;
    }
    .gongchengCont2 ul li h3 {
        width: 154px;
        height: 154px;
        font-size: 18px;
        padding-top: 5%;
    }
    .gongchengCont3_main h2 {
        text-align: center;
        line-height: 54px;
        font-size: 18px;
        color: #1e68b4;
        font-weight: 600;
    }
    .gongchengCont3 ul {
        flex-direction: column;
    }
    .gongchengCont3 ul li {
        min-height: auto;
        width: 100%;
    }
    .gongchengCont3 ul li.three {
        background: #eef5fd;
        padding: 4%;
        min-height: auto;
    }
    .serviceCont1_info h3 {
        width: 40%;
    }
    .serviceCont1_main h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .serviceCont2_main h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .serviceCont2_info h3 {
        width: 40%;
    }
    .serviceCont3_main h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .serviceCont3_info h3 {
        width: 40%;
    }
    .xiaoshouInfo p {
        line-height: 4rem;
        font-size: 16px;
    }
    .xiaoshouService h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .xiaoshouServiceUl {
        padding: 0% 2%;
    }
    .casesTitle h2 {
        line-height: 10rem;
        font-size: 18px;
    }
    .casesCont1 {
        flex-direction: column;
    }
    .casesCont1_img {
        width: 100%;
    }
    .caseCont1_info {
        width: 100%;
    }
    .caseCont1_info h3 {
        line-height: 10rem;
        font-size: 18px;
    }
    .caseCont1_btn {
        display: flex;
        justify-content: center;
        flex-direction: row;
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .casesCont2 {
        padding: 0% 2%;
    }
    .casesTitle3 h2 {
        line-height: 54px;
        font-size: 18px;
        font-weight: 600;
        padding-left: 2%;
    }
    .pageUpDown {
        flex-direction: column;
    }
    .pageUpDown p {
        width: 100%;
        margin-bottom: 3%;
    }
    .pageUpDown p:nth-child(2) {
        display: none;
    }
    .casesCont3 {
        flex-direction: column;
    }
    .casesCont3_left {
        width: 100%;
    }
    .casesCont3_right {
        margin-top: 3%;
        width: 100%;
    }
    .casesList ul li {
        width: 32%;
    }
    .downloadCont1 {
        padding: 0% 2%;
    }
    .gongchengCont1_main h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .videoTitle p {
        font-size: 16px;
        line-height: 5rem;
    }
    .newsInfo h3 {
    font-size: 16px;
    line-height: 32px;
    color: #2f3133;
    }
    .newsDetailCont img{
        max-width: 100%;
        height: auto;
        margin: 0px auto;
        display: block;
    }

    .casesCont2  p,.casesCont2  span{
        font-size: 14px!important;
    }

    .newsDetailsTitle h2 {
        line-height: 4rem;
        font-size: 18px;
    }
    .newsDetails {
        flex-direction: column;
    }
    .newsDetailsLeft {
        width: 100%;
    }
    .newsDetailsRight {
        display: none;
    }
    .pageUpDown p {
        line-height: 5rem;
        font-size: 16px;
    }
    #banner {
        
    }
    .huoban_wrap ul li img {
        
    }
    .m-lang {
        margin-left: 50%;
    }
    .m-lang a {
        margin-top: 8%;
    }
    .news_top {
        overflow: hidden;
        padding: 0px 2%;
    }
    .news_top h2 {
        width: 25%;
    }
    .news_wrap {
        padding-bottom: 32%;
    }
    #huoban {
        background-size: cover;
    }
    .huoban_wrap ul li {
        line-height: 100px;
    }
    .product_top {
        padding: 0% 2%;
    }
    .product-img img {
        width: 100%;
        height: auto;
    }
    #product {
        height: auto;
    }
    .youshi_wrap {
        padding: 4% 2%;
    }
    .case_wrap {
        padding: 4% 2%;
    }
    .huoban_wrap {
        padding: 4% 2%;
    }
    .huoban_wrap ul li {
        line-height: 100px;
    }
    .footer_top li {
        width: 100%;
        border-right: unset;
    }
    .footer_nav ul {
        width: 100%;
    }
    .footer_wechat img {
        margin-left: 18%;
    }
    .footer_wechat {
        width: 100%;
    }
    .copyright {
       padding: 2%;
    }
    .copyright_left {
        width: 70%;
        line-height: 32px;
    }
    .copyright_right {
        width: 30%;
        text-align: center;
        line-height: 32px;
    }
    .news_top {
        padding: 0% 2%;
    }
    .news_top h2 {
        width: 100%;
        font-size: 18px;
        line-height: 40px;
    }
    .news_top ul {
        width: 60%;
        margin: 0px auto;
        float: unset;
    }
    .news_top ul li {
        width: 46%;
        line-height: 40px;
        font-size: 14px;
    }
    .news_item ul li {
        margin-bottom:5rem;
    }
    .news_wrap {
        padding-bottom: 20%;
    }
    .huoban_wrap h2 {
        line-height: 50px;
        font-size: 18px;
    }
    .huoban{
        background: unset!important;
    }
    .huoban_wrap h3 {
        font-size: 18px;
        line-height: 40px;
    }
    #huoban {
        background-size: cover;
    }
    .huoban_wrap ul li {
        width: 46%;
        margin: 0px 2%;
        margin-bottom: 5%;
    }
    .case_wrap h2 {
        line-height: 50px;
        font-size: 24px;
    }
    .case_wrap h3 {
        font-size: 18px;
        line-height: 40px;
    }
    .case_tabs_ul {
        width: 100%;
    }
    .case_tabs_ul li {
        width: 25%;
    }
    .case_tabs_cont {
        padding: 0% 2%;
    }
    .slide-case {
        width: 100%;
    }
    .slide-case-left img {
        transition: all 0.5s;
        width: 100%;
        height: auto;
    }
    .slide-case-left {
        float: left;
        width: 88%;
        height: auto;
        overflow: hidden;
    }
    .slide-case-right {
        float: left;
        width: 88%;
        background: #f0f3fa;
        padding: 0% 3%;
        height: auto;
    }
    .slide-case-right h4 {
        font-size: 24px;
        line-height: 60px;
        border-bottom: 3px solid #1e68b4;
        width: 38%;
        margin-bottom: 2%;
    }
    #about {
        background-size: cover;
    }
    .about_top {
        overflow: hidden;
        padding: 0% 2%;
        flex-direction: column;
    }
    .about_top_left {
        width: 100%;
        float: left;
        padding-right: 0%;
    }
    .about_wrap {
        padding-top: 4%;
    }
    .about_top_left h2 {
        line-height: 50px;
        font-size: 18px;
        color: #1e68b4;
        font-weight: 600;
    }
    .about_top_left p {
        line-height: 40px;
        font-size: 16px;
        margin-top: 0%;
    }
    .about_btn {
        overflow: hidden;
        width: 80%;
        margin: 0px auto;
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .about_video_btn {
        float: left;
        background: #1e68b4;
        color: #fff;
        text-align: center;
        width: 50%;
        display: flex;
        float: left;
        line-height: 60px;
        font-size: 18px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .about_more_btn {
        background: #b31e23;
        color: #fff;
        text-align: center;
        width: 50%;
        display: block;
        float: left;
        line-height: 60px;
        font-size: 18px;
    }
    .case_item .swiper-button-prev {
        left: -1%;
    }
    .case_item .swiper-button-next {
        right: -1%;
    }
    .about_top_right {
        width: 100%;
        float: left;
        overflow: hidden;
    }
    .about_bottom ul li {
        float: left;
        width: 50%;
        text-align: center;
        border-right: 1px solid #1e68b4;
        margin-bottom: 1%;
        margin-top: 1%;
    }
    .fuwu_top h2 {
        width: 30%;
        float: left;
        font-size: 18px;
        line-height: 50px;
        color: #1e68b4;
        font-weight: 600;
        margin-bottom: 2%;
    }
    .fuwu_top ul {
        overflow: hidden;
        float: right;
        width: 100%;
    }
    .fuwu_top ul li {
        width: 30%;
        float: left;
        text-align: center;
        line-height: 40px;
        font-size: 14px;
        margin-left: 3%;
    }
    .fuwu_wrap {
        padding: 5% 2%;
    }
    .fuwu_right {
        float: left;
        width: 100%;
    }

    .fuwu_right  img{
        width: 100%;
        height: auto;
    }
    .fuwu_left {
        float: left;
        width: 100%;
        padding: 0% 0% 6%;
    }
    .fuwu_left h3 {
        line-height: 50px;
        font-size: 16px;
    }
    .fuwu_left p {
        line-height: 38px;
        font-size: 14px;
        margin-top: 0%;
    }
    .fuwu_left a {
        display: block;
        border: 1px solid #959595;
        width: 20%;
        text-align: center;
        line-height: 40px;
        font-size: 18px;
        margin-top: 2%;
    }
    .youshi_wrap h2 {
        text-align: center;
        line-height: 50px;
        font-size: 24px;
        color: #1e68b4;
        font-weight: 600;
    }
    .youshi_wrap h3 {
        font-size: 18px;
        line-height: 40px;
        text-align: center;
    }
    .youshi_tabs_ul li {
        float: left;
        width: 33.33%;
        text-align: center;
        background: #1e68b4;
        color: #fff;
        padding: 14px 0%;
        border-right: 1px solid #4c7bab;
        border-bottom: 1px solid #4c7bab;
    }
    .youshi_tabs ul li p {
        line-height: 28px;
        margin-bottom: 0px;
        font-size: 18px;
        font-weight: 600;
    }
    .youshi_item_left {
        width: 100%;
        float: left;
        background: #fff;
        padding: 6% 2% 6%;
    }
    .youshi_item_right {
        width: 100%;
        float: left;
        overflow: hidden;
    }
    .youshi_item_left h3 {
        text-align: left;
        color: #1e68b4;
        font-size: 24px;
        line-height: 50px;
        font-weight: 600;
    }
    .youshi_item_left h4 {
        color: #1e68b4;
        font-size: 24px;
        line-height: 40px;
        font-weight: 600;
        margin-bottom: 4%;
    }
    .product_top h2 {
        width: 30%;
        float: left;
        font-size: 18px;
        line-height: 50px;
        color: #1e68b4;
        font-weight: 600;
    }
    .slide_wrap {
        width: 100%;
        float: left;
    }
    .slide_items {
        width: 100%!important;
        overflow: hidden;
    }
    .slide_items li {
        float: left;
        width: 30%;
        line-height: 50px;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
    }
    .product_btn {
        display: none;
    }
    .product-img {
        width: 100%;
        position: unset;
    }
    .product_desc h2 {
        font-size: 16px;
        line-height: 50px;
        margin-bottom: 0%;
    }
    .product_desc {
        width: 100%;
        padding: 5% 5% 5% 2%;
    }
    #header {
        display: none;
    }
    #header_wap {
        display: block;
    }
    .locationContWrap {
        padding: 0% 2%;
        width: 100%;
        margin: 0px auto;
    }
    .aboutCont {
        padding: 0% 2%;
    }
    .aboutTitle h2 {
        font-size: 18px;
        line-height: 54px;
    }
    .aboutTitle h3 {
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .aboutHomeWrap {
        padding: 0% 2%;
    }
    .aboutHome2 {
        flex-direction: column;
    }
    .aboutHome2_info h3 {
        font-size: 18px;
        margin-bottom: 0%;
    }
    .aboutHome2_info p {
        font-size: 1.8rem;
        margin-bottom: 2%;
    }
    .aboutHome2_info a {
        line-height: 4rem;
        font-size: 1.54px;
    }
    .aboutHome2_img {
        margin-top: 2%;
        text-align: center;
    }
    .aboutHome3_info {
        width: 100%;
        order: 1;
    }
    .aboutHome3_img {
        width: 80%;
        padding-top: 6%;
        order: 2;
        text-align: center;
        margin: 0px auto;
    }
    .aboutHome3 {
        flex-direction: column;
    }
    .timeLine_icon {
        display: none;
    }
    .timeLine li:nth-child(1) {
        display: none;
    }
    .aboutHome3_info h3 {
        font-size: 18px;
        margin-bottom: 2%;
    }
    .timeLine {
        margin: 4% auto 0;
    }
    .timeLine_btn a {
        line-height: 40px;
        font-size: 14px;
        margin: 0px auto;
    }
    .timeLine_btn {
        margin: 0px auto;
        text-align: center;
    }
    .timeLine li:nth-child(7) {
        background: unset;
    }
    .aboutHome4 {
        display: flex;
        justify-content: space-evenly;
        padding-bottom: 4%;
        padding-top: 4%;
        flex-direction: column;
    }
    .aboutHome4_info {
       width: 100%;
        padding-top: 0%;
        padding-bottom: 6%;
    }
    .aboutHome4_info h3 {
        line-height: 4rem;
        font-size: 18px;
        color: #1e68b4;
        font-weight: 600;
        margin-bottom: 2%;
    }
    .aboutHome4_info p {
        font-size: 1.54px;
        line-height: 4rem;
    }
    .aboutHome4_info a {
        display: block;
        width: 39%;
        border: 1px solid #ccc;
        text-align: center;
        line-height: 4rem;
        font-size: 1.54px;
        color: #000;
        margin-top: 4%;
    }
    .aboutHome4_img {
        width: 100%;
        text-align: right;
        padding-right: 0%;
    }
    .aboutHome4_img img {
        max-width: 100%;
    }
    .aboutHome5 {
        display: flex;
        justify-content: space-between;
        padding-bottom: 6%;
        padding-top: 4%;
        flex-direction: column;
    }
    .aboutHome5_img {
        order: 2;
        text-align: center;
        width: 100%;
    }
    .aboutHome5_img img {
        max-width: 100%;
        width:100%;
    }
    .aboutHome5_info {
        padding-left: 0%;
        width: 100%;
        order: 1;
    }
    .aboutHome5_info h3 {
        line-height: 4rem;
        font-size: 18px;
        color: #1e68b4;
        font-weight: 600;
        margin-bottom: 2%;
    }
    .aboutHome5_info p {
        line-height: 4rem;
        font-size: 1.54px;
    }
    .aboutHome5_info a {
        display: block;
        width: 30%;
        border: 1px solid #ccc;
        text-align: center;
        line-height: 4rem;
        font-size: 1.54px;
        color: #000;
        margin-top: 2%;
        margin-bottom: 8%;
    }
    .wenhuaInfo ul li {
        font-size: 16px;
    }

    .product_desc a{
        margin-top:5%;
    }

    .product_wrap{
        padding-bottom: 0%;
    }

    .about_video_btn span {
        width: 28%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .case_item_home_cont{
        width: 100%;
    }

    .homeProCenter ul {
        
        width: 96%;
        margin: 0px auto;
    }

    .homeProInfo h2 {
       
        font-size: 18px;
       
    }
    .homeProCenter{
        padding-top:1%;
    }

    .homeProText h2{
        font-size: 18px;      
    }
    
    .homeProText p{
        font-size: 14px;      
    }

    .homePro ul {     
        width: 96%;
        margin: 0px auto;
    }
    .homePro ul li{
        height: 320px;
    }

    .prosNav li a {
        font-size: 20px;
    }


    
    .proCenterSon ul li {
        width: 66%;
    }

    .proCenterImg h2 {
        position: absolute;
        bottom: 36px;
        left: 0px;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 22px;
        line-height: 32px;
    }

    .proCenterSon ul li a {
        display: block;
        font-size: 16px;
        color: #fff;
        line-height: 34px;
        text-align: center;
    }

    .proCenterSon h2 {
        position: relative;
        /* position: absolute; */
        bottom: -212px;
        left: 0px;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 22px;
        line-height: 43px;
        /* z-index: 11; */
        border-top: 1px solid #5e5e5e;
    }

    .proCenterSon .mask {
        background: #000;
        opacity: 0.5;
        width: 100%;
        height: 263px;
        display: block;
        position: absolute;
        z-index: 0;
        top: 0px;
        left: 0px;
        border-radius: 25px;
    }


    .proCenterItem{
        width: 100%;
    }


    
    .casesNavDiy {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 5% auto;
        flex-wrap: wrap;
    }

    .casesNavDiy li {
        background: #eef5fd;
        border-radius: 20px;
        width: 18%;
        margin-bottom: 3%;
    }

    .casesNavDiy li a {
        text-align: center;
        padding: 15% 0%;
        display: block;
    }


    .casesListDiy ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .casesListDiy li {
        margin-bottom: 3%;
        background: #fff;
        width: 100%;
    }

    
    .aboutHome2_info{
        width: 100%;
    }
    .aboutHome2_img{
        width: 100%;
    }



    .home_ad {
        
        height: 31vh;
    }
     
    .news2023Cont {
       
        flex-direction: column;
       
        padding: 0% 4%;
    }

    .news2023left{
        width: 100%;
    }

    .news2023right {
        width: 100%;
    }

    .news2023right ul li a {
       
        flex-direction: column;
        
    }



    .news2023right ul li a h3{
        line-height: 32px;
    }

    .news2023right ul li a span {
       
        line-height: 32px;
    }

    .case2023wrap{
        padding:0% 4%;
    }

    .pro2023wrap{
        padding:0% 2%;
    }



}

@media screen and (max-width: 768px) {
    .home_ad {
        
        height: 31vh;
    }
     
    .news2023Cont {
       
        flex-direction: column;
       
        padding: 0% 4%;
    }

    .news2023left{
        width: 100%;
    }

    .news2023right {
        width: 100%;
    }

    .news2023right ul li a {
       
        flex-direction: column;
        
    }



    .news2023right ul li a h3{
        line-height: 32px;
    }

    .news2023right ul li a span {
       
        line-height: 32px;
    }

    .case2023wrap{
        padding:0% 4%;
    }

    .pro2023wrap{
        padding:0% 2%;
    }

	.proNav2022{
		display:none;
	}
	
	.proNav2023{
		display:block;
	}

    .aboutdiy1_cont2 p {
        font-size: 16px;
        line-height: 32px;
    }

    .indexNews .indexNewsBox .inbXun .inbXun_a .inbXunTxt{
        height:auto;
    }

    .index2Right .irBox .irBox4 .irBoxLink {
        
        height: 190px;
       
    }
 

.lianxiCont{display: flex;justify-content: space-between;flex-direction: column;flex-wrap: wrap;}

.lianxiCont li{width: 100%;margin-bottom: 6%;border: 1px solid #ddd;text-align: center;padding: 3% 0%;}

.lianxiCont img{max-width: 100%;height: auto;overflow: hidden;}

.lianxiCont h3{color: #000;font-weight: 600;font-size: 18px;display: -webkit-box;max-height: 50px;overflow: hidden;line-height: 50px;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

 


    .cases_show_2022_right {
        width: 90%;
        float: none;
       
        margin: 0px auto;
    }

    .cases_show_2022_left {
        width: 90%;
        float: none;
        margin: 0px auto;
    }


.homeProItem .swiper-button-prev, .homeProItem .swiper-container-rtl .swiper-button-next {
    left: -12%;
    
}

.homeProItem .swiper-button-next,.homeProItem .swiper-container-rtl .swiper-button-prev {
    right: -11%;
    
}



    .casesListDiy li a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        text-decoration: none;
    }


    .casesImgDiy {
        width: 100%;
    }


    .casesRightDiy {
        width: 100%;
        /* background: #fff; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        min-height: auto;
        overflow: hidden;
    }


    .casesRightDiyLeft {
        width: 100%;
        padding: 4%;
        padding-top: 0%;
    }


    .casesRightDiyLeft h3 {
        font-size: 18px;
        line-height: 32px;
        color: #333;
        text-decoration: none;
        margin-top: 6%;
    }


    .casesNavDiy li a img {
        height: 30px;
        margin: 0px auto;
        display: block;
    }

    .casesNavDiy li a p {
        line-height: 40px;
        font-size: 16px;
        color: #1e68b4;
    }
    
    .casesNavDiy {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 5% auto;
        flex-wrap: wrap;
    }

    .casesNavDiy li {
        background: #eef5fd;
        border-radius: 20px;
        width: 30%;
        margin-bottom: 3%;
    }

    .casesNavDiy li a {
        text-align: center;
        padding: 15% 0%;
        display: block;
    }


    .casesListDiy ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .casesListDiy li {
        margin-bottom: 3%;
        background: #fff;
        width: 100%;
    }


    .proCenterItem {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
        margin: 0px auto;
    }

    .proCenterItem>li {
        width: 98%;
        margin: 0px auto;
    }

    .proCenterSon .mask {
        background: #000;
        opacity: 0.5;
        width: 92%;
        height: 300px;
        display: block;
        position: absolute;
        z-index: 0;
        top: 0px;
        left: 16px;
        border-radius: 25px;
    }

    .proCenterSon ul li a {
        display: block;
        font-size: 16px;
        color: #fff;
        line-height: 40px;
        text-align: center;
    }

    .proCenterSon h2 {
        position: relative;
        bottom: -245px;
        left: 0px;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 20px;
        line-height: 50px;
        border-top: 1px solid #5e5e5e;
    }

    .proCenterItem li.on .proCenterSon {
        display: block;
        position: relative;
        top: 0px;
        left: 0px;
        height: 330px;
    }

    .proCenterImg h2 {
        position: absolute;
        bottom: 40px;
        left: 0px;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 22px;
        line-height: 32px;
    }

    

    .case_tabs_cont_home{
        width: 100%;
    }

    .case_item_home_cont{
        width: 100%;
    }

    .aboutNav li a {
       
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }



    .caseCont1_info p {
        line-height: 32px;
        font-size: 14px;
        color: #4e4f50;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }


    .newsDetailCont img{
        width: 100%;
        height: auto;
    }

    .guestbookWrap form .texta textarea{
        height: 100px;
    }

    .aboutNav li {
       
        line-height: 52px;
        height: 52px;
       
    }


    .contactCont1_left h2 {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 60px;
    }
    .contactCont1_right h2 {
        color: #494949;
        font-size: 16px;
        line-height: 60px;
    }
 
    .m-lang a {
        display: block;
       
        font-size: 14px;
        border: 1px solid #ccc;
        height: 35px;
        width: 35px;
        line-height: 35px;
        border-radius: 10px;
        border: 1px solid #bfbfbf;
        box-sizing: border-box;
        display: block;
        text-align: center;
        margin-top: 19%;
    }



    .slide-case-right ul li {
        float: left;
        width: 46%;
        text-align: center;
        overflow: hidden;
        margin: 0% 2%;
    }
    .slide-case-right ul li h5 {
        text-align: center;
        line-height: 2rem;
        font-size: 16px;
        margin: 10% auto;
    }
    .slide-case-right ul li img {
        width: 100%;
        height: auto;
    }
    .footer_nav ul li {
        width: 45%;
        min-height: 16rem;
    }
    .newsDetailsTitle p span {
        margin-right: 1%;
        margin-left: 1%;
        font-size:12px;
    }
    .newsInfo p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 12px;
    }

    .newsDate h3{
        font-size: 16px;
    }
    .caseCont1_btn a {
        line-height: 42px;
        font-size: 14px;
    }

    .caseCont1_btn a {
        padding: 0% 10%;
        display: block;
        line-height: 40px;
        margin-right: 5%;
        font-size: 14px;
        font-weight: 600;
    }

    .casesNav li {
        width: 33.33%;
        height: 54px;
    }
    .serviceCont1_img img {
        max-width: 100%;
        height: auto;
    }
    .serviceCont2_img img {
        max-width: 100%;
        height: auto;
    }
    .serviceCont3_img img {
        max-width: 100%;
        height: auto;
    }
    .gongchengCont1 ul li {
        border-radius: 30px;
        padding: 4% 6%;
        margin-bottom: 4%;
    }
    .gongchengCont1_info p {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
    }
    .casesCont3_three h3 {
        font-size: 14px;
        line-height: 52px;
    }

    .casesCont3_one a{
        line-height: 40px;
        width:100px;
    }
    .casesCont3_three a{
        line-height: 40px;
        width:100px;
    }


    .locationCont p img {
        margin-right: 1%;
        height: 18px;
        margin-top: 1%;
    }
    .proCont2_nav ul li {
        width: 100%;
        line-height: 3rem;
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .proCont1_btn a {
        font-size: 14px;
        line-height: 48px;
    }
    .prosNav li {
        width: 33.33%;
        height: 80px;
    }
    .prosNav li a{
        font-size:20px;
    }
    .case_tabs_ul li p {
        line-height: 15px;
    }
	 .case_tabs_ul li p:nth-child(1) {
	    width: 32px!important;
		height: auto!important;
		background-size: contain!important;
	}
	 .case_tabs_ul li p:nth-child(2) {
	      font-size: 14px;
	      overflow: hidden;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	      min-height: 24px;
}

.case_tabs_ul li p.icon_case1{
		 background-size: 87%!important;
		}
	
	
	 .case_tabs_ul li p.icon_case2{
		 background-size: 100%!important;
		}
	
	
	.case_tabs_ul li p.icon_case3{
		 background-size: 72%!important;
		}
	
	.case_tabs_ul li p.icon_case4{
		 background-size: 55%!important;
		}
	
	
	.case_tabs_ul li p.icon_case5{
		 background-size: 70%!important;
		}
	
	
	.case_tabs_ul li p.icon_case6{
		 background-size: 72%!important;
		}
	 
	 .case_tabs_ul li p.icon_case7{
		 background-size: 66%!important;
		}
	
	    
    .icon_video img {
        
    }
    .guestbookWrap form .test {
        width: 100%;
    }
    .guestbookWrap form .but {
        width: 100%;
        margin-bottom: 15%;
    }
    .casesCont3_one h3 {
        font-size: 14px;
        line-height: 52px;
    }
    .casesCont3_three {
        order: 1;
    }
    .proCont2_title {
        font-size: 18px;
        line-height: 54px;
    }
    .proCont2_nav div {
        width: 30%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .proCont2_nav ul {
        width: 100%;
    }
    .proCont2_nav ul li a {
        display: block;
        font-size: 14px;
    }

    .m-nav ul li .navson a {
        
        font-size: 14px;
    }

    .jishu_toggle dl dt {
        line-height: 54px;
        font-size: 14px;
    }

    .proCont2_cont img{
        width: 100%;
        height: auto;
    }

    .proCont1_right p {
        line-height: 32px;
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .proCont1_main {
        flex-direction: column;
    }
    .proCont1_left {
        width: 100%;
    }
    .proCont1_right {
        width: 100%;
    }
    .proCont1Wrap {
        padding: 0% 2%;
    }
    .proCont1_right {
        width: 100%;
        background: #f0f3fa;
        padding: 4%;
        padding-bottom: 8%;
        margin: 4% auto;
    }
    .proCont1_btn a:nth-child(1) {
        background: #1e68b4 url(../img/icon_download01.png) no-repeat 10% center;
        background-size: 14%;
    }
    .proCont1_btn a:nth-child(2) {
        background: #ffffff url(../img/icon_phone.png) no-repeat 10% center;
        background-size: 14%!important;
    }
    .proCont2_nav_wrap {
        margin: 0% auto;
    }
    .gallery-thumbs .swiper-slide {
        height: auto!important;
    }
    .gallery-top img {
        width: 100%;
        height: auto;
    }
    .gallery-thumbs {
        width: 20%;
        height: auto;
        padding-top: 0%;
        padding-bottom: 5%;
    }
    .gallery-top {
        height: auto;
    }
    .proCont1_right h2 {
        font-size: 18px;
        line-height: 54px;
    }
    .proListLeft h2 {
        font-size: 16px;
        line-height: 52px;
    }

    .proListLeft a {
        background: #eef5fd;
        color: #666;
        width: auto;
        margin: 0px auto;
        line-height: 36px;
        display: block;
        width: 120px;
        font-size: 12px;
    }

    .proShow2022_left {
        width: 94%;
        float: none;
        margin: 0px auto;
    }

    .proShow2022_right{
        width: 94%;
        float: none;
        margin: 0px auto;
        margin-top: 6%;
    }

    .proShow2022_right h3 {
        text-align: center;
        line-height: 40px;
        font-size: 18px;
        margin-bottom: 2%;
        background: #1f69b4;
        color: #fff;
        border-radius: 10px;
        margin-bottom: 3%;
    }


    .aboutdiy1_cont2 {
        width: 100%;
        float: none;
        padding-top: 4%;
    }

    .aboutdiy1_img {
        width: 100%;
        margin-left: 0%;
        overflow: hidden;
        border-radius: 20px;
        float: none;
    }


    .aboutdiy1_img img {
        width: 100%;
        height: auto;
    }


    .about_bottom ul li p {
        color: #333;
        line-height: 30px;
        margin: 0px;
        font-size: 16px;
    }


    .about_bottom ul li p span:last-child {
        font-size: 16px;
        margin-left: 2%;
    }


    .about_bottom ul li p span {
        line-height: 32px;
        color: #1f69b4;
        font-size: 30px;
        font-weight: 600;
    }


    .index2Right .irBox .irBox4 {
        
        margin: 15px 0 50px 0!important;
       
    }



    .prosNavCont ul li {
        width: 44%;
        line-height: 24px;     
        float:left;
    }
    .proList {
        margin-top: 10%;
    }
    .proList ul {
        flex-direction: column;
    }
    .proList ul li {
        width: 100%;
        
        margin: 0px auto;
        margin-bottom: 6%;
    }

    .proListLeft{
        padding-bottom:4%;
    }
    .proList ul li:nth-child(2n+2) .proListLeft {
        order: 1;
    }
    .contactCont1 {
        flex-direction: column;
    }
    .contactCont1_left {
        width: 100%;
        height: 150px;
    }
    .contactCont1_right {
        width: 100%;
    }
    .contactCont1_left p {
        width: 75%;
    }
    .contactCont2 {
        flex-direction: column;
    }
    .contactCont2_left {
        width: 100%;
    }
    .contactCont2_left h2 {
        font-size: 16px;
        line-height:64px;
    }
    .contactCont2_right {
        width: 100%;
    }
    .fuwuCont3 {
        padding: 0% 2%;
    }
    .fuwuCont1_main h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .fuwuCont1_info span:nth-child(1) {
        display: block;
        font-size: 18px;
        font-weight: 600;
    }
    .fuwuCont1_img img {
        height: 60px!important;
    }
    .fuwuCont1 ul li {
        width: 100%;
    }
    .fuwuCont1 {
        padding: 0% 2%;
    }
    .fuwuCont2_main h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .fuwuCont1 ul {
        flex-direction: column;
    }
    .fuwuCont2 ul {
        flex-direction: column;
    }
    .fuwuCont2 ul li {
        width: 96%;
        min-height: auto;
        margin-bottom: 4%;
    }
    .fuwuCont2_img img {
        width: auto;
        height: 60px;
    }
    .fuwuCont3 ul li {
        height: 500px;
    }
    .fuwuCont3 ul li.cur h2 {
        bottom: 23%;
    }
    .gongchengCont1_img img {
        width: 100px;
        height: auto;
    }
    .gongchengCont1_num {
        width: 12%;
        text-align: center;
        margin: 0% 6%;
        margin-left: 2%;
    }
    .gongchengCont1 {
        padding: 0% 2%;
    }
    .gongchengCont2_main h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .gongchengCont2 {
        padding: 5% 2%;
    }
    .gongchengCont2 ul {
        flex-direction: column;
    }
    .gongchengCont2 ul li {
        width: 100%;
        margin-bottom: 5%;
    }
    .gongchengCont2 ul li h3 {
        width: 120px;
        height: 120px;
        font-size: 16px;
        padding-top: 8%;
    }

    .gongchengCont2 ul li p {
        line-height: 24px;
        font-size: 14px;
        margin-top: 8%;
    }

    .gongchengCont3 ul li h3 {
        font-size: 28px;
        font-weight: 600;
        line-height: 52px;
    }
    .gongchengCont3_main h2 {
        text-align: center;
        line-height: 54px;
        font-size: 18px;
        color: #1e68b4;
        font-weight: 600;
    }
    .gongchengCont3 ul {
        flex-direction: column;
    }
    .gongchengCont3 ul li {
        min-height: auto;
        width: 100%;
    }
    .gongchengCont3 ul li.three {
        background: #eef5fd;
        padding: 4%;
        min-height: auto;
    }
    .gongchengCont1 {
        padding: 0% 2%;
    }
    .serviceCont1_main h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .serviceCont1 {
        flex-direction: column;
    }
    .serviceCont1_info {
        min-height: auto;
        flex-direction: column;
        width: 96%;
    }
    .serviceCont1_info h3 {
        width: 20%;
        font-size: 18px;
        line-height: 54px;
        margin-top: 0%;
    }
    .serviceCont1_img {
        width: 96%;
    }
    .serviceCont2_main h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .serviceCont2 {
        flex-direction: column;
    }
    .serviceCont2_img {
        width: 96%;
        order: 2;
    }
    .serviceCont2_info {
        min-height: auto;
        width: 96%;
    }
    .serviceCont2_info h3 {
        width: 20%;
        font-size: 18px;
        line-height: 54px;
        margin-top: 0%;
    }
    .serviceCont3_main h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .serviceCont3 {
        flex-direction: column;
    }
    .serviceCont3_info {
        min-height: auto;
        width: 96%;
    }
    .serviceCont3_info h3 {
        width: 20%;
        font-size: 18px;
        line-height: 54px;
        margin-top: 0%;
    }
    .serviceCont3_img {
        width: 96%;
    }
    .xiaoshouServiceUl {
        padding: 0% 2%;
    }
    .xiaoshouServiceUl ul {
        flex-direction: column;
    }
    .xiaoshouServiceUl ul li {
        width: 100%;
        height: auto;
        margin-bottom: 3%;
    }
    .xiaoshouTitle {
        display: block;
        margin: 3% auto;
        width: 100%;
        font-size: 18px;
        text-align: center;
    }
    .xiaoshouServiceUl ul li.cur {
        width: 100%;
    }
    .xiaoshouInfo p {
        line-height: 4rem;
        font-size: 14px;
    }
    .xiaoshouService h2 {
        line-height: 54px;
        font-size: 18px;
    }
    .casesTitle h2 {
        line-height: 32px;
        font-size: 18px;
    }
    .casesCont1 {
        flex-direction: column;
    }
    .casesCont1_img {
          width: 94%;
          margin: 0px auto;
          margin-top: 3%;
    }

    .caseCont1_btn a{
        width:140px;
    }
    .caseCont1_info {
        width: 100%;
    }
    .caseCont1_info h3 {
        line-height: 72px;
        font-size: 18px;
    }
    .caseCont1_btn {
        display: flex;
        justify-content: center;
        flex-direction: row;
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .casesCont2 {
        padding: 0% 2%;
    }
    .casesTitle3 h2 {
        line-height: 54px;
    font-size: 18px;
        font-weight: 600;
        padding-left: 2%;
    }
    .pageUpDown {
        flex-direction: column;
    }
    .pageUpDown p {
        width: 100%;
        margin-bottom: 3%;
    }
    .pageUpDown p:nth-child(2) {
        display: none;
    }
    .casesCont3 {
        flex-direction: column;
        padding:6% 1%;
    }

    .cases_show_2022_right h3 {
        
        line-height: 40px;
        font-size: 18px;
         
    }

    .proNav2022 ul li span {
          display: block;
    float: left;
    text-align: left;
    width: 100%;
    font-size: 18px;
    color: #666;
    margin-left: 2%;
    margin-bottom: 2%;
    }

    .proNav2022 ul li div {
        overflow: hidden;
        margin-left: 8%;
        width: 90%;
        display: block;
        float: left;
    }



    .casesCont3_left {
        width: 100%;
        overflow: hidden;
    }
    .casesCont3_right {
        margin-top: 3%;
        width: 100%;
        overflow: hidden;
    }
    .casesList ul li {
        width: 32%;
    }
    .downloadCont1 {
        padding: 0% 2%;
    }
    .gongchengCont1_main h2 {
        line-height:54px;
        font-size: 18px;
    }
    .proCont2_down {
        overflow: hidden;
        line-height: 4rem;
        background: #f0f3fa;
        padding: 4%;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .proCont2_down a {
        float: unset;
        font-weight: 600;
        font-size: 14px;
        width: 100%;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-left: 0%;
    }
    .proCont2_down p {
        float: left;
        font-size: 14px;
        font-weight: unset;
        line-height: 4rem;
        width: 299%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .proCont2_down_img {
        float: left;
        vertical-align: middle;
        display: table-cell;
        margin-right: 5%;
        padding-top: 2%;
    }
    .proCont2_down_img img{
        width: 30px;
    }
    .wenhuaInfo ul li.cur h3 {
        line-height: 54px;
    }
    .wenhuaInfo ul li.cur div {
        height: 12rem;
    }
    .wenhuaInfo ul li.cur {
        padding-top: 4%;
    }
    .videolistWrap ul {
        flex-direction: column;
    }
    .videolistWrap ul li {
        width: 100%;
        margin-top: 8%;
    }
    .videoTitle p {
        font-size: 16px;
        line-height: 5rem;
    }
    .newsList ul li a {
        flex-direction: column;
    }
    .newsImg img {
        width: 100%;
    }
    .newsList ul li a div {
        width: 100%;
    }
    .newsDate {
        align-items: flex-start;
        padding-left: 2%;
    }
    .newsDate p {
        color: #a2a2a2;
        font-size: 14px;
        padding-bottom: 2%;
    }
    .m-nav ul li a.tit{
        font-size: 14px;
    }

    .casesCont2 p {
        font-size: 14px;
    }

    .casesCont2  span {
        font-size: 14px!important;
    }
    .newsInfo h3 {
        font-size: 16px;
        line-height: 32px;
        color: #2f3133;
        margin-top: 4%;
    }
    .newsList ul li {

        margin-bottom: 6%;        
        width: 96%;
        
         
    }

    .newsDateWrap div{
        width:50%!important;
    }

    .newsMore{
        text-align: left!important;
    }

    .newsDate{
        padding-left:28%;
    }


    .newsDetailsTitle h2 {
        line-height: 32px;
        font-size: 18px;
    }
    .newsDetails {
        flex-direction: column;
    }
    .newsDetailsLeft {
        width: 100%;
    }
    .newsDetailsRight {
        display: none;
    }
    .pageUpDown p {
        line-height: 5rem;
        font-size: 16px;
    }
    #banner {
         
    }
    .huoban_wrap ul li img {
       height:60px;
    }
    .product_top {
        padding: 0% 2%;
    }
    .product-img img {
        width: 100%;
        height: auto;
    }
    #product {
        height: auto;
    }
    .youshi_wrap {
        padding: 4% 2%;
    }
    .case_wrap {
        padding: 4% 2%;
    }
    .huoban_wrap {
        padding: 4% 2%;
    }
    .huoban_wrap ul li {
       
    }
    .footer_top li {
        width: 100%;
        border-right: unset;
    }
    .footer_nav ul {
        width: 100%;
        margin-top: 5%;
    }
    .footer_wechat img {
        margin-left: 0%;
        display: block;
    }
    .footer_wechat {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: space-around;
        margin: 2% auto;
    }
    .copyright {
        padding-top: 4%;
        padding-left:2%;
        padding-right:2%;
    }
    .copyright_left {
        width: 100%;
        line-height: 32px;
    }
    .copyright_right {
        width: 100%;
        text-align: center;
    }
    .news_top {
        padding: 0% 2%;
    }
    .news_top h2 {
        width: 30%;
        font-size: 18px;
        line-height: 40px;
    }
    .news_top ul {
        width: 100%;
    }
    .news_top ul li {
        width: 46%;
        line-height: 40px;
        font-size: 14px;
    }

    .news_cont {
        width: 94%;
        margin: 0px auto;
        margin-top: 4%;
    }

    .news_item ul li {
        width: 100%;
        margin:0px auto;
        margin-bottom: 3rem;
    }
    .huoban_wrap h2 {
        line-height: 50px;
        font-size: 18px;
    }
    .huoban_wrap h3 {
        font-size: 18px;
        line-height: 40px;
    }
    #huoban {
        background-size: cover;
    }
    .huoban_wrap ul li {
        width: 46%;
        margin: 0px 2%;
        margin-bottom: 4%;
       
    }
    .case_wrap h2 {
        line-height: 50px;
        font-size: 18px;
    }
    .case_wrap h3 {
        font-size: 18px;
        line-height: 40px;
    }
    .case_tabs_ul {
        width: 100%;
        flex-wrap: wrap;
    }
    .case_tabs_ul li {
        width: 25%;
        margin-bottom: 0%;
    }
    .case_tabs_cont {
        padding: 0% 2%;
    }
    .slide-case {
        width: 100%;
        left: -5%;
    }
    .slide-case-left img {
        transition: all 0.5s;
        width: 100%;
        height: auto;
    }
    .slide-case-left {
        float: left;
        width: 80%;
        height: auto;
        overflow: hidden;
        margin-bottom: 10%;
    }
    .slide-case-right {
        float: left;
        width: 88%;
        background: #f0f3fa;
        padding: 0% 3%;
        height: auto;
    }
    .slide-case-right h4 {
        font-size: 2rem;
        line-height: 54px;
        border-bottom: 3px solid #1e68b4;
        width: 50%;
        margin-bottom: 2%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #about {
        background-size: cover;
    }
    .about_top {
        overflow: hidden;
        padding: 0% 2%;
        flex-direction: column;
    }
    .about_top_left {
        width: 100%;
        float: left;
        padding-right: 0%;
    }
    .about_wrap {
        padding-top: 4%;
    }
    .about_top_left h2 {
        line-height: 54px;
        font-size: 18px;
        color: #1e68b4;
        font-weight: 600;
    }
    .about_top_left p {
        line-height: 32px;
        font-size: 14px;
        margin-top: 0%;
    }
    .about_btn {
        overflow: hidden;
        width: 100%;
        margin: 0px auto;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .about_video_btn span {
        width: 46%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .about_video_btn {
        background: #1e68b4;
        color: #fff;
        text-align: center;
        width: 50%;
        display: flex;
        float: left;
        line-height: 48px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
		display:none;
    }
    .about_more_btn {
        background: #b31e23;
        color: #fff;
        text-align: center;
        width: 50%;
        display: block;
        float: left;
        line-height: 48px;
        font-size: 14px;
    }
    .case_item .swiper-button-prev {
        left: -1%;
        top: 40%;
    }
    .case_item .swiper-button-next {
        right: -1%;
        top: 40%;
    }
    .about_top_right {
        width: 100%;
        float: left;
        overflow: hidden;
    }
    .about_bottom ul li {
        float: left;
        width: 50%;
        text-align: center;
        border-right: 1px solid #1e68b4;
        margin-bottom: 5%;
    }
    .fuwu_top h2 {
        width: 32%;
        float: left;
        font-size:18px;
        line-height: 50px;
        color: #1e68b4;
        font-weight: 600;
        margin-bottom: 2%;
    }
    .fuwu_top ul {
        overflow: hidden;
        float: right;
        width: 100%;
    }
    .fuwu_top ul li {
        width: 30%;
        float: left;
        text-align: center;
        line-height: 40px;
        font-size: 14px;
        margin-left: 3%;
    }
    .fuwu_wrap {
        padding: 5% 2%;
    }
    .fuwu_right {
        float: left;
        width: 100%;
    }

    .fuwu_right img{
        width: 100%;
        height: auto;
    }
    .fuwu_left {
        float: left;
        width: 100%;
        padding: 0% 0% 6%;
        margin: 0% auto;
    
    }
    .fuwu_left h3 {
        line-height: 50px;
        font-size: 16px;
    }
    .fuwu_left p {
        line-height: 38px;
        font-size: 14px;
        margin-top: 0%;
    }
    .fuwu_left a {
        display: block;
        border: 1px solid #959595;
        width: 35%;
        text-align: center;
        line-height: 40px;
        font-size: 14px;
        margin-top: 2%;
    }
    .youshi_wrap h2 {
        text-align: center;
        line-height: 50px;
        font-size: 24px;
        color: #1e68b4;
        font-weight: 600;
    }
    .youshi_wrap h3 {
        font-size: 18px;
        line-height: 40px;
        text-align: center;
    }
    .youshi_tabs_ul li {
        float: left;
        width: 33.33%;
        text-align: center;
        background: #1e68b4;
        color: #fff;
        padding: 14px 0%;
        border-right: 1px solid #4c7bab;
        border-bottom: 1px solid #4c7bab;
    }
    .youshi_tabs ul li p {
        line-height: 28px;
        margin-bottom: 0px;
        font-size: 18px;
        font-weight: 600;
    }
    .youshi_item_left {
        width: 100%;
        float: left;
        background: #fff;
        padding: 6% 2% 6%;
    }
    .youshi_item_right {
        width: 100%;
        float: left;
        overflow: hidden;
    }
    .youshi_item_left h3 {
        text-align: left;
        color: #1e68b4;
        font-size: 24px;
        line-height: 50px;
        font-weight: 600;
    }
    .youshi_item_left h4 {
        color: #1e68b4;
        font-size: 24px;
        line-height: 40px;
        font-weight: 600;
        margin-bottom: 4%;
    }
    .product_top h2 {
        width: 32%;
        float: left;
        font-size: 18px;
        line-height: 54px;
        color: #1e68b4;
        font-weight: 600;
    }
    .slide_wrap {
        width: 100%;
        float: left;
    }
    .slide_items {
        width: 100%!important;
        overflow: hidden;
    }
    .slide_items li {
        float: left;
        width: 46%;
        line-height: 32px;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0% 2%;
        margin-bottom: 3%;
    }
    .product_btn {
        display: none;
    }
    .product-img {
        width: 100%;
        position: unset;
    }
    .product_desc h2 {
        font-size: 16px;
        line-height: 50px;
        margin-bottom: 0%;
    }
    .product_desc {
        width: 100%;
        padding: 5% 5% 5% 2%;
    }

    .product_wrap{
        padding-bottom: 0%;
    }
    #header {
        display: none;
    }
    #header_wap {
        display: block;
    }
    .locationContWrap {
        padding: 0% 2%;
        width: 100%;
        margin: 0px auto;
    }
    .aboutCont {
        padding: 0% 2%;
    }
    .aboutTitle h2 {
        font-size: 18px;
        line-height: 32px;
        margin:5% auto;
    }
    .aboutTitle h3 {
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .aboutNum li {
        width: 50%;
        margin: 3% auto;
    }
    .aboutNum li:nth-child(2) {
        border-right: none;
    }
    .aboutNum {
        flex-wrap: wrap;
    }
    .aboutHomeWrap {
        padding: 0% 2%;
    }
    .aboutHome2 {
        flex-direction: column;
    }
    .aboutHome2_info h3 {
        font-size: 18px;
        margin-bottom: 0%;
    }
    .aboutHome2_info p {
        font-size: 1.8rem;
        margin-bottom: 2%;
    }
    .aboutHome2_info a {
        line-height: 4rem;
        font-size: 1.54px;
    }
    .aboutHome2_img {
        margin-top: 2%;
    }
    .aboutHome3_info {
        width: 100%;
        order: 1;
    }
    .aboutHome3_img {
        width: 100%;
        padding-top: 6%;
        order: 2;
        text-align: center;
    }
    .aboutHome3 {
        flex-direction: column;
    }
    .timeLine_icon {
        display: none;
    }
    .timeLine li:nth-child(1) {
        display: none;
    }
    .aboutHome3_info h3 {
        font-size: 18px;
        margin-bottom: 2%;
    }
    .timeLine {
        margin: 4% auto 0;
    }
    .timeLine_btn a {
        line-height: 4rem;
        font-size: 1.54px;
        margin:0px auto;
    }
    .timeLine_btn {
        margin: 0px;
    }
    .timeLine li:nth-child(7) {
        background: unset;
    }
    .aboutHome4 {
        display: flex;
        justify-content: space-evenly;
        padding-bottom: 4%;
        padding-top: 4%;
        flex-direction: column;
    }
    .aboutHome4_info {
        width: 100%;
        padding-top: 2%;
        padding-left: 5%;
        padding-bottom: 10%;
        padding-right: 2%;
    }
    .aboutHome4_info h3 {
        line-height: 4rem;
        font-size: 18px;
        color: #1e68b4;
        font-weight: 600;
        margin-bottom: 2%;
    }
    .aboutHome4_info p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 4%;
    
    }
    .aboutHome4_info a {
        display: block;
        width: 39%;
        border: 1px solid #ccc;
        text-align: center;
        line-height: 4rem;
        font-size: 1.54px;
        color: #000;
        margin-top: 4%;
    }
    .aboutHome4_img {
        width: 100%;
        text-align: right;
        padding-right: 0%;
    }
    .aboutHome4_img img {
        max-width: 100%;
    }
    .aboutHome5 {
        display: flex;
        justify-content: space-between;
        padding-bottom: 6%;
        padding-top: 4%;
        flex-direction: column;
    }
    .aboutHome5_img {
        order: 2;
        width:100%;
    }
    .aboutHome5_img img {
        max-width: 100%;
    }
    .aboutHome5_info {
        padding-left: 0%;
        width: 100%;
        order: 1;
    }
    .aboutHome5_info h3 {
        line-height: 4rem;
        font-size: 18px;
        color: #1e68b4;
        font-weight: 600;
        margin-bottom: 2%;
    }
    .aboutHome5_info p {
        line-height: 4rem;
        font-size: 1.54px;
    }
    .aboutHome5_info a {
        display: block;
        width: 30%;
        border: 1px solid #ccc;
        text-align: center;
        line-height: 28px;
        font-size: 14px;
        color: #000;
        margin-top: 2%;
        margin-bottom: 8%;
    }
    .wenhuaInfo {
        position: relative;
        background: url(../img/wenhua_bg.jpg) no-repeat center;
        background-size: cover;
        height: auto;
        overflow: hidden;
    }
    .wenhuaInfo ul {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .wenhuaInfo ul li {
        color: #fff;
        text-align: center;
        line-height: 54px;
        width: 100%;
        border-right: 1px solid #5a6b9c;
        box-sizing: border-box;
        font-size: 2rem;
        border-bottom: 1px solid #5a6b9c;
    }
    .wenhuaInfo ul li h3 {
        line-height: 54px;
        font-size: 16px;
    }
    .wenhuaInfo ul li div {
        height: 12rem;
    }
    .wenhuaInfo ul li div p{
        font-size: 14px;
    }
    .wenhuaInfo ul li:last-child {
        padding-top: 4%;
    }
    .side {
        display: none;
    }

    .aboutInfo p{
        line-height: 32px;
    }

    .footer_nav ul li a {
      
        line-height: 28px;
         
    }

    .casesTitle {
        padding-bottom: 0%;
        padding-top: 1%;
        padding: 4% 1%;
    }

    

    .homeProCenter ul li {
        width: 100%;
        margin-bottom:4%;
      
    }

    .homeProCenter ul {
        width:96%;
        flex-direction: column;        
        margin: 0px auto;
    }

    .homeProInfo h2 {
         font-size: 18px;
         line-height: 32px;
    }

    .timeLine li {
        background: url(../img/back1.png) repeat-y 31% 0;
        
    }

    .timeLine li p{
        width:30%;
    }

    .timeLine li .con {
        width: calc(100% - 30%);
    }

    .aboutHome{
        width: 100%!important;
    }
    
    .homeProImg {
        margin: 4% auto;
        margin-bottom: 1%;        
    }
    .homeProCenter ul li a {        
        padding: 4%;
    }


    .homeProText h2{
        font-size: 18px;      
    }
    
    .homeProText p{
        font-size: 14px;      
    }

    .homePro ul {     
        width: 96%;
        margin: 0px auto;
        flex-direction: column;
    }
    .homePro ul li{
        width: 100%;
        height: 240px;
        margin-bottom: 1%;
    }
    .homePro ul li.cur {
        width: 100%;
    }

    .homePro ul li.cur .homeProText {      
        left: 4%;
        bottom: 4%;      
        right: 4%;
    }

    .pcContDiy{
        display: none;
    }
    
    .wapContDiy{
        display: block;
    }


    #banner .swiper-button-prev, #banner .swiper-container-rtl .swiper-button-next {
       display: none;
    }
    
    #banner .swiper-button-next, #banner .swiper-container-rtl .swiper-button-prev {
        display: none;
    }

    .footer_top{
        padding:5%;
    }
    .aboutNavTwo {
        width: 60%;
    }
    
    .aboutHome2_info{
        width: 100%;
    }

    .aboutHome2_img{
        width: 100%;
    }
	
	.song_play{
	 
	background: #1e68b4;
	 
	}
	
	
	.proNav2022 ul li div a {
    display: block;
    float: left;
    border: 1px solid #1f69b4;
    border-radius: 20px;
    line-height: 32px;
    padding: 0% 6%;
    margin-right: 2%;
    font-size: 14px;
    color: #666;
    margin-bottom: 14px;
	}
	
	.slide_items li a span {
		display: block;
		font-size: 16px;
	}


}

.show {
    display: block;
}

/**wap:style**/