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

}
@media (max-width: 1200px) {
    .c-num b i{
        font-size: 40px;
    }
    .count {
        padding: 20px 14% 0;
    }
    .aboutUs, .advantage, .index-news, .index-partner, .index-contact{
        padding: 60px 0;
    }
    .index-pro{
        padding: 60px 0 30px 0;
    }
    .ipro-content, .in-content, .ict-content{
        margin-top: 60px;
    }
    .en-box{
        padding: 60px 76px 0;
    }
    .in-list .in-img a {
        width: 180px;
        height: 140px;
        margin-right: 20px;
    }
    .in-text .in-time {
        padding: 15px 0;
    }
    .nav>ul>li>a {
        padding: 26px 15px;
    }
    .c-top p {
        font-size: 20px;
    }
    .c-btm p{
        font-size: 18px;
    }
    .c-list .c-btm{
        padding-top: 33px;
    }
    .sz-container .sz-img{
        display: none;
    }
    .sz-img, .sz-box {
        width: 46%;
    }
    .sz-news, .profession, .environment{
        padding: 30px 0;
    }
    .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;
    }
    .ab-box {
        margin-top: 30px;
    }
    .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) {
    .fd-box .fd-img {
        width: 220px;
        height: 220px;
        border-radius: 220px;
        margin-right: 30px;
    }
    .pc-list .pl-des {
        padding: 0 15px;
    }
    .ic-list {
        width: calc(96% / 2);
        margin-right: 4%;
    }
    .ic-list:nth-child(3n){
        margin-right: 4%;
    }
    .ic-list:nth-child(2n){
        margin-right: 0;
    }
    .ab-title h2 {
        font-size: 24px;
    }
    .ab-des {
        max-width: 75%;
    }
    .count {
        padding: 20px 5% 0;
    }
    .in-list {
        padding: 30px 15px;
    }
    .in-list .in-img a {
        width: 140px;
        height: 120px;
    }
    .in-text .in-des {
        font-size: 15px;
        height: 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .ict-content .ict-box{
        width: 100%;  
         margin-right: 0;
         margin-bottom: 35px;
    }
    .ict-content .ict-map, .ict-content .ict-map #map{
        width: 100%;
        height: 300px;
        flex: auto;
    }
    .ict-box dl dd {
        width: 48%;
        float: left;
        margin-right: 2%;
    }
    .ict-box dl dd:nth-child(2n){
        margin-right: 0;
    }

 .nav, .msg-box .msg-l{
       display: none;
   }
   .nav-btn{
    display: block;
}
.search-box, .ind-list .in-title{
    width: 70%;
}

.header .header-box {
    padding: 6px 0;
}
.msg-box .msg-r{
    width: 100%;
    padding: 0 20px;
}
.msg-box, .info-pro{
    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;
}

.pro-list .pl-img {
    height: 200px;
}
.news-list {
    width: 100%;
}
.s-con {
    padding: 40px 0 0 0;
}

}
@media (max-width: 768px) {
   
    .art-hot .ah-l, .art-hot .ah-r, .art-con .ah-list{
        width: 100%;
    }
    .art-hot .ah-r{
        margin: 20px auto;
    }
    .ah-list {
        padding: 26px 0;
    }
    .ah-list .ah-btm{
        margin-top: 26px;
    }
    .page-content, .pjt-content, .contact{
        padding: 35px 0;
    }
    .gsfz, .fd-box, .cont, .contant-map{
        margin-top: 35px;
    }
    .art-con{
        margin-top: 0;
    }
    .art-content{
        padding: 35px 0 20px 0;
    }
    .art-con .ah-list {
        margin-right: 0;
        padding: 20px 10px;
    }
    .art-hot .ah-r {
        padding: 0 10px 30px;
    }
    .art-hot .ah-l{
        padding: 30px  10px;
    }
    .founder{
        padding: 0 0 35px 0;
    }
    .pos_nav {
        padding: 24px 0 0 0;
    }
    .fd-box .fd-img {
        width: 180px;
        height:180px;
        border-radius: 180px;
        margin: 0 auto 20px;
    }
 .fd-box .fd-text{
        width: 100%;
        flex: auto;
        text-align: center;
    }
    .links, .f-nav, .ye li .afy, .ye .fy a, .ct-r{
        display: none;
    }
    .ye li .thisclass {
        display: block;
    }
    .aboutUs, .advantage, .index-news, .index-partner, .index-contact{
        padding: 40px 0;
    }
    .index-pro{
        padding: 40px 0 15px 0;
    }
    .ipro-content, .in-content, .ict-content{
        margin-top: 40px;
    }
    .pc-list{
        width: 100%;
        margin-bottom: 40px;
    }
    .pc-list:last-child{
        margin-bottom: 0;
    }
    .en-box{
        padding: 40px 76px 0;
    }
    .ab-des {
        margin: 26px auto;
    }
    .c-num b i {
        font-size: 35px;
    }
    .count {
        padding: 0;
    }
    .count  .c-item{
        width: 50%;
        text-align: center;
        margin-bottom: 45px;
    }
    .count  .c-item:nth-child(3), .count  .c-item:nth-child(4){
        margin-bottom: 0;
    }
    .c-num p {
        width: 100%;
    }
    .ab-des {
        max-width: 90%;
    }
    .sz-img, .sz-box, .in-container .in-box, .contant-form{
        width: 100%;
    }
    .sz-img, .sz-box:last-child, .in-container .in-box:last-child{
        margin-top: 30px;
    }
    .sz-com {
        margin-top: 15px;
    }
    .sz-com ul li {
        line-height: 32px;
    }
    .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;
    }
    .in-com {
        padding: 20px 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{
        width: 100%;
        padding: 20px;
        border-bottom: 1px dashed #e8e8e8;
    }
    .in-list:nth-child(3){
        border-bottom: 1px dashed #e8e8e8;
    }
    .in-list:last-child{
        border-bottom: none;
    }
  
    .f-list .fl {
        width: 100%;
    }
    .f-btn, .f-text{
        margin-top: 30px;
    }
    .copyright {

        text-align: center;
    }
    .copyright p:first-child {
        margin-right:0;
    }
    .copyright p{
        width: 100%;
        line-height: 22px;
    }
    .footer {
        padding: 20px 0;
    }
    .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, .cp-title{
        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;
	}
}

@media (max-width: 640px) {
    .logo {
        max-width: 200px;
    }
    .ic-list{
        margin-right: 0;
        width: 100%;
    }
    .ct-l .ctl-title {
        font-size: 26px;
    }
    .ict-box dl dd {
        width: 100%;
        margin-right: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) {

    .in-list .in-img a{
        display: none;
    }
    

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