@media (max-width:1680px){
	.banner-img{ height: 700px; background-size: cover; }
	.ibanner-img{ height: 350px; background-size: cover; }
}

@media (max-width:1600px){
	.banner-img{ height: 667px }
	.ibanner-img{ height: 333px; }
}

@media (max-width:1440px){
	.banner-img{ height: 600px; }
	.ibanner-img{ height: 300px; }
}

@media (max-width:1360px){
	.banner-img{ height: 567px; }
	.ibanner-img{ height: 283px; }
}

@media (max-width:1280px){
	.banner-img{ height: 533px; }
	.ibanner-img{ height: 267px; }
}

@media (max-width:1230px){
	.header{ height: 85px; }
	.logo,
	.menu{ margin-top: 27px; }
	.menu ul li{ margin-left: 40px; }
	.menu ul li a{ line-height: 31px; font-size: 12px; }
	.menu ul li .menu-nav{ width: 160px; }
	.menu ul li .menu-nav ul li a{ padding-left: 20px; }
	.search{ margin: 25px 0 0 40px; }

	.header.sticky{ height: 69px; }
	.header.sticky .logo,
	.header.sticky .menu{ margin-top: 19px; }
	.header.sticky .search{ margin-top: 17px; }
	
	.banner-img{ height: 500px; }
	.ibanner-img{ height: 250px; }
	.slick-banner .slick-dots{ bottom: 30px; }
	.slick-banner .slick-dots li{ margin: 0 3px; }

	.title{ height: 41px; }
	.title a{ line-height: 40px; font-size: 12px; }
	.title span{ height: 41px; line-height: 40px; font-size: 18px; }

	.about{ padding: 30px 0; min-height: 480px; }
	.abouts{ padding: 30px 0; }
	.abouts-img{ width: 280px; }
	.abouts-desc{ width: 660px; padding: 0 0 0 30px; }
	.abouts-desc h1{ height: 52px; line-height: 50px; font-size: 18px; margin: 5px 0 20px 0; }
	.abouts-desc p{ font-size: 12px; }

	.project{ margin: -150px 0 40px 0; }
	.project ul li{ width: 300px; margin-right: 20px; }
	.project ul li .project-img{ height: 150px; }
	.project ul li .project-desc{ height: 230px; padding: 10px 15px; }  
	.project ul li .project-desc h1{ height: 36px; line-height: 36px; font-size: 16px; margin-bottom: 0; }
	.project ul li .project-desc p{ font-size: 12px; }
	.project ul li .project-desc a{ height: 34px; line-height: 34px; font-size: 12px; margin-top: 10px; }

	.botter{ padding: 40px 0; min-height: 280px; }
	.botter dl{ float: left }
	.botter dl:nth-child(1){ width: 360px }
	.botter dl:nth-child(2){ width: 170px }
	.botter dl:nth-child(3){ width: 170px }
	.botter dl:nth-child(4){ width: 240px }
	.botter dl dt{ height: 24px; margin-bottom: 10px }
	.botter dl dt h1{ line-height: 24px; font-size: 14px; }
	.botter dl dd h6,
	.botter dl dd p,
	.botter dl dd a{ line-height: 26px; font-size: 12px; }
	.botter dl dd .form{ height: 36px; margin-top: 10px }
	.botter dl dd .form .txt{ height: 36px; padding: 8px; font-size: 12px; }
	.botter dl dd .form .go{ height: 36px; padding: 0; font-size: 12px; }
	.copyright{ padding: 15px 0; }
	.copyright p{ font-size: 12px; }

	.main{ padding: 30px 0; }
	.mtitle{ height: 34px; margin-bottom: 10px; }
	.mtitle h1{ line-height: 32px; font-size: 16px; }
	.mtitle span{ line-height: 32px; }

	.msearch{ height: 40px; margin-bottom: 10px; }
	.mtxt{ height: 40px; padding: 9px; font-size: 12px; }
	.mgo{ height: 40px; padding: 0; }
	.mnav ul.mnav-1 li{ min-height: 40px;  }
	.mnav ul.mnav-1 li a{ padding: 10px 10px 10px 20px; line-height: 20px; font-size: 12px; }
	.mnav ul.mnav-1 li ul.mnav-2{ padding: 5px 0; }
	.mnav ul.mnav-1 li ul.mnav-2 li a{ padding: 5px 5px 5px 45px; line-height: 20px; font-size: 12px;  }

	.product ul li{ width: 165px; height: 190px; margin-bottom: 12px; margin-right: 12px; }
	.product ul li a .product-img{ width: 165px; height: 165px; }
	.product ul li a .product-desc{ width: 165px; margin-top: 6px; }
	.product ul li a .product-desc h2{ font-size: 12px; }
	.product ul li a .product-desc span{ line-height: 24px; font-size: 12px; }
	.product ul li a .product-desc .desc{ font-size: 12px; margin: 5px 0; }

	.pager{ margin-top: 5px; margin-bottom: 0; }
	.pager a, .pager span{ padding: 0 3px; margin: 0 3px; font-size: 12px; }

	.demo-img{ width: 400px; height: 300px; margin-bottom: 10px; }
	.demo-desc{ line-height: 26px; font-size: 12px; }
	.demo-desc h1{ line-height: 34px; font-size: 18px; margin-bottom: 5px; }
	.demo-desc h2{ line-height: 34px; font-size: 14px; margin-bottom: 5px; }
	.mapDiv{ height: 300px; }

	.contact{ padding-top: 20px; }
	.contact h1{ line-height: 34px; font-size: 18px; margin-bottom: 10px; }
	.contact p{ line-height: 26px; font-size: 12px; }
	.contact img{ width: 108px; margin-top: 5px; }
	.contact .input{ margin-bottom: 10px; }
	.contact .textareas{ height: 100px; }
	.contact .submit{ padding: 0; font-size: 12px; }

	.partner-nav{ margin: 10px 0; }
	.partner-nav a{ width: 160px; height: 38px; line-height: 38px; font-size: 12px; margin: 0 7px; }

	.partner-menu{ margin: 0 -5px; }
	.partner-menu ul li{ width: 16.66%;padding: 5px; }
	.partner-menu ul li a{ height: 64px; }

	.quality{ margin: 0 -5px; }
	.quality ul li{ padding: 0 5px; margin-bottom: 5px; }
	.quality ul li div{ height: 220px; }
	.quality ul li p{ padding-top: 5px; font-size: 12px; }
}

