@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1300px){
	.header-main,.top-nav-main,.index-main4-content,.footer-main,.copy-right-main,.index-main1-content,.product-main-content,.road,.prodetail-content,.inner-content,.other-page-road{ width: 94%;}
	.top-nav-main ul li{ margin-left: 18px; font-size: 16px;}
	.main4-list{ width: 31.3333%; margin: 0 1%;}
	.main4-list h1{ font-size: 20px;}
	.foot1, .foot2, .foot3, .foot4{ width: 23%; margin-left: 2%;}
	.foot1{ margin-left: 0px;}
	.main1-content-left{ width: 19%; margin-left: 0}
	.main1-content-right{ width: 79%;}
	
	.index-product-pic{ width: 49%;}
	.index-product-text{ width: 48%; padding-left: 1%; padding-right: 2%;}
	.index-product-text a img{ width: 100%;}
	.main1-content-left li{ background-position: right center;}
	.product-right{ width: 78%;}
	.product-left{ width: 20%;}
	.product-left h1{ background-size: 50px 1px;}
	.products,.product-right-list{ width: 31.3333%; margin-right: 1.5%;}
	.prodetail-part1 h1{ width: 70%;}
	.inquiry{ width: 30%;}
	.prodetail-part2-left{ width: 40%}
	.prodetail-part2-right{ width: 58%;}
	.prodetail-miaoshu table{ width: 40%;}
	.prodetail-maioshu-right{ width: 58%;}
	.big-pic-main{ width: 99%;}
	.index-product-text p{-webkit-line-clamp:unset;-webkit-box-orient:unset; overflow:unset; height:auto;}
	
}
@media screen and (max-width:1220px){
	.header{ display: none;}
	.top-nav-main ul{ display: none;}
	.mobile-nav{ display: block; width: 80px; float: right; margin-top: 20px;}
	.mobile-nav div{ width: 100%; padding: 5px 0px; color: #fff; background: #aaa;  text-align: center; cursor: pointer;}
	.mobile-nav div i{ margin-right: 5px;}
	.top-nav{ box-shadow:none; border-bottom: 1px solid #ccc;}
	.index-main2-content,.index-main3-content{ width: 94%; padding: 0}
	.main2-content-left{ width: 52%;}
	.main2-content-right{ width: 46%; margin-right: 0}
	.index-main3-left,.index-main3-right{ width: 48%;}
	.main1-content-left{ width: 100%; float: none; margin-bottom: 20px;}
	.main1-content-right{ width: 100%; float: none; overflow: hidden;}
	
	.mid-line{height: 700px;}
	.index-product-list{ padding-top: 20px;}
.pro_left_right {
    display: block;
    cursor: pointer;
}
	.product-left {
    position: fixed;
    top: 15%;
    left: -274px;
    width: 310px;
    z-index: 999999;
    margin: 0;
    height: 800px;
    overflow-x: hidden; 
}
	.product-left1{ width: 274px;height: 80%;
    overflow-y: scroll;
    overflow-x: hidden; padding-top: 20px;background: #fff;}
	.product-right{ width: 100%; float: none;}
	.products-top{ height: 320px;}
	.products:hover .veiwphoto, .products_list .item-image:hover .veiwphoto{ top: 37%;}
	.prodetail-content1,.prodetail-main3-content{ width: 96%;}
	.prodetail-content-text{ padding: 2%;}
	.prodetail-content-text-l,.prodetail-content-text-r{ width: 49%;}
}
@media screen and (max-width:1023px){
		.main2-content-left{ width: 96%; float: none; margin: 0 auto;}
	.main2-content-right{ width: 96%;float: none; margin: 0 auto; margin-top: 20px;}
	.main2-content-right h1{ margin-bottom: 15px; font-size: 24px;}
	.main2-content-right img{ margin-bottom: 15px;}
	.index-main3-left,.index-main3-right{ width: 96%;float: none; margin: 15px auto; text-align: left;}
	.main3-left-text{ margin: 15px 0px;}
	.index-main3-left h1{ margin-bottom: 15px;}
	.index-main3-left a{ margin-top: 15px; margin-bottom: 20px;}
	.index-main3{ padding: 30px 0;}
	.main4-list h1{ font-size: 16px; height: 40px; line-height: 22px;}
	.main4-list{ width: 48%; margin-bottom: 15px;}
	.newsletter-content,.news-title,.news-title div{ width: 96%;}
	.newsletter-input input{ float: none; padding-left: 2%; width: 97%; margin-bottom: 15px;}
	.foot4{ width: 100%;}
	.foot1,.foot2,.foot3{ width: 30%; margin-left: 3%;}
	.foot1{ margin-left: 0px;}
	.foot2,.foot3{ display: none;}
	.foot1{ width: 100%; margin-bottom: 20px;}
	.products,.product-right-list{ width: 48%; margin-right: 1.5%;}
	.products-top{ height: 355px;}
	.img_probox{ width: 96%;}
	.road-main{ line-height: 20px;}
	.prodetail-part1 h1,.prodetail-social-left{ width: 100%; float: none}
	.inquiry,.prodetail-social-right{ width: 100%; float: none;}
	.prodetail-social-right a i{ margin-left: 0; margin-right: 8px; margin-top: 5px;}
	.prodetail-part2-left{ width: 100%; float: none}
	.prodetail-part2-right{ width: 100%; float: none; position: relative; padding-top: 100px;}
	.prodetail-part2-right ul{ position: absolute; top: 10px; left: 0;}
	.prodetail-main3-like{ display: block;}
	.prodetail-main3-like ul{ display: block; overflow: hidden;}
	.prodetail-main3-like ul li{ display: block; width: 22%; float: left; margin: 15px 1%;}
	.other-page-road{ line-height: 60px; position: relative;}
	.innerpage-nav h1{ display: block; color: #333; font-size: 18px; text-align: right; cursor: pointer;}
	.innerpage-nav ul{ display: none}
	.innerpage-nav li{ width: 100%; float: none; background: #fff;}
	.innerpage-nav{ position: absolute; right: 0; top: 0; width: 100%;}
.banner-line{ margin-left: 0;}
}
@media screen and (max-width:700px){
.products-top{ height: 450px;}
	.products,.product-right-list{ width: 90%; float: none; margin: 0 auto; margin-bottom: 20px;}
	.product-miaoshu{ width: 96%; padding: 2%;}
	.prodetail-content-text-l,.prodetail-content-text-r{ width: 100%; float: none; margin: 15px auto;}
	.prodetail-main3-like ul li{ width: 30.3333%;}
	.product-like-text{ padding: 0 2%;}
	.copy-right-main{ height: auto; line-height: 25px; padding: 10px 0}
	.copy-right{ height: auto;}
	
	.contact1{ width: 97%;}

	.index-product-pic,.index-product-text{width: 96%; float: none; margin: 15px 0px; padding: 2%;}
}
@media screen and (max-width:450px){
	
	.top-logo{ float: none; margin: 0 auto;}
	.mobile-nav{ float: none; margin: 0 auto; margin-top: 20px;}
	.mobile-nav-box{ top: 170px;}
	.index-main3-right div{ padding: 0; height: auto; margin-bottom: 15px; background: none;}
	.index-main3-left h1{ font-size: 24px; line-height: 24px;}
	.main4-list{ width: 96%; float: none; margin: 0 auto;margin-bottom: 15px;}
	.main4-list h1{ line-height: 40px;}
	.news-title h1{ font-size: 28px;}
	.mid-line{ height: 550px;}
	.products-top{ height: 300px;}

	.prodetail-miaoshu table{ width: 100%; float: none; margin-bottom: 20px;}
	.prodetail-maioshu-right{ width: 100%; float: none;}
	.prodetail-main3-like ul li{ width: 98%; border-bottom: 1px solid #ccc;}
	.banner-line{ margin-top: 5px; margin-bottom: 5px;}
}