@media(max-width:1468px) { .indTit { margin: 20px auto; } .indTit h1 { font-size: 36px; } .indTit span { font-size: 16px; } .abDeve { padding-top: 60px !important; } /* index */ .txtDemo_div span { font-size: 68px; } .txtDemo_div p { font-size: 24px; } .indPro_img { padding: 8px; } .indPro_img_name { bottom: 8px; left: 8px; width: calc(100% - 16px); } .indYf_box { margin-top: 80px } .indYf_item { padding-right: 48px; background-size: 41px; padding: 30px 36px 30px 66px; margin-left: 6px; background-position: 10px center; } .indAb_p { max-width: 40%; } /* product */ .product_txt { /* padding: 48px 32px !important; */ } .product_a .indPro_more { /* margin-top: 10px !important; */ } /* */ .caseList_txt>div { padding: 50px 30px 42px; } } @media(max-width:1460px) { /* header */ .headRigt { right: 40px; } .headNav { margin-left: -5%; } .headNav li { margin: 0 8px; } /* index */ .indYf_p p { max-width: 80%; font-weight: 300; } .indYf_item p { font-size: 20px; } } @media(max-width:1280px) { /* common */ .innerWrap { width: 90%; } .leftSlide { display: none; } /* footer */ .footer .footUl li { width: 18%; } .footer .footUl li:last-of-type { width: 28%; } } @media(max-width:1200px) { /* common */ .indTit h1 { font-size: 34px; } .indTit span { font-size: 16px; } /* header */ .headLogo { margin-left: 38px; margin-top: 22px; width: 150px; } .headNav li>a { font-size: 15px; padding: 0 12px; } .headNav li { padding: 20px 0; } .headRigt { right: 28px; } /* index */ .txtDemo_div i { font-size: 24px; } .txtDemo_div span { font-size: 50px; letter-spacing: 3px; margin: 14px 0; } .txtDemo_div p { font-size: 19px; } .txtDemo_div em { font-size: 15px; margin-top: 10vh; } /* index */ .indYf { padding: 80px 0 108px; } .indYf_box { margin-top: 38px; } .indYf_item { width: 48%; margin-left: 2%; margin-top: 14px; } .indYf_item:nth-child(2n-1) { margin: 0; } .indYf_p p { max-width: 90%; } .indNews_left { display: none; } .indNews_mid .indNews_boxDiv { background: none; padding-left: 0; } .indNews_rig .indNews_boxDiv { padding-right: 0; } .indNews_box>div { width: 50%; } .indNews { padding: 68px 0 108px; } .indAb { margin-top: 40px; } .indAb_box { padding-bottom: 80px; padding-top: 24px; } .indAb_box .img { top: -28px; } .indAb_box .img img { height: 460px; } } @media(max-width:1024px) { /* common */ .topSlide { display: none; } .pad { padding: 68px 0 88px; } .indTit h1 { font-size: 28px; } .indTit span { font-size: 14px; } /* header */ header { padding: 18px 28px; } .headLogo { margin: 0; width: 142px; } .headNav { display: none; } .headRigt { display: none; } .headMenu { display: block; } /* footer */ .footBox { margin-top: 48px; } .footLogo { width: 180px; } .footer .footUl { padding: 38px 0 68px; } .footer .footUl .ltp>a { font-size: 16px; } .footer .footUl .lbt a { margin-top: 8px; } .footer .footUl .ltp .xian { margin: 10px 0 21px; } /* index */ .indPro { padding-top: 48px; } .indPro_box { padding: 30px 0 80px; } } @media(max-width:786px) { /* common */ .pad { padding: 38px 0 48px; } .innerWrap { width: 100%; padding: 0 24px; } .caseDet .innerWrap { padding: 0 14px } .indTit { margin: 0 auto 20px; } .indTit h1 { font-size: 26px; line-height: 1.4; letter-spacing: 0; } .indTit span { font-size: 14px; } .indMore { min-width: 118px; height: 38px; line-height: 38px; padding: 0 24px; margin-top: 14px; } .indMore>span { font-size: 14px; } .indMore>span img { margin-left: 4px; width: 10px; } /* header */ header { padding:10px 28px; } .headLogo { width: 168px; } .headMenu span:first-child { margin-top: 10px; } /* footer */ .footBox { text-align: left; margin-top: 20px; } .footLogo { width: 128px; } .footer .footUl { padding: 10px 0 28px; } .footer .footUl li { display: none } .footer .footUl .ltp { display: none; } .footer .footUl li:last-of-type { display: block; width: 100%; float: none; } .footCopy { padding: 14px 0; text-align: center; } .footCopy .footCopy_a { float: none; display: inline-block; line-height: 1; margin: 0; } .footCopy .footCopy_a a { padding: 8px 0 0; } .footCopy span { display: inline-block; line-height: 1; padding: 8px 0 0; } .footer .footUl .lbt a { margin: 0; font-size: 13px; line-height: 2; } /* index */ .banner { height: auto; margin-top: 50px; } .banDemo .banDemo-img { display: none; } .banDemo img { display: block; } .txtDemo .slick-dots { bottom: 12px; } .txtDemo .slick-dots li { width: 8px; height: 8px; margin: 0 5px; } .txtDemo_div { bottom: auto; top: 50%; transform: translateY(-50%); min-height: auto; } .txtDemo_div i { font-size: 15px; } .txtDemo_div span { font-size: 20px; letter-spacing: 1px; margin: 12px 0 10px; } .txtDemo_div p { font-size: 14px; letter-spacing: 0; max-width: 80%; line-height: 1.4; } .txtDemo_div em { display: none; font-size: 12px; margin-top: 24px; } .txtDemo_div em img { width: 14px; } .indPro_box { padding: 12px 0 48px; } .indYf { background-size: cover; background-attachment: inherit; padding: 48px 0 68px; } .indYf_p p { max-width: 100%; letter-spacing: 0; font-size: 14px; } .indYf_box { margin-top: 10px; } .indYf_item { float: none; width: 100%; margin: 14px 0 0 !important; } .indYf_item p { font-size: 17px; } .indYf_item span { font-size: 14px; } .indYf_item { background-size: 48px auto; background-position: 28px center; padding-left: 86px; padding: 24px 0 24px 98px; } .indNews_nav { display: block; } .indNews { padding: 48px 0 60px; } .indNews_box { margin: 0; } .indNews_box>div { width: 100%; float: none; display: none; } .indNews_box .indNews_mid { display: block; } .indNews_boxDiv { padding: 0; } .indNews_boxDiv h3 { display: none; } .indNews_mid .indNew_li:first-of-type { margin: 20px 0 12px; } .indNews_boxDiv { background: none; } .indNew_li { margin-top: 14px; } .indNew_time p { font-size: 24px; } .indNew_time span { font-size: 14px; } .indNew_txt { padding-left: 8px; width: calc(100% - 64px); } .indNew_txt a { font-size: 16px; } .indAb { margin-top: 0; } .indAb .indTit br { display: none; } .indAb_box { padding-bottom: 24px; } .indAb_p { max-width: 100%; min-height: auto; } .indAb_box .img { position: relative; top: 0; left: 0; margin: 38px 0 0; } .indAb_box .img img { height: auto; } .indAb_p p { font-size: 14px; line-height: 1.8; } .indPro { padding-top: 28px; background: url(../image/mainCon3_bg1.jpg) no-repeat 100% 100%; } .indPro_box { min-height: 300px; } }