@media (max-width:1030px){
	.header{ height: 71px; }
	.logo,
	.menu{ margin-top: 20px; }
	.menu ul li{ margin-left: 20px; }
	.menu ul li .menu-nav{ width: 140px; padding: 5px 0; }
	.menu ul li .menu-nav ul li{ height: 26px; }
	.menu ul li .menu-nav ul li a{ line-height: 26px; padding-left: 15px; }
	.search{ width: 150px; height: 31px; border-radius: 2px; margin: 20px 0 0 20px; }
	.search .txt{ width: 120px; height: 31px; padding: 5px; line-height: 21px; }
	.search .go{ width: 30px; height: 31px; }

	.header.sticky{ height: 63px; }
	.header.sticky .logo,
	.header.sticky .menu,
	.header.sticky .search{ margin-top: 16px; }
	
	.banner-img{ height: 417px; }
	.ibanner-img{ height: 208px; }
	.slick-banner .slick-dots{ bottom: 20px; }
	.slick-banner .slick-dots li{ margin: 0 1px; }
	.slick-banner .slick-dots li button{ width: 10px; height: 10px; margin: 5px; }

	.title{ height: 35px; }
	.title a{ line-height: 34px; }
	.title span{ height: 35px; line-height: 34px; font-size: 16px; }

	.about{ padding: 20px 0; min-height: 350px; }
	.abouts{ padding: 20px 0; }
	.abouts-img{ width: 200px; }
	.abouts-desc{ width: 520px; padding-left: 15px; }
	.abouts-desc h1{ height: 32px; line-height: 30px; font-size: 16px; margin: 0 0 10px 0; }
	.abouts-desc p{ overflow: hidden; }

	.project{ margin: -114px 0 20px 0; }
	.project ul li{ width: 230px; margin-right: 15px; }
	.project ul li .project-img{ height: 114px; }
	.project ul li .project-desc{ height: 184px; padding: 10px; }  
	.project ul li .project-desc h1{ height: 30px; line-height: 30px; font-size: 14px; }
	.project ul li .project-desc p{ height: 96px; }
	.project ul li .project-desc a{ height: 30px; line-height: 30px; margin-top: 5px; }

	.botter{ padding: 20px 0; min-height: 240px; }
	.botter dl:nth-child(1){ width: 100%; }
	.botter dl:nth-child(1) dt,
	.botter dl:nth-child(1) dd{ width: 100%; }
	.botter dl:nth-child(2),
	.botter dl:nth-child(3),
	.botter dl:nth-child(4){ width: 240px }
	.botter dl dt{ height: 20px; margin-bottom: 6px }
	.botter dl dt h1{ line-height: 20px; font-size: 12px; }
	.botter dl dd h6,
	.botter dl dd p,
	.botter dl dd a{ line-height: 24px;  }
	.botter dl dd .form{ width: 100%; height: 30px; margin-top: 5px; margin-bottom: 15px; }
	.botter dl dd .form .txt{ width: 90%; height: 30px; padding: 5px;}
	.botter dl dd .form .go{ width: 10%; height: 30px; }
	.copyright{ padding: 10px 0; }

	.main{ padding: 20px 0; }
	.mtitle{ height: 30px; margin-bottom: 5px; }
	.mtitle::before{ width: 30px; }  
	.mtitle h1{ line-height: 28px; font-size: 14px; }
	.mtitle span{ line-height: 28px; }

	.msearch{ height: 34px; margin-bottom: 5px; margin-top: 10px; }
	.mtxt{ height: 34px; padding: 6px; }
	.mgo{ height: 34px; background-size: auto 18px; }
	.mnav ul.mnav-1 li{ min-height: 34px;  }
	.mnav ul.mnav-1 li a{ padding: 7px 7px 7px 15px; }
	.mnav ul.mnav-1 li a i{ padding-right: 7px; }
	.mnav ul.mnav-1 li ul.mnav-2{ padding: 3px 0; }
	.mnav ul.mnav-1 li ul.mnav-2 li{ min-height: 26px; }
	.mnav ul.mnav-1 li ul.mnav-2 li a{ padding: 3px 3px 3px 35px; }

	.product{ margin-top: 10px; }
	.product ul li{ width: 150px; height: 180px; margin-bottom: 10px; margin-right: 10px; }
	.product ul li:nth-child(3n){ margin-right: 0; }
	.product ul li:nth-child(4n){ margin-right: 10px; }
	.product ul li:nth-child(12){ margin-right: 0; }
	.product ul li a .product-img{ width: 150px; height: 150px; }
	.product ul li a .product-desc{ width: 150px; }
	.product ul li a .product-desc h2{ height: 24px; line-height: 24px; }
	.product ul li a .product-desc .desc{ margin: 0; }

	.pager a, .pager span{ padding: 0 2px; margin: 0 2px; }

	.demo{ margin-top: 10px; }
	.demo-img{ width: 300px; height: 230px; margin-bottom: 5px; margin-top: 10px; }
	.demo-desc{ line-height: 24px; }
	.demo-desc h1{ line-height: 30px; font-size: 16px; margin-bottom: 0; }
	.demo-desc h2{ line-height: 30px; margin-bottom: 0; }
	.demo-desc img{ margin: 5px auto; }
	.mapDiv{ height: 240px; margin-top: 10px; }

	.contact{ padding-top: 10px; }
	.contact h1{ line-height: 26px; font-size: 16px; margin-bottom: 5px; }
	.contact p{ line-height: 24px; }
	.contact img{ width: 100px; margin: 5px 0; }
	.contact .input{ margin-bottom: 5px; }
	.contact .textareas{ height: 90px; }
	.contact .submit{ font-size: 12px; }

	.partner-nav{ margin: 5px 0; }
	.partner-nav a{ width: 140px; height: 34px; line-height: 34px; margin: 0 5px; }

	.partner-menu ul li{ width: 14.28%; }
	.partner-menu ul li a{ height: 44px; }

	.quality ul li div{ height: 160px; }
}

