@media screen and (max-width: 1600px) {
.MenuList_f1>ul>li>:first-child { font-size: 14px; }
.MenuList_f1>ul>li a { padding: 0 20px; }
.s4 .R li .n-text .newnr { padding: 5%; }
.s4 .R>div .data { padding: 2% 5%; }
.rid-55 .i { width: 120px; height: 120px; }
.rid-55 i img { max-width: 35px; max-height: 40px; }
}
@media screen and (max-width: 1400px) {
.s3 .w-87>.R h3 { font-size: 28px; max-height: 73px; }
.i-banner .w-87 { padding: 0 20px; }
.MenuList_f1>ul>li a { padding: 0 15px; }
.menu-box { height: 80px; }
.MenuList_f1, .MenuList_f1>ul { line-height: 80px; }
.MenuList_f1:after { top: 80px; }
.s3 .L li>div { padding: 15px 42px 15px 0; }
.s4 .R li:first-child .newnr b { font-size: 18px; max-height: 46px; }
.s4 .R>div .data b { font-size: 28px; }
#NewsList_a3 .newnr b { font-size: 18px; max-height: 44px; }
}
@media screen and (max-width: 1200px) {
.s1 .R h1 { font-size: 28px; font-weight: bold; }
.ResTitle_a1 span { font-size: 28px; }
.i-banner .w-87 { padding: 0 10px; }
.MenuList_f1>ul>li>:first-child { font-size: 12px; }
.MenuList_f1>ul>li a { padding: 0 11px; }
.ResTitle_a1 em { margin-left: 10px; font-size: 16px; }
.s3 .L li span, .rid-55 li span { font-size: 14px; }
.s4 .R li .n-text .newnr { padding: 3%; }
.s4 .R>div .data { padding: 2% 3%; }
.s4 .R>div .data b { font-size: 22px; }
.s4 .R li:first-child .data i { margin-top: 37%; }
.s4 .R>div .data i { width: 30px; height: 30px; line-height: 30px; }
.ResTitle_a3 span { font-size: 36px; }
.rid-55 .i { width: 90px; height: 90px; }
.rid-55 i img { max-width: 30px; max-height: 30px; }
.s1 .L:after { display: none; }
}
 @media screen and (max-width: 1024px) {
/*导航响应 2017.11.24*/
.MenuList_f1 { opacity: 0; line-height: normal; z-index: 99999999; overflow: auto; top: 0; right: -220px; position: fixed; background: #fff; height: 100vh; width: 220px; }
.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 !important; opacity: 1; text-align: left; height: auto; position: static; width: 100%; background: none; line-height: 30px; }
.MenuList_f1>ul>li:hover>:nth-child(2) { height: auto; transition: none; opacity: 1; }/*还原电脑版hover*/
.MenuList_f1>ul>li ul li { background: #eee; margin: 0; width: 100%; padding: 0px; display: block; border-top: 1px solid #f5f5f5; font-size: 16px; }
.MenuList_f1>ul>li ul li a { display: block; color: #737373; line-height: 35px; height: 35px; 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 { color: #0066ca; }
.MenuList_f1>ul>li:hover>:first-child>a, .MenuList_f1>ul>li>:first-child.on>a { padding: 0; color: #0066ca; background: none; }
.MenuList_f1>ul>li a { padding: 0; }
/*汉堡按钮*/
.menu-i { opacity: 1; overflow: hidden; background: #0066ca; top: 0; right: 0; position: absolute; width: 50px; height: 50px; line-height: 50px; z-index: 3; text-align: center; }
.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: #fff; 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; }
.test .menu-icon span:after { transform: rotateZ(-45deg); }
.test .menu-icon span:before { transform: rotateZ(45deg); }
.test .menu-icon span { background: transparent !important; }
.test .menu-icon span:before, .test .menu-icon span:after { bottom: 0 !important; top: 0 !important; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
.menu-box { position: relative; height: 50px; }
.language_box { border-top: 1px solid #eee; padding: 20px 0; text-align: center; margin-left: 0; display: block; }
.language_box a { font-size: 14px; height: 19px; line-height: 19px; }
.language_box a p { transform: translateY(-19px); }
.language_box a:before, .language_box a:after { top: 8px; }
.a { width: 150px; height: 60px; line-height: 60px; }
.s1 .L:after { top: -100px; font-size: 140px; right: -390px; }
.s2 .T h3 { font-size: 28px; }
.s3 .w-87>.R h3 { font-size: 22px; max-height: 57px; }
.test .menu-icon span, .test .menu-icon span:before, .test .menu-icon span:after { background: #fff; }
body { transition: 0.3s ease 0s; }
body.on { transform: translateX(-220px); overflow: hidden; position: fixed; width: 100%; height: 100%; }
body.on .MenuList_f1 { opacity: 1; }
.s2 .T p { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ResTitle_a1 em { font-size: 14px; }
.ResTitle_a1 span { font-size: 22px; }
.s3 .L li>div { padding: 10px 30px 10px 0; }
.s4>div { display: block; }
.s4 .L { overflow: hidden; width: 100%; }
.s4 .L .ResTitle_a1 { float: left; }
.s4 .a { float: right; margin-top: 0; }
.s4 .R { margin-top: 5%; width: 100%; }
.footer .L { width: 100%; }
.s4 .R li .n-text .newnr, .s4 .R>div .data { padding: 3% 5%; }
.MenuList_f2>ul>li:last-child { width: auto; }
.MenuList_f2>ul>li { width: 15%; }
.rid-43 .L, .rid-43 .R { float: none; width: 100%; position: static; }
.rid-43 .T { display: block; }
.rid-43 .T .L img { position: static; }
.ResTitle_a2 span:before { border-width: 0 0 3px 3px; }
.ResTitle_a2 span:after { border-width: 0 3px 3px 0px; }
.ResTitle_a2 span:before, .ResTitle_a2 span:after { width: 10px; height: 10px; }
#NewsList_a3 li:nth-child(4n+1) { margin-left: 2%; }
#NewsList_a3 li:nth-child(2n+1) { margin-left: 0; }
#NewsList_a3 li { width: 48.4%; }
.rid-55 ul { flex-flow: wrap; }
.rid-55 li:nth-child(3n+1) { margin-left: 0; }
.rid-55 li { padding: 3.5% 0 3%; margin-left: 3.5%; margin-bottom: 3.5%; width: 31%; }
.ProductList_b1 li { width: 48.5%; margin-left: 3%; }
.ProductList_b1 li:nth-child(4n+1) { margin-left: 3%; }
.ProductList_b1 li:nth-child(2n+1) { margin-left: 0%; }
.ProductList_b1 .picimg { height: 42vw; max-height: 430px; }
.rid-43 .B .L { padding-top: 0; border-top: none; }
.rid-43 .B { margin-top: 0; background: none; }
.rid-43 .T .R, .rid-43 .B .R { margin: 6% 0 0; }
.rid-44 .L, .rid-44 .R { width: 100%; float: none; }
.rid-44 .R { margin-top: 8%; }
.rid-44 .L ul:nth-of-type(1) { margin-bottom: 2%; padding-bottom: 3%; border-bottom: 1px dashed #ddd; }
.s4 .R>div .newimg { height: 26.5vw; overflow: hidden; }
.MenuList_f1:after, .MenuList_f1>ul>li:hover>:nth-child(2):before, .s1 ul, .s4 .L p, .s4 .L ul, .s4 .L:before, .s4 .L:after, .footer .R { display: none; }
}
@media screen and (max-width: 720px) {
.s4 .R>div .newimg { height: auto; max-height: none; }
.logo { width: auto; }
.logo a { height: 60%; }
.logo img { width: auto; height: 100%; }
.i-banner .w-87 { padding: 0; box-shadow: none; }
.i-banner .menu-box { position: static; }
.w-87 { width: 92%; }
.menu-i { background: none; width: auto; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { background: #333; }
.BannerShow_b1 .swiper-container-horizontal>.swiper-pagination-bullets { display: block; }
.BannerShow_b1 .swiper-pagination-bullet { width: 25px; height: 2px; }
.s1 { margin-top: 8.3vw; }
.s1 .L { padding-top: 1.3vw; padding-left: 1.3vw; width: 100%; }
.s1 .L:before { width: 37%; }
.s1 .R { margin-top: 8.3vw; margin-left: 0; width: 100%; }
.s1 .R h1 { font-size: 6.66vw; font-weight: normal; }
.s2 .T h3 { font-size: 6.66vw; }
.s2 .T p { -webkit-line-clamp: 6; font-size: 3.33vw; line-height: 1.6; margin-top: 3.5vw; }
.s1 .R p { font-size: 3.333vw; line-height: 1.6; margin-top: 5.5vw; max-height:none;}
.s1 .a { margin-top: 7.5vw; }
.a { width: 33.3333vw; height: 10.5vw; line-height: 10.5vw; font-size: 3.333vw; }
.s1 ul { display: flex; margin-top: 8.3vw; margin-left: 0; }
.s1 li { height: 20.8vw; max-height: 150px; font-size: 3.33vw; margin-left: 5%; }
.s1 li span { margin-top: 2.7vw; }
.s1 li i img { max-width: 5.7vw; max-height: 5.7vw; }
.s1 li a { color: #fff; box-shadow: 0 0 14px 0 rgba(0,102,202,0.5); transition-delay: 0.1s; }
.s1 li a:before { transform: rotateX(0deg); opacity: 1; }
.s1 li a img:first-child { transform: scale(2.2); opacity: 0; }
.s1 li a img:nth-child(2) { transform: scale(1); opacity: 1; }
.s2 { background: url(../images/mob-bg1.jpg) no-repeat top left #eee; background-size: 100% 110vw; padding: 11.1vw 0 6.25vw; margin-top: 12.5vw; }
.s2 .B i { max-width: none; max-height: 330px; width: 100%; height: 45.8vw; }
.s2 .a { margin: 7vw auto 0; }
.s2 .B { margin-top: 12vw; }
.s2 li { font-size: 4vw; }
.swiper-btn, .s3 .a, .s3 .w-87>.R { margin-top: 7vw; }
.swiper-btn .sw-btn { height: 22px; width: 22px; line-height: 22px; }
.swiper-btn .left { margin-right: 20px; }
.swiper-btn .right { margin-left: 20px; }
.s3 .L { text-align: center; width: 100%; display: block; }
.ResTitle_a1 span { font-size: 6.66vw; color: #ffe013; }
.s3:before, .s3:after { width: 100%; height: 145vw; }
.s3 .M, .s3 .w-87>.R, .s3 .w-87>.R>div { width: 100%; display: block; }
.s3 .w-87>.R h3 { font-size: 5.55vw; max-height: none; }
.s3 .M { margin-top: 5.5vw; }
.s3 { padding: 10vw 0 13.5vw; }
.s3 .M .img { height: 100%; width: 100%; margin: 7vw auto 0; text-align: center; }
.s3 .w-87>.R p { font-size: 3.33vw; line-height: 1.6; margin-top: 4vw; max-height: none; -webkit-line-clamp: 3; }
.s3 .M .img img { max-width: 85%; max-height: 52.5vw; transition: none; }
.s4 .ResTitle_a1 em { display: block; font-size: 3.33vw; margin-left: 0; margin-top: 1vw; }
.s4 .ResTitle_a1 span { font-size: 5vw; color: #0066ca; }
.s4 .R li, .s4 .R li:first-child { position: static; width: 100%; margin-bottom: 5.5vw; }
.s4 .R { margin-top: 7.5vw; }
.s4 .R li:first-child .n-text { padding: 5.5vw; }
.s4 .R li:first-child .newnr b { height:auto; font-size: 4.2vw; max-height: none; line-height: 1.6; color: #fff; }
.s4 .R li:first-child .n-text .newnr { width: 55.55vw; padding: 0 7vw 0 0; }
.s4 .R>div .data b { font-size: 5vw; }
.s4 .R>div .data { font-size: 3.33vw; }
.s4 .R>div li:first-child .data, .s4 .R>div li:first-child .data b { color: #fff; }
.s4 .R li:first-child a { background: #0066ca; }
.s4 .R li .newnr b { font-size: 4.2vw; }
.s4 .R li .newnr p { height:auto; margin-top: 2.8vw; font-size: 3.33vw; line-height: 1.5; color: #999; -webkit-line-clamp: 3; max-height: none; }
.s4 .R li .n-text .newnr { padding: 6.5vw 5.5vw; }
.s4 .R>div .data { padding: 2.5vw 5.5vw; }
.s4 .R>div .data i { width: 6.25vw; height: 6.25vw; line-height: 6.25vw; font-size: 3.33vw; }
.s4 { padding: 13.5vw 0 8vw; }
.footer .B { font-size: 3.33vw; line-height: 2; background: #333; color: #fff; padding: 4.2vw 0; }
.footer .B br { display: block; }
.NavList_a1 a { padding: 15px 0; }
.NavList_a1 li { font-size: 14px; margin-left: 8%; }
.NavList_a1 a { border-bottom: 2px solid transparent; }
.page-box { padding: 7vw 0; }
.page-box>div[class*=rid] { font-size: 3.33vw; }
.ResTitle_a3 em { font-size: 4vw; }
.ResTitle_a2 em { font-size: 6vw; }
.ResTitle_a3 span, .ResTitle_a2 span { font-size: 6vw; margin-top: 1.5vw; }
.ResTitle_a2 span:before, .ResTitle_a2 span:after { width: 2vw; height: 2vw; }
.PhotoList_i1 span { margin-top: 3vw; font-size: 3.33vw; width: 100%; line-height: 1; }
.PhotoList_i1 p { padding: 0 3vw; }
.PhotoList_i1 li { margin-bottom: 5vw; }
div[class*=rid]>.ResTitle_a3, .rid-43 .ResTitle_a3, .pro-detail .ResTitle_a3, .pro-detail>.T { margin-bottom: 8vw; }
#NewsList_a3 li { width: 100%; margin-left: 0; }
#NewsList_a3 .newnr { width: 90%; margin: 5vw auto 0; }
#NewsList_a3 .newnr b { font-size: 5vw; max-height: none; }
#NewsList_a3 .newnr p { font-size: 3.33vw; margin-top: 5vw; max-height: none; }
#NewsList_a3 .data { padding: 4vw 0; font-size: 3.33vw; margin-top: 8vw; }
#NewsList_a3 li { margin-bottom: 6vw; }
.rid-55 i img { max-width: 5vw; max-height: 6vw; }
.rid-55 li:nth-child(3n+1), .rid-55 li:nth-child(2n+1) { margin-left: 0; }
.rid-55 li { text-align: left; padding: 0; width: 100%; margin-left: 0; margin-bottom: 6vw; border: none; padding-bottom: 5vw; border-bottom: 1px dashed #ddd; }
.rid-55 .i { width: auto; height: auto; background: none; display: inline-block; vertical-align: middle; }
.rid-55 li p { font-size: 4vw; margin-top: 0; display: inline-block; vertical-align: middle; margin-left: 1vw; }
.rid-55 li span { margin-top: 4vw; font-size: 4.5vw; }
.ProductList_b1 h3 { padding: 2vw; font-size: 3.33vw; }
.pro-detail .T .R { position: static; }
.pro-detail .R span { font-size: 3.33vw; }
.pro-detail select { font-size: 3.33vw; padding: 3vw; }
.ProductDetail_a1 .Pimg, .ProductDetail_a1 .detail { width: 100%; float: none; }
.ProductDetail_a1 .detail h3 { font-size: 6vw; }
.ProductDetail_a1 .detail span { font-size: 3.5vw; margin-top: 1vw; }
.ProductDetail_a1 .detail .M { font-size: 3.33vw; }
.pro-detail .detail .T { margin-top: 5vw; }
.ProductDetail_a1 .p-title { margin-top: 10%; font-size: 5vw; padding-bottom: 3vw; border-bottom: 3px solid #0066ca; }
.pro-detail .B img, .pro-detail .B { margin-top: 5vw; }
.rid-55 i img:last-child { z-index: 1; transform: scale(1); }
.rid-55 .i:after, .rid-55 .i:before, .rid-55 li:before, .rid-55 li:first-child span br, .PhotoList_i1 p:before, .PhotoList_i1 p:after, .NavList_a1 a:before, .NavList_a1 a:after, .footer .B span:nth-of-type(2), .footer>div:first-child, .s5, .BannerShow_b1:hover .arrow-right, .BannerShow_b1:hover .arrow-left, .i-img, .a i, .s3 .L ul, .ResTitle_a1 em, .s3:before, .circle-box1, .circle-box2, .s3 .M:before, .s3 .M:after, .s4 .R>div li:first-child .data i, .s4 .R li:first-child .newnr p { display: none; }
}