ul { margin: 0; padding: 0; } .innerMain .content { padding-bottom: 0; padding-top: 0; } .container.Business .footer .enterprises { display: none; } .content.businessField .business-head { width: 100%; } .content.businessField .business-head .business-name { width: 100%; color: #3C3C3C; text-align: center; font-weight: 700; } .content.businessField .business-head .business-summary { color: #3C3C3C; text-align: center; } .content.businessField .business-body .business-left { float: left; } .content.businessField .business-body .business-left .orange-square { display: block; width: 35px; height: 5px; background: #F56A00; } .content.businessField .business-body .business-left .business-des { color: #31424E; } .content.businessField .business-body .business-left .business-description { color: #3C3C3C; } .content.businessField .business-body .business-right { float: right; } .content.businessField .business-body .business-right .img-wrap { width: 100%; height: auto; } .content.businessField .business-body .business-right .img-wrap img { width: 100%; height: auto; } .content.businessField .brand-wrapper .brand-bg { background: url("../images/innerImage/Bitmap.png") no-repeat top center; background-size: 100% auto; } .content.businessField .brand-wrapper .brand-head { color: #3C3C3C; text-align: center; font-weight: 700; } .content.businessField .brand-wrapper .brand-body ul { width: 100%; } .content.businessField .brand-wrapper .brand-body ul li { float: left; padding-bottom: 38px; padding-top: 55px; background: #fff; box-shadow: none; transition: all 0.6s; border: 1px solid gainsboro; } .content.businessField .brand-wrapper .brand-body ul li a.brand-img { display: block; width: 72.16%; margin: 0 auto; overflow: hidden; position: relative; } .content.businessField .brand-wrapper .brand-body ul li a.brand-img img { display: block; width: 100%; height: auto; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .content.businessField .brand-wrapper .brand-body ul li a.brand-title { display: block; width: 100%; font-size: 18px; line-height: 32px; color: #3C3C3C; text-align: center; margin-top: 13px; } .content.businessField .brand-wrapper .brand-body ul li:hover { box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.19); transition: all 0.6s; } .content.partnerField .brand-wrapper .brand-bg { background: url("../images/innerImage/Bitmap.png") no-repeat top center; background-size: 100% auto; } .content.partnerField .brand-wrapper .brand-body ul { width: 100%; } .content.partnerField .brand-wrapper .brand-body ul li { float: left; padding-bottom: 38px; padding-top: 55px; background: #fff; box-shadow: none; transition: box-shadow 0.6s; border: 1px solid gainsboro; } .content.partnerField .brand-wrapper .brand-body ul li a.brand-img { display: block; width: 90%; height: auto; margin: 0 auto; overflow: hidden; } .content.partnerField .brand-wrapper .brand-body ul li a.brand-img img { display: block; width: 100%; height: 100%; margin: 0 auto; } .content.partnerField .brand-wrapper .brand-body ul li a.brand-title { display: block; width: 100%; font-size: 18px; line-height: 32px; color: #3C3C3C; text-align: center; margin-top: 13px; } .content.partnerField .brand-wrapper .brand-body ul li:hover { box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.19); transition: box-shadow 0.6s; } .main.brand .brandIntro-wrapper { width: 100%; background: #EDF0EB; } .main.brand .brandIntro-wrapper .intro-wrapper { margin: 0 auto; } .main.brand .brandIntro-wrapper .intro-wrapper .brand-name { color: #1F1F1F; } .main.brand .brandIntro-wrapper .intro-wrapper .orange-square { display: block; width: 35px; height: 5px; background: #F56A00; } .main.brand .brandIntro-wrapper .intro-wrapper .brand-img { width: 100%; max-width: 100%; height: auto; } .main.brand .brandIntro-wrapper .intro-wrapper .brand-img img { width: 100%; max-width: 100%; height: auto; } .main.brand .brandIntro-wrapper .intro-wrapper .brand-introduction { color: #1F1F1F; } .main.brand .brandIntro-wrapper .intro-wrapper .brand-introduction p img { max-width: 100%; height: auto; } .main.brand .brandIntro-wrapper .intro-wrapper .website { display: block; width: 160px; height: 48px; margin: 0 auto; background: url("../images/innerImage/brand_button.png") no-repeat center; } .main.brand .brand-product-wrap .product-head { width: 100%; color: #3C3C3C; text-align: center; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul { width: 100%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li { float: left; background: #fff; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li a.brand-img { display: block; width: 100%; border: 1px solid gainsboro; overflow: hidden; box-shadow: none; transition: box-shadow 0.6s; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li a.brand-img img { display: block; width: 100%; height: auto; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li a.brand-title { display: block; width: 100%; font-size: 18px; line-height: 54px; color: #3C3C3C; text-align: left; margin-top: 10px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 54px; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li .product-desc { width: 100%; height: 50px; font-size: 16px; line-height: 26px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li:hover a.brand-title { color: #ed6d1e; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li:hover a.brand-img { box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.19); transition: box-shadow 0.6s; } .main.brand .brand-shop-wrap .brand-shop-head { width: 100%; color: #3C3C3C; text-align: center; } .main.brand .brand-shop-wrap ul { width: 100%; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; } .main.brand .brand-shop-wrap ul li { float: left; } .main.brand .brand-shop-wrap ul li .img-wrap { display: block; margin: 0 auto; } .main.brand .brand-shop-wrap ul li .img-wrap img { width: 100%; height: 100%; display: block; margin: 0 auto; } .content.honor .honor-wrapper .honor-name { color: #3C3C3C; text-align: center; } .content.honor .honor-wrapper .honor-ul-wrapper ul { width: 100%; } .content.honor .honor-wrapper .honor-ul-wrapper ul li { float: left; border: 1px solid #EEEEEE; box-shadow: none; transition: box-shadow 0.6s; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .img-wrap { background: #EAEAEA; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .honor-message { width: 100%; text-align: center; padding-top: 23px; padding-bottom: 32px; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .honor-message .honor-span { display: block; font-size: 16px; line-height: 26px; height: 26px; color: #525252; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; } .content.honor .honor-wrapper .honor-ul-wrapper ul li:hover { box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.19); transition: box-shadow 0.6s; } .content.handbook .gallery-wrapper { margin-top: 32px; margin-bottom: 32px; width: 100%; } .content.handbook .gallery-wrapper .dmain { width: 100%; } .content.handbook .gallery-wrapper .dmain #links { width: 100%; } .content.handbook .gallery-wrapper .dmain #links a { display: none; } .content.handbook .gallery-wrapper .dmain #links a img { display: block; width: 40%; margin: 0 auto; height: auto; box-shadow: none; transition: box-shadow 0.6s; max-width: 480px; } .content.handbook .gallery-wrapper .dmain #links a:first-child { display: block; margin: 0 auto; } .content.handbook .gallery-wrapper .dmain #links a:first-child img:hover { box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.19); transition: box-shadow 0.6s; } .content.atlas { padding-top: 48px; } .content.atlas .imgList ul li > div { background-image: url(../images/atlaspic.png); background-image: -webkit-image-set(url(../images/atlaspic.png) 1x, url(../images/atlaspic-2x.png) 2x); background-size: 100% 100%; padding: 16px 16px; } .content.atlas .imgList ul li > div .img { background: gainsboro; } .content.atlas .imgList ul li > div .word { border: none; } .content.atlas .imgList ul li > div:hover { box-shadow: none; } .content.atlas .imgList ul li > div:hover .word { border: none; } @media screen and (max-width: 767px) { .content.handbook .gallery-wrapper { margin-top: 16px; margin-bottom: 32px; } .content.handbook .gallery-wrapper .dmain #links a img { width: 80%; margin-left: 10%; } .container.Business .footer .enterprises { display: block; } } @media screen and (min-width: 991px) { .content.businessField .business-head .business-name { font-size: 40px; line-height: 56px; margin-top: 55px; margin-bottom: 40px; } .content.businessField .business-head .business-summary { width: 756px; margin: 0 auto; font-size: 28px; line-height: 38px; } .content.businessField .business-head .business-summary.smwt { font-size: 22px; } .content.businessField .business-body { margin-top: 67px; } .content.businessField .business-body .business-left { width: 34.42%; margin-top: 11%; } .content.businessField .business-body .business-left .business-des { font-size: 40px; line-height: 56px; margin-top: 25px; margin-bottom: 53px; } .content.businessField .business-body .business-left .business-description { font-size: 18px; line-height: 32px; } .content.businessField .business-body .business-right { width: 57.25%; } .content.businessField .brand-wrapper { margin-top: 0px; } .content.businessField .brand-wrapper .brand-head { font-size: 40px; line-height: 56px; } .content.businessField .brand-wrapper .brand-body { padding-top: 60px; padding-bottom: 60px; } .content.businessField .brand-wrapper .brand-body ul { width: 100%; } .content.businessField .brand-wrapper .brand-body ul li { width: 32%; margin-bottom: 30px; } .content.businessField .brand-wrapper .brand-body ul li a.brand-img { height: 138px; } .content.businessField .brand-wrapper .brand-body ul li.three:nth-child(3n+1) { margin-right: 2%; } .content.businessField .brand-wrapper .brand-body ul li.three:nth-child(3n+2) { margin-right: 2%; } .content.businessField .brand-wrapper .brand-body ul li.three:nth-child(3n) { margin-right: 0; } .content.businessField .brand-wrapper .brand-body ul li.two:nth-child(2n+1) { margin-left: 17%; margin-right: 2%; } .content.businessField .brand-wrapper .brand-body ul li.two:nth-child(2n) { margin-right: 17%; } .content.businessField .brand-wrapper .brand-body ul li.one { margin-left: 34%; margin-right: 34%; } .content.partnerField .brand-wrapper { margin-top: 60px; } .content.partnerField .brand-wrapper .brand-body { padding-bottom: 30px; } .content.partnerField .brand-wrapper .brand-body ul { width: 100%; } .content.partnerField .brand-wrapper .brand-body ul li { width: 32%; margin-bottom: 30px; } .content.partnerField .brand-wrapper .brand-body ul li .brand-img { height: 172px; } .content.partnerField .brand-wrapper .brand-body ul li.three:nth-child(3n+1) { margin-right: 2%; } .content.partnerField .brand-wrapper .brand-body ul li.three:nth-child(3n+2) { margin-right: 2%; } .content.partnerField .brand-wrapper .brand-body ul li.three:nth-child(3n) { margin-right: 0; } .content.partnerField .brand-wrapper .brand-body ul li.two:nth-child(2n+1) { margin-left: 17%; margin-right: 2%; } .content.partnerField .brand-wrapper .brand-body ul li.two:nth-child(2n) { margin-right: 17%; } .content.partnerField .brand-wrapper .brand-body ul li.one { margin-left: 34%; margin-right: 34%; } .main.brand .brandIntro-wrapper { padding-bottom: 51px; padding-top: 43px; } .main.brand .brandIntro-wrapper .intro-wrapper { width: 800px; } .main.brand .brandIntro-wrapper .intro-wrapper .brand-name { font-size: 40px; line-height: 56px; margin-bottom: 28px; } .main.brand .brandIntro-wrapper .intro-wrapper .orange-square { margin-bottom: 33px; } .main.brand .brandIntro-wrapper .intro-wrapper .brand-introduction p { font-size: 18px !important; line-height: 1.6em !important; margin-bottom: 1.5em !important; margin-top: 1em !important; } .main.brand .brand-product-wrap .product-head { font-size: 40px; line-height: 56px; margin-top: 71px; } .main.brand .brand-product-wrap .brand-wrapper { margin-top: 60px; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul { width: 100%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li { width: 30%; margin-bottom: 30px; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li a.brand-img { height: 360px; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li.three:nth-child(3n+1) { margin-right: 5%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li.three:nth-child(3n+2) { margin-right: 5%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li.three:nth-child(3n) { margin-right: 0; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li.two:nth-child(2n+1) { margin-left: 17.5%; margin-right: 5%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li.two:nth-child(2n) { margin-right: 17.5%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li.one { margin-left: 35%; margin-right: 35%; } .main.brand .brand-shop-wrap { margin-bottom: 60px; } .main.brand .brand-shop-wrap .brand-shop-head { font-size: 40px; line-height: 56px; margin-top: 71px; } .main.brand .brand-shop-wrap ul { margin-top: 60px; } .main.brand .brand-shop-wrap ul li { width: 50%; padding-top: 60px; padding-bottom: 60px; } .main.brand .brand-shop-wrap ul li .img-wrap { width: 50%; height: 76px; } .main.brand .brand-shop-wrap ul li.one { margin-left: 25%; } .content.honor .honor-wrapper .honor-name { font-size: 40px; line-height: 56px; margin-top: 60px; margin-bottom: 50px; } .content.honor .honor-wrapper .honor-ul-wrapper ul li { width: 32%; margin-right: 2%; margin-bottom: 46px; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .img-wrap { width: 100%; height: 292px; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .img-wrap img { width: 100%; height: 100%; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .honor-message .honor-span { width: 80%; } .content.honor .honor-wrapper .honor-ul-wrapper ul li:nth-child(3n) { margin-right: 0; } .content.handbook { padding-top: 48px; } } @media screen and (max-width: 991px) and (min-width: 576px) { .innerMain .content { padding: 24px; } .content.businessField { padding-bottom: 0px; } .content.businessField .business-head .business-name { font-size: 40px; line-height: 52px; margin-bottom: 16px; } .content.businessField .business-head .business-summary { width: 100%; font-size: 24px; line-height: 32px; } .content.businessField .business-head .business-summary.smwt { font-size: 20px; } .content.businessField .business-body { margin-top: 67px; } .content.businessField .business-body .business-left { width: 100%; } .content.businessField .business-body .business-left .business-des { font-size: 32px; line-height: 36px; margin-top: 24px; margin-bottom: 16px; } .content.businessField .business-body .business-left .business-description { font-size: 18px; line-height: 32px; margin-bottom: 32px; } .content.businessField .business-body .business-right { width: 100%; } .content.businessField .brand-wrapper { margin-top: 12px; } .content.businessField .brand-wrapper .brand-head { font-size: 40px; line-height: 52px; } .content.businessField .brand-wrapper .brand-body { padding-top: 16px; padding-bottom: 16px; } .content.businessField .brand-wrapper .brand-body ul { width: 100%; } .content.businessField .brand-wrapper .brand-body ul li { width: 48%; margin-bottom: 30px; } .content.businessField .brand-wrapper .brand-body ul li a.brand-img { height: 112px; } .content.businessField .brand-wrapper .brand-body ul li.three:nth-child(2n+1) { margin-right: 4%; } .content.businessField .brand-wrapper .brand-body ul li.three:nth-child(2n) { margin-right: 0%; } .content.businessField .brand-wrapper .brand-body ul li.two:nth-child(2n+1) { margin-right: 4%; } .content.businessField .brand-wrapper .brand-body ul li.two:nth-child(2n) { margin-right: 0%; } .content.businessField .brand-wrapper .brand-body ul li.one { margin-right: 26%; margin-left: 26%; } .content.partnerField .brand-wrapper { margin-top: 16px; } .content.partnerField .brand-wrapper .brand-body { padding-top: 16px; } .content.partnerField .brand-wrapper .brand-body ul { width: 100%; } .content.partnerField .brand-wrapper .brand-body ul li { width: 48%; margin-bottom: 30px; } .content.partnerField .brand-wrapper .brand-body ul li .brand-img { height: 127px; } .content.partnerField .brand-wrapper .brand-body ul li.three:nth-child(2n+1) { margin-right: 4%; } .content.partnerField .brand-wrapper .brand-body ul li.three:nth-child(2n) { margin-right: 0%; } .content.partnerField .brand-wrapper .brand-body ul li.two:nth-child(2n+1) { margin-right: 4%; } .content.partnerField .brand-wrapper .brand-body ul li.two:nth-child(2n) { margin-right: 0%; } .content.partnerField .brand-wrapper .brand-body ul li.one { margin-right: 26%; margin-left: 26%; } .main.brand .brandIntro-wrapper { padding-bottom: 32px; padding-top: 32px; } .main.brand .brandIntro-wrapper .intro-wrapper { width: 95%; margin: 0 auto; } .main.brand .brandIntro-wrapper .intro-wrapper .brand-name { font-size: 32px; line-height: 36px; margin-bottom: 28px; } .main.brand .brandIntro-wrapper .intro-wrapper .orange-square { margin-bottom: 33px; } .main.brand .brandIntro-wrapper .intro-wrapper .brand-introduction { font-size: 18px; line-height: 32px; } .main.brand .brand-product-wrap .product-head { font-size: 32px; line-height: 36px; margin-top: 32px; } .main.brand .brand-product-wrap .brand-wrapper { margin-top: 32px; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul { width: 100%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li { width: 47%; margin-bottom: 30px; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li .brand-img { height: 346px; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li.three:nth-child(2n+1) { margin-right: 6%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li.three:nth-child(2n) { margin-right: 0%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li.two:nth-child(2n+1) { margin-right: 6%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li.two:nth-child(2n) { margin-right: 0%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li.one { margin-right: 26.5%; margin-left: 26.5%; } .main.brand .brand-shop-wrap { margin-top: 32px; margin-bottom: 40px; } .main.brand .brand-shop-wrap .brand-shop-head { font-size: 32px; line-height: 36px; margin-top: 32px; } .main.brand .brand-shop-wrap ul { margin-top: 32px; } .main.brand .brand-shop-wrap ul li { width: 50%; padding-top: 60px; padding-bottom: 60px; } .main.brand .brand-shop-wrap ul li .img-wrap { height: 57px; } .main.brand .brand-shop-wrap ul li.one { margin-left: 25%; } .content.honor .honor-wrapper .honor-name { font-size: 40px; line-height: 56px; margin-bottom: 24px; } .content.honor .honor-wrapper .honor-ul-wrapper ul li { width: 48%; margin-right: 4%; margin-bottom: 24px; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .img-wrap { width: 100%; height: 272px; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .img-wrap img { width: 100%; height: 100%; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .honor-message .honor-span { width: 80%; } .content.honor .honor-wrapper .honor-ul-wrapper ul li:nth-child(2n) { margin-right: 0; } } @media screen and (max-width: 991px) and (min-width: 776px) { .brand-shop-wrap ul li .img-wrap { width: 60%; } } @media screen and (max-width: 776px) and (min-width: 576px) { .brand-shop-wrap ul li .img-wrap { width: 80%; } } @media screen and (max-width: 576px) { .innerMain .content { padding: 16px; } .innerMain .content.atlas { padding: 48px 0; } .content.businessField .business-head .business-name { font-size: 32px; line-height: 40px; margin-bottom: 16px; } .content.businessField .business-head .business-summary { font-size: 18px; line-height: 28px; } .content.businessField .business-head .business-summary.smwt { font-size: 16px; line-height: 24px; font-weight: bold; } .content.businessField .business-body { padding-top: 32px; } .content.businessField .business-body .business-left { width: 100%; } .content.businessField .business-body .business-left .business-des { font-size: 28px; line-height: 30px; margin-top: 24px; margin-bottom: 16px; } .content.businessField .business-body .business-left .business-description { font-size: 16px; line-height: 24px; margin-bottom: 32px; } .content.businessField .business-body .business-right { width: 100%; } .content.businessField .brand-wrapper { margin-top: 0px; } .content.businessField .brand-wrapper .brand-head { font-size: 32px; line-height: 40px; } .content.businessField .brand-wrapper .brand-body { margin-top: 16px; } .content.businessField .brand-wrapper .brand-body ul { width: 100%; } .content.businessField .brand-wrapper .brand-body ul li { width: 100%; margin-bottom: 16px; } .content.businessField .brand-wrapper .brand-body ul li a.brand-img { height: 133px; } .content.businessField .brand-wrapper .brand-body ul li a.brand-title { font-size: 16px; line-height: 24px; } .content.partnerField .brand-wrapper { margin-top: 0px; } .content.partnerField .brand-wrapper .brand-body { margin-top: 16px; padding-bottom: 0px; } .content.partnerField .brand-wrapper .brand-body ul { width: 100%; } .content.partnerField .brand-wrapper .brand-body ul li { width: 100%; margin-bottom: 16px; } .content.partnerField .brand-wrapper .brand-body ul li a.brand-img { height: 199px; } .content.partnerField .brand-wrapper .brand-body ul li a.brand-title { font-size: 16px; line-height: 24px; } .main.brand .brandIntro-wrapper { padding-bottom: 16px; padding-top: 24px; } .main.brand .brandIntro-wrapper .intro-wrapper { width: 95%; margin: 0 auto; } .main.brand .brandIntro-wrapper .intro-wrapper .brand-name { font-size: 32px; line-height: 36px; margin-bottom: 16px; } .main.brand .brandIntro-wrapper .intro-wrapper .orange-square { margin-bottom: 16px; } .main.brand .brandIntro-wrapper .intro-wrapper .brand-introduction { font-size: 18px; line-height: 32px; } .main.brand .brand-product-wrap .product-head { font-size: 32px; line-height: 36px; margin-bottom: 16px; margin-top: 32px; } .main.brand .brand-product-wrap .brand-wrapper .brand-body { margin-top: 16px; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul { width: 100%; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li { width: 100%; margin-bottom: 24px; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li a.brand-img { height: 342px; } .main.brand .brand-product-wrap .brand-wrapper .brand-body ul li a.brand-title { font-size: 18px; line-height: 40px; height: 40px; } .main.brand .brand-shop-wrap { margin-bottom: 32px; } .main.brand .brand-shop-wrap .brand-shop-head { font-size: 32px; line-height: 36px; margin-top: 32px; } .main.brand .brand-shop-wrap ul { margin-top: 40px; } .main.brand .brand-shop-wrap ul li { width: 100%; padding-top: 60px; padding-bottom: 60px; } .main.brand .brand-shop-wrap ul li .img-wrap { width: 65%; height: 57px; } .content.honor .honor-wrapper .honor-name { font-size: 40px; line-height: 56px; margin-bottom: 16px; } .content.honor .honor-wrapper .honor-ul-wrapper ul li { width: 100%; margin-bottom: 16px; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .img-wrap { width: 100%; height: 305px; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .img-wrap img { width: 100%; height: 100%; } .content.honor .honor-wrapper .honor-ul-wrapper ul li .honor-message .honor-span { width: 70%; } } .innerMain.business .innerBanner { background-image: none; position: relative; height: auto; } .innerMain.business .innerBanner > .centerArea1 { z-index: 9999; height: 74px; position: absolute; bottom: 0; left: 50%; } .innerMain.business .innerBanner > .centerArea1 .columnName { display: none; } .innerMain.business .innerBanner > .centerArea1 .subName { display: none; } .innerMain.business .innerBanner .swiper-wraper { width: 100%; height: auto; max-height: 500px; position: absolute; z-index: 10; } .innerMain.business .innerBanner .swiper-wraper .swiper1 { position: relative; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .swiper-wrapper .swiper-slide { position: relative; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .swiper-wrapper .swiper-slide a { display: block; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .swiper-wrapper .swiper-slide a img { display: block; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .pagination1 { width: auto; height: 16px; position: absolute; bottom: 80px; left: 50%; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .pagination1 .swiper-pagination-switch { display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #D8D8D8; margin-right: 9px; cursor: pointer; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .pagination1 .swiper-pagination-switch:last-child { margin-right: 0px; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .pagination1 .swiper-active-switch { background: #F26623; } .innerMain.partner .innerBanner { background-image: none; position: relative; } .innerMain.partner .innerBanner > .centerArea1 { z-index: 99; } .innerMain.partner .innerBanner > .centerArea1 .columnBreadcrumb { display: none; } .innerMain.partner .innerBanner > .centerArea1 .columnName { display: none; } .innerMain.partner .innerBanner > .centerArea1 .subName { display: none; } .innerMain.partner .innerBanner .bg-img { z-index: 1; display: block; width: 100%; height: auto; position: absolute; } @media screen and (min-width: 1263px) { .innerMain.business .innerBanner > .centerArea1 { margin-left: -600px; } } @media screen and (max-width: 1263px) { .innerMain.business .innerBanner > .centerArea1 { margin-left: calc(-47.5%); } } @media screen and (max-width: 816px) { .innerMain.business .innerBanner > .centerArea1 { height: 54px; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .pagination1 { bottom: 60px; } } @media screen and (min-width: 1200px) { .innerMain.business .innerBanner .swiper-wraper { top: 80px; } .innerMain.business .innerBanner .swiper-wraper .swiper1 { height: 401px; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .swiper-wrapper .swiper-slide { height: 401px; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .swiper-wrapper .swiper-slide a { height: 401px; overflow: hidden; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .swiper-wrapper .swiper-slide a img { width: 100%; height: 100%; } .innerMain.partner .innerBanner .bg-img { top: 80px; } } @media screen and (max-width: 1200px) { .innerMain.business .innerBanner .swiper-wraper { top: 45px; } .innerMain.business .innerBanner .swiper-wraper .swiper1 { height: 280px; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .swiper-wrapper .swiper-slide { height: 280px; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .swiper-wrapper .swiper-slide a { height: 280px; overflow: hidden; } .innerMain.business .innerBanner .swiper-wraper .swiper1 .swiper-wrapper .swiper-slide a img { width: 100%; height: 100%; } .innerMain.partner .innerBanner .bg-img { top: 45px; } } /*# sourceMappingURL=business.css.map */