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

    .block{width:1200px}

header{height:120px}

.height{height:120px}

header .logo{width:380px}

header .nav li{font-size:1.8rem}

.banner .swiper-button-next,.banner .swiper-button-prev{width:45px;height:70px;background-size:18px}

.banner .swiper-button-prev{left:100px}

.banner .swiper-button-next{right:100px}

header .nav li dl{width:130px}

.indextitle .p1{font-size:1.6rem}

.indextitle .p2{font-size:3rem}

.service li .p1{font-size:1.8rem}

.service li .p3{font-size:1.2rem}

.service ul{padding:0 120px}

.service li{padding:60px 0 50px 0}

.indextitles{margin-top:40px}

.about .right .text{font-size:1.6rem}

.about .right .more{font-size:1.4rem;width:140px;height:45px;line-height:45px}

.about .right .more .arrow{width:7px;height:7px}

.aboutnav li{height:70px;line-height:70px;font-size:1.8rem; width: 150px;}

.about .left{height:500px}

.about .right{width:45%;margin-right:5%}

.aboutnav{bottom:30px}

.news .list{padding:20px 20px}

.news .list .text .title{font-size:2rem}

.news .list .text .intro{font-size:1.4rem}

.indexnews .list .text .title{font-size:1.4rem; height: 30px; font-weight:bold;}

.indexnews .list .text .intro{font-size:1.3rem}



.news .list .text .time{margin-top:30px;font-size:1.4rem}

.news .list .text .time img{width:18px;vertical-align:-3px}

.news .list .godetai span{width:40px;height:40px;line-height:40px;font-size:1.6rem}

.news .list .godetai{height:calc(100% - 40px)}

footer .left li{font-size:1.6rem}

footer .left li a{font-size:1.4rem}

.wrap{margin-top:90px}

.service{margin-top:70px}

footer{margin-top:70px}

.inner-banner .text1 .text{padding:30px 40px}

.inner-banner .text1 .text .p1{font-size:3rem}

.inner-banner .text1 .text .p2{font-size:1.4rem}

.bars li{font-size:1.8rem}

.abouts .text .intro{font-size:1.6rem;margin-top:40px}

.bars ul{margin-top:70px}

.honor .list .title{font-size:1.4rem;line-height:1.8}

.job ul.list li{font-size:1.6rem;height:80px;line-height:80px}

.job .info .text{font-size:1.4rem}

.job .info .text h4{font-size:1.6rem}

.job .info .yp{margin:30px 0 50px 0;font-size:1.5rem}

.job .title li{font-size:1.4rem}

.job .info{padding:20px 80px}

.job ul.list .icon-xiala{margin-top:25px}

.jobs{font-size:1.8rem;margin-top:90px;padding:40px 0; text-indent: 3.6rem;}

.pages p{width:600px}

.bart{font-size:1.6rem}

.news-show h1{font-size:3rem}

.news-show .time{font-size:1.4rem}

.news-show .content{font-size:1.6rem}

.pages .prev{padding:80px 0 40px 0}

.pages .next{padding:80px 0 40px 0}

.pages .prev p{font-size:1.6rem}

.pages .next p{font-size:1.6rem}

.pages img{width:50px}

.news-show{margin-top:70px}

.news-show .content{margin-top:40px}

.page a{font-size:1.6rem}

.page .next{font-size:2.8rem;width:70px}

.page .prev{font-size:2.8rem;width:70px}

.page{margin:40px auto 40px auto}

.gongcheng .list .right .title{ font-size: 3rem;margin-top:50px;}

.gongcheng .list .right .title1{font-size: 1.4rem;margin-top: 20px;}

.gongcheng .list .right .intro{ font-size: 1.6rem;margin-top:60px;}

.gongcheng .list{ margin-top: 90px;}

.shebei .tab a{font-size: 1.8rem;margin: 0 50px;}

.shebeis .list .text .p1{ font-size: 1.6rem;}

.project .list{ padding:25px 0;}

.project .list .pic{ width: 38%;}

.project .list .title{ font-size: 1.8rem;}

.project-show h1{ font-size: 3rem;}

.project-show h1 img{vertical-align: -21px;}

.project-show .time{font-size: 1.4rem;}

.project-show .subtitle{font-size:1.6rem;height:50px;line-height:50px;}

.project-show .text1{ font-size: 1.4rem;}

.project-show ul{ margin-top:50px;}

.feedback textarea{font-size:1.8rem;    height: 180px;}

