@media screen and (max-width: 1650px) {
.s2-tbox .M { margin-top: 3.5%; }
.s2-tbox .M span { margin-top: 2%; }
.s2-tbox .B { margin-top: 7%; }
.Btn { margin-top: 8%; }
.s2-tbox .B li { margin-left: 7%; }
.rid-38 ul li>div { font-size: 14px; }
}
@media screen and (max-width: 1450px) {
.rid-38 ul li>div { width: 100%; margin-top: 10px; font-size: 16px; }
.rid-38 img { width: 100%; }
}
@media screen and (max-width: 1400px) {
.MenuList_c1>ul>li>a { padding-bottom: 10px; font-size: 14px; }
.s2-tbox .M { margin-top: 2.5%; }
.s2-tbox .M p, .s3 a>.dis-m h3 { font-size: 18px; }
.s2-tbox .M span { font-size: 12px; margin-top: 1%; }
.s2-tbox .B { font-size: 14px; margin-top: 5%; }
.Btn { margin-top: 6%; }
.Btn a { width: 30px; height: 30px; line-height: 28px; }
.s3 a .B h3 { font-size: 24px; }
.s3 a .B span, .NewsList .newnr p, .rid-53 span, .prode-box>.T .R p { font-size: 12px; }
.NavList_a2 a, .NavList_a2 a:before, .rid-53 p, .down_load .L p { font-size: 14px; }
.NewsList .newnr h3 { font-size: 16px; margin-top: 15px; }
.NewsList li a>.v-align-m2>.dis-m:before { font-size: 24px; }
.NewsList .newnr:before { margin-top: 5px; }
.NewsList a:hover .newnr p { margin-top: 10px; }
.ResTitle_a3 span, .rid-58 dd p, .prode-box>.T .R h3, .ResTitle_a1 span { font-size: 28px; }
.prode-box .back { width: 180px; height: 50px; line-height: 50px; }
.footer .BT { padding: 2% 0 2%; }
.s5 .T .img { width: 80px; height: 80px; }
.s5 .T .img span { font-size: 12px; margin-top: 5px; }
.s5 .T li p { font-size: 14px; margin-top: 20px; }
.s5 .T img { max-width: 22px; max-height: 22px; }
.ResTitle_a1 em { font-size: 12px; margin: 5px 0 15px; }
.s5 .T { bottom: calc(266px + 12%); }
.ResTitle_a1:after { display: none; }
}
@media screen and (max-width: 1200px) {
body.on .language_box { margin-right: 5%; }
.s2-tbox .M span { -webkit-line-clamp: 2; }
}
 @media screen and (max-width: 1024px) {
.down_load li { width: 49%; }
.down_load li:nth-child(3n+1) { margin-left: 2%; }
.down_load a { height: 9.25vw; }
.down_load .LL { width: 6.2vw; height: 6.2vw; }
.down_load .LR { width: calc(100% - 7.2vw); }
.down_load li:nth-child(2n+1) { margin-left: 0; }
.NavList_a1 { overflow: hidden; }
/*导航响应 2017.11.2*/
/*.MenuList_f1 { line-height: normal; z-index: 99999999; transition: none; display: none; overflow: auto; top: 50px; right: 0; position: absolute; background: #fff; height: auto; width: 220px; height: 90%; height: calc(100vh - 50px); height: -webkit-calc(100vh - 50px); }*/
/*.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) { 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-left: 0; width: 100%; padding: 0px; display: block; border-top: 1px solid #f5f5f5; font-size: 16px; }
.MenuList_f1>ul>li ul li a { 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: #ed1b24; }*/
/*汉堡按钮*/
.menu-i { opacity: 1; overflow: hidden; width: 40px; height: 40px; line-height: 40px; 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 { height: 40px; top: 5.5vw; }
.form { display: none; }
.logo { width: auto; }
.logo a { height: 100%; }
.logo img { height: 100%; width: auto; }
.logo+div { width: calc(100% - 140px); }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { width: 17px; }
.menu-icon span:before { top: -6px; }
.menu-icon span:after { bottom: -6px; }
.language_box { margin-top: 0; line-height: 40px; }
body.on .language_box { border-left: none; }
.logo+div>.dis-m { width: 50%; }
.MenuList_f1 { background: url(/images/bg2.png) no-repeat right 10px; background-size: 70% auto; }
.MenuList_f1 ul { width: 200px; }
.MenuList_f1>ul>li a { padding: 10px 0 10px 50px; }
.MenuList_f1>ul>li>:first-child { font-size: 16px; }
.MenuList_f1>ul>li a:after { left: 180px; }
.footer .BBL { text-align: center; float: none; line-height: 2; }
.s5 .T li { display: inline-block; float: none; width: 30%; vertical-align: top; margin-top: 2.5%; }
.NavList_a1 a { padding: 10px 25px; font-size: 14px; }
.nav { overflow: hidden; }
.news_list p { -webkit-line-clamp: 2; max-height: 45px; }
.news_list h3 { font-size: 20px; }
.news_list .n-a { padding: 0 30px; height: 35px; line-height: 35px; }
.news_list li { padding: 3vw; margin-bottom: 5%; }
.roll-img>ul li { width: 100%; }
.s2-tbox { width: 42%; left: 49.5%; padding-top: 5px; }
.s2-tbox .T span, .s2-tbox .B { font-size: 12px; }
.s2-tbox .T h3 { font-size: 2.5vw; }
.s2-tbox .M p { font-size: 16px; }
.s2-tbox .B li i { height: 25px; }
.s2-tbox .B img { max-width: 25px; }
.s3 ul.list a .B .L { width: 100%; text-align: center; }
.s3 ul.list a .B .L img { margin: 0 auto; }
.s3 ul.list a .B h3 { font-size: 18px; margin-top: 10px; }
.s3 ul.list a .B .R { width: 65%; text-align: center; margin: 3vw auto 0; display: block; }
.NavList_a2 a.on:before, .NavList_a2 a:hover:before, .NavList_a2 a:before { margin-right: 5px; }
.s4 .a:before { height: 36px; width: 36px; margin-right: 10px; }
.s4 .a { height: 36px; font-size: 12px; line-height: 36px; }
.s4 .a:after { font-size: 36px; width: 36px; margin-top: -20.5px; }
.NavList_a2 li { display: block; margin-left: 0; margin-top: 12%; }
.ResTitle_a2 span { margin-left: 10px; }
.ResTitle_a2:after { width: 20px; height: 2px; }
.rid-53 p { font-size: 12px; }
.rid-58 dd p { font-size: 20px; }
.rid-58 dt>strong { font-size: 18px; }
.ProductList_b1 .picimg { height: 21.5vw; max-height: none; }
.prode-box>.T .L { width: 100%; }
.prode-box>.T .R { width: 100%; margin-left: 0; margin-top: 4%; }
.prode-box>.T .R p { margin-top: 2.5%; }
.footer .BT, .page-slide, .PosList_a1, .NavList_a1 a.on:after, .text { display: none; }
}
 @media screen and (max-width: 720px) {
.NewsList ul { font-size: 14px; text-align: center; }
.mob-logo { display: block; top: 7.5vw; position: absolute; width: 35%; left: 5%; }
.BannerShow_b1 .swiper-pagination-bullet { width: 20px; height: 2px; }
.BannerShow_b1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.ResTitle_a1 span { font-size: 7.2vw; }
.menu-box .T:before { content: ''; height: 100%; display: inline-block; vertical-align: bottom; }
.menu-box .T { margin-right: 0; padding-right: 0; text-align: center; padding-top: 0; height: 100%; }
.MenuList_f1 { display: inline-block; background: none; vertical-align: top; margin-top: 30vw; }
.MenuList_f1 ul { width: auto; }
.MenuList_f1>ul>li:first-child { margin-top: 0; }
.MenuList_f1>ul>li { margin-top: 4vw; }
.MenuList_f1>ul>li>:first-child { text-align: center; font-size: 4.5vw; }
.MenuList_f1>ul>li a { display: inline-block; text-align: center; vertical-align: top; padding: 0; }
.MenuList_f1>ul>li h3.on a { padding: 0 0 3vw 0; }
.logo+div>.dis-m { width: 100%; padding-left: 0; }
.MenuList_c1>ul>li>div li { margin-top: 10px; }
.MenuList_f1>ul>li>:first-child.on a:before, .MenuList_f1>ul>li:hover>:first-child a:before { padding-left: 0; left: 0; height: 2px; }
.MenuList_f1>ul>li a:before { height: 0; top: auto; left: 0; width: 100%; bottom: 0; }
.MenuList_f1>ul>li:hover>:first-child, .MenuList_f1>ul>li>:first-child.on { color: #ffd216; }
.BannerShow_b1 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 8vw; text-align: center; width: 100%; left: 0; }
.ResTitle_a1 { margin-bottom: 11vw; }
.s5 .T { position: static; text-align: center; padding-top: 0; display: inline-block; vertical-align: middle; width: 100%; }
.s5:before { content: ''; height: 100%; margin-left: -5px; display: inline-block; vertical-align: middle; }
.s5 .T ul { text-align: left; width: 90%; }
.s5 .T li:first-child { margin-top: 0; }
.s5 .T li { margin-top: 5.5vw; display: block; float: none; width: 100%; }
.s5 .T li p { font-size: 3.8vw; line-height: normal; margin-top: 0; }
.s5 .T li p span { line-height: 1.6; margin-right: 3vw; vertical-align: top; display: inline-block; }
.s5 .T li p span img { margin-right: 10px; width: 4vw; max-width: none; max-height: none; }
.s5 .T li p span img, .s5 .T li p span i { display: inline-block; vertical-align: middle; }
.s5 .T li p span:first-child i { color: #ffd216; }
.s5 .T li p span:last-child { max-width: calc(100% - 21.8vw - 15px); margin-right: 0; }
.ResTitle_a2 { margin-bottom: 0; padding-left: 1.5vw; }
.ResTitle_a2 span { font-size: 3.333vw; margin-left: 0; margin-top: 2.5vw; display: block; }
.ResTitle_a2 em { text-transform: uppercase; font-size: 8.3vw; color: #fff; font-weight: bold; display: block; }
.ResTitle_a2 br { display: none; }
.NavList_a2 li { text-align: center; display: block; vertical-align: middle; margin-top: 5.5vw; }
.NavList_a2 a { font-size: 3.33vw; padding: 0; width: auto; display: inline-block; vertical-align: top; }
.NavList_a2 a.on:before { margin-right: 2.5vw; }
.NavList_a2 a:before { font-size: 3.33vw; margin-right: 2.5vw; }
.NavList_a2 a.on { width: auto; }
.menu-box>div { position: relative; }
.language_box { font-size: 14px; position: absolute; left: 0; top: 0; }
body.on .language_box { position: static; margin-right: 0; padding-left: 0; font-size: 3.33vw; margin-top: 5vw; display: block; line-height: normal; }
.ResTitle_a3 { padding: 10px 0 0; text-align: center; }
.page-box { padding: 10vw 0; font-size: 14px; }
.p-T { padding-bottom: 3vw; }
.ResTitle_a3 span { font-size: 7vw; }
.news_list .L { margin-right: 0; width: 100%; }
.news_list h3 { margin-top: 5%; font-size: 16px; }
.news_list .n-a { margin-top: 7%; }
.news_list p { font-size: 12px; max-height: 40px; }
.news_list .n-a { padding: 0 20px; height: 30px; line-height: 30px; }
.roll-img>ul li img { width: 100%; }
.roll-img { margin: 0 5%; }
.s2-tbox { width: 100%; left: 0; padding-top: 4vw; position: static; }
.s2-tbox .T h3 { font-size: 6.35vw; }
.s2-tbox .M { padding-left: 0; margin-top: 3vw; }
.s2-tbox .T { padding-left: 0; }
.s2-tbox .M span { font-size: 3.33vw; margin-top: 0; -webkit-line-clamp: 4; line-height: 2; max-height: none; }
.s3 ul.list { display: block; position: relative; width: 100%; height: 100%; }
.s3 ul.list li { position: absolute; float: none; width: 100%; transition: 1s ease 0s; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; }
.s3 ul.list li:first-child { opacity: 1; }
.s3>.mob-720 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; background: #fff; }
.s3>.mob-720 ul { overflow: hidden; }
.s3>.mob-720 li { height: 21vw; width: 20%; text-align: center; float: left; color: #333; transition: 0.3s ease 0s; }
.s3>.mob-720 li.on { background: #ffc600; color: #fff; }
.s3>.mob-720 li p { font-size: 3.33vw; margin-top: 2vw; }
.s3>.mob-720 i { display: inline-block; margin: 0 auto; height: 7.6vw; overflow: hidden; }
.s3>.mob-720 i img { height: 100%; margin: 0 auto; transform: translateY(-100%); transition: 0.5s ease 0s; }
.s3>.mob-720 i img:first-child, .s3>.mob-720 li.on img:last-child { opacity: 0; }
.s3>.mob-720 i img:last-child, .s3>.mob-720 li.on img:first-child { opacity: 1; }
.s3>.mob-720 li.on img { transform: translateY(0%); }
.s3>.mob-720 li>div { box-sizing: border-box; border-left: 1px solid #eee; }
.s3>.mob-720 li:first-child>div, .s3>.mob-720 li.on>div { border: none; }
.s3 .list .mob-720 { overflow: hidden; position: absolute; left: 5%; z-index: 2; bottom: 32vw; color: #fff; width: 90%; text-transform: uppercase; }
.s3 .list .mob-720 .R { position: absolute; right: 0; top: 50%; margin-top: -4.5vw; }
.s3 .list .mob-720 h3 { font-size: 8vw; color: #ffd216; }
.s3 .list .mob-720 span { display: block; font-size: 4vw; color: #ffd216; margin-top: 1vw; }
.s3 .list .mob-720 a { font-size: 3.333vw; width: 33.333vw; height: 9vw; line-height: 9vw; background: #ffc600; border-radius: 9vw; }
.s3 ul.list li:hover { width: 100%; }
.s3 .list .mob-720 .L, .s3 .list .mob-720 .R { transition: 0.7s linear 0s; opacity: 0; }
.s3 .list .mob-720 .L { transform: translateX(-100%); }
.s3 .list .mob-720 .R { transform: translateX(100%); }
.s3 ul.list a { transition: 1s linear 0s; transform: scale(1.25); opacity: 0; }
.s3 .list li.on .mob-720 .L, .s3 .list li.on .mob-720 .R { opacity: 1; transform: translate(0); }
.s3 ul.list li.on a { transform: scale(1); opacity: 1; }
.s3 ul.list li.on { opacity: 1; z-index: 2; }
.s4 .w-93 { width: 95%; position: relative; }
.s4 { height: 74%; }
.s4 .L { height: 100%; float: none; width: 100%; border-bottom: none; box-sizing: border-box; }
.s4 .L>div { position: relative; height: 100%; box-sizing: border-box; padding: 0; }
.NavList_a2 { z-index: 2; line-height: 1; margin-top: 0; width: 50%; margin-left: auto; height: 47.5vw; position: absolute; right: 0; top: 47.5vw; display: table; }
.NavList_a2 ul { display: table-cell; vertical-align: middle; }
.NavList_a2 li:first-child { margin-top: 0; }
.s4 .a { height: 5.5vw; font-size: 3.33vw; line-height: 5.5vw; bottom: 0; left: 50%; margin-left: -13.4vw; }
.s4 .a:before { height: 5.5vw; width: 5.5vw; margin-right: 2vw; }
.s4 .a:after { font-size: 6vw; width: 5.5vw; margin-top: -3.4vw; }
.section.bg2.active, .section.bg4.active, .bg2, .bg4 { background-size: cover; animation: none; }
.s4 .R { width: 100%; float: none; height: 95vw; top: 0; position: absolute; left: 0; }
.NewsList li { width: 50%; }
.NewsList a, .NewsList a:hover { padding: 0px 9% 17% 9%; text-align: left; }
NewsList li a>.v-align-m2>.dis-m:before { font-size: 5vw; }
.NewsList .newnr:before { margin-top: 1.5vw; }
.NewsList .newnr h3 { font-size: 3.33vw; margin-top: 2.5vw; max-height: none; line-height: 1.5; }
.p-B { margin-top: 8vw; font-size: 3.333vw; color: #666; }
.rid-38 li:nth-child(odd) .L, .rid-38 li:nth-child(even) .R { padding: 3vw; }
.rid-38 h3 { margin-bottom: 5vw; font-size: 5.5vw; font-weight: bold; }
.rid-38>img { margin-top: 2vw; }
.rid-38 ul li>div { margin-top: 2vw; font-size: 3.33vw; }
.w-83 { width: 90%; }
.rid-53 ul { overflow: hidden; background: #fff; padding: 5vw; }
.rid-53 li { display: block; margin-top: 4vw; text-align: left; width: 100%; float: none; height: auto; border-left: none; border-bottom: none; }
.rid-53 dl, .rid-53 i { display: block; }
.rid-53 dd, .rid-53 dt { display: inline-block; vertical-align: top; }
.rid-53 dd { width: auto; }
.rid-53 img { max-width: 4vw; margin-top: 0.5vw; }
.rid-53 dt { width: calc(100% - 7vw); margin-left: 2vw; }
.rid-53 li:first-child p { width: 100%; margin-top: 0; }
.rid-53 p { margin-top: 0; font-size: 3.33vw; }
.rid-53 li:last-child img { max-width: 25vw; margin-top: 0; }
.rid-53 li:last-child dd, .rid-53 li:last-child dt { vertical-align: middle; }
.rid-53 li:last-child dt { width: calc(100% - 28vw); }
.rid-53 li:first-child { margin-top: 0; }
.MenuList_f1>ul>li a span { color: #fff; }
.MenuList_f1>ul>li>:first-child.on span { color: #ffd216; }
.rid-58 dt>strong { font-size: 5vw; margin-bottom: 1vw; }
.rid-58 dd { text-align: left; margin-bottom: 3vw; }
.rid-58 dt, .rid-58 dd { float: none; width: 100%; }
.rid-58 dd img { width: 12vw; margin-left: 0; }
.rid-58 dd p { font-size: 5.5vw; }
.rid-58 dt p { margin-bottom: 5vw; }
.rid-58 dl { padding-bottom: 10vw; padding-left: 0; margin-top: 10vw; }
.ResTitle_a4 span { font-size: 7vw; }
.ResTitle_a4 em { font-size: 4.5vw; }
.ProductList_b1 h3 { font-size: 3.33vw; }
.ProductList_b1 .picimg { margin: 1.5vw 1.5vw 0; height: 23vw; }
.prode-box>.T .R h3 { font-size: 5vw; }
.prode-box>.T .R p { margin-top: 6vw; font-size: 3.33vw; }
.prode-box>.T .R { margin-top: 7vw; }
.prode-box>.T { padding: 2.5vw; }
.prode-box .B .T:before { height: 2px; }
.prode-box .B .T span { font-size: 3.33vw; padding: 0 8vw 0 5vw; height: 8.5vw; line-height: 8.5vw; }
.prode-box .B .T:before { height: 3px; }
.prode-box .B .T span:before { width: calc(100% - 4vw); border-width: 0 2.7vw 8.5vw 0; }
.prode-box .B .T span:after { width: 3px; height: 12vw; transform: rotateZ(-18deg); margin-top: -6vw; right: 1vw; }
.prode-box .back { width: 30vw; height: 9vw; line-height: 9vw; font-size: 3.33vw; }
.down_load li { width: 100%; margin-left: 0 !important; }
.down_load a { height: 20vw; }
.down_load .LL { width: 14vw; height: 14vw; }
.down_load .LR { width: calc(100% - 16vw); margin-left: 2vw; }
.down_load .L p { font-size: 4.4vw; max-height: none; }
.rid-53 span, .NewsList .newnr p, .NewsList li:nth-child(3), .NewsList li:nth-child(4), .s3 ul.list a:after, .s3 ul.list a>.dis-m, .s3 ul.list a .B, .news_list .R, #fp-nav, .MenuList_f1>ul>li a:after, .ResTitle_a1 em, .ResTitle_a1 br, .ResTitle_a1:after, .s5 .T li p span br, .ResTitle_a2:before, .roll-img>ul li:before, .s2-tbox .M p, .s2-tbox .T span, .s2-tbox .B, .Btn, .NewsList .data { display: none; }
}
 @media screen and (max-width: 400px) {
}
