
* {
    margin: 0;
    padding: 0;
    -webkit-appearance: none; /*去掉浏览器默认样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    box-sizing: border-box;
}

html,
body {
   
    overflow-x: hidden;
    /*-webkit-user-select: none;*/
}

body {

    -webkit-text-size-adjust: 100%; /*关闭自动调整字体*/
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}


/*pad*/
img{
	max-width:100%;
}

input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}

  @media screen and (max-width:1460px){
	.wrapper{
		  width: 1200px;
	  }
	.headerbox,
	.header,
	.header .wrapper{
		height: 95px;
	}
	.header .logo img{
		height: 38px;
	}
	.header .nav>li>a{
		line-height: 95px;
	}
	.header .nav>li>a{
		font-size: 17px; margin: 0 15px;
	}
	.lag{
		margin-top: 35px; margin-left: 25px;
	}
	.lag-on{
		font-size: 16px;
	}
	.header .search{
		margin-top: 32px;
	}
	.header .nav>li>a::after{
		height: 3px;
	}
	.banner-img{
		height: 600px;
	}
	.producthd{
		font-size: 27px; padding: 65px 0;
	}
	.product-nav .title{
		font-size: 16px;
	}
	.product-nav .img{
		height: 120px; line-height: 120px;
	}
	.productbd::after{
		top: 120px;
	}
	.product-nav .img img{
		height: 100px;
	}
	.productft-list{
		padding: 0 60px;
	}
	.swiper-button-prev, .swiper-button-next{
		width: 35px; height: 55px; background-size: 35px 55px;
	}
	.footerbd{
		padding: 70px 0;
	}
	.footer-nav h3{
		font-size: 18px; margin-bottom: 15px;
	}
	.footer-nav p{
		font-size: 13px;
	}
	.footer-nav li{
		min-width: 145px; margin-right: 10px;
	}
	.form>li{
		margin-bottom: 10px;
	}
	.forml{
		font-size: 13px; padding-right: 15px; width: 150px;
	}
	.formr{
		width: 225px;
	}
	.inputtext{
		height: 25px;
	}
	textarea{
		height: 50px;
	}
	.form .code{
		height: 25px; width: 101px;
	}
	.inputcodetext{
		width: 115px;
	}
	.form button{
		height: 25px; font-size: 13px;
	}
	.formbox .weixin{
		margin-bottom: 10px;
	}
	.formbox .weixin img{
		width: 42px;
	}
	.footerft{
		padding: 20px 0 40px 0; font-size: 13px;
	}
	.mbanner{
		height: 330px;
	}
	.pagenav{
		height: 80px;
	}
	.pagenav .subnav{
		font-size: 14px;
	}
	.pagenav .current{
		font-size: 18px; background-size:auto 18px; padding-left: 28px;
	}
	.pagenav .current a{
		background-size: 8px 10px; padding-left: 12px; margin-right: 10px;
	}
	.main{
		margin-bottom: 100px;
	}
	.productbox{
		padding-top: 55px;
	}
	.product-list .title, .productft-list .title{
		font-size: 17px; line-height: 50px; margin-top: 5px;
	}
	.product-list{
		margin-bottom: -20px;
	}
	.product-list li{
		margin-bottom: 20px;
	}
	.about-info{
		margin-bottom: 80px;
	}
	.about-info .txt{
		font-size: 14px;
	}
	.about-honorshd{
		height: 55px; line-height: 55px; font-size: 24px;
	}
	.honors-list{
		margin: -8px;
	}
	.honors-list li{
		width: 288px; margin: 8px;
	}
	.honors-list .img{
		margin: 25px 25px 0 25px;
	}
	.honors-list .title{
		font-size: 15px; line-height: 45px; margin-top: 3px;
	}
	.news{
		padding-top: 65px;
	}
	.news-info{
		margin-bottom: 35px;
	}
	.news-info .img{
		width: 45%;
	}
	.news-info .txt{
		width: 50%; padding-top: 5px;
	}
	.news-info .txt h2{
		font-size: 24px; margin-bottom: 30px;
	}
	.news-info .txt .desc{
		font-size: 14px; margin-bottom: 30px;
	}
	.news-info .btn{
		line-height: 35px; font-size: 14px;
	}
	.news-list{
		margin: -6px;
	}
	.news-list li{
		width: 291px; margin: 6px; padding: 20px;
	}
	.news-list h3{
		font-size: 18px; margin-top: 18px;
	}
	.news-list p{
		margin-top: 10px; font-size: 14px;
	}
	.contact table{
		width: 660px;
	}
	
	.contact table thead td{
		font-size: 25px; border-width: 2px;
	}
	.contact table tbody td, .contact table tbody th{
		border-width: 2px;
	}
	.contact table tbody th{
		width: 115px; height: 100px;
	}
	.contact table tbody th img{
		width: 75px;
	}
	.contact table .qr{
		width: 78px; height: auto;
	}
	.contact table tbody td{
		font-size: 14px;
	}
	.contact table h3{
		font-size: 15px;
	}
	.productp-info{
		width: 830px;
	}
	.productp-imgs li,
	.productp-imgs{
		height: 515px;
	}
	.productp-list{
		width: 315px; margin-top: 88px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 25px;
	}
	.productp-imgs .swiper-pagination-bullet{
		width: 14px; height: 14px;
	}
	.productp-spechd{ 
		height: 50px; line-height: 50px; font-size: 24px;
	}
	.productp-table td, .productp-table th{
		border-width: 2px;
	}
	.productp-table td{
		padding-left: 65px; padding-right: 65px;
	}
	.productp-table th{
		font-size: 16px;
	}
	.productp-table td{
		font-size: 14px;
	}
	.productp-list li{
		margin-bottom: 15px;
	}
	
	.productp-list .tit{
		font-size: 17px;line-height: 50px;  margin-top: 5px;
	}
	.productp-list .btn{
		line-height: 35px; font-size: 14px;
	}
	.productp-title{
		line-height: 88px; font-size: 24px;
	}
  }

    @media screen and (max-width:1210px){
    	.wrapper{
    		width: 1000px;
    	}
		.banner-img{
			height: 400px;
		}
		.product-nav{
			padding: 0 3%;
		}
		.footerbd{
			padding: 40px 0;
		}
		.footer-nav{
			margin-top: 60px;
		}
		.footer-nav li{
			min-width: auto; margin-right: 20px;
		}
		.mbanner{
			height: 280px;
		}
		.about-honorshd{
			margin-bottom: 10px;
		}
		.honors-list{
			margin: -5px;
		}
		.honors-list li{
			margin: 5px; width: 242px;
		}
		.honors-list .img{
			margin: 15px 15px 0 15px;
		}
		.news-list{
			margin: -5px;
		}
		.news-list li{
			margin: 5px; padding: 15px; width: 242px;
		}
		.productp-info{
			width: 680px;
		}
		.productp-table td{
			padding-left: 35px; padding-right: 35px;
		}
		.productp-list{
			width: 280px;
		}
    }
    @media screen and (max-width:1001px) {
    	.wrapper{
    		width: 94%;
    	}
		.headerbox, .header, .header .wrapper{
			height: 60px;
		}
		.header .logo img{
			height: 25px;
		}
		.header{
			position: fixed; left: 0; right: 0; top: 0;
		}
		.headerr{
			position: fixed; left: 0; right: 0;top: 60px; background: rgba(255, 255, 255, 0.95);  overflow: hidden; display: block;
    transition: max-height 0.4s;
    max-height: 0;
		}
		.header .nav{
			display: block;
		}
		.header .nav>li>a{
			line-height: 1.6; padding: 10px; text-align: center;
		}
		.lag-on{
			display: none;
		}
		.lag{
			margin: 0;
		}
		.lag-list{
			position: relative; width: auto; height: auto; box-shadow: none; display: block; left: 0; margin-left: 0; display: block; text-align: center; margin-top: 0; background: transparent;  border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 0; 
		}
		.lag-list::before{
			display: none;
		}
		.lag-list li{
			border-bottom: none; display: inline;
		}
		.header .search{
			margin: 0; margin-bottom: 20px;
		}
		.header .search-img{
			display: none;
		}
		.search-form{
			position: relative; width: 90%; margin-top: 0; display: block;
		}
		.search-form:before{
			display: none;
		}
		.mbanner{
			height: 180px;
		}
		.formbox{
			margin: 0 auto; width: 100%;
		}
		.footerbd{
			display: block; padding: 20px 0;
		}
		.footer-nav{
			margin-top: 0;  display: none;
		}
		.footer-nav h3{
			font-size: 12px; 
		}
		
		
		.forml{
			 width: 120px; flex-shrink: 0; font-size: 12px; padding-right: 10px;
		}
		.formr{
			width: 100%;
		}
		
		.inputcodetext{
			width: calc(100% - 120px);
		}
		.footerft{
			display: block; padding: 10px 0 20px 0;text-align: center; line-height: 1.8; font-size: 12px;
		}
		.pagenav>.wrapper,
		.pagenav{
			height: auto; display: block; 
		}
		.pagenav .subnav{
			font-size: 13px; display: flex; flex-wrap: wrap; justify-content: center;padding: 8px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 10px;
		}
		.pagenav .subnav li{
			padding: 5px 15px;
		}
		.pagenav{
			padding-top: 10px;
		}
		.pagenav .current{
			font-size: 16px;
		}
		.productp .wrapper{
			display: block;
		}
		.productp-title{
			line-height: 1.6; font-size: 22px; padding:15px 10px ;
		}
		.productp-info{
			width: 100%;
		}
		.productp-imgs li, .productp-imgs{
			height: 300px;
		}
		.productp-imgs .swiper-pagination-bullet{
			width: 10px; height: 10px;
		}
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
			bottom: 10px;
		}
		.productp-table td, .productp-table th{
			border-width: 1px;
		}
		.productp-table th{
			font-size: 12px;
		}
		.productp-table td{
			padding: 10px; font-size: 12px;
		}
		.productp-spechd{
			height: auto; line-height: 1.5; padding: 5px; font-size: 18px;
		}
		.productp-list{
			width: 100%; margin-top: 30px; display: flex; flex-wrap: wrap;justify-content: space-between;
		}
		.productp-list li{
			width: 48%; 
		}
		.productp-list .tit{
			padding: 5px; font-size: 14px; line-height: 1.5;
		}
		.productp-list .btn{
			border-width: 1px; margin-top: 15%;
		}
		.main{
			margin-bottom: 40px;
		}
		.banner-img{
			height: 200px;
		}
		.producthd{
			font-size: 22px; padding: 20px 0;
		}
		.product-nav{
			padding: 0;
		}
		.product-nav .title{
			font-size: 12px; padding: 10px 0;
		}
		.product-nav .img{
			height: 80px; line-height: 80px;
		}
		.product-nav .img img{
			height: 60px;
		}
		.productbd::after{
			top: 80px;
		}
		.product-nav .img::after{
			height: 1px; width: 100%; left: 0; right: 0; margin-left: 0; bottom: -1px;
		}
		.productft{
			padding: 30px 0;
		}
		.swiper-button-prev, .swiper-button-next{
			    width: 15px;
			    height: 30px;
			    background-size: 12px auto; margin-top: -30px; 
		}
		.product-list .title, .productft-list .title{
			font-size: 14px; padding: 5px 0; line-height: 1.6;
		}
		.productft-list{
			padding: 0 15px;
		}
		.product{
			padding-bottom: 20px;
		}
		
		.gh {
		    display: block;
		}
		.productbox{
			padding-top: 20px;
		}
		.about-info{
			display: block; margin-bottom: 30px;
		}
		.about-info .txt{
			width: 100%;
		}
		.about-info .img{ 
			width: 100%; margin-top: 20px; margin-left: 0;
		}
		.about-honorshd{
			line-height: 1.6; font-size: 16px; padding: 10px; height: auto;
		}
		.honors-list{
			margin: -5px 0; justify-content: space-between;
		}
		.honors-list li{
			margin:5px 0; width: 48.5%;
		}
		.honors-list .title{
			font-size: 12px; line-height: 1.3; padding: 10px 0;
		}
		.news{
			padding-top: 20px;
		}
		.news-info{
			display: block;
		}
		.news-info .img{
			width: 100%;
		}
		.news-info .txt{
			width: 100%; margin-top: 15px;
		}
		.news-info .txt h2{
			font-size: 18px; margin-bottom: 10px; 
		}
		.news-info .txt .desc{
			margin-bottom: 10px; font-size: 14px;
		}
		.news-info .btn{
			border-width: 1px;
		}
		.news-list{
			margin: -5px 0; justify-content: space-between;
		}
		.news-list li{
			width: 48.5%;  margin: 5px 0; padding: 8px;
		}
		.news-list h3{
			font-size: 16px; margin-top: 10px;
		}
		.news-list p{
			font-size: 12px;
		}
		.contact{
			padding-top: 20px;
		
		}
		.contact table{
			width: 100%;
		}
		.contact table thead td{
			font-size: 18px;
		}
		.contact table tbody td, .contact table tbody th,
		.contact table thead td{
			border-width: 1px;
		}
		.contact table tbody th img{
			width: 50px;
		}
		.contact table tbody th{
			width: 80px; padding: 10px 15px;
		}
		.contact table h3{
			font-size: 14px;
		}
    }
