@media (max-width: 1599.98px) {

}
@media (max-width: 1399.98px) {
    .aboutBlock .item{
        font-size: 16px;
    }
    .aboutBlock .title2{
        font-size: 22px;
    }

    .aboutBlock .title{
        font-size: 30px;
    }

}

@media (max-width: 1299.98px) {
   .div-nav>ul>li a.tnav{
    padding: 40px 10px;
   }

   .header1 .div-logo{
    margin: 0 10px;
   }

   .header1 .div-logo h1 a{
    width: 120px;
   }

   .div-nav>ul>li a.tnav{
    font-size: 14px;
   }

   .banner .swiper-slide .div-text h2.title{
    font-size: 40px;
   }

   .banner .swiper-slide .div-text p.entitle{
    font-size: 18px;
   }

   .banner .swiper-slide .div-text p.des{
    font-size: 14px;
    line-height: 1.5;
   }

   .readMore a{
    padding: 12px 30px;
    font-size: 14px;
   }

   .productBlock .item .title a{
    font-size: 26px;
   }

   .productBlock .item .des{
    font-size: 16px;
   }

   .productBlock .item .des{
    margin-top: 5px;
    margin-bottom: 15px;
   }

   .jcLists .div-text{
    font-size: 14px;
   }
}

@media (max-width: 1199.98px){
	.aboutBlock .item{
        font-size: 14px;
    }

    .aboutBlock .title2{
        font-size: 20px;
    }

    .aboutBlock .title2{
        padding: 10px 0 20px 0;
    }

    .aboutBlock .title{
        font-size: 26px;
    }

    .aboutBlock .item:after{
        top: 7px;
    }

    .mainFooter .div-dhs{
        padding: 0;
    }

    .finfos .item{
        margin-bottom: 15px;
    }


}

@media (max-width: 1099.98px) { 
     .cyhBlock p.p1{
        font-size: 40px;
    }

    .cyhBlock p.p2{
        font-size: 20px;
    }

    .cyhBlock p.p1{
        margin: 25px 0 10px 0;
    }

    .cyhBlock .d2 p{
        font-size: 14px;
    }

    .mainFooter .div-dhs a{
        font-size: 14px;
    }

    .commonTit p{
        font-size: 30px;
    }

    .commonTit p:after{
        width: 45px;
    }

    .div-cx .div-title h2.title{
        font-size: 45px;
    }

    .div-cx .div-title h2.title span{
        font-size: 20px;
    }

    .div-cx .div-title h3.title{
        font-size: 22px;
    }

    .div-cx .canshu{
        font-size: 16px;
    }

    .xingcan{
        font-size: 16px;
    }

    .xingcan .des{
        font-size: 30px;
    }

    .xingcan .des label{
        font-size: 16px;
    }

    .proDes{
        font-size: 18px;
    }

    .proDes p.pz{
        margin-left: -10px;
    }


   



}

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