@media (max-width:730px){
	.header{ height: 60px; }
	.logo{ height: 30px; margin-top: 15px; }
	.logo img{ height: 30px; }
	.menu,
	.search{ display: none }
	.dl-menuwrapper{ display: block; }
	.dl-menuwrapper button{ border-color: #00529d; }

	.header.sticky{ height: 61px; }
	.header.sticky .logo{ margin-top: 15px; }
	
	.banner-img{ height: 300px; }
	.ibanner-img{ height: 150px; }
	.slick-banner .slick-dots{ bottom: 10px; }
	.slick-banner .slick-dots li{ margin: 0; }
	.slick-banner .slick-dots li button{ width: 8px; height: 8px; margin: 6px; border-radius: 0; }

	.title{ height: 31px; }
	.title a{ line-height: 30px; }
	.title span{ height: 31px; line-height: 30px; font-size: 14px; }

	.about{ padding: 10px 0; min-height: 480px; }
	.abouts{ padding: 10px 0 0 0; }
	.abouts-img{ width: 100%; float: none; }
	.abouts-desc{ width: 100%; float: none; padding-left: 0; padding-top: 10px; }
	.abouts-desc h1{ height: 30px; line-height: 24px; font-size: 14px; margin-bottom: 5px; }
	.abouts-desc h1::before{ width: 40px; }
	.abouts-desc p{ height: auto; }

	.project{ margin: 15px 0; }
	.project ul li{ width: 100%; margin-right: 0; margin-bottom: 10px; }
	.project ul li .project-img{ height: 190px; }
	.project ul li .project-desc{ height: 160px; }  
	.project ul li .project-desc p{ height: 72px; }

	.botter{ padding: 15px 0; }
	.botter dl:nth-child(2),
	.botter dl:nth-child(3){ width: 50%; }
	.botter dl:nth-child(4){ width: 100%; margin-top: 10px; }
	.botter dl dd .form .txt{ width: 80%; }
	.botter dl dd .form .go{ width: 20%; }

	.main{ padding: 10px 0; }

	.msearch{ height: 32px; margin-top: 5px; margin-bottom: 10px; }
	.mtxt{ height: 32px; padding: 5px; }
	.mgo{ height: 32px; }
	.mnav,
	.mtitles{ display: none; }

	.product{ margin-top: 10px; }
	.product ul li{ width: 49%; height: auto; margin-right: 1%; margin-bottom: 2%; }
	.product ul li:nth-child(2n){ margin-right: 0; float: right; }
	.product ul li:nth-child(3n){ margin-right: 0; }
	.product ul li:nth-child(4n){ margin-right: 0; }
	.product ul li:nth-child(12n){ margin-right: 0; }
	.product ul li a .product-img{ width: 100%; height: auto; padding-bottom: 100%; }
	.product ul li a .product-desc{ width: 100%; }

	.demo-img{ width: 100%; background-size: auto 100%; }
	.mapDiv{ height: 220px; }

	.contact{ padding-top: 10px; }
	.contact h1{ line-height: 24px; font-size: 14px; }

	.partner-nav { overflow: hidden; }
	.partner-nav a{ width: 50%; height: 32px; line-height: 32px; margin: 0; float: left; display: block; }
	.partner-menu ul li{ width: 33.3333%; }
	.partner-menu ul li a{ height: 80px; }

	.quality ul li div{ height: 100px; }
}