.feedback .text input{font-size:1.8rem;    height: 60px;    margin-top:30px;}

.feedback .btn{height:60px;font-size:1.8rem;  width: 180px;    margin-top:70px;}

.contact .title{ font-size: 2.4rem;}



.contact .ul1 li img{ width: 35px;}

.contact .ul1 li .p1{ font-size: 1.6rem;    margin-top: 10px;}

.contact .ul1 li .p2{ font-size: 1.6rem;height:50px;}

#dituContent{ height: 340px;}

.contact .ul1{ margin-top: 60px;}

.contact .ul2 li .box .p{ margin-bottom: 20px;}

.contact .ul2 li .box .p .text .p1{ font-size: 1.6rem;}

.contact .ul2 li .box .p .text .p2{ font-size: 1.4rem;}

.pops{ width: 600px;}

.pops .form input{    height: 40px;font-size: 1.4rem;}

.pops .form textarea{height: 80px;font-size: 1.4rem;}

.pops .form p{ font-size: 1.4rem;}

.pops .title{ height: 100px; line-height: 100px;font-size:2.6rem;}

.tips{ font-size:1.6rem}

.pops .form .btn{width:155px;height:40px;font-size:1.6rem;}

.barst{ font-size: 1.6rem }
 .prodetail-fr .p1{font-size: 3.2rem; }
 .prodetail-fl .sp_center_pic{width:450px; height:450px; overflow:hidden;}
 .prodetail-fr .p2{font-size: 1.6rem; margin-top: 30px;}
 .prodetail-fr .p3{font-size: 1.6rem;margin-top: 30px; }
 .prodetail-fr .p4{font-size: 1.6rem;margin-top: 30px;}
 .prodetail-fr .p5{font-size: 1.6rem;margin-top: 30px;}
 .detail .tab a{ font-size: 1.6rem; }
 .prodetail-fl .btns div{ width:70px;height:70px;}
 .prodetail-fr{ width:calc(100% - 500px); }


header .block .hottel{ font-size: 1.6rem;top: 8px; }
header .block .hottel img{ width: 20px;}

 .advantage{ width: 1000px;}
 .advantage .list .left img{ display: block;width:200px;float: left;  }
.advantage .list .left .line{ width: 100px; height: 1px; background: #ddd; float:right; margin-top:100px; }
.advantage .list .text{ float: right; width: calc(100% - 340px);height: 200px;}
.advantage .list .text .title{font-size: 2.4rem;}
.advantage .list .text .title span{font-size: 1.6rem; padding:7px 15px; }
.advantage .list .text .content{ margin-top:30px;  font-size: 1.4rem; }
.history{ width: 1000px;}
.history .years{ font-size: 2.2rem }
.his-box .pic{width: 200px;}
.his-box .text{ width:calc(100% - 220px);font-size: 1.5rem; padding-top: 0;}
}

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

    .block{width:1100px; }

.pages p{width:550px}

header{height:100px}

.height{height:100px}

header .logo{width:330px;margin-top:30px}

header .nav{margin-top:40px}

header .nav li{font-size:1.6rem}

.banner .swiper-button-next,.banner .swiper-button-prev{width:40px;height:65px;background-size:18px}

.banner .swiper-button-prev{left:80px}

.banner .swiper-button-next{right:80px}

header .nav li dl{width:110px}

.indextitle .p1{font-size:1.4rem}

.indextitle .p2{font-size:2.8rem}

.service li .p1{font-size:1.6rem}

.service li .p3{font-size:1.2rem}

.service ul{padding:0 100px}

.service li{padding:60px 0 50px 0}

.about .right .text{font-size:1.4rem}

.about .right .more{font-size:1.2rem;width:120px;height:40px;line-height:40px}

.about .right .more .arrow{width:7px;height:7px}

.aboutnav li{height:60px;line-height:60px;font-size:1.6rem}

.about .left{height:500px}

.about .right{width:45%;margin-right:5%}

.indextitles{margin-top:60px}

.aboutnav{bottom:20px}

.news .list{padding:15px 15px}

.news .list .text .title{font-size:1.8rem}

.news .list .text .intro{font-size:1.3rem}
.indexnews .list .text .title{font-size:1.3rem}

.indexnews .list .text .intro{font-size:1.3rem}

.news .list .text .time{margin-top:20px;font-size:1.3rem}

.news .list .text .time img{width:15px;vertical-align:-3px}

.news .list .godetai span{width:30px;height:30px;line-height:30px;font-size:1.4rem}