@media (max-width: 991.98px) { 
	/*手机导航*/
	.mHeader{
		display: block;
		padding: 18px 0;
		position: fixed;
    	width: 100%;
		box-shadow: 0px 2px 10px 2px rgb(0 0 0 / 10%);
		z-index: 999;
		background-color: #fff;
	}

	.mHeader .d1 img{
		max-height: 65px;
	}

	.mItems{
		display: block;
		position: fixed;
	    top: 73px;
	    left: 0;
	    right: 0;
	    height: 0;
	    /*overflow: hidden;*/
	    z-index: 999;
	    background: #fff;
	    transition: all .6s;
	    overflow-y: auto;
	    overflow-x: hidden;
	}

	.mItems ul{
		padding: 0 5%;
		margin-top: 25px;
	}

	.mItems ul li{
		border-top: 1px solid #dbdbdb;
	}

	.mItems ul li .title,.mItems .subItems{
		/*padding: 0 15px;*/
	}



	.mItems ul li .title>a{
		display: block;
		padding: 15px 0;
		color: #333;
		font-size: 16px;
	}


	.mItems .subItems{
		display: none;
	}

	.mItems .subItems a{
		display: block;
		padding: 8px 15px 15px 15px;
		font-size: 14px;
		position: relative;
	}

    .mItems .subItems a:not(:last-child){
        border-bottom: 1px dashed #26b5975c;
    }

	.mItems .subItems a:after{
	/*	position: absolute;
		content: "";
		width: 5px;
		height: 5px;
		top: 15px;
		left: 3px;
		background-color: var(--primary);
		border-radius: 50%;*/
	}

	.itemBtn{
		transition: all .6s;
		transform: rotate(0deg);
	}

	.mItems ul li.on .itemBtn{
		transform: rotate(-90deg);
	    display: block;
	    width: 30px;
	    height: 50px;
	    line-height: 50px;
	}

	.mItems.show{
		height: 100%;
	}

	/**/
	.nav_btn {
        width: 30px;
        height: 35px;
        position: relative;
        cursor: pointer;
    }

    .nav_btn span {
        display: inline-block;
        width: 30px;
        height: 2px;
        background-color: var(--primary);
        position: absolute;
        top: 16px;
        left: 0
    }

    .nav_btn span:after {
        content: '';
        display: inline-block;
        width: 30px;
        height: 2px;
        background-color: var(--primary);
        position: absolute;
        top: 8px;
        left: 0;
        -webkit-transition: top .5s ease .4s,-webkit-transform .3s ease-out;
        transition: top .5s ease .4s,-webkit-transform .3s ease-out;
        transition: transform .3s ease-out,top .5s ease .4s;
        transition: transform .3s ease-out,top .5s ease .4s,-webkit-transform .3s ease-out;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .nav_btn span:before {
        content: '';
        display: inline-block;
        width: 30px;
        height: 2px;
        background-color: var(--primary);
        position: absolute;
        top: -8px;
        left: 0;
        -webkit-transition: top .5s ease .4s,-webkit-transform .3s ease-out;
        transition: top .5s ease .4s,-webkit-transform .3s ease-out;
        transition: transform .3s ease-out,top .5s ease .4s;
        transition: transform .3s ease-out,top .5s ease .4s,-webkit-transform .3s ease-out;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .nav_btn.click span {
        background-color: transparent
    }

    .nav_btn.click span:after {
        -webkit-transition: top .5s ease,-webkit-transform .3s ease-out .4s;
        transition: top .5s ease,-webkit-transform .3s ease-out .4s;
        transition: top .5s ease,transform .3s ease-out .4s;
        transition: top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 0
    }

    .nav_btn.click span:before {
        -webkit-transition: top .5s ease,-webkit-transform .3s ease-out .4s;
        transition: top .5s ease,-webkit-transform .3s ease-out .4s;
        transition: top .5s ease,transform .3s ease-out .4s;
        transition: top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0
    }


	.mheader .nav_btn span:before {
	        background-color: #333
	    }

    .mheader .nav_btn span:after {
        background-color: #333
    }

    .mheader .nav_btn span {
        background-color: #333
    }

	.mheader .nav_btn.click span {
        background-color: transparent
    }

    .mlans{
    	margin-right: 15px;
    }

    .mlans a{
    	display: inline-block;
    	max-width: 24px;
    }

    .mInfos{
    	padding: 30px 5%;
    	background-color: #eeeeee5e;
    }

    .mInfos .item{
    	margin-bottom: 15px;
    }

    .mInfos .item .d1{
    	margin-right: 10px;
    }

    .mInfos .item .d2{
    	line-height: 26px;
    }

    /*手机导航 end*/


    .banner,.nyMbx{
        margin-top: 78px;
    }

    .nyMbx{
        font-size: 12px;
    }

    .aboutBlock .div-img{
      padding-left: 0;
      margin-top: 25px;
    }

    .newsBlock .newsLeft .title p.p2{
        margin-bottom: 15px;
    }

    .newsBlock .newsLeft  .readMore2{
        display: none;
    }

    .newsRight ul li .d1{
        font-size: 14px;
        margin-bottom: 5px;
    }

    .zpBlock .item{
        margin-bottom: 25px;
    }

    .sp{
        padding: 45px 0;
    }

    .jcLists .item{
        margin-bottom: 25px;
    }

    .nyProList .list .divImg{
        margin-right: 0;
        margin-bottom: 25px;
    }

    .cinfos .item1{
        padding: 30px 5%;
        margin-top: 20px;
        height: unset;
    }

    .cinfos .item{
        padding: 15px 5%;
    }

     .companyImgs .swiperBtn{
        width: 35px;
        height: 35px;
    }

    .companyImgs .swiperBtn:after{
        font-size: 18px; 
    }
    
    .fmsg a{
        width: 100%;
    }






}



@media (max-width: 767.98px) { 
    .banner .swiper-slide .div-text p.des{
        font-size: 12px;
    }

    .banner .swiper-slide .div-text h2.title{
        font-size: 20px;
    }

    .banner .swiper-slide .div-text p.entitle{
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .readMore a{
        font-size: 12px;
        padding: 10px 25px;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .banner .swiper-slide .div-text .readMore{
        margin-top: 15px;
    }

    .aboutBlock .title{
        font-size: 20px;
    }

    .aboutBlock .title2{
        font-size: 16px;
    }

    .productBlock .item .title a{
        font-size: 20px;
    }

    .productBlock .item{
        padding: 5% 5%;
    }

    .productBlock .item .readMore{
        margin-top: 25px;
    }

    .cyhBlock p.p1{
        font-size: 30px;
    }

    .cyhBlock p.p2{
        font-size: 16px;
    }

    .cyhBlock p.p1{
        margin: 25px 0 10px 0;
    }

    .cyhBlock .d2 p{
        font-size: 12px;
    }

    .copyright img{
        margin-left: 0;
    }

    .cinfos .item .tb svg{
        width: 55px;
        min-width: 55px;
        height: 55px;
    }

    .cinfos .item .div-text p.p1{
        font-size: 18px;
        margin-bottom: 0;
    }

    .cinfos .item .div-text p.p2{
        font-size: 14px;
    }

    .cinfos .item1 p.title{
        font-size: 18px;
    }

    .cinfos .item1 .infos p{
        font-size: 14px;
    }

    .conTitle .d1 p{
        font-size: 26px;
    }

    .cinfos .item1,.cinfos .item{
        margin-top: 0;
        margin-bottom: 20px;
    }

    .companyImgs .swiperBtn{
        display: none;
    }

     .card-header .btn span{
        display: none;
    }

    .swiper1-btn{
        display: none;
    }


 }


@media (max-width: 575.98px) { 

	.sp{
		padding: 35px 0;
	}

    .banner .swiper-slide .div-text .readMore,.banner .swiper-slide .div-text p.des{
        display: none;
    }

    .cyhBlock p.p1{
        font-size: 20px;
    }

    .cyhBlock p.p2{
        font-size: 14px;
    }

    .nyMbx a.cur{
        display: none;
    }

 }

 @media (max-width:1799px){
.m2lc_des{font-size:15px; line-height:30px;}
}
@media (max-width:1379px){
.m2lcYears{font-size:300px;}
}
@media (max-width:1199px){
.m2lc_yt i{transform:scale(0.8); transform-origin:center top;}
}
@media (max-width:993px){
.m2lcYears{font-size:200px;}
}
@media (max-width:767px){
.m2lcYears{display:none!important;}
.m2lcLine{left:40px;}
.m2lcItems li{padding-left:0!important; padding-right:0!important; text-align:left!important;}
.m2lc_yt i{left:-40px!important; right:auto!important}
.m2lc_item{margin-left:45px;}
.m2lcItems li:nth-child(2n) .m2lc_item{margin-right:0;margin-left:45px; text-align:left}
.m2lc_des{font-size:14px; line-height:26px;padding-top:15px;}
.m2lc_des p{margin-bottom:12px;}
}

@media (max-width:1799px){
  .m2ry_t p{ font-size:21px;}
}
@media (max-width:1199px){
.m2lc_yt{font-size:30px;}
}
@media (max-width:767px){
.m2lc_yt{font-size:24px;}
.m2lc_yt{padding-left:10px;}
.m2lcWpr{margin-top:50px; margin-bottom:50px;}
.m2lcWpr{ margin:5.2vw 0; position:relative;}
.m2lcLine{ width: 2px; position: absolute; left: 50%; margin-left: -1px; top: 0; bottom: 0; background: url(../images/m2lc_bg1.png) repeat-y center top; overflow:hidden; }
.m2lcLine i{ background:var(--main); position:absolute; left:0; top:0; width:2px; height:0%;}
.m2lcYears{ text-align:center; position:fixed; left:0; width:100%; top:50%; transform:translateY(-50%); line-height:480px; height:480px; font-size:480px; font-weight:bold; color:rgba(0,0,0,0.05); display:none;}
.m2lcYr{ position:absolute; left:0; top:0; right:0; top:0; transition:all 0.5s ease-in-out; opacity:0; font-family:gm_m;}
.m2lcYr.on{ opacity:1;}
.m2lcItems{ position:relative; z-index:1;}
.m2lcItems li{ padding-bottom:25px; padding-left:50%;}
.m2lc_item{ margin-left:63px;}
.m2lc_yt{ line-height: 40px; height: 40px; font-family: gm_l; font-size: 36px; position: relative; }
.m2lc_yt i{ height: 40px; width: 40px; position: absolute; left: -83px; top: 0px; }
.m2lc_yt i:after{content:""; width:12px; height:12px; border-radius:50%; background:var(--main); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out;}
.m2lc_yt i:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #fff; border-radius:50%; background:#fff; transition:all 0.5s ease-in-out; opacity:0}
.m2lcItems li.on .m2lc_yt i:after{ width:18px; height:18px;}
.m2lcItems li.on .m2lc_yt i:before{opacity:1;}
.m2lc_des{ font-size: 16px; line-height: 32px; padding-top: 22px;}
.m2lc_des p{ margin-bottom:28px;}
.m2lc_des span{ display:inline-block; padding-left:14px; position:relative;}
.m2lc_des span:before{content:""; width:4px; height:4px; background:var(--main); position:absolute; left:0; top:15px; border-radius:50%;}
.m2lcItems li:nth-child(2n){padding-left:0; padding-right:50%;}
.m2lcItems li:nth-child(2n) .m2lc_item{ margin-left:0; margin-right:63px; text-align:right;}
.m2lcItems li:nth-child(2n) .m2lc_yt i{left:auto; right:-83px;}
.maoLink{display:block; height:0; overflow:hidden; position:relative; top:-50vh;}
@media (max-width:1799px){
.m2lc_des{font-size:15px; line-height:30px;}
}
@media (max-width:1379px){
.m2lcYears{font-size:300px;}
}
@media (max-width:1199px){
.m2lc_yt i{transform:scale(0.8); transform-origin:center top;}
}
@media (max-width:993px){
.m2lcYears{font-size:200px;}
}
@media (max-width:767px){
.m2lcYears{display:none!important;}
.m2lcLine{left:40px;}
.m2lcItems li{padding-left:0!important; padding-right:0!important; text-align:left!important;}
.m2lc_yt i{left:-40px!important; right:auto!important}
.m2lc_item{margin-left:45px;}
.m2lcItems li:nth-child(2n) .m2lc_item{margin-right:0;margin-left:45px; text-align:left}
.m2lc_des{font-size:14px; line-height:26px;padding-top:15px;}
.m2lc_des p{margin-bottom:12px;}
}

@media (max-width:1199px){
.m2lc_yt{font-size:30px;}
}
@media (max-width:767px){
.m2lc_yt{font-size:24px;}
.m2lc_yt{padding-left:10px;}
.m2lcWpr{margin-top:50px; margin-bottom:50px;}
}

 @media (min-width: 576px){


}



