@media screen and (max-width: 1400px) {
.s4 .text h3 { font-size: 20px; margin-top: 10%; }
.s4 .btn { margin-top: 20%; font-size: 16px; }
.s4 .btn a { width: 40px; height: 40px; line-height: 38px; }
.NA { width: 150px; height: 40px; line-height: 40px; }
.rid-67 .B h4 span:first-child { font-size: 40px; }
.rid-67 .B h4 { font-size: 20px; }
.pro-list li h4 { font-size: 16px; }
.pro-list li h4 span:first-child { font-size: 24px; }
.rid-67 .B p { font-size: 14px; }
.pro-list li h4:before { height: 24px; width: 5px; }
.s4 .text p{-webkit-line-clamp: 3; max-height:65px;}
}
@media screen and (max-width: 1200px) {
.PosList_a1 { display: none; }
.rid-67 .B p { font-size: 12px; }
.c-box li { width: 100%; }
}
@media screen and (max-width: 1024px) {
/*导航响应 2017.11.24*/
.MenuList_f1 { display: block !important; line-height: normal; z-index: 99999999; transition: none; overflow: auto; top: 0; right: 0; background: #fff; height: auto; width: 100%; margin-top: 0; }
.MenuList_f1>ul { height: auto; }
.MenuList_f1>ul>li>:first-child:after { display: none; }
.MenuList_f1>ul>li>:first-child { padding-right: 15px; text-align: left; padding-left: 20px; display: block; font-size: 14px; line-height: 40px; height: 40px; }
.MenuList_f1>ul>li>:first-child:before { transition: 0.3s ease 0s; display: block; float: right; content: '>'; font-family: "宋体", "SimSun"; }
.MenuList_f1>ul>li { border-top: 1px solid #eee; max-width: none; width: 100%; display: block; margin-left: 0; }
.MenuList_f1>ul>li>:nth-child(2) { transition: none; opacity: 1; text-align: left; height: auto; position: static; width: 100%; background: none; line-height: 30px; transform: none; padding: 0; }
.MenuList_f1>ul>li:hover>:nth-child(2) { height: auto; transition: none; opacity: 1; padding-left: 0; transform: none; line-height: normal; }
.MenuList_f1>ul>li ul li { background: #eee; margin-left: 0; width: 100%; padding: 0px; display: block; border-top: 1px solid #f5f5f5; font-size: 16px; }
.MenuList_f1>ul>li ul li a { color: #666; line-height: 20px; height: 20px; font-size: 12px; width: auto; padding-left: 20px; text-align: left; }
.MenuList_f1>ul>li:hover>:first-child, .MenuList_f1>ul>li>:first-child.on { }
.MenuList_f1>ul>li a { padding: 0; }
/*b_type:false*/
.on.MenuList_f1 { }
/*汉堡按钮*/
.menu-i { opacity: 1; overflow: hidden; top: 0; right: 4%; position: absolute; width: 20px; height: 50px; line-height: 50px; z-index: 3; left: auto; text-align: center; margin-top: 0; }
.menu-icon { display: block; height: 100%; background: none; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { transition: 0.3s ease 0s; height: 1.5px; background: #333; width: 20px; display: inline-block; vertical-align: middle; content: ''; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -8px; }
.menu-icon span:after { bottom: -8px; }
.menu-i.on .menu-icon span:after { transform: rotateZ(-45deg); }
.menu-i.on .menu-icon span:before { transform: rotateZ(45deg); }
.menu-i.on .menu-icon span { background: transparent; }
.menu-i.on .menu-icon span:before, .menu-i.on .menu-icon span:after { bottom: 0; top: 0; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
.menu-box { position: relative; height: 50px; width: 100%; }
.language_box { border-top: none; padding: 0; text-align: center; margin-left: 0; display: block; background: #fff; margin-top: 5vh; font-size: 14px; }
.language_box a { }
.logo { width: auto; left: 4%; top: 20%; height: 60%; }
.logo a { display: block; vertical-align: top; height: 100%; }
.logo a>div { height: 100%; }
.logo img { width: auto; height: 100%; }
.box { width: 100%; }
.logo+div { width: 220px; left: auto; top: 50px; height: 0; right: 0; background: none; transition: 0.5s ease 0s; }
body.on .logo+div { width: 220px; opacity: 1; height: calc(100% - 50px); background: #fff; overflow: scroll; }
.logo+div>div { width: 100%; }
.logo+div>div>.dis-m { display: block; width: 100%; vertical-align: top; }
body.on .menu-box { position: fixed; left: 0; top: 0; }
body.on .box { margin-top: 50px; }
body.on .menu-i { position: fixed; }
.s2 .B .text { top: 10px; left: 10px; }
.s4 .text { width: 32%; top: 50%; }
.s4 .text>div { padding: 8% 10%; }
.s4 .text p { font-size: 12px; line-height: 1.5; -webkit-line-clamp: 2; max-height: none; }
.s4 .text h3, .rid-67 .B h4 { font-size: 16px; }
.s4 .btn a { width: 30px; height: 30px; line-height: 28px; }
.banner .nav { position: static; font-size: 14px; }
.NavList_a1 a { width: auto; height: 40px; line-height: 40px; padding: 0 30px; }
.nav .w-87 { overflow: hidden; height: 40px; }
.rid-44 .L, .rid-44 .R { width: 100%; float: none; }
.rid-44 .R { margin-top: 5%; }
.N-box h3 { font-size: 18px; }
.N-box p { font-size: 12px; max-height: 37px; }
.NA { width: 100px; height: 30px; line-height: 30px; font-size: 12px; }
.rid-67 .T li { width: 50%; padding:6vw 3%; }
.rid-67 .T{padding:0;}
.rid-67 .B h4 span:first-child { font-size: 30px; }
.NavList_a1 li { width: auto; }
.product .PhotoList_i1 a { max-height: 350px; height: 35vw; }
.s1 p br:nth-of-type(2), .logo+div>div:before, .menu-icon:before, .NavList_a1 a.on:before { display: none; }
}
@media screen and (max-width: 720px) {
.BannerShow_b1 .swiper-pagination-bullet { width: 25px; height: 2px; border-radius: 0; }
.BannerShow_b1 .swiper-pagination-bullet-active { background: #009848; }
.s1 { padding: 13.5vw 4%; background: url(../images/bg1-1.jpg) repeat top left; }
.ResTitle_a1 span, .ResTitle_a2 { font-size: 6.6vw; }
.ResTitle_a1 em { font-size: 3.33vw; margin-top: 1vw; }
.ResTitle_a1 em:before { margin-right: 2.5vw; }
.ResTitle_a1 em:before, .ResTitle_a1 em:after { width: 8vw; }
.ResTitle_a1 em:after { margin-left: 2.5vw; }
.s1 p:nth-of-type(1) { margin-top: 7vw; }
.s1 p { font-size: 3.33vw; line-height: 1.5; text-align: left; }
.a { width: 33.33vw; height: 10vw; line-height: 10vw; font-size: 3.33vw; margin-top: 10vw; }
.s2 { margin-top: 13.5vw; padding: 0 4% 8vw; }
.ResTitle_a2:before { width: 8.5vw; height: 3px; margin-bottom: 5.5vw; }
.s2 .B { width: 100%; margin: 5vw auto 0; }
.s2 .T, .rid-67 .B li .L, .rid-67 .B li .R, .pro-list li .L, .pro-list li .R { width: 100%; }
.s2 .B .text h3, .ND { font-size: 3.33vw; }
.s2 .B .text { top: 4vw; left: 4vw; }
.s2 .B li { margin-bottom: 2vw; margin-left: 3%; width: 48.5%; }
.s2 .B li:nth-child(7), .rid-67 .B li .R { margin-left: 0; }
.s2 .B li:nth-child(8) { width: 48.5%; margin-left: 3; }
.s2 .B li:nth-child(3), .s2 .B li:nth-child(9), .s3 .B li { width: 100%; margin-left: 0; }
.s3 { padding: 10vw 4% 13vw; }
.s3 .B { width: 83vw; margin: 5.5vw auto 0; position: relative; padding: 10px 12px; overflow: hidden; }
.s3 .B a { text-align: center; height: 51vw; }
.s3 .B a i { display: block; margin-top: 10%; }
.s3 .B a:hover .ND { color: #999; }
.s3 .B a:hover h3 { color: #333; }
.s3 .B a h3 { max-height: none; font-size: 4.5vw; margin-top: 6%; }
.s3 .B a i img { width: 11%; }
.arrow-right1, .arrow-left1 { z-index: 1; top: 50%; margin-top: -15px; position: absolute; font-family: "宋体", SimSun; width: 30px; height: 30px; line-height: 30px; font-size: 22px; font-weight: bold; background: #009848; color: #fff; text-align: center; }
.arrow-right1 { right: 0; }
.arrow-left1 { left: 0; }
.footer { padding: 4.8vw 0; }
.footer .B { color: #666; font-size: 3.33vw; }
.footer .B br { display: block; }
.footer .B span:first-child { margin-bottom: 2vw; display: inline-block; vertical-align: top; }
.s4 { overflow: hidden; }
.s4 li { position: relative; opacity: 1; transition: none; transform: scale(1); }
.s4 li.on { position: relative; transition: none; }
.s4 ul { overflow: visible; }
.s4 .swiper-pagination-bullet { width: 6px; height: 6px; background: #fff; opacity: .3; }
.s4 li:before { content: '工程案例'; color: #fff; position: absolute; left: 4%; bottom: 12.5vw; font-size: 3.33vw; z-index: 1; }
.s4 li:after { content: attr(title); color: #fff; position: absolute; left: 4%; bottom: 5.5vw; font-size: 5vw; z-index: 1; white-space: nowrap; overflow: hidden; width: 70%; }
.s4 .swiper-pagination { text-align: right; }
.s4>.swiper-pagination-bullets { width: 92%; left: 4%; bottom: 6vw; }
.s4 .swiper-pagination-bullet-active { opacity: 1; }
.page-box { padding: 10vw 0 12vw; }
.ResTitle_a4 span { font-size: 6.5vw; }
.ResTitle_a4 em, .c-box li { font-size: 3.5vw; }
.rid-44 strong, .rid-67 .B h4, .c-box h3 { font-size: 5vw; }
.p-content, .N-box .R { margin-top: 5vw; }
.rid-44 p { margin-top: 3vw; }
.rid-44 .R, .rid-67 .B li, .pro-list i, .pro-list .NA { margin-top: 6vw; }
.ResTitle_a3 em:before, .ResTitle_a3 em:after { width: 9vw; }
.ResTitle_a3 span { font-size: 6vw; }
.ResTitle_a3 em { font-size: 3.33vw; margin-top: 1vw; }
.ResTitle_a4 { background-size: 6% auto; padding-left: 3.5vw; padding-top: 0; }
.ResTitle_a3 { margin-top: calc(-6vw - 20px); }
.w-87 { width: 92%; }
.N-box .R, .N-box .L { width: 100%; margin-left: 0; float: none; }
.N-box h3 { margin-top: 3vw; font-size: 5vw; }
.N-box p { margin-top: 2vw; font-size: 3.33vw; }
.NA { width: 40vw; height: 10vw; line-height: 10vw; font-size: 3.33vw; margin-top: 6vw; border: none; background: #eee; }
.rid-67 .B li:nth-child(odd) .L, .rid-67 .B li:nth-child(even) .R { padding: 6vw 5vw; }
.rid-67 .B h4 span:first-child { font-size: 10vw; }
.rid-67 .B p, .p-content { font-size: 4vw; }
.rid-67 .B li:first-child, .pro-list li:first-child { margin-top: 0; }
.c-box ul { margin-top: 5vw; padding-top: 3vw; }
.c-box { position: relative; padding: 5vw 4vw; }
.c-box img { max-width: 5vw; max-height: 5vw; margin-right: 2vw; margin-top: 0.5vw; }
.c-box span { width: calc(100% - 10vw); }
.pro-list li h4:before { height: 6vw; width: 4px; }
.pro-list li h4 span:first-child { font-size: 6vw; margin: 0 1vw 0 2vw; }
.pro-list li h4 { font-size: 4vw; }
.pro-list li:nth-child(odd) .R, .pro-list li:nth-child(even) .L { padding: 5vw 4vw; }
.pro-list li { margin-top: 5vw; }
.pro-list li .R, .pro-list li i img:nth-child(2n+1) { margin-left: 0; }
.pro-list li i img { width: 49%; margin-bottom: 2%; }
.s2 .T p, .arrow-right, .arrow-left, .s2 .B .text span, .ND:before, .footer .B:before { display: none; }
}
@media screen and (max-width: 400px) {
.rid-67 .T li { width: 100%; }
}