.news .list .godetai{height:calc(100% - 30px);width:100px}

.wrap{margin-top:80px}

.service{margin-top:60px}

footer{margin-top:80px}

.inner-banner .text1 .text{padding:20px 30px}

.inner-banner .text1 .text .p1{font-size:2.6rem}

.inner-banner .text1 .text .p2{font-size:1.2rem}

.bars li{font-size:1.6rem;padding-bottom:20px}

.bars li.on::after{height:4px}

.bars li:hover::after{height:4px}

.abouts .text .intro{font-size:1.4rem;margin-top:30px}

.bars ul{margin-top:60px}

.honor .list .title{font-size:1.4rem;line-height:1.8;padding:10px 0}

.job ul.list li{font-size:1.4rem;height:70px;line-height:70px}

.job .info .text{font-size:1.3rem}

.job .info .text h4{font-size:1.5rem}

.job .info .yp{margin:20px 0 40px 0;font-size:1.4rem}

.job .title li{font-size:1.3rem}

.job .info{padding:20px 70px}

.job ul.list .icon-xiala{width:28px;height:28px;line-height:28px;margin-top:25px}

.jobs{font-size:1.6rem;margin-top:80px;padding:30px 0; text-indent: 3.2rem;}

.bart{font-size:1.4rem}

.news-show h1{font-size:2.6rem}

.news-show .time{font-size:1.2rem;margin-top: 10px;}

.news-show .content{font-size:1.4rem}

.pages .prev{padding:70px 0 30px 0}

.pages .next{padding:70px 0 30px 0}

.pages .prev p{font-size:1.4rem}

.pages .next p{font-size:1.4rem}

.pages img{width:45px}

.news-show{margin-top:60px}

.news-show .content{margin-top:30px}

.page a{font-size:1.4rem}

.page{margin:60px auto 100px auto}



.gongcheng .list .right .title{ font-size:2.8rem;margin-top:40px;}

.gongcheng .list .right .title1{font-size: 1.2rem;margin-top: 20px;}

.gongcheng .list .right .intro{ font-size: 1.4rem;margin-top:50px;}

.gongcheng .list{ margin-top:80px;}

.shebei .tab a{font-size: 1.6rem;margin: 0 40px;}

.shebeis .list .text .p1{ font-size: 1.4rem;}

.project .list{ padding:20px 0;}

.project .list .pic{ width: 130px; height: 50px;}

.project .list .pic img{

    max-height: 50px;}

.project .list .title{ font-size: 1.6rem;}



.project-show h1{ font-size: 2.6rem;}

.project-show h1 img{vertical-align: -21px;}

.project-show .time{font-size: 1.2rem;margin-top: 10px;}

.project-show .subtitle{font-size:1.4rem;height:40px;line-height:40px;margin-top:50px;}

.project-show .text1{ font-size: 1.3rem;margin-top:30px;}

.project-show ul{ margin-top: 40px;}



.feedback textarea{font-size:1.6rem;    height: 160px;}

.feedback .text input{font-size:1.6rem;    height: 50px;    margin-top:20px;}

.feedback .btn{height: 50px;font-size:1.6rem;  width: 160px;    margin-top:60px;}



.contact .title{ font-size: 2.2rem;}

.contact .ul1 li img{ width: 30px;}

.contact .ul1 li .p1{ font-size: 1.5rem;    margin-top: 10px;}

.contact .ul1 li .p2{ font-size: 1.5rem;height:44px;}

#dituContent{ height:270px;}

.contact .ul1{ margin-top:50px;}

.contact .ul2 li .box .p{ margin-bottom:15px;}

.contact .ul2 li .box .p .text .p1{ font-size: 1.5rem;}

.contact .ul2 li .box .p .text .p2{ font-size: 1.3rem;}



.pops{ width: 600px;}

.pops .form input{    height:35px;font-size: 1.3rem;}

.pops .form textarea{height:60px;font-size: 1.3rem;}

.pops .form p{ font-size: 1.3rem;}

.pops .title{ height:80px; line-height:80px;font-size:2.2rem;}

.tips{ font-size:1.4rem}

.pops .form .btn{width:145px;height:40px;font-size:1.4rem;}

.pops .form{ padding:25px}

.pops .form .list{ margin-top: 15px;}

.tips{    margin:15px auto 30px auto;}

