/*濯掍綋鏌ヨ*/ @media screen and (min-width:320px) and (max-width:767px) { .max { width: 95%; margin: 0 auto; } .ce_nav{display:none} /**********棣栭〉**************/ .navmt { padding: 20px 0 10px 0; } .navmt .logo { width: 70%; } .btn { display: block; } .navmt .nav { display: none; position: absolute; padding: 5px 0 5px 0; right: 0%; top: 79%; z-index: 99999; width: 50%; line-height: 45px; background: rgba(224, 224, 224, 0.7); } .navmt .nav>ul li { width: 100%; text-align: center; padding-bottom:0px; color: #fff; } .navmt .nav>ul li a { color: #000; } .nav ul>li .sub { display: none; } .nav ul > li:hover .sub{display:none;} /*鏃椾笅涓氬姟 */ .business { padding-bottom: 30px; } .title { padding: 30px 0; } .title h1 { font-size: 28px; } .title .s1 { font-size: 20px; padding: 0 10px 0 15px; } .title .s2 { font-size: 20px; padding-right: 15px; } .imgtext .img { width: 100%; margin-right: 0px; } .imgtext .text { width: 100%; } .imgtext .text h5 { font-size: 16px; padding: 10px 0; margin-bottom: 10px; } .imgtext .text p { font-size: 14px; line-height: 28px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .imgtext .text a { display: none; } .busin .ess { width: 95%; padding: 10px 0 10px 10px; margin-bottom: 20px; } .busin .ess:last-child { margin-bottom: 0px; } .busin .ess .icon { margin-right: 0px; background-size: 70% 70%; background-position: 50% 50%; } .busin .ess .alcohol { width: 68%; } .alcohol h3 { font-size: 16px; margin-bottom: 0px; } .alcohol p { font-size: 12px; } /*鍚堜綔鍝佺墝*/ .brand .title { padding: 30px 0; } .brand ul li { width: 46%; margin-right: 20px; } .brand ul li:nth-child(2n) { margin-right: 0%; } .intr p:last-child { margin-bottom: 40px; } /* 浼佷笟绠€浠 */ .bchps .quality { width: 100%; padding: 30px 0; } .qups h1 { font-size: 26px; margin-bottom: 10px; } .qups .p1 { margin-top: 10px; } .qups .p2 { margin-bottom: 30px; } .quality .qups { width: 90%; } .qups p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .bchps .bjt { width: 100%; height: 300px; } /* 浼佷笟鏂伴椈 */ .corporatenews { margin: 30px 0; } .corpoat h5 { padding: 0; } .corpoat h5>a { font-size: 16px; padding: 5px 10px; } .corpoat { width: 100%; margin-right: 0%; } .corpoat li { padding: 15px 0; } .imgnews .img { width: 100%; } .imgnews .newsss { width: 100%; } .imgnews .newsss h4 { font-size: 16px; margin: 10px 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .imgnews .newsss p { line-height: 22px; margin: 10px 0; } .corpoat li .spanspan { width: 70%; float: left; color: #333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .enews { width: 100%; height: 550px; } .enews .img { width: 100%; } .corpoat li:last-child { padding-bottom: 20px; border-bottom: none; } /* 搴曢儴 */ .footer { background: #0d0e10; padding-top: 30px; } .footer ul { width: 100%; border-bottom: 1px solid #ddd; } .footer .ul1 li:nth-child(1) { margin-bottom: 0px; } .footer .ul1 li:nth-child(1) img { margin-bottom: 10px; } .footer ul li { margin-bottom: 10px; } .footer .ul2 { width: 100%; margin:20px 0; border-bottom: 1px solid #ddd; } .footer .ul2 p a { margin-bottom: 10px; } .footer .ul3 { margin-top:10px; text-align: left; } .footer .ul3 li:nth-child(1) { margin-bottom:20px; float: left; width:100%; } .footer .ul3 li:nth-child(1) img{ width: 10%; } .footer .ul3 li span { margin-top: 3px; } .footer .ul3 li a{margin-top:-8px;} .footer .ul2 p{margin-left:16%;} .footer .ul3 li:nth-child(2){margin-left:10%} /**********鍏充簬**************/ .trade_title { padding: 20px 0 20px 0; } .trade_title h1 { font-size: 18px; height: 45px; } .trade_title p { font-size: 14px; } body .bchps .bjtt { height: 300px; } .bch .quality { padding: 20px 0; } .liquor h3 { margin-bottom: 20px; } .liquor p:nth-last-child(2) { margin-bottom: 20px; } .bchp .quality { padding: 20px 0; } body .bchps .bjttt p { font-size: 16px; } .liqu p:nth-last-child(2) { margin-bottom: 20px; } .imported_products { height: 257px; padding: 30px 0; } .products h2 { margin-bottom: 20px; } .products p { margin-bottom: 20px; } .products { width: 100%; } .copyright p .jishu{display:block;} /**********瑙嗛**************/ .video_center .img { width: 90%; } .video_center { margin-top: 30px; } .videcen { margin: 30px 0; } .videcen .play { width: 48%; margin-right: 2%; } .videcen .play p { font-size: 14px; margin: 15px 0; } /**********璧勮川**************/ .qualifications .img { margin-right: 2%; width: 48%; margin-top: 10px; } .qualifications .img:nth-child(2n) { margin-right: 0%; } .paging a { padding: 5px 5px; margin-right: 4px; font-size: 12px; } .paging { text-align: center; padding: 10px 0; margin: 30px 0; } .path{margin-top:5px;} .imgnav ul li a{font-size:14px;} /**********鏂伴椈**************/ .news_information { margin-top: 10px; } .news_information .img { width: 100%; } .newsin { width: 100%; padding:10px 0; } .ulnews li { padding:15px 0; } .ulnews li p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 5px; } .newsin h3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-bottom: 5px; font-size: 18px; } .newsin p { margin:5px 0 10px 0; } /**********杩涘彛**************/ .jin_huang_yuan li { width: 48%; margin-right: 4%; } .jin_huang_yuan li:nth-child(2n) { margin-right: 0%; } .jin_huang_yuan li:nth-child(3n) { margin-right: 4%; } .jin_huang_yuan li:nth-child(6) { margin-right: 0%; } .jin_huang_yuan li p { font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .jin_huang_yuan li p { margin: 20px 0 20px 0; } /**********鍚堜綔**************/ .back ul li { margin-bottom: 20px; } /**********鑱旂郴**************/ .my-map{height:240px !important;} .contact_us li { width: 94%; margin-right:0; margin-top:10px; padding:10px 10px; } .contact_us li:nth-child(2n) { margin-right:0%; } .map { margin: 30px 0; } /**********浜у搧**************/ .path a { line-height: 28px; } .product_details { margin-top: 30px; } .product_details .img { width: 100%; margin-right: 0; } .product_details .details { width: 100%; } .details h1 { font-size: 16px; margin: 20px 0; } .details p { font-size: 14px; line-height: 28px; } .pro { padding: 15px; } /**********鏂囩珷**************/ .artitle { margin: 20px 0; padding-bottom: 30px; } .artitle h6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-bottom: 10px; font-size: 18px; } .article p:nth-child(2) { margin-bottom: 20px; } .artitle p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .piece { padding: 30px 0 50px 0; border-top: 1px dashed #ddd; width: 90%; margin: 40px auto 0 auto; text-align: center; } .piece a { font-size: 13px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-bottom: 10px; float:none; text-align:left; } .piece a:nth-child(2){float:none;} /**********鎷涜仒**************/ .recruititle { margin: 30px 0; } .post { padding: 10px 15px; } .organ .post p { width: 23%; font-size: 13px; } .organ .menu-one .header { cursor: pointer; padding: 10px 10px; } .organ .menu-one .header .txt { width: 23%; font-size: 12px; } .organ { margin-bottom: 30px; } .organ .menu-two { padding: 15px; font-size: 14px; } } @media screen and (min-width:768px) and (max-width:991px) { .max { width: 95%; margin: 0 auto; } /**********棣栭〉**************/ .navmt .logo { width: 100%; text-align: center; } .navmt .nav { width: 100%; text-align: center; } .navmt .nav>ul li { width: 11%; } /*鏃椾笅涓氬姟 */ .imgtext .img { width: 50%; margin-right: 20px; } .imgtext .text { width: 47%; } .imgtext .text h5 { padding: 0px 0 10px 0; margin-bottom: 10px; } .imgtext .text p { font-size: 14px; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .imgtext .text a { padding: 3px 70px; bottom: 10px; left: 45%; } .busin .ess{width:22%;padding:9px;} .busin .ess .icon { width:40px;height:45px; } .busin .ess .alcohol { width: 68%; } .alcohol h3 { font-size: 16px; margin-bottom: 0px; } .alcohol p { font-size: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /*鍚堜綔鍝佺墝*/ .brand ul li { width: 23%; margin-right: 15px; } /* 浼佷笟绠€浠 */ .bchps .quality { padding: 70px 0; } .quality .qups { width: 300px; } .qups p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /* 浼佷笟鏂伴椈 */ .corpoat { width: 60%; margin-right: 2%; } .imgnews .img { width: 50%; } .imgnews .newsss { width: 48%; } .imgnews .newsss h4 { font-size: 16px; margin-bottom: 10px; } .imgnews .newsss p { line-height: 22px; margin: 10px 0; } .enews { width: 38%; } .enews .img { width: 250px; } /* 搴曢儴 */ .footer ul { width: 33%; } .footer .ul2 { width: 33%; } .footer .ul1 li:nth-child(1) img { margin-bottom: 40px; max-width: 222px; max-height: 55px; } .footer .ul2 { margin-top: 100px; } body .footer .ul2 ul { border: none; float: left; } .footer .ul2 li:nth-child(1) a { margin-left: 10%; margin-right: 35%; } .footer .ul2 li:nth-child(4) a { margin-left: 8%; margin-right: 20%; } .footer .ul3 li img { float: right; max-width: 75px; max-height: 75px; } .footer .ul3 li:nth-child(1) { margin-bottom: 60px; } .footer .ul3 li:nth-child(n+2) { display: inline-block; width: 40%; } .footer .ul3 li:nth-child(n+2) p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /**********鍏充簬**************/ .trade_title p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .bch .quality { padding: 45px 0; } .bchp .quality { padding: 25px 0; } body .bchps .bjttt p { font-size: 16px; } /**********瑙嗛**************/ .video_center .img { width: 650px; } /**********璧勮川**************/ .qualifications .img { margin-right: 2%; } /**********鏂伴椈**************/ .news_information .img { width: 47%; } .newsin { width: 50%; padding: 23px 0; } .newsin h3 { margin-bottom: 10px; } .newsin p { margin: 20px 0 25px 0; } /**********杩涘彛**************/ .jin_huang_yuan li { width: 31%; margin-right: 23px; } .jin_huang_yuan li p { font-size: 14px; } /**********鍚堜綔**************/ /**********鑱旂郴**************/ .contact_us li b { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .contact_us li { width: 27%; margin-right: 3%; margin-top: 40px; padding: 30px 15px; } /**********浜у搧**************/ .product_details .img { width: 55%; margin-right: 20px; } .product_details .details{width:calc(45% - 30px);} .details h1 { font-size: 16px; margin-bottom: 10px; } .details p { font-size: 14px; line-height: 24px; } /**********鏂囩珷**************/ .piece a { font-size: 13px; } /**********鎷涜仒**************/ } @media screen and (min-width:992px) and (max-width:1199px) { .max { width: 95%; margin: 0 auto; } /**********棣栭〉**************/ /*瀵艰埅*/ .navmt .nav { width: 70%; } .navmt .nav>ul li { width: 11.9%; } /*鏃椾笅涓氬姟 */ .imgtext .img { width: 45%; margin-right: 22px; } .imgtext .text { width: 52%; } .imgtext .text h5 { padding: 0 0 10px 0; margin-bottom: 10px; } .imgtext .text p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .imgtext .text a { left: 40%; } .busin .ess {width:22%; } .busin .ess .icon { width: 40px; height: 45px; } .busin .ess .alcohol { width: 76%; } .alcohol p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /*鍚堜綔鍝佺墝*/ .brand ul li { width: 23%; } /* 浼佷笟绠€浠 */ .bchps .quality { padding: 67px 0; } .quality .qups { width: 400px; } .qups p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /* 浼佷笟鏂伴椈 */ .corpoat { width: 60%; margin-right: 2%; } .imgnews .newsss { width: 48%; } .imgnews .newsss h4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .enews { width: 38%; } /**********鍏充簬**************/ .trade_title p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .bch .quality { padding: 45px 0; } .bchp .quality { padding: 25px 0; } /**********瑙嗛**************/ .video_center .img { width: 90%; } /**********璧勮川**************/ .qualifications .img { margin-right: 2.2%; } /**********鏂伴椈**************/ .news_information .img { width: 47%; } .newsin { width: 50%; padding: 23px 0; } .ulnews li p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /**********杩涘彛**************/ .jin_huang_yuan li { width: 31%; margin-right: 32px; } /**********鍚堜綔**************/ /**********鑱旂郴**************/ .contact_us li { width: 25.3%; } .contact_us li b { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /**********浜у搧**************/ .product_details .img { width: 50%; margin-right: 40px; } .product_details .details{width:calc(50% - 50px);} .details h1 { font-size: 20px; margin-bottom: 10px; } .details p { font-size: 16px; line-height: 31px; } /**********鏂囩珷**************/ /**********鎷涜仒**************/ } @media screen and (min-width:1200px) {}