@media screen and (min-width: 721px ) {
.culture-box li:nth-child(3) { transform: translateY(-4%); }
.culture-box li:nth-child(2) { transform: translateY(-10.5%); }
.MenuList_f3 .child { left: 8.5vw; position: absolute; background: #f4f7fd; /* box-shadow: 0 0 0.5vw 0 rgba(66,66,66,0.15); */ border-radius: 8px; top: -1vw; text-align: center; width: 9vw; padding: 1vw 0; z-index: 0; transform: translateX(-20px) scale(0); transform-origin: top left; transition: 0.3s ease 0s; opacity: 0; }
.MenuList_f3>ul>li:nth-child(7) .child { left: 11.4vw; }
.MenuList_f3>ul>li:nth-child(6) .child { left: 9.5vw; }
.MenuList_f3 .child li { width: 100%; margin: 0; padding: 0.5vw 0; }
.MenuList_f3 .child h3 { padding: 0; }
.MenuList_f3 .child a { color: #666; font-size: 18px; }
.MenuList_f3 .child:before { position: absolute; content: ''; border-style: solid; border-color: transparent #f4f7fd transparent transparent; border-width: 10px 12px 10px 0; left: -12px; z-index: 0; top: 1.5vw; }
.MenuList_f3 li:hover { z-index: 1; }
.MenuList_f3 li:hover .child { transform: translateX(0) scale(1); opacity: 1; }
}
 @media screen and (min-width: 1025px ) {
.p3>a:hover i { transform: translate(20%, -20%); }
#i2-swiper:hover a { opacity: 1; }
#i2-swiper a:hover { color: #0965af; border-color: #0965af; }
.honor [class*="PhotoList"] li:hover { transform: translateY(-5%); }
.VideoList_d1 li:hover a { box-shadow: none; }
.ClassList_b1.fix { position: fixed; top: 0; z-index: 0;  width: calc(73% * 0.13);}
.ClassList_b1.abs { position: absolute; left: 0; bottom: 0; z-index: 0 ; width:13%; top:auto;}
.ClassList_b1 a:hover:after { background: #0965b0; }
.ClassList_b1 a:hover, .news-btn a:hover { color: #0965b0; }
#history .swiper-slide-active .h-box { transform: scale(1.2); }
#menu-click:hover .menu-icon:before, #menu-click:hover .menu-icon:after { transform: translateX(50%); }
#menu-click:hover .menu-icon span { transform: translateX(0); }
.NavList_a2 a:hover { color: #0965b0; }
.public-close:hover:before, .public-close:hover:after { transform: rotate(0deg); }
/*.i-a:hover{background:#02497d;}*/
.i-a:hover:before { padding-left: 55%;/* width: 75%; opacity:0;*/ /*border-color: transparent transparent transparent #02497d; width: 0; border-width: 7px 0 7px 10px; top: 50%; left: 40px; transform: translateY(-50%);*/ }
.i-a:hover span { padding: 0 3.85vw; }
body .bshare-custom a:hover, .about-video:hover:after { opacity: 1; }
.about-video:hover:before { opacity: 0; }
.VideoList_d1 li:hover:before { top: 10px; opacity: 1; }
.VideoList_d1 li:hover a:before { opacity: 0.1; }
.VideoList_d1 li:hover img, .news_list li a:hover .TL img, .down-box li a:hover i img, .project figure:hover img { transform: scale(1.1); }
.VideoList_d1 li:hover .video-btn { background: url(../images/video-1.png) no-repeat center; background-size: 34% auto; }
.VideoList_d1 li:hover .R:before { transform: rotateZ(135deg); border-color: #66cc33 transparent transparent #66cc33; }
.VideoList_d1 li:hover .L:before { transform: rotateZ(-45deg); border-color: #66cc33 transparent transparent #66cc33; }
.MenuList_f1>ul>li:hover>:first-child { color: #fff; }
.MenuList_f1>ul>li:hover>:first-child:after { height: 100%; left: 0; }
.VideoDisplay_a1_back a:hover, .language a:hover { color: #4cb94e; }
.VideoDisplay_a1_back a:hover:before, .VideoDisplay_a1_back a:hover:after { width: 0; }
.photo [class*="PhotoList"] li:hover a:before, .news_list li a:hover :before { opacity: 0.6; }
.photo [class*="PhotoList"] li:hover { box-shadow: 0 8px 1.7vw 0 rgba(2,73,125,0.4); }
.photo [class*="PhotoList"] li:hover h4 { opacity: 1; }
.photo [class*="PhotoList"] li:hover h4:before { margin-bottom: 1vw; opacity: 0.6; }
.photo [class*="PhotoList"] li:hover h4:after { margin-top: 1vw; opacity: 0.6; }
.news_list li a:hover h3 { color: #02497d; }
.news_list li a:hover .TL { box-shadow: 0 0 2.6vw 0 rgba(2,73,125,0.5); }
.news_list .B li:hover a { box-shadow: 0 0 2.4vw 0 rgba(9,101,176,0.1); transform: translateY(-5%); }
.news_list .B li:hover .BB { border-color: #fff; }
.honor [class*="PhotoList"] li:hover span { color: #66cc33; }
.honor [class*="PhotoList"] li:hover a { border-color: #4cb94e; }
.project [class*="PhotoList"] li:hover { transform: translateY(-8%); }
.MenuList_f2>ul>li ul a:hover { color: #70cf41; }
.down-box li a:hover .down-img { box-shadow: 4px 4px 1.5vw 0 rgba(2,73,125,0.4); }
.down-box li a:hover .down-img:before { opacity: 0.6; }
.flow-box .T a:hover { border-color: #02497d; }
.product-box .BB li:hover a { transform: translate(0, -4.5%); transition: 0.3s ease 0s; }
.product-box .BB li:hover p { color: #02497d; }
.product-box .BB li:hover i { background: #02497d; border-color: #02497d; box-shadow: 4px 4px 1.5vw 0 rgba(2,73,125,0.2); }
.down-box li a:hover .down-icon span, .down-box li a:hover em { opacity: 1; transform: translate(0); }
.NavigationList_a1_2ndGrade a:hover { color: #66cc33; }
.product-box .TL:hover .before { z-index: -1; left: 0; top: 0; }
.product-box .TL:hover .after { z-index: 0; top: 20px; left: 20px; }
.products_detail [class*="PhotoList"] li:hover a { border-color: #4cb94e; }
.products_detail [class*="PhotoList"] li:hover span { color: #4cb94e; }
.MenuList_f3 a:hover { color: #0965af; }
.goTop:hover i { transform: translateY(-5px) rotateY(360deg); }
.language2:hover .language-choose { transform: scale(0); opacity: 0; transition: 0.3s ease 0s; }
.language2:hover em { transform: translateY(-50%) scale(1); opacity: 1; transition: 0.3s ease 0.2s; }
.language2 em a:hover { text-decoration: underline; }
.main-pagination a:hover { background: #fff; }
.history .swiper-btn:hover { color: #0965b0; border-color: #0965b0; }
}
@media screen and (max-width: 1600px ) {
.MenuList_f1>ul>li a { padding: 0 1.3vw; }
.project .TR figcaption, .project [class*="PhotoList"] li span, .contact .contact-T span, .flow-box .T a, .product-box .BB li p, .products_detail [class*="PhotoList"] li span { font-size: 16px; }
.project .TL figcaption { font-size: 18px; }
.ClassList_b1 a, .MenuList_f3 .child a { font-size: 14px; }
.ClassList_b1 a:before { top: 0; }
.ClassList_b1 a:after { top: 4px; }
}
@media screen and (max-width: 1400px ) {
.culture-box p { width: 80%; font-size: 14px; }
.p2 li { width: 55%; }
.nav1 { width: 77%; }
.NavList_a2 { padding-left: 5%; padding-right: 14%; }
.language-choose i { width: 16px; }
.language-choose span { margin-left: 5px; }
.language a.on { width: 30px; height: 30px; line-height: 29px; }
.public-close { width: 30px; height: 30px; }
.footer .RT { width: 18.2vw; }
body .bshare-custom a { width: 3vw; height: 3vw; }
.menu-box { }
.language i { width: 16px; margin-right: 5px; }
.MenuList_f1>ul>li a { padding: 0 1vw; }
.MenuList_f2>ul>li ul a, .footer .beian, .news_list .B time span, .goTop p, #menu-click .menu-i:after, .language-choose span, .language2 em>*, .history-text .swiper-slide, .ClassList_b1 a, .news_list time span { font-size: 12px; }
.language2 b { margin: 0px 5px; }
.title2 h3, .banner-text p { font-size: 2vw; }
.banner-text-c1 p { font-size: 2.4vw; }
.banner-text span { font-size: 1.3vw; }
.MenuList_f1>ul>li>:first-child, .MenuList_f2>ul>li>h3 a, .s2 .B, .s1 .TR p, .s3 p, .s4 p, .honor [class*="PhotoList"] li span, .project .TR figcaption, .project [class*="PhotoList"] li span, .contact .contact-T span, .pricesList_a1 dl>*, .flow-box .T a, .product-box .BB li p, .NavigationList_a1_2ndGrade a, .product-box .TR p, .products_detail [class*="PhotoList"] li span, .products_detail .p-title .R select, .language *, .NavList_a2 a, .p1-i2 span, .p2 li p, .page-title+p+span, .h-box time, .technology-box li dt, .small-font { font-size: 14px; }
.VideoList_d1 li span, .news_list .B h3, .project .TL figcaption, .pricesList_a1 ol li, #news-p1 { font-size: 16px; }
.news_list .TR time i { width: 16px; margin-right: 5px; }
.news_list .B time i { margin-right: 5px; }
.video-btn .R:before, .video-btn .L:before, .video-btn { border-width: 3px; }
.video-btn>div { width: calc(100% + 6px); height: calc(100% + 6px); top: -3px; left: -3px; }
.news_list .TR p, .news_list .B p { font-size: 14px; max-height: 84px; }
.contact .contact-T i { width: 14px; height: 18px; margin-right: 10px; }
.contact .contact-T span { line-height: 18px; }
.search input { }
.history-text-box { height: 204px; }
.h-box { width: 85%; }
.ClassList_b1 a { padding-left: 2vw; }
.ClassList_b1 a:before { width: 12px; height: 12px; }
.ClassList_b1 a:after { width: 6px; height: 6px; }
.message-box { padding: 3%; }
}
@media screen and (max-width: 1200px ) {
.news_list .TR h3 { font-size: 16px; }
.footer .RT, .footer .RB, .footer .beian br { display: none; }
.footer .L { }
.MenuList_f2 { }
.MenuList_f2>ul>li { }
.footer .R { }
}
@media screen and (max-width: 1024px ) {
.honor [class*="PhotoList"] li a { height: 28.5vw; }
.technology-box li { width: 96%; }
.outlook-box .R { width: 100%; display: block; }
.NavList_a2 li:not(:first-child) { margin-left: 2%; }
.NavList_a2 { padding: 0 3%; text-align: center; }
.nav1 { width: 72%; }
.p3 a span, .j1 .w-1400 a span { font-size: 14px; }
.p3>a, .j1 .w-1400 a { height: 4vw; line-height: 4vw; }
.flow-box .T a { padding: 1.5vw 10px; }
.p3 a i, .j1 .w-1400 a i { width: 16px; }
.menu1 .L { padding: 0 4%; }
.i-a { height: 3.6vw; line-height: 3.6vw; }
.i-a:before { width: 3.1vw; border-width: 4vw 1.7vw 0 0; }
.i-a span { padding: 0 3.8vw 0 5.9vw; font-size: 14px; }
.product-box .BB li i, .products_detail [class*="PhotoList"] li a { height: 28.5vw; }
/*主导航响应 2018.5.07 当选择拨动时一级和二级不能一开始就隐藏*/
.MenuList_f1 { line-height: normal; transition: none; overflow: auto; top: 56px; left: 0; position: fixed; background: rgba(255,255,255,1); height: auto; width: 220px; height: 90%; height: calc(100vh - 56px); height: -webkit-calc(100vh - 56px); z-index: 0; transform: translateX(-100%); opacity: 0; transition: 0.3s ease 0s; box-shadow: 0 1vw 3.3vw 0 rgba(0,0,0,0.1); animation: menu 0.1s linear 0s; }
@keyframes menu { 0%, 100% {
opacity:0;
}
}
.logo { width: 15%; }
.menu-icon:before, .menu-icon:after, .menu-icon span { width: 1.5vw; }
.MenuList_f1>ul { height: auto; display: block; }
.MenuList_f1>ul>li>:first-child:after { display: none; }
.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:before { transition: 0.3s ease 0s; display: block; float: right; content: '>'; font-family: "宋体", "SimSun"; margin-right: 3vw; }
.MenuList_f1>ul>li { overflow: hidden; border-bottom: 1px solid #f5f5f5; 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 { margin-left: 0; width: 100%; padding: 0px; display: block; }
.MenuList_f1>ul>li ul li a { color: #333; line-height: 35px; height: 35px; font-size: 12px; width: auto; text-align: left; padding: 0 4vw; }
.MenuList_f1>ul>li>:first-child.on { color: #4cb94e; }
.MenuList_f1>ul>li>:first-child.on:before { transform: rotate(90deg); }
.MenuList_f1>ul>li:first-child { border-top: none; }
/*汉堡按钮*/
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
.menu-box { }
.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: calc(100% - 120px); position: relative; z-index: 1; }
.menu-w { }
.MenuList_f1>ul>li a { padding: 0 3vw; }
body.on .menu-box { background: #fff; }
.MenuList_f1.on { transform: translateX(0); opacity: 1; }
.beian, .history-box .h-text, .language *, .technology-box li dt { font-size: 12px; }
.VideoList_d1 li span, .news-btn a, .news_list .B h3, #news-p1 { font-size: 14px; }
.w-84, .w-92 { }
.banner-text { left: 3%; }
.banner-text-c1 { right: 3%; left: auto; }
.s4 .R { margin-top: 3%; }
.VideoList_d1 li a { height: 25.4vw; }
.VideoDisplay_a1_C iframe, .VideoDisplay_a1_C video { height: 53vw; }
.VideoDisplay_a1_back a { width: 140px; height: 40px; line-height: 40px; font-size: 14px; }
.title2 h3, .banner-text p, .ResTitle_a1 em, .VideoDisplay_a1 h2, .project .TR span, .contact .contact-T h3, .pricesList_a1 h2, .flow-box .B h3, .product-box .TR span, .products_detail .p-title .L, .p2 li span, .p2 strong, .p3>p, .culture-box strong, .i-title2+p, .ResTitle_a2, .technology-box li strong, .i-title4+p, .message-box .ResTitle_a2 { font-size: 2.5vw; }
.banner-text span, .ResTitle_a1 span, .history-box time em { font-size: 1.6vw; }
.project .TR p, .product-box .TR strong { font-size: 3vw; }
.down-box li p, .i-title3+p, .technology-box li span { font-size: 2vw; }
.s1 .TR, .s3 .L, .s4 .L, .s4 .R { width: 100%; float: none; }
#news-p span { width: 8px; height: 8px; margin: 0 0 0 10px; }
.news_list .BT { height: 18.67vw; }
.news_list .TL { height: 29.5vw; }
.project [class*="PhotoList"] li a { height: 20.5vw; }
.photo [class*="PhotoList"] li a { height: 31.5vw; }
.banner-text-c1 p { font-size: 3.4vw; }
.down-box li .down-img { height: 29vw; }
.product-box .TL { height: 32.5vw; }
.search input { height: 4.4vw; line-height: 4.4vw; }
.search button { width: 16px; height: 16px; }
.search form { width: 42%; }
.ResTitle_a1 span:before { margin-right: 5px; }
.p2-i2 { right: 4%; }
.p2 li p { font-size: 12px; line-height: 1.5; }
.page-title+p+span { font-size: 12px; }
.i-title2 { font-size: 3.5vw; }
.h-box { width: 95%; }
.culture-box li { width: 32%; }
.culture-box li:not(:first-child) { margin-left: 2%; }
.culture-box i { height: 10vw; }
.c1 { padding: 16% 0 7%; }
.c1 .w-1400>div { width: 42%; }
.i-title3 span, .i-title4, .contact .contact-T p { font-size: 3.5vw; }
.i-title3 i, .i-title3+p:after { width: 3.5vw; }
.news_list .TR p, .news_list .B p { font-size: 12px; max-height: 72px; }
.p3>span { width: 75%; }
.menu-slide, .s1 .TL, .s3 .R, .footer .R, .history .swiper-btn, .language2, .outlook-box .L, .MenuList_f3 .child { display: none; }
.goTop, .p1-i2 { display: none !important; }
}
@media screen and (max-width: 720px ) {
.message-box { padding: 10% 5%; width: 100%; }
.contact .contact-T { padding: 47% 0 9%; background: url(../images/img26.png) no-repeat right top; background-size: 82.4% auto; }
.f2:before { width: 100%; right: 0; height: 73vw; top: auto; bottom: 0; background-position: center; }
.f2 { padding: 11% 0 66%; margin-bottom: 5vw; }
.d1 { padding: 11% 0 63%; }
.d1:after { width: 100%; right: 0; height: 77.5vw; top: auto; bottom: 0; }
.p4:before { width: 76.1%; height: 80.9vw; }
.p4 { padding: 60% 0 5%; }
.experience-swiper { width: 92%; height: 60vw; position: static; transform: translateY(0); margin: 5vw auto 0; }
.j1 { padding: 11% 0 64%; }
.j1:before { width: 100%; right: 0; height: 76.2vw; top: auto; bottom: 0; }
.p5:before { width: 120%; height: 72.5vw; }
.c-nav { text-align: left; padding: 0 5vw; white-space: nowrap; overflow: hidden; }
.p5 { padding: 70% 0 5%; height: auto; }
.search form { width: 100%; }
.search input { height: 10vw; line-height: 10vw; font-size: 3.8vw; width: calc(100% - 5vw); }
.search button { width: 5vw; height: 5vw; }
.search form { width: 100%; padding: 0 6%; }
.search { margin-top: 10vw; }
.technology-box li { width: 92%; margin: 5vw auto 0; }
.h2:before { width: 100%; height: 68.4vw; top: auto; bottom: 0; right: 0; }
.h2 { padding: 11% 0 60%; }
.technology-box .li1 .R, .technology-box .li2 .L, .technology-box .li3 .R { width: 100%; padding: 0; }
.photo [class*="PhotoList"] li a { height: 32.5vw; }
.photo [class*="PhotoList"] li, .photo [class*="PhotoList"] li:nth-child(4n+1) { border-radius: 0px; }
.f1:before { width: 100%; right: 0; height: 68vw; top: auto; bottom: 0; }
.f1 { padding: 11% 0 64%; }
.h1 { padding: 11% 0% 36%; }
.c1 { padding: 11% 0 80%; }
.o1 { padding: 11% 0 76%; }
.v1 { padding: 11% 0 71%; }
.v1:before { width: 100%; right: 0; height: 75.2vw; top: auto; bottom: 0; }
.o1:before { width: 100%; right: 0; height: 75.36vw; top: auto; bottom: 0; }
.c1:before { width: 100%; left: 0; height: 78vw; top: auto; bottom: 0; }
.culture-box ul { display: block; }
.culture-box li { width: 100%; margin-left: 0 !important; padding: 5%; }
.culture-box i { height: 20vw; }
.culture-box p, .o1 .w-1400 span, .v1 .w-1400 span, .f1 .w-1400 span, .h2 .w-1400 span, .p5 .w-1400 span, .p4 .w-1400 span, .e1 .w-1400 span, .j1 .w-1400 span, .f2 .w-1400 span, .d1 .w-1400 span { width: 100%; font-size: 3.8vw; }
.culture-box li:not(:first-child) { margin-top: 5%; }
.history-box { padding: 10% 0; }
.h1:before { width: 100%; right: 0; height: 39.6vw; top: auto; bottom: 0; }
.page-title+p+span { font-size: 3.8vw; width: 100%; }
.history-text .swiper-slide p { width: 95%; }
.history-text-box { height: 32vw; margin-top: 5vw; }
.p2-i2 { width: 58.5%; right: 12.5vw; bottom: 11vw; }
.p1-i1 .ball1 { top: 4.5vw; }
.p2 li, .c1 .w-1400>div, .h1 .w-1400 span { width: 100%; }
.p2 li:first-child { margin-bottom: 115vw; }
.p2 { padding: 10% 0 103vw; border-top: 5px solid #eee; }
.p2 strong { font-size: 5.6vw; }
.p1 { padding: 11% 0 0; }
.pages { padding-top: 14vw; }
.history, .culture, .outlook, .videos { background-size: 95% auto; }
.p1-i1 { width: 66%; display: none; }
.language a { margin-left: 0; transition: 0.3s ease 0s; font-size: 3.8vw; width: 7.8vw !important; height: 7.8vw !important; line-height: 7.8vw !important; text-align: center; border-radius: 50%; border: 1px solid #888; }
.logo { width: 35%; }
#menu-click .menu-i:after { font-size: 3.8vw; margin-left: 2.8vw; }
.menu-icon span { transform: translateX(20%); }
#menu-click { padding: 2vw 3vw; transition: 0.3s ease 0s; }
.menu-w.on #menu-click { transform: translate(150%, -50%); opacity: 0; }
.menu1 { height: calc(100% - 14vw); background: rgba(0,0,0,0.5); top: 14vw; }
.menu1 .L { display: block; width: 67%; padding: 0; margin-left: auto; height: 100%; vertical-align: top; overflow: auto; padding-bottom: 8vw; background: #fff; }
.MenuList_f3 { margin-top: 0; }
.MenuList_f3 li:not(:first-child) { display: block; vertical-align: middle; width: 100%; margin-top: 0; }
.MenuList_f3 h3 { padding-right: 0; display: block; }
.MenuList_f3 a { padding: 2.2vw 0; display: block; font-size: 4.4vw; color: #444; text-align: center; }
.MenuList_f3 li>:first-child.on a { font-size: 4.4vw; color: #fff; background: #0965af; }
.MenuList_f3 .child { background: #eee; }
.menu-icon:before { margin-bottom: 1.5vw; }
.menu-icon:after { margin-top: 1.5vw; }
.menu-icon:before, .menu-icon:after, .menu-icon span { width: 5.6vw; }
.products_detail .p-content { padding-top: 5vw; border-width: 4px; }
.products_detail .p-title .R { width: 100%; margin-top: 5vw; position: static; }
.products_detail .p-title .R select { font-size: 4.4vw; padding: 3vw 5vw; }
.products_detail .p-title .R:after { right: 5vw; border-width: 2vw 1.5vw 0; }
.honor [class*="PhotoList"] li a { height: 57vw; }
.news_list .TL { height: 60.5vw; width: 100%; float: none; }
.news_list .TR time i, .news_list .B time i { width: 4vw; margin-right: 2vw; }
.news_list .TR p, .news_list .B p { font-size: 3.8vw; max-height: none; }
.news-btn { text-align: center; width: 100%; position: static; padding: 5vw 0 0; margin-top: 5vw; }
.news_list .B h3, .news_list .B p { margin-top: 2%; }
.news_list .TR time, .news_list .TR p { margin-top: 3vw; }
.news_list .B li { width: 100%; margin-left: 0; margin-bottom: 5vw; }
.news_list .BT { height: 62.67vw; }
.news_list .BB { padding: 5vw; }
.VideoDisplay_a1_back a { width: 33vw; height: 10vw; line-height: 10vw; font-size: 3.8vw; margin-top: 5vw; }
.page-box { padding: 7vw 0; }
.s1 .B img { width: 49%; margin-left: 2%; margin-top: 2%; }
.photo [class*="PhotoList"] li, .photo [class*="PhotoList"] li:nth-child(4n+1), .project [class*="PhotoList"] li, .project [class*="PhotoList"] li:nth-child(4n+1), .down-box li, .product-box .BB li { width: 49%; margin-left: 2%; margin-bottom: 4%; }
.project [class*="PhotoList"] li:nth-child(3n+1), .product-box .BB li:nth-child(4n+1) { margin-left: 2%; }
.project [class*="PhotoList"] li a { height: 31.5vw; }
.VideoList_d1 li { width: 100%; margin-left: 0; margin-bottom: 5vw; }
.VideoList_d1 li a { height: 53vw; }
.video-btn, .video-btn .R:before, .video-btn .L:before { width: 14vw; height: 14vw; }
.s2 { padding: 5vw 0; }
.footer { background: none; padding: 0; margin-top: 5vw; }
.footer .T { padding: 0; border-top: none; width: 100%; }
.footer .R { margin-top: 0; }
.menu-box { padding: 0 !important; top: 0; height: 14vw; border-bottom: 1px solid #efefef !important; background: #fff; }
.beian {/* border-top: 1px solid #eee; */ font-size: 3.8vw; bottom: 0; left: 0; text-align: center; color: #888; line-height: 1.8; padding: 4.5vw 0; z-index: 0; }
.title2 h3 { font-weight: bold; }
.title2 span, .ResTitle_a1 em { margin-top: 1vw; }
.s1 .TR p, .s2 .B, .s3, .s3 p, .s4 .R, .s2, .flow-box .B, .flow-box .B ul, .product-box .BB { margin-top: 5vw; }
.news-btn i { width: 4.2vw; height: 2px; }
.photo [class*="PhotoList"] li span, .honor [class*="PhotoList"] li span, .down-box li p { display: block; padding: 0 2vw; margin-top: 3vw; font-size: 3.8vw; }
.project [class*="PhotoList"] li span { font-size: 3.8vw; padding: 3vw 2vw; }
.p-title { padding-top: 0; margin-top: 0; }
.product-box .BB li { margin-bottom: 5%; }
.project .B { margin-top: 0; padding-top: 0; border-top: none; }
.honor [class*="PhotoList"] li span { padding: 0 2vw; margin-top: 3vw; font-size: 3.8vw; }
.s1 .TR p { line-height: 1.8; }
.down-box li .down-img { height: 30vw; }
.history-box .h-text { font-size: 3.8vw; border-right: none; line-height: 1.8; width: 100%; margin-top: 3vw; border-left: 3px solid #66cc33; }
.i-a { height: 8.3vw; line-height: 8.3vw; width: 36vw; }
.i-a span { padding: 0 0 0 13vw; font-size: 3.8vw; }
.i-a:before { width: 19%; border-width: 9.2vw 5.5vw 0 0; }
.contact .contact-T i { width: 4.5vw; height: 4.5vw; margin-right: 2vw; }
.contact .contact-T span { width: calc(100% - 6.5vw); font-size: 3.8vw; line-height: 4.5vw; }
.product-box .TR p { font-size: 3.8vw; line-height: 1.8; }
.VideoList_d1 li, .s1 .TR p, .VideoList_d1 li span, .ResTitle_a1 em, .news_list .B li, #news-p1, .news_list .B h3, .pricesList_a1 ol li, .flow-box .B h3, .product-box .TR span, .s2 .B, .s3 p, .s4 p, .p-content, .news_list .TR h3 { font-size: 4.4vw; }
.title2 span, .footer .beian, .news_list .TR time span, .news-btn a, .news_list .B time span, .history-box time em, .pricesList_a1 dl>*, .history-text .swiper-slide, .history-box time, #news li, .i-title4+p { font-size: 3.8vw; }
.VideoList_d1 li span { padding: 0 2vw; }
.pricesList_a1 ol li, .pricesList_a1 dl>* { padding: 3.5vw 0; }
.ResTitle_a1 span, .title2 h3, .VideoDisplay_a1 h2, .contact .contact-T h3, .pricesList_a1 h2, .product-box .TR strong, .products_detail .p-title .L, .culture-box strong, .ResTitle_a2, .i-title4, .contact .contact-T p, .message-box .ResTitle_a2 { font-size: 5vw; }
.products_detail .p-title .L { border-width: 2px; padding-left: 2vw; padding-right: 0; width: 100%; }
.product-box .BB li i, .products_detail [class*="PhotoList"] li a { height: 61vw; }
.product-box .BB li p, .products_detail [class*="PhotoList"] li span { font-size: 3.8vw; padding: 0 2vw; margin-top: 4vw; }
.map_a1 { height: 50vw; }
.flow-box .T ul { white-space: nowrap; overflow: auto; }
.flow-box .T a { height: auto; font-size: 3.8vw; padding: 2vw 4vw; }
.flow-box .T li:nth-child(5n+1) { margin-left: 3vw; }
.flow-box .T li { width: auto; margin-left: 3vw; margin-bottom: 0; }
.flow-box .B h3:after { margin: 3vw auto 0; width: 5vw; height: 2px; }
.product-box .TL { width: 100%; height: 57vw; }
.product-box .TR { padding-left: 0; width: 100%; margin-top: 5vw; }
.NavigationList_a1_2ndGrade a { width: auto; font-size: 3.8vw; margin-left: 5vw; padding: 3.5vw 0; }
.product-box .B { padding-top: 5%; margin-top: 5%; border-top: 4px solid #f2f2f2; }
.banner-text, .banner-text-c2 { display: none; width: 100%; padding: 0 3%; left: 0; text-align: center; top: calc(50% + 28px); }
.banner-text p, .banner-text-c2 p { font-size: 7vw; }
.ResTitle_a1 span:before { margin-right: 2vw; width: 5vw; }
.product-box .TL i.before { left: 3vw; top: 3vw; }
.product-box .TL i { width: calc(100% - 3vw); height: calc(100% - 3vw); }
.language { margin-top: 11%; text-align: center; }
.MenuList_f3 .child a { padding: 2vw 0; font-size: 3.8vw; }
.i-title2 { font-size: 8.3vw; }
.p1 li span { font-size: 3.8vw; margin-top: 1vw; }
.p1 li:not(:first-child) { margin-left:7%; }
.p1 ul { margin-top: 10%; }
small.small-font { width: 100%; font-size: 3.8vw; }
.i-title2+p { font-size: 4.4vw; margin-top: 3vw; }
.technology-box li span { font-size: 4.4vw; margin-top: 1vw; }
.p1 li i { width: 18.5vw; }
.p2 li p { font-size: 3.8vw; margin-top: 4vw; }
.p2-i1 { width: 83.5%; top: 127vw; }
.p2 li span { color: #444; font-size: 4.4vw; margin-top: 2vw; }
.p2 li>div { margin-top: 2vw; }
.p2 li h5 { font-size: 19.5vw; display: inline-block; vertical-align: top; }
.public-close { width: 6.25vw; height: 6.25vw; right: 0; top: 50%; transform: translate(150%, -50%); transition: 0.3s ease 0s; opacity: 0; }
.menu-w.on .public-close { opacity: 1; transform: translate(0, -50%); transition: 0.4s ease 0.4s; }
.public-close:before, .public-close:after { background: #444; }
.language a:last-child { margin-left: 5.5vw; }
.p3 .i-title2 { font-size: 5.6vw; }
.p3>p { margin-top: 1vw; font-size: 3.8vw; }
.p3 { padding: 8vw 0; }
.p3>a, .j1 .w-1400 a { margin-top: 4vw; height: 8vw; line-height: 8vw; width: 45%; }
.p3 a span, .j1 .w-1400 a span { font-size: 3.8vw; }
.p3 a i, .j1 .w-1400 a i { width: 3.6vw; margin-left: 3vw; }
.ResTitle_a2:after { margin: 3% auto 0; width: 8vw; }
.message-box .ResTitle_a2:after { width: 11%; margin-top: 5%; }
.ResTitle_a2 { margin-bottom: 5vw; }
.ClassList_b2 a { padding: 2vw 6vw; font-size: 3.8vw; }
.ClassList_b2 { margin-bottom: 3vw; }
.i-title3+p { font-size: 3.8vw; margin-top: 3vw; }
#news { width: 100%; margin: 5vw 0 0; }
.n1 { padding: 11% 0 67%; }
.n1:before { width: 100%; height: 66.8vw; top: auto; bottom: 0; right: 0; }
.news-btn .L { width: 100%; }
.i-title3 span { font-size: 6.25vw; }
.i-title3+p:after, .contact .contact-T li { margin-top: 3vw; }
.i-title3 i, .i-title3+p:after { width: 5.5vw; }
.technology-box li dd i { font-size: 15vw; margin-right: 2vw; }
.technology-box li dd p { width: calc(100% - 19vw); margin-top: 0; }
.technology-box li dt { font-size: 3.8vw; margin-top: 3vw; }
.technology-box li dl:not(:first-child), .project-box, .contact .contact-T ul { margin-top: 5vw; }
.technology-box li strong { font-size: 6.25vw; }
.page-content { padding-top: 20vw; }
.products_detail_box, .outlook-box, .flow-box, .technology_page, .down-box, .jobs-box { margin-top: 5%; }
.products_detail { padding-top: 0; }
.message .footer { margin-top: 0; }
.beian img { width: 4vw; }
.h-box time{padding:2vw 5vw;}
.s1 .B img:nth-child(2n+1), .project [class*="PhotoList"] li:nth-child(2n+1), .photo [class*="PhotoList"] li:nth-child(2n+1), .flow-box .T li:first-child, .product-box .BB li:nth-child(2n+1) { margin-left: 0; }
.banner-text span, .banner-text-c2 span, .footer .B, .PosList_a1, .s2 .TR, .news-btn .float-R, .flow-box .T a:before, .product-box .BT, .menu1 .R, .language span, .MenuList_f2, .p3>span, .nav1, .news-btn .R, .technology-box .li1 .L, .technology-box .li2 .R, .technology-box .li3 .L, .loc, .i-title2 br, .e1:after { display: none; }
}