.barst{ font-size: 1.4rem }
 .prodetail-fr .p1{font-size: 3rem; }
 .prodetail-fl .sp_center_pic{width:400px; height:400px; overflow:hidden;}
 .prodetail-fr .p2{font-size: 1.4rem; margin-top: 20px;}
 .prodetail-fr .p3{font-size: 1.4rem;margin-top: 20px; }
 .prodetail-fr .p4{font-size: 1.4rem;margin-top: 20px;}
 .prodetail-fr .p5{font-size: 1.4rem;margin-top: 20px;}
 .detail .tab a{ font-size: 1.4rem; }
 .prodetail-fl .btns div{ width:60px;height:60px;}
 .prodetail-fr{ width:calc(100% - 450px); }


   .advantage{ width: 800px;}
 .advantage .list .left img{ display: block;width:160px;float: left;  }
.advantage .list .left .line{ width: 100px; height: 1px; background: #ddd; float:right; margin-top:80px; }
.advantage .list .text{ float: right; width: calc(100% - 300px);height: 160px;}
.advantage .list .text .title{font-size: 2rem;}
.advantage .list .text .title span{font-size: 1.4rem; padding:7px 15px; }
.advantage .list .text .content{ margin-top:20px;  font-size: 1.4rem; }


.history{ width:900px;}
.history .years{ font-size: 2rem }
.his-box .pic{width:160px;}
.his-box .text{ width:calc(100% - 180px);font-size: 1.4rem; padding-top: 0;}
}





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

    .block{width:900px}

.pages p{width:450px}

header{height:80px}

.height{height:80px}

header .logo{width:280px;margin-top:25px}
header .block .hottel{font-size: 1.5rem}
header .nav{margin-top:38px}

header .nav li.on:after{top:25px}

header .nav li:hover:after{top:25px}

header .nav li{font-size:1.4rem;margin-left:20px}

.banner .swiper-button-next,.banner .swiper-button-prev{width:35px;height:60px;background-size:18px}

.banner .swiper-button-prev{left:60px}

.banner .swiper-button-next{right:60px}

header .nav li dl{width:90px}

.indextitle .p1{font-size:1.2rem}

.indextitle .p2{font-size:2.6rem}

.service li .p1{font-size:1.6rem;margin-top:20px;}

.service li .p3{font-size:1.2rem;height:30px; line-height: 1.7}

.service ul{padding:0 80px}

.service li{padding:50px 0 40px 0}

.about .right .text{font-size:1.3rem}

.about .right .more{font-size:1rem;width:100px;height:35px;line-height:35px}

.aboutnav li{height:60px;line-height:60px;font-size:1.5rem;margin-right:30px;width: 120px;}

.about .left{height:500px;width:50%}

.about .right{width:45%;margin-right:5%}

.indextitles{margin-top:50px}

.aboutnav{bottom:30px}

.news .list .text .title{font-size:1.6rem}

.news .list .text .intro{font-size:1.2rem}
.indexnews .list .text .title{font-size:1.6rem}

.indexnews .list .text .intro{font-size:1.2rem}
.news .list .text .time{margin-top:15px;font-size:1.2rem}

.news .list .text .time img{width:15px;vertical-align:-3px}

.news .list .godetai span{width:30px;height:30px;line-height:30px;font-size:1.4rem}

.news .list .godetai{height:calc(100% - 30px);width:100px}

footer .left{float:none}

footer .right{float:none;margin-top:20px}

.wrap{margin-top:70px}

.service{margin-top:60px}

footer{margin-top:70px}

.news{margin-top:50px}

.inner-banner .text1 .text{padding:15px 20px}

.inner-banner .text1 .text .p1{font-size:2.2rem}

.inner-banner .text1 .text .p2{font-size:1.2rem}

.bars li{font-size:1.6rem;padding-bottom:20px}

.abouts .text .intro{font-size:1.3rem;margin-top:20px}

.bars li{margin-right:40px}

.bars ul{margin-top:50px}

.job ul.list li{font-size:1.3rem;height:60px;line-height:60px}

.job .info .text{font-size:1.2rem}

.job .info .text h4{font-size:1.4rem}

.job .info .yp{margin:15px 0 30px 0;font-size:1.3rem}

.job .title li{font-size:1.2rem}

.job .info{padding:20px 50px}

.job ul.list .icon-xiala{width:26px;height:26px;line-height:26px;margin-top:18px}

.jobs{font-size:1.4rem;margin-top:70px;padding:25px 0; text-indent: 2.8rem;}

.bart{font-size:1.2rem;padding:30px 0}

.news-show h1{font-size:2.2rem}

