@media screen and (min-width: 721px ) {
.menu-top a:hover { text-decoration: underline; }.menu-top1 a:hover { text-decoration: underline; }
.MenuList_f2 ul:hover li a:before { opacity: 0; }
.MenuList_f2 ul li a:hover:before { opacity: 1; }
.menu-click .close>div:hover:before, .menu-click .close>div:hover:after { transform: rotateZ(0deg); }
.menu-R-box .M a:hover i { animation: ud 1s ease 0s infinite; }
.menu-R-box .menu-i:hover .menu-icon span:before { top: 0; }
.menu-R-box .menu-i:hover .menu-icon span:after { bottom: 0; }
.NavList_a1 a.on:after { display: block; }
.news-content a:hover .news-v { color: #d92727; }
.news-content a:hover .news-v i { transform: rotateZ(360deg); }
.news-box .B .news-content a:hover time { border-color: #d92727; color: #d92727; }
.news-content li.swiper-pagination-bullet a:hover h3 { color: #2b488a; text-decoration: underline; }
.photo [class*="PhotoList"] li:hover { background: #fff; }
.photo [class*="PhotoList"] li:hover span { color: #2b488a; background: none; }
.photo [class*="PhotoList"] li:hover img { transform: scale(1.1); }
.NavigationList_a1_2ndGrade a:hover, .news-box .B .news-content a:hover h3, .menu-R-box .M a:hover p { color: #2b488a; }
.product [class*="PhotoList"] li:hover span { background: none; color: #2b488a; }
.product [class*="PhotoList"] li:hover img { transform: translateX(-50%) scale(1); }
.product [class*="PhotoList"] li:hover a { border-color: #2b488a; box-shadow: 0 0 2.4vw 0 rgba(0,0,0,0.15); }
.product [class*="PhotoList"] li:hover a:after { height: 12px; opacity: 1; }
.product [class*="PhotoList"] li:hover { transition:0.3s ease 0s; transform: translateY(-1.6vw); }
.PhotoList_h1 li:hover p { color: #fff; }
/*project*/
.project [class*="PhotoList"] li { width: 24.5%; }
.project [class*="PhotoList"] li, .project[class*="PhotoList"] li:nth-child(4) { margin-left: 2.5%; margin-bottom: 1.2%; }
.project [class*="PhotoList"] li a { height: 14vw; position: relative; z-index: 0; }
.project [class*="PhotoList"] li:first-child { width: 46%; float: left; margin-left: 0; }
.project [class*="PhotoList"] li:first-child a { height: 29vw; }
.project [class*="PhotoList"] li a:before { opacity: 0; transition: 0.4s ease 0s; margin-top: -7%; content: ''; width: 11%; padding: 5.5% 0; height: 0; background: url(../images/i6.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 0%; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: 0 0 1.6vw 0 rgba(217,39,39,0.7); z-index: 1; }
.project [class*="PhotoList"] h4 { display: block; position: absolute; width: 100%; text-align: center; top: 100%; left: 0; font-size: 1.3vw; color: #fff; font-weight: normal; transform: translate(0, -50%); margin-top: 7%; transition: 0.4s ease 0s; opacity: 0; }
.project [class*="PhotoList"] li:first-child h4 { font-size: 1.6vw; }
.project [class*="PhotoList"] li a:hover:before, .project [class*="PhotoList"] li a:hover h4 { top: 50%; opacity: 1; }
.project [class*="PhotoList"] li span { display: none; }
.NavList_a1 a:hover { background: #efeff4; }
}
@media screen and (min-width: 1025px ) {
.MenuList_f3 li a:hover { border-color: #2b488a; color: #2b488a; }
}
@media screen and (max-width: 1400px ) {
.news-content p { max-height: 49px; -webkit-line-clamp: 2; font-size: 14px; }
.menu-R-box { width: 60px; }
.menu-R-box .M { height: calc(75% - 160px); }
.menu-top>div, .page-w { width: calc(100% - 60px); }.menu-top1>div, .page-w { width: calc(100% - 60px); }
.menu-R-box .M p { margin-top: 10px; }
.menu-R-box .B p { margin-top: 5px; }
.news-content h3 { font-size: 16px; }
.news-content .news-v { font-size: 12px; }
.news-content time b { font-size: 3.6vw; }
.menu-R-box .B p, .menu-R-box .M p, .menu-top a, .menu-top em, .menu-top span, .menu-top1 em, .menu-top1 span,.MenuList_f3 li a, .NavList_a1 a, .rid34 .B p, .photo [class*="PhotoList"] li span, .news-content time em, .project [class*="PhotoList"] h4, .product [class*="PhotoList"] li span { font-size: 14px; }
.project [class*="PhotoList"] li:first-child h4 { font-size: 20px; }
.beian, .PosList_a1 { font-size: 12px; }
.menu-top i, .contact-box .L i { width: 16px; height: 16px; }.menu-top1 i, .contact-box .L i { width: 16px; height: 16px; }
.menu-R-box .B i, .menu-R-box .M i { width: 18px; height: 18px; }
.NavigationList_a1_2ndGrade a { font-size: 14px; height: 50px; line-height: 50px; }
.contact-box .L { padding: 0 3%; }
.contact-box .L dt span { font-size: 14px; line-height: 1.2; }
.side{width: 60px;}
.side ul li{width:78px;}

}
@media screen and (max-width: 1024px ) {
/*主导航响应 2018.5.07 当选择拨动时一级和二级不能一开始就隐藏*/
.MenuList_f1 { padding-bottom: 5vw; display: none; line-height: normal; transition: none; overflow: auto; top: 13.9vw; right: 0; position: fixed; background: #fff; height: auto; width: 100%; height: 90%; height: calc(100vh - 13.9vw); height: -webkit-calc(100vh - 13.9vw); z-index: 0; border-top: 1px solid #eee; }
.MenuList_f1>ul { height: auto; }
.MenuList_f1>ul>li>:first-child:after { display: none; }
.MenuList_f1>ul>li>:first-child { padding: 0 3vw; text-align: left; display: block; font-size: 4.4vw; line-height: 12vw; height: 12vw; }
.MenuList_f1>ul>li>:first-child.icon:before { 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) { display: none; transition: none; opacity: 1; text-align: left; height: auto; position: static; width: 100%; background: none; line-height: 30px; transform: none; }
.MenuList_f1>ul>li:hover>:nth-child(2) { height: auto; transition: none; opacity: 1; transform: none; }
.MenuList_f1>ul>li ul li { background: #f5f5f5; margin-left: 0; width: 100%; padding: 0px; display: block; border-top: 1px solid #e8e8e8; font-size: 16px; }
.MenuList_f1>ul>li ul li a { color: #666; line-height: 10vw; height: 10vw; font-size: 3.8vw; width: auto; padding: 0 3vw; text-align: left; }
.MenuList_f1>ul>li:hover>:first-child, .MenuList_f1>ul>li>:first-child.on { color: #2b488a; }
.MenuList_f1>ul>li>:first-child.on:before { transform: rotate(90deg); }
/*汉堡按钮*/
.menu-i { box-shadow: 0 0 2.2vw 0 rgba(0,0,0,0.1); display: block; overflow: hidden; top: 0; right: 0; position: absolute; width: auto; height: 100%; line-height: 0; text-align: center; padding: 0 50%; }
.menu-icon { display: block; height: 100%; background: none; position: absolute; width: 100%; z-index: 0; top: 0; left: 0; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { transition: 0.3s ease 0s; height: 2px; background: #2b488a; width: 20px; display: inline-block; vertical-align: middle; content: ''; width: 100%; }
.menu-icon span { position: absolute; margin: 0 auto; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 45%; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -1vw; }
.menu-icon span:after { bottom: -1vw; }
.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 { box-shadow: 0 0 2.2vw 0 rgba(0,0,0,0.1); position: relative; height: 13.9vw; z-index: 1; background: #fff; top: 0; left: 0; }
.language_box { border-top: 1px solid #eee; padding: 30px 0; text-align: center; margin-left: 0; display: block; background: #fff; }
.language_box a { font-size: 14px; width: 80px; height: 30px; line-height: 30px; border-radius: 3px; }
.menu-box .M { background: none; width: 13.9vw; position: relative; z-index: 1; float: right; }
.menu-R-box { width: 50px; }
.menu-R-box .menu-icon span:before { top: 0.7vw; }
.menu-R-box .menu-icon span:after { bottom: 0.7vw; }
.menu-R-box .B p, .menu-R-box .M p, .menu-top a, .menu-top em, .menu-top span, .news-content time em,.menu-top1 a, .menu-top1 em, .menu-top1 span { font-size: 12px; }
.MenuList_f2 li a { width: 10vw; font-size: 2.5vw; }
.rid34 .T h3, .ResTitle_a3 span, .contact-box .L dd { font-size: 2.5vw; }
.content-box { padding: 3% 0 4.5%; }
.ResTitle_a3 em, .ResTitle_a3 b { font-size: 4vw; }
.banner-text { font-size: 3.5vw; }
.NavList_a1 li { width: 20%; }
.NavList_a1 a { height: 4.5vw; line-height: 4.5vw; }
.MenuList_f2 li a:before { width: 4vw; margin-left: -9vw; }
.menu-R-box .M { height: calc(78% - 150px); }
.menu-top>div, .page-w { width: calc(100% - 50px); }
.menu-top1>div, .page-w { width: calc(100% - 50px); }
.beian { border: none; }
.beian, .w-87 { width: 94%; }
.menu-click .R { width: 100%; }
.menu-click .close>div { width: 5vw; height: 5vw; }
.photo [class*="PhotoList"] li a { height: 20vw; }
.menu-click .close { top: 4vw; }
.menu-click .RT { padding-top: 4vw; }
.news-img, .news-box .T .news-content { height: 28vw; }
.news-content h3 { font-size: 14px; }
.news-content time { padding: 5px 0; }
.news-content li.swiper-pagination-bullet, .news-content li.swiper-pagination-bullet:first-child { border-top: none; padding-top: 0; height: 33.333333%; margin-top: 0; }
.news-box .T .news-content time { height: 100%; padding: 0; }
.news-box .T .news-content time:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.news-box .T .news-content time, .news-box .T .news-content .news-text, .news-box .T .news-content time>div { vertical-align: middle; }
.news-content li.swiper-pagination-bullet:nth-child(even) { background: #eee; }
.news-content p { max-height: 42px; font-size: 12px; }
.product [class*="PhotoList"] li a { height: 28vw; }
.menu-click .close>div:before, .menu-click .close>div:after { width: 5vw; }
.contact-box .L { width: 100%; padding: 5%; height: auto; }
.contact .R { height: 40vw; width: 100%; }
.MenuList_f1>ul>li:first-child { border-top: none; }
.menu-slide, .MenuList_f3 { display: none; }
}
@media screen and (max-width: 720px ) {
body.on .menu-box { position: fixed; }
body.on .page-box { margin-top: 13.9vw; }
.nav { margin: 0 auto; padding: 5vw 3% 0; background: #f6f6f6; z-index: 1; }
.content-box { padding: 7vw 0; }
.NavList_a1 { position: absolute; width: 100%; left: 0; padding: 0 3%; z-index: 0; display: none; }
.NavList_a1 a { height: 10vw; line-height: 10vw; text-align: left; font-size: 3.8vw; padding: 0 5%; }
.beian { width: 100%; line-height: 1.6; background: #26324a; color: #fff; padding: 3.1vw 0; border-top: none; }
.NavList_a1 li { width: 100%; display: block; border-bottom: 1px solid #f6f6f6; border-left: none; }
.rid34 .B { margin-top: 3vw; padding-top: 3vw; }
.rid34 .T h3 { margin-top: 2vw; }
.rid34 .B img { margin-top: 5vw; }
.rid34 .T h3 { margin-left: 5vw; }
.ResTitle_a3 em, .ResTitle_a3 b { font-size: 6.9vw; }
.banner-text { font-size: 5.6vw; }
.photo [class*="PhotoList"] li a { height: 35vw; }
.photo [class*="PhotoList"] li { padding: 3vw 0; margin-bottom: 2%; }
.page-title, .ClassList_a1 { margin-bottom: 5vw; }
.rid34 .T h3, .ResTitle_a3 span, .contact-box .L dd { font-size: 5vw; }
.contact-box .L dt span { font-size: 3.8vw; line-height: 1.5; width: calc(100% - 8vw); }
.contact-box .L dd:after { width: 5.5vw; margin-top: 5vw; }
.page-banner { height: 69vw; }
.Content { padding-top: 55.1vw; }
.banner-text { height: 55.1vw; line-height: 55.1vw; }
.contact-box .L i { width: 5vw; height: 5vw; margin-right: 3vw; }
.news-img, .contact .R { height: 64vw; }
.news-content li.swiper-pagination-bullet, .news-content li.swiper-pagination-bullet:first-child { height: auto; width: 33.3333%; display: inline-block; vertical-align: top; background: #eee; }
.news-box .T .news-content time { border-left: none; }
.news-content time { color: #666; }
.news-content a .news-v { color: #d92727; }
.news-box .T .news-content { height: auto; }
.news-box .T .news-content h3 { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-box .T .news-content a { padding: 3vw 2vw; }
.news-content li.swiper-pagination-bullet[class*="active"] { background: #e8e8e8; }
.beian, .news-box .T .news-content h3, .PhotoList_h1 p { font-size: 3.8vw; }
.news-content .news-v { font-size: 3.8vw; margin-top: 3vw; }
.news-content p { max-height: none; font-size: 3.8vw; }
.rid34 .B p, .photo [class*="PhotoList"] li span, .news-content h3 { font-size: 4.4vw; }
.photo [class*="PhotoList"] li span { margin-top: 3vw; }
.PhotoList_h1 li { padding: 3vw; width: 100%; margin-bottom: 3vw; margin-left: 0 !important; }
.news-box .T .news-content { margin-top: 5px; }
.product [class*="PhotoList"] li { width: 49%; }
.product [class*="PhotoList"] li a { height: 66vw; }
.rid36 li { margin-left: 2%; width: 49%; margin-bottom: 2%; }
.ClassList_a1 { padding: 0 3%; }
.NavigationList_a1_2ndGrade { text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.NavigationList_a1_2ndGrade a { font-size: 4.4vw; height: 12vw; line-height: 12vw; margin-left: 8vw; border-bottom-width: 2px; }
.product [class*="PhotoList"] li span { margin-top: 2vw; font-size: 3.8vw; padding: 0 2vw; }
.product [class*="PhotoList"] li, .product [class*="PhotoList"] li:nth-child(3n+1), .product [class*="PhotoList"] li:nth-child(4n+1) { margin-left: 2%; }
.news-box .B li, .news-box .T .news-content { width: 100%; margin-left: 0; }
.news-box .T .news-content time, .news-content time { font-size: 3.8vw; width: 100%; text-align: left; margin-top: 2vw; }
.page-w, .news-img, .news-box .T .news-content .news-text, .news-box .B time, .news-box .B .news-text { width: 100%; }
.rid34 .T h3, .product [class*="PhotoList"] li:nth-child(2n+1), .rid36 li:nth-child(2n+1) { margin-left: 0; }
.content-page { margin-top: 0; }
.NavList_a1 li:last-child { border: none; }
.beian span:first-child, .rid34 .T h3 { display: block; }
.footer i, .NavList_a1 a.on, .PosList_a1, .news-content a>time, .news-box .T .news-content time:before, .news-box .T .news-content p { display: none; }
}