@charset "utf-8";
@media (max-width: 1360px) {
    .w1200, .w1330{
		width: 94%;
		margin: auto;
	}
   
   
    .index-project .pj-list, .index-service .sv-list{
        width: 24%;
        height: 300px;
    }
    .w-con {
        margin-top: 30px;
    }

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

    .logo a{
        height: 70px;
        line-height: 70px;
    }
    .logo a img {
        width: 80%;
    }
    .nav>ul>li {
        margin: 0;
    }
    .nav>ul>li>a {
        padding: 17px 15px;
    }
    .project-box .pjt-list{
        width: 49%;
        margin-right: 2%;
    }
    .project-box .pjt-list:nth-child(3n){
        margin-right: 2%;
    }
    .project-box .pjt-list:nth-child(2n){
        margin-right: 0;
    }
    .ab-content .ab-img {
        width: 520px;
        /* height: 400px; */
        margin-right: 40px;
    }
    .ic-content .ic-list:nth-child(4n){
        margin-right: 2%;
    }
    .ic-content .ic-list{
        width: calc(94% / 3);
        height: 220px;
    }
    .ic-content .ic-list:nth-child(3n){
        margin-right: 0;
    }
    .fb-l dl {
        margin-right: 20px;
    }
   .c-btm p{
        font-size: 18px;
    }


    .pfs-top h1{
        font-size: 26px;
    }
    .in-box h1{
        font-size: 24px;
    }
    .pfs-box .pfs-list {
        width: calc(97% / 4);
    }
    .pfs-box .pfs-list:nth-child(6n){
        margin-right: 1%;
    }
    .pfs-box .pfs-list:nth-child(4n){
        margin-right: 0;
    }
    .ab-com h2 {
        font-size: 20px;
        padding: 22px 0;
    }

    .al-title h2 {
        font-size: 20px;
    }
    .production .items{
        margin-top: 0;
    }
    .production .items{
       margin-bottom: 15px;
    }

    .project, .service, .contact{
        padding: 60px 0;
    }
    .news{
        padding: 60px 0 25px 0;
    }
    .guide {
        padding: 100px 0;
    }
    .gd-l h1 {
        font-size: 40px;
    }
    .production .items {
        width: calc(95.6% / 3);
    }
    .production .items:nth-child(4n){
        margin-right: 2.2%;
    }
    .production .items:nth-child(3n){
        margin-right: 0;
    }

}