.news-show .time{font-size:1.2rem}

.news-show .content{font-size:1.4rem}

.pages .prev{padding:60px 0 30px 0}

.pages .next{padding:60px 0 30px 0}

.pages .prev p{font-size:1.4rem}

.pages .next p{font-size:1.4rem}

.pages img{width:45px}

.news-show{margin-top:50px}

.news-show .content{margin-top:20px}

.page .next{font-size:2.6rem;width:70px}

.page .prev{font-size:2.6rem;width:70px}

.page{margin:50px auto 80px auto}



.gongcheng .list .right .title{ font-size:2.6rem;margin-top:30px;}

.gongcheng .list .right .title1{font-size: 1.2rem;margin-top: 20px;}

.gongcheng .list .right .intro{ font-size: 1.4rem;margin-top:40px;}

.gongcheng .list{ margin-top: 70px;}

.shebei .tab a{font-size: 1.4rem;margin: 0 30px;}

.project .list{ padding:15px 0;}

.project .list .pic{ width: 110px; height: 40px;}

.project .list .pic img{

    max-height: 40px;}

.project .list .title{ font-size: 1.4rem;}



.project-show h1{ font-size: 2.2rem;}

.project-show h1 img{vertical-align: -21px;}

.project-show .time{font-size: 1.2rem;margin-top: 10px;}

.project-show .subtitle{font-size:1.4rem;height:40px;line-height:40px;margin-top:40px;}

.project-show .text1{ font-size: 1.3rem;margin-top:20px;}

.project-show ul{ margin-top: 30px;}

.feedback textarea{font-size:1.4rem;height: 140px;}

.feedback .text input{font-size:1.4rem;height:40px;margin-top:10px;}

.feedback .btn{height: 40px;font-size:1.4rem;  width: 140px;    margin-top:50px;}



.contact .title{ font-size: 2rem;}

.contact .ul1 li img{ width: 30px;}

.contact .ul1 li .p1{ font-size: 1.4rem;    margin-top: 10px;}

.contact .ul1 li .p2{ font-size: 1.4rem;height:44px;}

#dituContent{ height:200px;}

.contact .ul1{ margin-top:40px;}

.contact .ul2 li .box .p{ margin-bottom:10px;}

.contact .ul2 li .box .p .text .p1{ font-size: 1.4rem;}

.contact .ul2 li .box .p .text .p2{ font-size: 1.2rem;}
.barst{ font-size: 1.3rem }
 .prodetail-fr .p1{font-size:2.8rem; }
 .prodetail-fl .sp_center_pic{width:350px; height:350px; overflow:hidden;}
 .prodetail-fr .p2{font-size: 1.3rem; margin-top: 20px;}
 .prodetail-fr .p3{font-size: 1.3rem;margin-top: 20px; }
 .prodetail-fr .p4{font-size: 1.3rem;margin-top: 20px;}
 .prodetail-fr .p5{font-size: 1.3rem;margin-top: 20px;}
 .detail .tab a{ font-size: 1.3rem; }
 .prodetail-fl .btns div{ width:60px;height:60px;}
 .prodetail-fr{ width:calc(100% - 400px); }

    .advantage{ width: 800px;}
 .advantage .list .left img{ display: block;width:160px;float: left;  }
.advantage .list .left .line{ width: 100px; height: 1px; background: #ddd; float:right; margin-top:80px; }
.advantage .list .text{ float: right; width: calc(100% - 300px);height: 160px;}
.advantage .list .text .title{font-size: 1.8rem;}
.advantage .list .text .title span{font-size: 1.3rem; padding:4px 10px; }
.advantage .list .text .content{ margin-top:20px;  font-size: 1.2rem; }

.history{ width:800px;}
.history .years{ font-size: 1.8rem;width: 100px;height:35px;line-height: 35px; }
.his-box .pic{width:140px;}
.his-box .text{ width:calc(100% - 160px);font-size: 1.3rem; padding-top: 0;}
}

