﻿@media screen and (min-width: 1025px ) {
.arrow-left:hover, .arrow-right:hover { opacity: 1; }
.ClassList_b1 a:hover { color: #46456e; }
.MenuList_f1>ul>li>:nth-child(2) { display: block !important; }
.i-a:hover i { transform: rotateZ(180deg); }
.i1 .i-a:hover span { color: #46456e; }
.MenuList_f1>ul>li:hover>:nth-child(2) { height: auto; transition: none; opacity: 1; transform: none; }
.MenuList_f1>ul>li:hover>:first-child { }
.MenuList_f3 a:hover { color: #ffcb00; }
.MenuList_f1>ul>li:hover>:nth-child(2) li a { height: 50px; line-height: 50px; opacity: 1; }
.MenuList_f1>ul>li ul li a:hover { background: #eee; }
.MenuList_f2>ul>li:hover>:first-child { color: #01489a; }
.MenuList_f2>ul>li ul li a:hover { color: #46456e; }
.language_box a:hover { }
.MenuList_f1>ul>li:hover>:first-child:before { width: 100%; }
.MenuList_f2>ul>li:hover>:nth-child(2) { transition: 0.3s ease 0s; transform: scale(1); opacity: 1; }
.NavList_a1 a:hover:before, #NavigationList_d1 a:hover:before { width: 100%; left: 0; }
.news #NewsList_a1 li a:hover .i-a i { margin-left: 20px; opacity: 1; }
.news #NewsList_a1 li a:hover .newimg { padding: 8px; }
.ProductList_b2 li a:hover img { transform: scale(1.1); }
.ProductList_b2 li a:hover:before { height: 100%; }
.ProductList_b2 li a:hover .picimg:after { top: 43%; opacity: 1; }
.VideoList_d1 li:hover span { transform: translate(0); opacity: 1; }
.VideoList_d1 li:hover a:before { background: #ffcb00; }
.VideoList_d1 li:hover a:after { border-color: transparent transparent transparent #fff2bd; }
.ProductList_b2 li a:hover h3 { border-color: transparent; }
}
 @media screen and (max-width: 1400px ) {
.banner-pagination { font-size: 18px; }
.banner-btn { height: 45px; }
.banner-btn .arrow-left, .banner-btn .arrow-right { font-size: 20px; }
.MenuList_f3>ul>li { margin-left: 4%; }
.i-a span, .rid52 li span, .ClassList_b1 a { font-size: 14px; }
.i-a i { font-size: 16px; width: 32px; height: 32px; line-height: 32px; margin-left: 10px; }
.banner-btn, .banner-btn .arrow-left, .banner-btn .arrow-right, .news #NewsList_a1 .newnr>b, .PhotoList_i2 h4 { font-size: 16px; }
.news #NewsList_a1 .newnr>p { font-size: 12px; max-height: 67px; }
.PhotoList_i2 ul { }
.PhotoList_i2 li a:before { width: 6px; height: 6px; }
.rid52 .L { width: 45%; }
.rid52 .R { width: 55%; }
.rid52 .L>div { padding: 0 8%; }
.footer-box .T .R { width: 100px; font-size: 12px; }
.VideoList_d1 li a:before { border: 2px solid #ffcb00; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; }
}
 @media screen and (max-width: 1200px ) {
.footer-box .T .R { display: none; }
}
 @media screen and (max-width: 1024px ) {
     .VideoDisplay_a1_C iframe, .VideoDisplay_a1_C video {
    height: 70vw;
}
/*主导航响应 2018.5.07 当选择拨动时一级和二级不能一开始就隐藏*/
.arrow-left, .arrow-right { width: 5vw; font-size: 2.5vw; height: 5vw; line-height: 5vw; }
.MenuList_f1 { line-height: normal; overflow: auto; top: 55px; right: -220px; position: absolute; background: #fff; width: 220px; height: calc(100vh - 55px) }
.MenuList_f1>ul { height: auto; }
.MenuList_f1>ul>li>:first-child:after { display: none; }
.MenuList_f1>ul>li a { padding: 0 15px 0 20px; }
.MenuList_f1>ul>li>:first-child { text-align: left; display: block; font-size: 14px; line-height: 40px; height: 40px; }
.MenuList_f1>ul>li>:first-child.icon a:after { transition: 0.3s ease 0s; display: block; float: right; content: '>'; font-family: "宋体", "SimSun"; }
.MenuList_f1>ul>li { overflow: hidden; border-top: 1px solid #eee; max-width: none; width: 100%; display: block; margin-left: 0; }
.MenuList_f1>ul>li>:nth-child(2) { }
.MenuList_f1>ul>li ul li { }
.MenuList_f1>ul>li ul li a { font-size: 14px; padding-left: 20px; text-align: left; line-height: 40px; height: 40px; }
.MenuList_f1>ul>li>:nth-child(2).on li a { opacity: 1; line-height: 40px; height: 40px; }
.MenuList_f1>ul>li>:first-child.on+ul a { }
.MenuList_f1>ul>li>:first-child.on a:after { transform: rotateZ(90deg); }
/*汉堡按钮*/
.menu-i { overflow: hidden; width: 35px; height: 55px; line-height: 55px; }
.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 { width: 30px; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -8px; }
.menu-icon span:after { bottom: -8px; width: 20px; }
.menu-i.on .menu-icon span:after { transform: rotateZ(-45deg); width: 30px; }
.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: fixed; height: 55px; z-index: 2; top: 0; left: 0; }
.language_box { display: block; margin: 30px auto; }
.language_box a { }
.w-84, .menu-w, .w-73 { width: 94.4%; }
.logo { width: auto; }
.logo a { height: 45.5%; }
.logo img { width: auto; height: 100%; }
#MenuList_f1_public-bg { height: calc(100% - 55px); top: 55px; }
.MenuList_f1.on { }
.menu-w { position: relative; z-index: 0; }
.menu-w>.R { position: absolute; right: 0; top: 0; z-index: 0; }
.banner { margin-top: 55px; }
.MenuList_f3>ul>li>h3, .NavList_a1 a, .rid34 p, #NavigationList_d1 a { font-size: 14px; }
.MenuList_f3>ul>li>ul h3 { font-size: 12px; }
.footer-box .T { text-align: center; }
.MenuList_f3 a { text-align: left; }
.MenuList_f3>ul>li li { margin-top: 15px; }
.rid34 strong { font-size: 18px; }
.nav { padding-left: 2.8%; }
.NavList_a1 li, #NavigationList_d1 li { width: 18.88vw; }
.news #NewsList_a1 .newimg { height: 20vw; }
.rid52 .L strong, .VideoDisplay_a1 h2 { font-size: 20px; }
.rid52 .L, .rid52 .R { width: 100%; border: none; }
.contact .w-73 { display: block; }
.rid52 .L>div { padding: 5%; }
.rid52 .L i { width: 36px; height: 36px; padding: 0; }
.rid52 .L ul { margin-top: 5%; }
.rid52 li span { font-size: 16px; line-height: 1.75; margin-left: 20px; width: calc(100% - 58px); margin-top: 5px; }
.rid52 .L ul:before { left: 18px; }
.rid52 .L li { margin-top: 3%; }
.VideoList_d1 li a { height: 28vw; }
.VideoDisplay_a1_C iframe { height: 50vw; }
.menu-slide, .menu-box .M, .footer-box .T .R { display: none; }
}
 @media screen and (max-width: 720px ) {
.banner-pagination .swiper-pagination-bullet { background: #fff; opacity: 1; }
.banner-pagination .swiper-pagination-bullet-active { background: #46456e; }
.banner-pagination { font-size: 0; bottom: 8% !important; display: block; }
.footer-box .B { text-align: center; font-size: 3.8vw; border-top: none; padding: 5.5vw 0; line-height: 1.5; }
.footer-box .B>* { display: block; }
.ResTitle_a1 span { margin-bottom: 0.5vw; font-size: 6.6vw; }
.ResTitle_a1 em { font-size: 3.33vw; }
.footer-box { border: none; margin-top: 6vw; }
.nav { width: 100%; padding-left: 0; margin-left: 0; }
.NavList_a1 li, #NavigationList_d1 li { width: 100%; float: none; }
.NavList_a1 a, #NavigationList_d1 a { border-left: none; font-size: 4.4vw; padding: 3vw 23.5% 3vw 0; border-top: 1px solid #eee; position: relative; z-index: 0; }
.NavList_a1 a:after, #NavigationList_d1 a:after { content: '>'; position: absolute; width: 23.5%; text-align: center; font-family: "宋体"; right: 0; top: 50%; z-index: -1; margin-top: -2.2vw; }
.NavList_a1, #NavigationList_d1 { display: none; position: absolute; width: 100%; background: #fff; z-index: 0; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05); }
.rid34 strong { font-size: 6.3vw; }
.rid34 p { font-size: 4.4vw; line-height: 2; margin-top: 5.5vw; }
.page-box { padding-top: 20.5vw; min-height: 200px; }
.rid34 .R { display: block; width: 100%; margin-left: 0; }
.rid34 i { margin-top: 4vw; }
.i-a span, .PhotoList_i2 h4 { font-size: 4.4vw; }
.i-a i { font-size: 4.4vw; width: 8vw; height: 8vw; line-height: 8vw; margin-left: 4vw; }
.i3 .i-a span { color: #666; }
.news #NewsList_a1 li, .ProductList_b2 li { display: block; font-size: 3.8vw; width: 100%; margin-left: 0; margin-bottom: 5vw; }
.news #NewsList_a1 .newimg, .ProductList_b2 li .picimg { height: auto; }
.news #NewsList_a1 .newnr>b, .ProductList_b2 li h3 { font-size: 5vw; }
.ProductList_b2 li h3 { padding: 5vw 0; margin-top: 3vw; }
.news #NewsList_a1 .data { font-size: 3.8vw; margin-top: 3vw; text-align: left; }
.news #NewsList_a1 .newnr>p { font-size: 3.8vw; max-height: none; margin-top: 3vw; }
.news #NewsList_a1 .newnr { padding: 5vw; }
.news #NewsList_a1 .i-a { padding: 3vw 0; }
.rid45 .L, .rid45 .R { width: 100%; background-size: 40% auto; }
.case .w-73 { display: block; }
.PhotoList_i2 ul { padding: 5vw; }
.PhotoList_i2 li a:before { margin-top: 2.3vw; width: 1.5vw; height: 1.5vw; margin-right: 2vw; }
.PhotoList_i2 h4 { max-width: calc(100% - 3.5vw); }
.PhotoList_i2 li { font-size: 4.4vw; width: 100%; margin: 0 0 3vw; }
.rid52 .L strong, .VideoDisplay_a1 h2 { font-size: 5vw; }
.rid52 .L p { margin-top: 1vw; font-size: 3.8vw; }
.rid52 .L i { width: 7vw; padding: 0; height: auto; padding: 3.5vw 0; }
.rid52 li span { font-size: 3.8vw; line-height: 1.75; margin-left: 5vw; width: calc(100% - 2px - 12vw); margin-top: 0; }
.rid52 .L li { margin-top: 5vw; }
.rid52 .L ul { margin-top: 6vw; }
.rid52 .L>div { padding: 8vw 6vw; }
.rid52 .L ul:before { left: 3.5vw; }
.VideoList_d1 li { margin-left: 0; font-size: 3.8vw; width: 100%; }
.VideoList_d1 li a { height: 50vw; }
.VideoList_d1 li span { font-size: 4.4vw; padding: 3.5% 3vw; transform: translateY(0); opacity: 1; position: static; display: block; background: none; color: #666; }
.VideoList_d1 li a:before { width: 10vw; height: 10vw; margin-left: -5vw; margin-top: -5vw; }
.VideoList_d1 li a:after { border-width: 2.4vw 0 2.4vw 3.6vw; margin-left: -1.8vw; margin-top: -2.4vw; }
.VideoDisplay_a1_C iframe { height: 53vw; }
.VideoDisplay_a1 h2 { margin-bottom: 5vw; }
.ProductList_b2 li .picimg { height: 50vw; }
.ProductList_b2 { margin-top: 6vw; }
.ClassList_b1 li { width: 33.333333333%; }
.ClassList_b1 a { font-size: 3.8vw; padding: 3vw 2vw; }
.banner-btn, .footer-box .T, .footer-box i, .NavList_a1 a:before, .rid34 .L, #NavigationList_d1 a:before, .arrow-left, .arrow-right { display: none; }
}
