@charset "utf-8";
@media (max-width: 1360px) {
    .conwidth, .w1330{
		width: 94%;
		margin: auto;
	}
    .all-pdt, .all-products{
        display: none;
    }
    .sec-pro .ipro-list {
        width: 32%;
    }
    .ipro-list .list-img {
     height: auto;
    }
    .partner-con .box{
        padding: 0 40px;
    }
    .footer .f-items {
        display: flex;
        justify-content: space-between;
    }
    .f-items .f-list {
        margin-right: 0;
    }
    .culture-content {
        justify-content: center;
    }
    .culture-content .cte-list {
        width: 48%;
    }
    .cte-list .cte-text{
        margin: 0;
    }
    .culture-content .cte-box1, .culture-content .cte-box2, .culture-content .cte-box3{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .honour-content{
        display: flex;
       flex-wrap: wrap;
       justify-content: space-evenly;
       padding-left: 0;
    }
    .honour-content .hc-list {
        margin-right: 0;
    }
    .dyn-list .dl-box{
        padding:0 24px;
    }
    .industry-content {
        padding: 30px 20px 0;
    }
    .distribution-content .dtb-text, .message-content .dtb-text{
        padding-right: 0;
    }
    .com-form .f-line .line-li {
        width: 100%;
    }
    .f-line .li-mar{
        margin-top: 10px;
    }
    /* .production-center {
        padding: 0 40px;
    }
    .cp-fy{
        margin: 0 40px;
    } */
    .production-center ul li{
        width: calc(95.6% / 3);
    }
    .production-center ul li:nth-child(4n){
        margin-right: 2.2%;
    }
    .production-center ul li:nth-child(3n){
        margin-right: 0;
    }
    .pro-info-content {
        padding: 0 24px;
    }
    .pro-con-top .p-details {
        margin-left: 30px;
        max-width: 100%;
        flex: 1;
    }
    .p-details .p-tel {
        margin-top: 100px;
        padding: 30px;
    }
    .pro-con-top .p-banner{
        width: 360px;
    }
    .p-banner .gallery-top {
        height: 420px;
    }
   
}
@media (max-width: 1200px) {
    .nav ul li a {
        width: 110px;
        padding: 0;
    }
    .cont-last .cl-tel p {
        font-size: 24px;
    }
    .inews-list .inews-l {
        width: 500px;
    }
    .inews-l-con .inews-time p, .irl-box .inews-time p {
        font-size: 24px;
    }
    .inews-l-con .inews-time span, .irl-box .inews-time span {
        font-size: 17px;
    }
    .inews-txt h2 {
        font-size: 22px;
    }
    .tabs a {
        font-size: 18px;
    }
    .footer {
        padding: 45px 0;
    }
    .banner .swiper-slide a>img{
        height: 400px;
    }
    .page-banner {
        height: 240px;
    }
    /* .production-center {
        padding: 0 20px;
    }
    .cp-fy{
        margin: 0 20px;
    } */
    .p-details .p-tel span {
        font-size: 18px;
    }
    .p-details .p-tel p {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .header-mid{
        padding: 20px 0;
    }
    .logo .logo-img{
        line-height: 70px;
     }
    .logo .logo-img img{
        max-height: 70px;
     }
     .header-mid .phone p{
        font-size: 26px;
    }
    .nav ul li a {
        width: 105px;
    }
    .page-inner .inner-l {
        width: 220px;
    }
    .inner-r .page-content {
        padding: 26px 0 0 26px;
    }
    .page-box {
        margin-top: 30px;
    }
}
@media (max-width: 992px) {
   .nav, .inner-l .il-sec, .il-fir .p-logo, .menu ul li a p, .sideMenu .silde-title p, .footer .f-items{
       display: none;
   }
   .nav-btn{
       display: block;
       padding-top: 12px;
   }
   .search-box {
    width: 70%;
}
.m_nav .m_navList ul li .m_f_a a {
    flex: 1;
}
.ipro-list .list-img {
    padding: 0;
   }
.con-box .cont-list {
    width: 50%;
    padding: 26px 0;
}
.list-inner img {
    padding: 0;
    width: 60px;
    height: 60px;
}
.list-inner p {
    margin-top: 24px;
}
.con-box .cont-list .list-inner{ 
    height: auto;
    border-bottom:none;
 }
.con-box .cont-list:last-child{
	width: 100%;
}
.con-box .cont-list .list-inner:nth-child(2n){
    border-right: none;
}
.honour .swiper-slide .honour-list img {
    height: auto;
}
.index-partner {
    padding: 50px 0;
}
.com-top .partner-txt {
    padding: 12px 0 50px 0;
}
.inews-list .inews-l {
    width: 380px;
    height: 360px;
    margin-right: 18px;
}
.inews-l .inews-l-img {
    width: 100%;
    height: 100%;
}
.irl-box .inews-time {
    margin-right: 20px;
}
.inews-l-con .inews-time p, .irl-box .inews-time p {
    font-size: 20px;
}
.inews-l-con .inews-time span, .irl-box .inews-time span {
    font-size: 16px;
}
.inews-txt h2 {
    font-size: 18px;
    margin-bottom: 6px;
}
.inews-l-con .inews-text, .inews-txt p {
    font-size: 15px;
    line-height: 24px;

}
.inews-r .inews-r-list {
    padding: 10px 0;
}

.page-box .page-inner{
    display: flex;
    flex-wrap: wrap;
}
.page-inner .inner-l, .page-inner .inner-r{
   width: 100%;
}
.menu ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.menu ul::after{
   content: "";
   width: 33.33%;
}
.menu ul li{
    width: 33.33%;
}
.menu ul li a{
    padding: 12px 0;
}
.il-fir  .menu{
    margin-bottom: 30px;
}
.inner-r .page-content, .distribution-content, .message-content{
    padding: 20px 0 0 0;
}
.industry-content {
    padding: 30px 0 0;
}
.contact-content {
    padding: 28px 0 0;
}
.production-center {
    margin-top: 35px;
    padding: 0;
}
  .cp-fy{
        margin: auto;
    } 
    .pro-info-content {
        padding: 30px 0 0 ;
    }
    .p-details .p-tel {
        margin-top: 60px;
        padding: 30px;
    }
    .pro-info-content .pro-con-btm {
        margin-top: 60px;
    }
.footer {
    padding: 16px 0;
}
}
@media (max-width: 768px) {
    .header-top, .links{
        display: none;
    }
    .header-mid{
        padding: 5px 0;
        align-items: center;
    }
    .logo .logo-img{
        line-height: 60px;
     }
     .logo .logo-img img{
        max-height: 40px;
     }
     .header-mid .phone {
        padding-top: 0;
    }
     .header-mid .phone span{
        font-size: 15px;
    }
    .header-mid .phone p {
        font-size: 20px;
        line-height: 26px;
    }
    .banner  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 12%;
      }
      .c-title h1, .intro-con h1{
        font-size: 26px;
    }
    .com-top p {
        font-size: 16px;
        padding: 14px 0 36px 0;
    }
    .list-con dl dd{
        width: 90%;
    }
    .list-con dl dt a, .list-inner p, .intro-con h3{
        font-size: 18px;
    }
    .intro-box .intro-con {
        padding: 30px 20px;
    }
    .intro-con p {
        margin: 30px 0;
    }
    .introduction,  .intro-box .intro-con{
        height: auto;
    }
    .intro-con h1 {
       padding-top: 0;
    }
    .intro-box .intro-con{
        margin-top: 0;
    }
    .introduction .intro-box {
        padding: 22px 0;
    }
    .index-intro, .index-honour{
        padding: 40px 0;
    }
    .news-container .inews-list {
        flex-wrap: wrap;
    }
    .inews-list .inews-l, .inews-list .inews-r{
       width: 100%;
    }
    .inews-list .inews-l {
        margin-right: 0;
    }
    .inews-list .inews-l{
        height: auto;
    }
    .inews-l .inews-l-img {
        height: 300px;
    }
    .inews-l .inews-l-con {
        padding: 10px;
    }
    .inews-list .inews-r {
        margin-top: 30px;
    }
    .news-container .inews-more{
        left: initial;
        right: 22px;
    }
    .news-container .inews-pagination {
        padding-left:22px;
    }
    .f-btm {
     padding-top: 0;
     flex-wrap: wrap;
     border-top: none;
    }
    .footer {
        padding: 16px 0;
    }
    .f-btm .cr,  .f-btm .bah{
        width: 100%;
    }
    .f-btm .bah{
        margin-top: 10px;
    }
    .banner .swiper-slide a>img{
      height: auto;
    }
    .page-banner {
        height: 160px;
    }
    .pb-img img{
        width: 90px;
    }
   .culture-content .cte-list {
    width: 96%;
    margin-bottom: 30px;
}
.culture-content .cte-list:last-child{
    margin-bottom: 0;
}
.dyn-list .dl-time {
    padding: 0 15px;
}
.dyn-list .dl-box {
    padding: 0  15px;
}
.industry-content .dyn-list {
    padding: 20px 0;
}
.distribution-content .com-form, .message-content .com-form{
    padding: 30px 16px;
}
.f-line .line-li .li-title {
    width: 130px;
}
.dyn-list .dl-box h3 {
    font-size: 18px;
}
.dyn-list .plan-box h3{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.art-info-content {
    padding: 0;
}
.prevnext .prev, .prevnext .next {
    width: 100%;
    text-align: left;
}
.art-info-content .prevnext {
    margin-top: 30px;
}
.production-center ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
}
.production-center ul li:nth-child(3n), .production-center ul li:nth-child(4n){
    margin-right: 4%;
}
.production-center ul li:nth-child(2n){
    margin-right: 0;
}
.pro-info-content .pro-con-top {
    display: flex;
    flex-wrap: wrap;
}
.pro-con-top .p-banner {
    margin: auto;
}
.pro-con-top .p-details {
    margin-top: 20px;
    width: 100%;
    flex: auto;
    margin-left: 0;
}
.p-banner .gallery-top {
    height: 330px;
}
.p-banner .gallery-top .swiper-slide img {
    height: 286px;
    margin: 20px auto;
}
.p-details .p-tel {
    margin-top: 40px;
}
.p-details .p-title h3 {
    font-size: 20px;
}
}
@media (max-width: 640px) {
    .sec-pro {
        flex-wrap: wrap;
    }
    .sec-pro .ipro-list {
        width: 100%;
        margin-bottom: 26px;
    }
    .sec-pro .ipro-list:last-child{
        margin-bottom: 0;
    }
    .intro-box .intro-con {
        text-align: center;
    }
    .intro-con .intro-line {
   margin: 14px auto;
    }
    .intro-con p{
        text-align: justify;
    }
    .ed-div .swiper-slide .intro-list img {
        height: auto;
    }
    .ed-div .swiper-slide .intro-list p, .honour .swiper-slide .honour-list p{
        height: 50px;
        line-height: 50px;
    }
    .current .position, .current .position a {
        font-size: 15px;;
        line-height: 20px;
    }
    .current {
        padding: 11px 0;
    }
    .culture-content .cte-list {
        height: 180px;
    }
}

@media (max-width: 500px) {
    .header-mid .phone p {
        font-size: 16px;
        line-height: 18px;
    }
    .logo {
       width: 58%;
    }
    .header-mid .phone span {
        font-size: 14px;
    }
    .banner  .swiper-pagination-bullet{
        width: 6px;
        height: 6px;
        border-radius: 6px;
    }
    #bannerpagination .swiper-pagination-bullet-active{
        width: 14px;
        height: 6px;
        background: #229F59;
        border-radius: 4px;
      }
    .banner  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 8%;
      }
      .c-title h1, .intro-con h1{
        font-size: 24px;
    }
    .c-title .line {
        margin: -12px auto 0;
    }
    .index-pro,  .index-intro, .index-partner, .index-news{
        padding: 30px 0;
    }

    .intro-swiper {
        padding: 31px 60px;
    }
    .tabs a {
        margin-right: 5px;
        width: 93px;
    }
    .inews-l .inews-l-img {
        height: 200px;
    }
    .com-form .f-line .line-li {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .f-line .line-li .li-title {
        width: 100%;
        text-align: left;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .f-line .line-li .hy-radio {
        flex: auto;
    }
    .f-line .li-mar, .com-form .f-line{
        margin-top: 20px;
    }
    .production-center ul li{
        width: 100%;
        margin-right: 0;
    }
    .production-center {
        padding: 0 10px;
    }
    .cp-fy{
        margin: 0 10px;
    }
    .production-center ul li .txtbox {
        margin-top: 15px;
    }
    .info-tabs a {
        font-size: 16px;
    }
}


/*新增*/
@media(max-width: 992px){
 .sideMenu ul{
    display: none;
}
.inner-l .il-fir {
    background-color: #ffffff;
}
.sideMenu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sideMenu .silde-title {
    width: 49%;
    margin-bottom: 5px;
}