@media screen and (max-width:992px){.block{width:90%}

header{height:60px}

.height{height:60px}

header .logo{margin-top:20px;width:180px}
header .block .hottel{ top: 3px; }
header .nav{margin-top:30px}

header .nav li{margin-left:10px}

.banner .swiper-button-next,.banner .swiper-button-prev{width:30px;height:60px;background-size:15px}

.banner .swiper-button-prev{left:40px}

.banner .swiper-button-next{right:40px}

.banner .swiper-pagination-bullet{width:10px;height:10px}

.banner .swiper-pagination{bottom:20px}

.indextitle .p1{font-size:1rem}

.indextitle .p2{font-size:2.4rem}

.indextitle .p3{width:40px;margin-top:20px}

.service li .p1{font-size:1.6rem}

.service li .p3{font-size:1.2rem}

.service ul{padding:0 60px}

.service li{padding:40px 0 30px 0}

.about .right .text{font-size:1.3rem;margin-top: 20px;}

.about .right .more{font-size:1rem;width:80px;height:30px;line-height:30px}

.aboutnav li{height:50px;line-height:50px;font-size:1.4rem;margin-right:20px;
    width: 100px;}
    .aboutnav{bottom: 20px;}

.about .left{height:500px;width:50%}

.about .right{width:45%;margin-right:5%}

.indextitles{margin-top:40px}

.news .list .text .title{line-height:1.8}

.news .list .text .intro{display:none}

.news .list .text .title{font-size:1.4rem}

.news .list .text .intro{font-size:1.2rem}


.indexnews .list .text .title{font-size:1.4rem}

.indexnews .list .text .intro{font-size:1.2rem}

.news .list .text .time{margin-top:15px;font-size:1.2rem}

.news .list .text .time img{width:15px;vertical-align:-3px}

.news .list .godetai span{width:30px;height:30px;line-height:30px;font-size:1.4rem}

.news .list .godetai{height:calc(100% - 30px);width:80px}

.news .list .text{width:calc(74% - 100px)}

.news .list{margin-bottom:10px}

.wrap{margin-top:60px}

.service{margin-top:50px}

footer{margin-top:60px}

.news{margin-top:40px}

.inner-banner .text1{left:5%;transform:translateX(0)}

.inner-banner .text1 .text{padding:10px 10px;width:100px}

.inner-banner .text1 .text .p1{font-size:2rem}

.inner-banner .text1 .text .p2{font-size:1rem}

.bars li{font-size:1.4rem;padding-bottom:20px}

.abouts .text .intro{font-size:1.2rem;margin-top:10px}

.bars li{margin-right:30px}

.job .info{padding:20px 5%}

.job ul.list .icon-xiala{width:26px;height:26px;line-height:26px;margin-top:18px}

.jobs{font-size:1.3rem;margin-top:60px;padding:20px 0; text-indent: 2.6rem;}

footer .left li a{font-size:1.2rem}

footer .left li{font-size:1.4rem}

.pages p{width:90%}

.bart{font-size:1.2rem;padding:25px 0}

.pages .prev{padding:50px 0 20px 0}

.pages .next{padding:50px 0 20px 0}

.pages .prev p{font-size:1.3rem}

.pages .next p{font-size:1.3rem}

.pages img{width:40px}

.news-show{margin-top:40px}

.news-show .content{margin-top:15px}

.page .next{font-size:2.4rem;width:70px}

.page .prev{font-size:2.4rem;width:70px}

.page{margin:40px auto 60px auto}



.gongcheng .list .right .title{ font-size:2.4rem;margin-top:20px;}

.gongcheng .list .right .title1{font-size: 1.2rem;margin-top: 20px;}

.gongcheng .list .right .intro{ font-size: 1.4rem;margin-top:30px;}

.gongcheng .list{ margin-top: 60px;}

.shebei .tab a{font-size: 1.3rem;margin: 0 20px;padding: 8px 20px;}

.shebeis .list{ width: 30.333%;    margin-right: 4.5%;margin-bottom: 4.5%;}

.shebeis .list:nth-child(4n){margin-right: 4.5%;}

.shebeis .list:nth-child(3n){margin-right: 0;}

.project .list{ padding:15px 0;}

.project .list .pic{ width: 100px; height: 40px;}

.project .list .pic img{

    max-height: 40px;}

.project .list .title{ font-size: 1.3rem;    margin-top: 10px;}

.feedback .btn{ margin-top:40px;}



.contact .title{ font-size:1.8rem;}

.contact .ul1 li img{ width: 30px;}

.contact .ul1 li .p1{ font-size: 1.4rem;    margin-top: 10px;}

.contact .ul1 li .p2{ font-size: 1.4rem;height:57px;}

#dituContent{ height:200px;width: 100%;}

.contact .ul1{ margin-top:40px;}

.contact .ul2 li .box .p{ margin-bottom:10px;}

.contact .ul2 li .box .p .text .p1{ font-size: 1.4rem;}

.contact .ul2 li .box .p .text .p2{ font-size: 1.2rem;}

   .advantage{ width: 100%;}
 .advantage .list .left img{ display: block;width:120px;float: left;  }
.advantage .list .left .line{ width: 100px; height: 1px; background: #ddd; float:right; margin-top:60px; }
.advantage .list .text{ float: right; width: calc(100% - 250px);height: 120px;}
.advantage .list .text .title{font-size: 1.8rem;}
.advantage .list .text .title span{font-size: 1.3rem; padding:4px 10px; }
.advantage .list .text .content{ margin-top:20px;  font-size: 1.2rem; }
.history{ width:100%;}
.history .years{ font-size: 1.8rem;width: 100px;height:35px;line-height: 35px; }
.his-box .pic{width:140px; float: none; width: 100%;}
.his-box .text{ width:100%;font-size: 1.3rem; padding-top:10px; float: none}

}







@media screen and (max-width:768px){.block{width:94%}

.height{height:50px}

header{display:none}

.mobiles{display:block}

.banner .swiper-button-next,.banner .swiper-button-prev{display:none}

.banner .swiper-pagination-bullet{width:8px;height:8px}

.banner .swiper-pagination{bottom:10px}

.indextitle .p3{width:35px;margin-top:15px;height:3px}

.indextitle .p2{font-size:2rem}

.service li .p1{font-size:1.6rem}

.service li .p3{font-size:1.2rem; height: 50px;}

.service ul{padding:0 40px}

.service li{padding:30px 0 20px 0}

.about .right .text{font-size:1.2rem}

.aboutnav li{height:50px;line-height:50px;font-size:1.4rem; margin-right:15px; margin-bottom:15px;}

.about .left{height:300px;width:100%;float:none;background:url(../images/about.png) no-repeat left center;background-size:130% auto}

.about .right{width:90%;margin:0 auto;float:none}

.aboutnav{position:static;transform:translateX(0);padding:20px 0}

footer{padding:20px 0}

footer .right{margin-top:0}

footer .left{display:none}

footer .left li{font-size:1.4rem}

footer .left li a{font-size:1.2rem}

footer .right{width:100%; max-width: initial}

footer .right img{display:block;margin:0 auto}

footer .right p{text-align:center}

.copyright{height:auto;padding:10px 0;line-height:20px}

.copyright .sp2{float:left}

.wrap{margin-top:50px}

.service{margin-top:40px}

footer{margin-top:50px}

.news{margin-top:30px}

.bars li{margin-right:20px}

.job ul.list .icon-xiala{width:24px;height:24px;line-height:24px;margin-top:18px}

.jobs{font-size:1.2rem;margin-top:40px;padding:15px 0; text-indent: 2.4rem;}

.news-show h1{font-size:2rem;line-height:1.8}

.news-show .time{font-size:1.2rem;margin-top:10px}

.news-show .content{font-size:1.2rem}

.pages .prev{padding:40px 0 10px 0}

.pages .next{padding:40px 0 10px 0}

.pages .prev p{font-size:1.2rem}

.pages .next p{font-size:1.2rem}

.pages img{width:40px}

.news-show{margin-top:30px}

.news-show .content{margin-top:10px}

.page a{font-size:1.2rem;margin:0;width:25px}

.page .next{font-size:2rem;width:60px}

.page .prev{font-size:2rem;width:60px}

.page{margin:30px auto 40px auto}



.gongcheng .list .right .title{ font-size:2.2rem;margin-top:20px;}

.gongcheng .list .right .title1{font-size: 1rem;margin-top: 20px;}

.gongcheng .list .right .intro{ font-size: 1.2rem;margin-top:20px;}

.gongcheng .list{ margin-top: 50px;}

.shebei .tab a{font-size: 1.3rem;margin: 0 20px;padding: 8px 15px;}

.project-show h1{ font-size: 2rem;}

.project-show h1 img{vertical-align: -21px;}

.project-show .time{font-size: 1.2rem;margin-top: 10px;}

.project-show .subtitle{font-size:1.4rem;height:40px;line-height:40px;margin-top:30px;}

.project-show .text1{ font-size: 1.2rem;margin-top:20px;}

.project-show ul{ margin-top: 30px;}

.pops{ width: 90%;}


.prodetail-fl{ float: none;}
.prodetail-fr{ float: none; width: 100%; margin-top: 30px;}
.detail {
    margin: 40px auto 60px auto;
}
.prodetail-fr .p1{font-size:2.4rem; }
.prodetail-fl .sp_center_pic{width:350px; height:350px; overflow:hidden;}
.prodetail-fr .p2{font-size: 1.2rem; margin-top: 20px;}
.prodetail-fr .p3{font-size: 1.2rem;margin-top: 20px; }
.prodetail-fr .p4{font-size: 1.2rem;margin-top: 20px;}
.prodetail-fr .p5{font-size: 1.2rem;margin-top: 20px;}
.detail .tab a{ font-size: 1.2rem; }
}

@media screen and (max-width:600px){.service li .p1{font-size:1.6rem}

.service li .p3{font-size:1.2rem}

.service ul{padding:0 10px}

.service li{padding:30px 0 20px 0;width:48%;margin-right:4%}

.service li:nth-child(3n){margin-right:4%}

.service li:nth-child(2n){margin-right:0}

.news .list .godetai{display:none}

.news .list .text{width:calc(74% - 20px);margin:0 10px}

.news .list{padding:10px}

.wrap{margin-top:40px}

.abouts .pic{float:none;width:100%}

.abouts .text{float:none;width:100%;margin-top:20px}

.bars li{margin-right:10px}

.honor .list{width:47%;margin-right:6%;margin-bottom:6%}

.honor .list:nth-child(2n){margin-right:0}

.honor .list .bgimg{box-shadow:0 7px 3px rgba(0,0,0,.1)}

.job .info .left{width:100%;float:none}

.job .info .right{width:100%;float:none}

.job ul.list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.job ul.list .icon-xiala{width:20px;height:20px;line-height:20px;margin-top:18px}

.inner-banner{height:240px;position:relative}

.inner-banner img{width:auto;height:240px;position:absolute;left:50%;transform:translateX(-50%)}

.gongcheng .list .left{ float: none; width: 100%;}

.gongcheng .list .right{ float: none; width: 100%;}

.gongcheng .list{ margin-top: 40px;}

.shebeis .list{ width: 48%;    margin-right: 4%;margin-bottom: 4%;}

.shebeis .list:nth-child(3n){margin-right: 4%;}

.shebeis .list:nth-child(2n){margin-right: 0;}

.shebeis .list .text .p1{ font-size: 1.2rem;}

.shebeis .list .text .p2{ font-size: 1rem;}

.project .list{ width: 31.333%;  margin-right: 3%;margin-bottom: 3%;}

.project .list:nth-child(4n){margin-right: 3%;}

.project .list:nth-child(3n){margin-right:0;}

.feedback .text input{font-size:1.4rem;height:40px;margin-top:10px; width: 100%;}

.feedback .btn{height: 40px;font-size:1.4rem;  width: 120px;    margin-top:30px;}



.contact .ul1 li{ width: 48%;margin-right:4%;margin-bottom:4%;}

.contact .ul1 li:nth-child(2n){ margin-right: 0;}



.contact .ul2 li{ width:100%;margin-bottom:4%;}

.contact .ul2 li:nth-child(3n){ margin-right:0;}

.contact .ul2 li .box{padding:10px 10px;}





.pops{ width: 90%;padding-bottom: 20px;}

.pops .form input{    height:35px;font-size: 1.3rem;}

.pops .form textarea{height:60px;font-size: 1.3rem;}

.pops .form p{ font-size: 1.3rem;}

.pops .title{ height:80px; line-height:80px;font-size:2.2rem;}

.tips{ font-size:1.4rem}

.pops .form .btn{width:145px;height:40px;font-size:1.4rem;}

.pops .form {

    padding: 20px;

    max-height: 350px;

    overflow-y: auto;

}

.page a{ height: 25px; line-height: 25px;}

.mas>img{ width: 40px; margin-top: 50px }

   .advantage{ width: 100%;}
 .advantage .list .left img{ display: block;width:90px;float: left;  }
.advantage .list .left .line{ width: 40px; height: 1px; background: #ddd; float:right; margin-top:45px; }
.advantage .list .text{ float: right; width: calc(100% - 140px);height: auto;}
.advantage .list .text .title{font-size: 1.6rem; line-height: 1.5;}
.advantage .list .text .title span{font-size: 1.3rem; padding:2px 10px; }
.advantage .list .text .content{ margin-top:20px;  font-size: 1.2rem; }

.indexnews .list{ width: 48%;  margin-right:4%; margin-bottom:4%; }
.indexnews .list .text .title{ height:50px }
.indexnews .list:nth-child(2n){ margin-right:0; }
}