@media (max-width: 992px) {
 .nav, .msg-box .msg-l, .com-left .cl-hide, .links, .f-btm{
       display: none;
   }
   .nav-btn, .search-box{
    display: block;
}
.com-inner .com-left{
    width: 100%;
    margin-right: 0;
}
.com-inner .com-right, .ab-content .ab-img, .ab-content .ab-box{
    width: 100%;
}
.cl-list .cl-title h3 {
    font-size: 20px;
}
.cl-list .cl-title {
    padding: 14px 18px;
}
.cl-list .cl-box, .cl-box ul li{
    padding: 10px;
}
.cl-box ul li{
   width: 49%;
   float: left;
   margin-right: 2%;
   text-align: center;
}
.cl-box ul li:nth-child(2n){
    margin-right:0;
 }
 .com-container, .index-ab, .index-cases, .index-elites, .index-news{
	padding: 30px 0;
}
.ab-content, .ic-content{
    margin-top: 30px;
}
.en-box{
    padding-top: 35px;
}
.ab-content .ab-img{
    margin-right: 0;
    /* height: 330px; */
    margin-bottom: 30px;
}
.ab-box .ab-more {
    margin-top: auto;
    margin: 30px auto 0;
}
.ct-div h2, .in-top .in-title{
    font-size: 24px;
}
.ic-content .ic-list{
    width: 49%;
}
.ic-content .ic-list:nth-child(3n){
    margin-right: 2%;
}
.ic-content .ic-list:nth-child(2n){
    margin-right:0;
 }
 .in-box .in-con{
     width: 100%;
     margin-bottom: 30px;
 }
 .in-box .in-con:last-child{
    margin-bottom: 0;
}
.search-box, .ind-list .in-title {
    width: 68%;
}
.ind-list .in-time {
    font-size: 14px;
}
.com-right .ct-margin{
    margin-bottom: 0;
}


.header .header-box {
    padding: 6px 0;
}
.msg-box .msg-r{
    width: 100%;
    padding: 0 20px;
}
.msg-box {
    margin-top: 30px;
}
.guide {
    padding: 70px 0;
}
.gd-box {
    flex-wrap: wrap;
}
.gd-box .gd-r {
    margin-top: 40px;
}
.gd-com a {
    margin-top: 20px;
}
.content-box {
    padding: 16px 0 30px 0;
}
.pro-list .pl-img {
    height: 200px;
}
.news-list {
    width: 100%;
}
.s-con {
    padding: 40px 0 0 0;
}

}
@media (max-width: 768px) {
    .latest {
        padding: 15px 0;
    }
    .cl-box ul li a {
        font-size: 17px;
    }
    .ab-content .ab-img{
        /* height: 260px; */
    }

  .f-nav, .ye li .afy, .ye .fy a, .tel{
        /* display: none; */
    }
    .ye li .thisclass {
        display: block;
    }
    .header-box .logo a img {
        height: 50px;
    }

    .pfs-box .pfs-list {
        width: 49%;
        margin-right: 2%;
        margin-top: 2%;
    }
    .pfs-box .pfs-list:nth-child(2n){
        margin-right: 0;
    }
    .pfs-list p{
        font-size: 18px;
        line-height: 26px;
    }
    .ab-box .ab-img {
        height: 240px;
    }
    .ab-box .ab-img, .ab-box .ab-com{
        width: 100%;
    }
    .ab-box .ab-com {
        padding: 0 30px 20px;
    }
    .ab-com .ab-text p {
        line-height: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .in-box .in-hot .hot-link{
        padding: 30px 0;
    }
   
    .page-title {
        padding: 30px 0 0px 0;
    }
    .al-des{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .b-list .b-list-img {
        width: 60px;
        height: 60px;
        margin-right: 30px;
    }
    .ct-box .ct-left h2 {
        font-size: 22px;
    }
    .ct-box .ct-right a {
        font-size: 15px;
    }
    .index-project .pj-list{
        height: 240px;
    }
    .index-service .sv-list{
        height: auto;
    }
    .sv-text .t1 {
        min-height: 45px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .sv-list .sv-text {
        padding: 0 22px 22px;
    }
    .sv-text h3 {
        padding: 22px 0;
    }
    .project, .service, .guide, .contact{
        padding: 40px 0;
    }
    .news{
        padding: 40px 0 5px 0;
    }
    .in-top .in-des {
        line-height: 24px;
        height: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .in-list .in-top {
        padding: 24px;
    }
    .in-list .in-time {
        padding: 18px 24px;
    }
    .index-news .in-list {
        width: 49%;
    }
    .f-list .fl {
        width: 100%;
    }
    .f-btn, .f-text{
        margin-top: 30px;
    }
 
    .tabbar-blank, .tabbar-container {
        display: block;
    }
    .production .items {
        width: 48%;
    }
   
    .production .items:nth-child(3n){
        margin-right: 2.2%;
    }
    .production .items:nth-child(2n){
        margin-right: 0;
    }
    .production, .articles, .contact-com{
        padding-top: 26px;
    }
    .ye {
        margin: 20px auto;
    }
    #map{
        height: 260px;
    }
    .form-btm {
        margin-top: 40px;
    }
    .fr {
        margin-bottom: 26px;
    }
    .contact-com{
		padding-bottom: 20px;
	}

    .detail_t h1, .fn {
        font-size: 22px;
    }
    .info_content{
        padding: 25px 0;
    }
    .pronext .propage, .pronext .nextpage, .re_con .re_con_box, .re_con .re_con_box{
        width: 100%;
    }
    .pronext .nextpage {
        margin-top: 15px;
    }
    .fyxq {
        font-size: 18px;
    }
    .pro-info-content, .art-info-content{
		padding-top: 30px;
	}
.floor_3_main{
     display: none;
 }
}

@media (max-width: 640px) {
    .project-box .pjt-list, .ic-content .ic-list{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 4%;
    }
    .project-box .pjt-list:last-child, .ic-content .ic-list:last-child{
        margin-bottom: 0;
    }
    .pjt-list .pjt-img, .ic-content .ic-list{
        /* height: 200px; */
    }
    .ab-content .ab-img{
        /* height: 220px; */
    }
    .in-hot .h-img, .el-con .el-img, .news-con .n-img{
        display: none;
    }
    .n-text .n-des {
        margin: 22px 0;
    }



    .en-box {
        padding: 40px 42px 0;
    }
    .en-box .swiper-button-next, .en-box .swiper-button-prev {
        position: absolute;
        top: 52%;
        width: 35px;
        height: 35px;
        margin-top: 0;
        z-index: 10;
        cursor: pointer;
        -moz-background-size: 50px 50px;
        -webkit-background-size: 50px 50px;
        background-size: 50px 50px;
        background-position: center;
        background-repeat: no-repeat;
    }
    
}

@media (max-width: 520px) {

  

    .index-project .pj-list, .index-service .sv-list{
        width: 100%;
    }
    .index-news .in-list {
        width: 100%;
        margin-bottom: 20px;
    }
    .news{
        padding: 40px 0 20px 0;
    }
    .production .items {
        width: 100%;
        margin-right: 0;
    }
}