@charset "utf-8";
/*public*/
.public-close { position: absolute; z-index: 2; width: 40px; height: 40px; right: 4%; top: 4.5vw; cursor: pointer; outline: none; }
.public-close:before, .public-close:after { content: ''; position: absolute; z-index: 0; height: 2px; background: #fff; width: 100%; top: 50%; left: 0; transition: 0.3s ease 0s; }
.public-close:before { transform: rotateZ(45deg); }
.public-close:after { transform: rotateZ(-45deg); }
.w-92 { width: 92%; margin: 0 auto; }
.w-84 { width: 84%; margin: 0 auto; }
.i-a { display: inline-block; color: #fff; background: #5fc62d; height: 2.6vw; line-height: 2.6vw; transition: 0.3s ease 0s; }
.i-a span { text-align: left; transition: 0.3s ease 0s; display: block; padding: 0 3vw 0 5vw; font-size: 0.9vw; color: #fff; }
.i-a:before { content: ''; position: absolute; top: 0; left: 0; width: 2.1vw; border-style: solid; border-color: #0965af transparent transparent transparent; border-width: 2.8vw 1.7vw 0 0; z-index: -1; height: 0; transition: 0.3s ease 0s; }
.p3 .i-title2 { color: #fff; font-size: 3.1vw; }
.i-title2 { color: #0965b0; font-size: 2.5vw; font-family: "微软雅黑", Microsoft YaHei; line-height: 1.16; }
.i-title2 strong, .i-title3 strong { color: #ffcc33; }
.i-title2+p { font-size: 2.1vw; margin-top: 0.5vw; }
.i-title3 { font-size: 0; line-height: 1; }
.i-title3 i { width: 2.1vw; margin-right: 0.7vw; }
.i-title3 span { font-size: 2.6vw; color: #0965b0; }
.i-title3+p { font-size: 1.6vw; color: #868686; margin-top: 0.7vw; }
.i-title3+p:after { content: ''; display: block; height: 1px; background: #ccc; width: 2.6vw; margin-top: 1vw; }
.news_detail, .products_detail { padding-top: 8%; }
.i-title4 { text-align: center; font-size: 3.125vw; text-transform: uppercase; }
.i-title4+p { text-align: center; font-size: 2.1vw; margin-top: 1vw; }
.small-font { font-size: 16px; color: #666; line-height: 2; width: 52%; display: block; margin-top: 5%; }
/*menu-box*/
.menu-w:before { top: 0; right: 0; content: ''; position: fixed; width: 0; height: 0; background: #ffcc33; z-index: 2; border-radius: 0% 0 0 50%; transform: translate(50%, -50%); }
.menu-w.on:before { height: 200%; width: 200%; transform: scale(1.5); transform-origin: right top; transition: 1.5s ease 0s, opacity 0.5s ease 0.5s; opacity: 0; }
.menu1 { display: none; width: 100%; position: fixed; height: 100%; background: #fff; left: 0; top: 0; z-index: 2; }
.menu1 .L { width: 52%; padding: 0 7.5% 0 8.5%; }
.menu1 .R .m-i2 { bottom: 0; left: 0; transform: translateX(-55%); }
.menu1 .R .m-i1 { top: 0; right: 0; }
.menu1 .R img { position: absolute; z-index: 0; }
.menu1 .R { width: 48%; height: 100%; background: url(../images/m-bg.jpg) no-repeat center; background-size: cover; }
.menu-box { position: fixed; width: 100%; z-index: 2; top: 0; left: 0; padding: 1.5vw 0 0; transition: 0.3s ease 0s; }
.menu-box.scroll { background: rgba(255,255,255,1); box-shadow: 0 0 2vw 0 rgba(0,0,0,0.1); border-color: transparent; padding: 1.5vw 0; }
.menu-box .M { position: relative; height: 100%; width: 87%; text-align: right; z-index: 0; }
.menu-logo a { width: 39%; }
.MenuList_f3 li:not(:first-child) { position: relative; z-index: 0; display: inline-block; vertical-align: middle; width: 50%; margin-top: 2vw; }
.MenuList_f3 a { display: inline-block; vertical-align: top; font-size: 1.67vw; font-weight: normal; color: #444; }
.MenuList_f3 h3 { position: relative; z-index: 0; /*padding-right: 3vw;*/ display: inline-block; vertical-align: top; }
.MenuList_f3 h3:after { display: none; content: '-->'; position: absolute; top: 50%; right: 0; color: #0965af; font-size: 1.4vw; font-family: "宋体", SimSun; z-index: -1; transform: translateY(-50%); opacity: 0; }
.MenuList_f3 li>:first-child.on a { color: #0965af; }
.MenuList_f3 li>:first-child.on:after { opacity: 1; }
.MenuList_f3 { margin-top: 20%; text-transform: capitalize; }
#i2-swiper { height: 100%; }
#i2-swiper .R { right: 14%; }
#i2-swiper a { font-size: 1.25vw; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; font-family: "宋体"; width: 3.5vw; height: 3.5vw; line-height: 3.5vw; border: 1px solid #fff; color: #fff; border-radius: 50%; text-align: center; box-sizing: content-box; transition: 0.3s ease 0s; opacity: 0; }
#i2-swiper .L { left: 6%; }
#i2-swiper i { height: 100%; max-width: 100%; overflow: hidden; }
#i2-swiper i img { height: 100%; width: auto; margin-left: 50%; transform: translateX(-50%); }
#i2-swiper i:before { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0; left: 0; z-index: 1; transition: 0.3s ease 0s; position: absolute; }
#i2-swiper [class*="active"] i:before { opacity: 0; }
#i2-swiper a.swiper-button-disabled { display: none; }
/*--menu-box end-----------------*/
/*主导航菜单 2018.02.26*/
.MenuList_f1 { line-height: 80px; display: none; text-align: right; vertical-align: top; transition: 0.3s ease 0s; }
.MenuList_f1>ul { font-size: 0; display: inline-block; vertical-align: middle; }
.MenuList_f1>ul>li { position: static; text-align: center; display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li a { padding: 0 1.6vw; display: block; text-transform: capitalize; }
.MenuList_f1>ul>li a span { text-transform: capitalize; display: inline-block; vertical-align: middle; line-height: 1.5; }
.MenuList_f1>ul>li>:first-child { font-weight: normal; display: block; position: relative; z-index: 0; font-size: 16px; color: #333; }
.MenuList_f1>ul>li>:first-child.on { color: #fff; }
.MenuList_f1>ul>li>:nth-child(2) { display: none; transform-origin: top; border-top: 1px solid rgba(255,255,255,0.5); opacity: 0; transform: scale(1, 0); overflow: hidden; line-height: 80px; background: #FFF; background: rgba(255,255,255,0.8); left: 0; z-index: 2; position: fixed; width: 100%; }
/*.MenuList_f1>ul>li:hover>:nth-child(2) { transition: 0.3s ease 0s; transform: scale(1); opacity: 1; }*/
.MenuList_f1>ul>li ul li { max-width: none; float: none; margin-left: 80px; width: auto; padding: 0px; display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li ul li a { padding: 0; text-transform: capitalize; width: 100%; overflow: hidden; display: block; color: #555; text-align: center; text-decoration: none; font-size: 14px; font-weight: normal; }
.MenuList_f1>ul>li>:first-child:after { transition: 0.3s ease 0s; content: ''; z-index: -1; bottom: 0; left: 0; background: #4cb94e; height: 0; width: 100%; position: absolute; }
.MenuList_f1>ul>li>:first-child.on:after { height: 100%; left: 0; }
.MenuList_f1>ul>li ul li:first-child { margin-left: 0; }
/*汉堡菜单PC*/
.menu-icon:before, .menu-icon:after, .menu-icon span { transition: 0.3s ease 0s; display: block; height: 2px; background: #fff; content: ''; width: 1vw; }
.menu-icon span { position: relative; margin: 0 auto; display: block; transform: translateX(50%); }
.menu-i { display: none; transition: 0.5s ease 0s; top: 0; right: 0; overflow: hidden; width: auto; margin-left: 0; text-align: center; position: absolute; z-index: 1; height: 100%; }
.menu-icon { cursor: pointer; outline: none; }
#menu-click .menu-i:after { content: 'menu'; font-size: 14px; text-transform: uppercase; color: #fff; display: inline-block; vertical-align: middle; margin-left: 20px; }
/*menu-slide 用slide注意效果遮挡*/
.menu-slide { z-index: 0; position: fixed; background: #4cb94e; height: 3px; bottom: 0; transition: 0.5s cubic-bezier(0.21, 0.8, 0.31, 1.21) 0s; }
.MenuList_f1.slide-menu { position: relative; z-index: 1; }
.menu-icon:before { margin-bottom: 4px; }
.menu-icon:after { margin-top: 4px; }
/*导航定位使用的类*/
.menu-fix { opacity: 1; position: fixed; left: 0; top: 0; z-index: 1; transition: 0.3s ease 0s; }
.menu-fix.menu-fix-down { opacity: 0; top: -80px; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
/*logo*/
.menu-w { font-size: 0; width: 92%; margin: 0 auto; height: 100%; z-index: 2; }
.logo { width: 13%; height: 100%; }
.logo img, .logo a { width: 100%; }
.public-page .logo img.pc-720 { display: none; }
.public-page .logo img.mob-720 { display: block; }
/*--logo end------------------------------------------*/

/*language*/
.language2 em { opacity: 0; transform: translateY(-50%) scale(0); text-align: center; position: absolute; top: 50%; left: 0; z-index: 0; width: 100%; transition: 0.3s ease 0s; }
.language2 em>* { font-size: 14px; color: #fff; }
.language2 b { margin: 0 10px; }
.main-pagination a { transition: 0.3s ease 0s; color: #0965af; display: block; border: 1px solid #0965af; border-radius: 50%; background: rgba(255,255,255,0.3); width: 2.1vw; height: 2.1vw; line-height: 2.1vw; box-sizing: content-box; text-align: center; text-transform: uppercase; font-size: 16px; margin-top: 1vw; }
.language * { font-size: 16px; color: #888; }
.language { margin-top: 15%; }
.language a { margin-left: 10px; transition: 0.3s ease 0s; }
.language a.on { color: #0965af; border: 1px solid #0965af; border-radius: 50%; width: 36px; height: 36px; line-height: 35px; text-align: center; }
/*--language end----------*/
/*f_type:true*/
.MenuList_f1.swiper>ul>li { position: static; }
/*f_type:true*/
.MenuList_f1.swiper>ul { display: flex; display: -ms-flexbox;/*IE10*/ }
#menu-click { cursor: pointer; outline: none; position: absolute; z-index: 1; right: 0; top: 50%; transition: 0.3s ease 0s; background: #ffcc33; padding: 0.6vw 1vw; border-radius: 999px; transform: translateY(-50%); box-shadow: 0.2vw 0.2vw 0.5vw 0 rgba(66,66,66,0.15); }
#menu-click .menu-i { display: block; position: static; }
#MenuList_f1_public-bg { display: none !important; }
/*banner*/
.banner-text, .banner-text-c2 { position: absolute; left: 8%; top: calc(50% + 20px); z-index: 0; transform: translateY(-50%); color: #02497d; line-height: 1.6; }
.banner-text p, .banner-text-c2 p { font-size: 2.4vw; }
.banner-text span, .banner-text-c2 span { font-size: 1vw; margin-top: 10px; font-family: "微软雅黑", Microsoft YaHei; }
.banner-text-c1 { left: auto; right: 8%; color: #fff; }
.banner-text-c2 { color: #fff; }
.banner-text-c1 p { font-size: 2.4vw; }
/*p-bg*/
.p-bg { display: block; box-shadow: 0 0 13px 0 rgba(0,0,0,0.1); position: relative; z-index: -1; }
/*PosList_a1*/
.PosList_a1 { text-transform: capitalize; font-size: 14px; text-align: right; color: #888; }
.PosList_a1 b:after { background: #0965b0; margin-left: 15px; }
.PosList_a1 b:after, .PosList_a1:after { content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-radius: 50%; }
.PosList_a1:after { background: #0965b0; margin-left: 5px; }
.PosList_a1 b { color: #02497d; }
/*page-box*/
.page-box { padding: 1.5% 0 7%; overflow: hidden; }
/*ResTitle_a1*/
.ResTitle_a1 { text-transform: uppercase; }
.ResTitle_a1 span { display: block; font-size: 18px; color: #666; }
.ResTitle_a1 span:before { content: ''; vertical-align: middle; margin-right: 10px; width: 2.1vw; height: 2px; background: #888; display: inline-block; }
.ResTitle_a1 em { font-size: 1.6vw; color: #02497d; margin-top: 5px; display: block; }
.ResTitle_a1 em b { color: #66cc33; }
/*rid34*/
@keyframes fengJump { 0% {
 transform: translateY(0);
}
20% {
 transform: translateY(0);
}
40% {
 transform: translateY(-15px);
}
50% {
 transform: translateY(0);
}
60% {
 transform: translateY(-10px);
}
80% {
 transform: translateY(0);
}
100% {
 transform: translateY(0);
}
}
.p3 { padding: 3.5% 0; box-shadow: 0 5px 2.1vw 0 rgba(0,117,241,0.15); background: #0260c0; background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #0260c0), color-stop(80%, #5594ff)); text-align: center; color: #fff; border-radius: 999px; }
.p3>p { font-size: 1.25vw; margin-top: 0.5vw; }
.p3>span { display: block; opacity: 0.8; line-height: 1.875; font-size: 16px; width: 48%; margin: 2% auto 0; }
.p3 a i, .j1 .w-1400 a i { width: 1.35vw; margin-left: 0.8vw; transition: 0.5s ease 0s; }
.p3 a span, .j1 .w-1400 a span { font-size: 1.1vw; width: auto; }
.p3>a, .j1 .w-1400 a { overflow: hidden; text-align: center; display: block; border: 1px solid #fff; border-radius: 999px; width: 21.5%; height: 3.125vw; line-height: 3.125vw; box-sizing: content-box; margin: 3% auto 0; }
.j1 .w-1400 a { color: #fff; margin: 4% 0 0; background: #66cc33; border: none; box-shadow: 5px 5px 1vw 0 rgba(66,66,66,0.15); }
.jobs-box { }
.p2-i1 { width: 37.5%; position: absolute; z-index: -1; top: 0; }
.p2-i1 i { position: absolute; z-index: 0; }
.p2-i1 .i3-3 { left: 28%; top: 50%; }
.p2-i1 .i2-2 { width: 59%; top: 8%; right: -7%; }
.p2-i2 { position: absolute; width: 24.5%; right: 13.5%; bottom: 4.5%; z-index: 0; }
.p2-i2 i { position: absolute; width: 54%; bottom: 9%; left: -30%; z-index: 0; }
.p2 { margin-top: 10%; padding: 0 0 17%; }
.p2 strong { color: #0965b0; font-size: 2vw; display: block; line-height: 1.1; }
.p2 li { width: 48%; }
.p2 li p { font-size: 16px; color: #666; line-height: 2; margin-top: 1vw; }
.p2 li:nth-child(1), .p2 li:nth-child(2) { margin-left: auto; margin-bottom: 7%; }
.p2 li:first-child { margin-bottom: 7%; }
.p1-i1 em { border-radius: 50%; position: absolute; z-index: 0; box-shadow: 0 5px 2.1vw 0 rgba(0,117,241,0.15); background: -webkit-linear-gradient(-45deg, #006abf, #6aabef); }
.p1-i1 .ball1 { width: 2.1vw; height: 2.1vw; top: 6.7vw; left: 8.5vw; }
.p1-i1 .ball2 { width: 2.8vw; height: 2.8vw; right: 7.5vw; bottom: 14.5vw; }
.p1-i1 .ball3 { width: 3.3vw; height: 3.3vw; right: 30.6vw; bottom: -1vw; }
.p2 li h5 { color: #ccc; font-size: 6.25vw; line-height: 1; }
.p2 li span { display: block; color: #666; font-size: 1.7vw; margin-top: 0.3vw; }
.p1-i2 i { display: block; width: 2.6vw; margin: 0 auto; -webkit-animation: fengJump 2.5s infinite; -moz-animation: fengJump 2.5s infinite; -ms-animation: fengJump 2.5s infinite; -o-animation: fengJump 2.5s infinite; animation: fengJump 2.5s infinite; height: 2.6vw; border-radius: 50%; background: #ffcc33; line-height: 2.6vw; }
.p1-i2 img { max-width: 40%; max-height: 40%; }
.p1-i2 span { display: block; font-size: 14px; color: #666; margin-top: 5px; }
.p1-i2 { position: fixed; left: 4vw; z-index: 0; bottom: 4vw; text-align: center; }
.p1 p { color: #868686; }
.p1 li i { display: block; width: 6.5vw; margin: 0 auto; }
.p1 li:not(:first-child) { margin-left: 6%; }
.p1 ul { font-size: 0; margin-top: 5%; }
.p1 li span { display: block; text-align: center; color: #666; font-size: 1vw; margin-top: 0.7vw; }
.p1-i1 { position: absolute; width: 40%; right: 4vw; z-index: -1; bottom: 0; }
.p1 { padding: 12.5% 0 0; }
/*honor*/
.honor-box { }
.h2 { padding: 12.5% 0; }
.h2:before { content: ''; width: 73%; background: url(../images/img12.png) no-repeat center right; background-size: contain; position: absolute; z-index: -1; right: 9vw; height: 28.2vw; top: 6vw; }
.honor:before { content: ''; width: 18.4%; background: url(../images/img12-2.png) no-repeat center; background-size: cover; position: absolute; z-index: -1; top: 0; left: 0; height: 23.2vw; }
.honor { background: url(../images/img12-1.png) no-repeat top right #f4f7fd; background-size: 53.7% auto; }
.h2 .w-1400 span { width: 43%; }
.honor [class*="PhotoList"] li a { background: #fff; box-shadow: 0 0 1vw 0 rgba(42,122,186,0.1); height: 20.5vw; border-radius: 8px; }
.honor [class*="PhotoList"] li a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.honor [class*="PhotoList"] img { max-width: 82%; max-height: 85%; width: auto; height: auto; margin-left: 0; transform: scale(1) !important; }
.honor [class*="PhotoList"] li span { padding: 0 10px; border: none; margin-top: 7%; font-size: 16px; color: #666; background: none; }
.honor [class*="PhotoList"] li { background: none; }
/*p-title*/
.p-title { overflow: hidden; margin-top: 3%; padding-top: 6%; }
/*framework*/
.f2 { padding: 12% 0 9%; }
.framework { background: url(../images/img23-1.png) no-repeat right top #f4f7fd; background-size: 54.2% auto; }
.f2:before { content: ''; width: 73%; background: url(../images/img23.png) no-repeat center right; background-size: contain; position: absolute; z-index: -1; right: 13.5vw; height: 30.2vw; top: 4.5vw; }
.f2 .w-1400 span { width: 38%; }
.framework-box { }
/*jobs*/

.j1 { padding: 12.5% 0 6%; }
.j1 .w-1400 span { width: 43%; }
.j1:before { content: ''; width: 73%; background: url(../images/img22.png) no-repeat center right; background-size: contain; position: absolute; z-index: -1; right: 10%; height: 29.5vw; top: 12%; }/*video*/
.videos { background: url(../images/img8-1.png) no-repeat right top #f4f7fd; background-size: 49% auto; }
.v1:before { content: ''; width: 73%; background: url(../images/img8.png) no-repeat center right; background-size: contain; position: absolute; z-index: -1; right: 8.5%; height: 27.7vw; top: 6vw; }
.v1 { padding: 12.5% 0 0; }
.v1 .w-1400 span { width: 43%; }
.video-box { margin-top: 11%; }
.VideoDisplay_a1_C iframe, .VideoDisplay_a1_C video { width: 100%; height: 42vw; background: #000; }
.VideoList_d1 li { margin-bottom: 3%; margin-left: 4%; width: 48%; display: inline-block; vertical-align: top; font-size: 14px; position: relative; z-index: 0; }
.VideoList_d1 li a { display: block; height: 20vw; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 1.5vw 0 rgba(9,101,176,0.24); border-radius: 10px; }
.VideoList_d1 li:before { background: #4cb94e; content: ''; height: 20vw; width: calc(100% + 10px); position: absolute; top: 0; left: 0; opacity: 0; transition: 0.3s ease 0s; border-radius: 10px; box-shadow: 0 0 1.5vw 0 rgba(9,101,176,0.24); }
.VideoList_d1 li span { text-align: center; font-size: 18px; color: #666; display: block; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 4%; }
.VideoList_d1 li a img { transition: 0.5s linear 0s; min-height: 100%; }
.VideoList_d1 li a:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; transition: 0.3s ease 0s; }
.video-btn { background: url(../images/video.png) no-repeat center; background-size: 34% auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 6px solid rgba(255,255,255,0.6); z-index: 1; border-radius: 50%; width: 5.2vw; height: 5.2vw; transition: 0.3s ease 0s; }
.video-btn>div { width: calc(100% + 12px); height: calc(100% + 12px); border-radius: 50%; overflow: hidden; top: -6px; left: -6px; }
.video-btn .L, .video-btn .R { top: 0; width: 50%; height: 100%; position: absolute; transform: rotateZ(-45deg ); overflow: hidden; z-index: 0; }
.video-btn .L { left: 0; transform-origin: right center; }
.video-btn .R { right: 0; transform-origin: left center; }
.video-btn .R:before, .video-btn .L:before { content: ''; width: 5.2vw; height: 5.2vw; border-style: solid; border-radius: 50%; border-color: #fff transparent transparent #fff; border-width: 6px; display: block; box-sizing: border-box; position: absolute; top: 0; transition: 0.3s ease 0s; }
.video-btn .R:before { transform: rotateZ(0deg); right: 0; }
.video-btn .L:before { transform: rotateZ(90deg); left: 0; }
.VideoDisplay_a1 h2 { color: #4cb94e; font-size: 1.8vw; text-align: center; }
.VideoDisplay_a1_C { margin-top: 3%; }
.VideoDisplay_a1_back a { transition: 0.3s ease 0s; display: block; width: 170px; height: 50px; text-align: center; line-height: 50px; font-size: 16px; margin: 3% auto 0; color: #fff; position: relative; z-index: 0; border: 1px solid #4cb94e; }
.VideoDisplay_a1_back a:before, .VideoDisplay_a1_back a:after { content: ''; position: absolute; width: 50%; height: 100%; background: #4cb94e; top: 0; z-index: -1; transition: 0.3s ease 0s; }
.VideoDisplay_a1_back a:before { left: 0; }
.VideoDisplay_a1_back a:after { right: 0; }
/*photo*/
.ResTitle_a2 { color: #444; font-size: 2.1vw; text-align: center; text-transform: capitalize; margin-bottom: 2vw; }
.ResTitle_a2:after { content: ''; display: block; margin: 1.5% auto 0; background: #ccc; height: 1px; width: 2.6vw; }
.photo [class*="PhotoList"] li, .photo [class*="PhotoList"] li:nth-child(4n+1) { width: 47.5%; margin-left: 5%; margin-bottom: 4%; border-radius: 10px; overflow: hidden; position: relative; z-index: 0; background: none; }
.photo [class*="PhotoList"] li a { height: 22vw; position: relative; z-index: 0; }
.photo [class*="PhotoList"] li a:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; background: #007aff; opacity: 0; width: 100%; height: 100%; transition: 0.3s ease 0s; }
.photo [class*="PhotoList"] h4 { display: block; position: absolute; font-size: 1.4vw; font-weight: normal; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 1; opacity: 0; transition: 0.3s ease 0s; }
.photo [class*="PhotoList"] h4:before, .photo [class*="PhotoList"] h4:after { content: ''; display: block; width: 100%; height: 1px; background: #fff; opacity: 0; transition: 0.5s ease 0s; }
.photo [class*="PhotoList"] h4:before { margin-bottom: 2.3vw; }
.photo [class*="PhotoList"] h4:after { margin-top: 2.3vw; }
.ClassList_b1 li { margin-bottom: 1.3vw; }
.ClassList_b1 a { padding-left: 1.5vw; font-size: 16px; }
.ClassList_b1 a, .ClassList_b2 a { transition: 0.3s ease 0s; color: #666; display: inline-block; vertical-align: top; position: relative; z-index: 0; }
.ClassList_b1 a:before { content: ''; width: 14px; height: 14px; border: 1px solid transparent; border-radius: 50%; position: absolute; left: 0; top: 2px; z-index: 0; background: #f4f7fd; }
.ClassList_b1 a:after { content: ''; position: absolute; width: 8px; height: 8px; background: #ccc; border-radius: 50%; left: 4px; top: 6px; transition: 0.3s ease 0s; z-index: 0; }
.ClassList_b1 ul { position: relative; z-index: 0; overflow: hidden; }
.ClassList_b1 ul:before { content: ''; height: 100%; width: 1px; background: #ccc; position: absolute; left: 7px; top: 2px; z-index: -1; }
.ClassList_b1 li.on a:before { border-color: #0965b0; }
.ClassList_b1 li.on a:after { background: #0965b0; }
.ClassList_b1 li.on a { color: #0965b0; }
.ClassList_b1 { margin-top: 7.5vw; padding-right: 1vw; }
.ClassList_b2 li { width: auto; }
.ClassList_b2 li.on a { background: #007aff; color: #fff; }
.ClassList_b2 { background: #eee; margin-bottom: 3%; }
.ClassList_b2 a { padding: 1.5vw 4vw; font-size: 14px; }
/*news_list*/
.n1 { padding: 11% 0 0; }
.news_list { background: url(../images/img10-1.png) no-repeat top left #f4f7fd; background-size: 100% auto; }
.n1:before { content: ''; width: 73%; background: url(../images/img10-2020.png) no-repeat center right; background-size: contain; position: absolute; z-index: -1; right: 4vw; height: 25vw; top: 7vw; }
#news { width: 46.5%; margin: 1.5vw 0 0; }
#news li { font-size: 14px; color: #333; }
.news_list .TL { width: 48.5%; height: 26vw; overflow: hidden; display: none; }
.news_list .BT { height: 14.67vw; overflow: hidden; }
.news_list .TL:before, .news_list .BT:before { content: ''; position: absolute; width: 100%; height: 100%; background: #007aff; opacity: 0; left: 0; top: 0; transition: 0.3s ease 0s; z-index: 1; }
.news_list .TL img, .news_list .BT img { min-height: 100%; transition: 0.5s linear 0s; }
.news_list .TR h3 { font-size: 1.25vw; color: #444; font-weight: normal; transition: 0.3s ease 0s; }
.news_list .B h3 { margin-top: 5%; font-size: 18px; color: #02497d; font-weight: normal; transition: 0.3s ease 0s; }
.news_list .TR time i { width: 18px; margin-right: 10px; }
.news_list .B time i { width: 14px; margin-right: 10px; }
.news_list time span { font-size: 14px; color: #888; }
.news_list .TR time { display: block; margin-top: 3%; }
.news_list .TR p { margin-top: 3.5%; font-size: 16px; color: #666; line-height: 2; -webkit-line-clamp: 3; max-height: 96px; }
.news_list .B p { font-size: 16px; color: #666; line-height: 2; -webkit-line-clamp: 3; max-height: 96px; margin-top: 3%; }
.news_list li a { width: 100%; overflow: hidden; transition: 0.5s ease 0s; border-radius: 10px; position: relative; z-index: 0; display: block; }
#news2 li a { background: #fff; }
.news-btn a { transition: 0.3s ease 0s; color: #888; font-size: 1.25vw; font-family: "微软雅黑", Microsoft YaHei; }
.news-btn i { width: 20px; height: 1px; background: #003366; margin: 0 10px; }
#news-p1 { position: static; width: auto; font-size: 20px; color: #66cc33; }
#news-p1 span:before { content: '0'; }
.news-btn { text-transform: capitalize; border-top: 1px solid #e8e8e8; font-size: 0; overflow: hidden; padding: 2.5% 0 0; margin-top: 7%; }
#news-p2 { width: 100px; height: 12px; }
#news-p2 .swiper-slide, #news-p2 .swiper-wrapper { height: 0; }
#news-p { text-align: right; position: static; }
#news-p span { outline: none; opacity: 1; display: inline-block; vertical-align: top; width: 12px; height: 12px; background: #ccc; border-radius: 50%; margin: 0 0 0 15px; }
.news-btn .float-R { }
#news-p [class*="active"] { background: #4cb94e; }
.news_list .B li { font-size: 14px; width: 31%; margin-left: 3.5%; margin-bottom: 4.5%; }
.news_list .BB { padding: 8% 9% 11%; transition: 0.3s ease 0s; }
.news_list .B { margin-top: 5%; }
.news-btn .L { width: calc(100% - 100px); }
/*project*/
.p6 { height: 35.4vw; background: url(../images/img25.jpg) no-repeat left top; background-size: 100% auto; color: #fff; }
.project-box { margin-top: 3%; }
.project .TL { width: 52.7%; }
.project .TR { width: 32.3%; margin-left: 5%; }
.project figure { overflow: hidden; }
.project figure img { transition: 0.5s linear 0s; }
.project .TL figcaption { font-size: 20px; }
.project .TR figcaption { font-size: 18px; }
.project figcaption { position: absolute; width: 100%; left: 0; background: rgba(2,73,125,0.7); color: #fff; text-align: center; bottom: 9%; padding: 3.5% 0; }
.project .TR p { line-height: 1; font-size: 2.6vw; color: #66cc33; text-transform: uppercase; }
.project .TR span { color: #02497d; display: block; font-size: 1.77vw; margin: 2% 0 6%; }
.project [class*="PhotoList"] li, .project [class*="PhotoList"] li:nth-child(4n+1) { width: 32%; margin-left: 2%; background: none; }
.project [class*="PhotoList"] li { overflow: hidden; border-radius: 10px; box-shadow: 5px 5px 3.3vw 0 rgba(42,122,186,0.1); position: relative; z-index: 0; }
.project [class*="PhotoList"] img { transform: translateX(-50%) scale(1) !important; }
.project [class*="PhotoList"] li a { height: 15vw; transition: 0.3s ease 0s; }
.project [class*="PhotoList"] li span { background: #fff; border: none; color: #666; }
.photo [class*="PhotoList"] li span { padding: 0 10px; color: #666; font-size: 18px; border: none; background: none; margin-top: 5%; }
.project .B { margin-top: 5%; padding-top: 4%; border-top: 1px solid #f2f2f2; }
/*experience*/
.e1:after { z-index: -1; position: absolute; width: 73%; content: ''; height: 28.7vw; background: url(../images/img21-2020.png) no-repeat right center; background-size: contain; right: 0; top: 4vw; }
.e1 .w-1400 span { width: 43%; }
.e1:before { content: ''; width: 6.7%; left: 0; top: 3%; z-index: -1; background: url(../images/img21-2.png) no-repeat left bottom; background-size: 100% auto; height: 19.7vw; position: absolute; }
.e1 { padding: 12.5% 0 8%; }
.experience-swiper { width: 49%; height: 30vw; position: absolute; z-index: 0; right: 0; top: 50%; transform: translateY(-50%); }
/*technology*/
.technology:before { content: ''; width: 100%; left: 0; bottom: 0; z-index: -1; background: url(../images/img11-3.png) no-repeat left bottom; background-size: 100% auto; height: 100vw; position: absolute; }
.technology-box li { width: 86.5%; font-size: 0; }
.technology-box li:not(:first-child) { margin-top: 2%; }
.technology-box li dd p { width: calc(100% - 8.3vw); margin-top: 0.6vw; }
.technology-box li:nth-child(even) { margin-left: auto; }
.technology-box .li1 .L { width: 55%; }
.technology-box .li3 .L { width: 52.5%; }
.technology-box .li3 .R { width: 47.5%; padding-left: 7%; }
.technology-box .li2 .R { width: 53%; }
.technology-box .li2 .L { width: 47%; padding-right: 7%; }
.technology-box .li1 .R { width: 45%; padding-left: 5%; }
.technology-box li dd i { font-size: 6.77vw; color: #ccc; font-weight: bold; margin-right: 0.7vw; }
.technology-box li p>* { display: block; }
.technology-box li dd { line-height: 1; }
.technology-box li strong { font-size: 2.1vw; color: #0965b0; line-height: 1.25; }
.technology-box li span { font-size: 1.9vw; color: #ffcc33; margin-top: 5px; }
.technology-box li dt { font-size: 16px; color: #666; line-height: 2; margin-top: 1vw; }
.technology-box li dl:not(:first-child) { margin-top: 4.5vw; }
/*down*/
.down { background: url(../images/img24-2.png) no-repeat #f4f7fd; background-position: left 8vw; background-size: auto 18.75vw; }
.d1 { padding: 12.5% 0; }
.down-box { }
.d1:after { content: ''; width: 73%; right: 13.5vw; z-index: -1; background: url(../images/img24.png) no-repeat right center; background-size: contain; height: 32.5vw; position: absolute; top: 3.5vw; }
.d1 .w-1400 span { width: 43%; }
.d1:before { content: ''; width: 73%; right: 0; top: 0; z-index: -1; background: url(../images/img24-1.png) no-repeat right center; background-size: contain; height: 34.7vw; position: absolute; }
.down-box li { width: 48%; margin-left: 4%; font-size: 14px; margin-bottom: 3%; }
.down-box li a, .down-box li i { display: block; height: 100%; text-align: center; }
.down-box li .down-img { border-radius: 10px; height: 23vw; transition: 0.3s ease 0s; overflow: hidden; }
.down-box li i img { min-height: 100%; transition: 0.5s linear 0s; }
.down-box li .down-icon { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); z-index: 1; color: #fff; }
.down-box li em { display: block; margin: 0 auto; width: 10.5%; transition: 0.5s ease 0s; opacity: 0; transform: translateY(-20px); }
.down-box li .down-icon span { display: block; font-size: 1.3vw; margin-top: 0.8vw; transition: 0.5s ease 0s; transform: translateY(20px); opacity: 0; }
.down-box li .down-img:before { transition: 0.3s ease 0s; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #3999fb; opacity: 0; }
.down-box li p { padding: 0 10px; font-size: 1.25vw; color: #666; margin-top: 4%; }
/*history*/
.history-box { padding: 9.5% 0 7%; }
.history { background: url(../images/img5-1.png) no-repeat top right #f4f7fd; background-size: 48.3% auto; }
.h1 { padding: 12.5% 0% 0; }
.h1:before { content: ''; width: 73%; background: url(../images/img5.png) no-repeat center right; background-size: contain; position: absolute; z-index: -1; right: 10vw; height: 19.3vw; top: 10vw; }
.page-title+p { color: #666; }
.page-title+p+span { display: block; font-size: 16px; color: #666; line-height: 2; margin-top: 2%; }
.h1 .w-1400 span { width: 42%; }
.h-box { text-align: center; transition: 0.5s ease 0s; width: 77%; margin: 0 auto; background: #fff; border-radius: 10px; box-shadow: 5px 5px 1.5vw 0 rgba(0,0,0,0.05); padding: 9% 5% 13% 8%; }
.h-box i { display: block; width: 34%; margin: 0 auto; }
.h-box time { vertical-align: top; display: inline-block; color: #fff; font-size: 16px; background: #ffcc33; text-align: center; width: auto; margin: 9% auto 0; padding: 0.8vw 2vw; border-radius: 999px; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10); }
.history-text .swiper-slide { font-size: 14px; color: #666; line-height: 1.7; height: auto; }
.history-text-box { margin-top: 7%; height: 230px; }
.history-text { width: 100%; height: 100%; }
.history-text .swiper-slide p { width: 91%; text-align: left; }
.history-text-box .swiper-container-vertical>.swiper-scrollbar { right: 1px; top: 0; width: 2px; height: 100%; }
#history li { padding: 5.5% 0; }
.history-text-box .swiper-scrollbar-drag { background: #0965b0; border-radius: 0; }
.history .swiper-btn { font-size: 1.25vw; color: #ccc; position: absolute; top: 50%; transform: translateY(-50%); width: 3.5vw; height: 3.5vw; z-index: 1; text-align: center; line-height: 3.5vw; border-radius: 50%; border: 1px solid #ccc; box-sizing: content-box; font-family: "宋体"; transition: 0.3s ease 0s; }
.history .swiper-left { left: -3.5vw; }
.history .swiper-right { right: -3.5vw; }
/*outlook*/
.o1 .w-1400 span { width: 42%; }
.o1 { padding: 12.5% 0 0; }
.o1:before { content: ''; width: 73%; background: url(../images/img7.png) no-repeat center right; background-size: contain; position: absolute; z-index: -1; right: 9.5%; height: 31vw; top: 6vw; }
.outlook { background: url(../images/img7-1.png) no-repeat right top #f4f7fd; background-size: 52% auto; }
.outlook-box .L { width: 13%; }
.outlook-box .R { width: 87%; }
.outlook-box { font-size: 0; margin-top: 11%; }
/*rid36*/
.culture { background: url(../images/img6-1.png) no-repeat left top #f4f7fd; background-size: 65% auto; }
.c1:before { content: ''; width: 73%; background: url(../images/img6-2020.png) no-repeat center left; background-size: contain; position: absolute; z-index: -1; left: 9%; height: 32vw; top: 7vw; }
.c1 .w-1400 { text-align: right; }
.c1 .w-1400>div { text-align: left; width: 40%; }
.c1 { padding: 20% 0 7%; }
.culture-box { padding: 11% 0 7.5%; }
.culture-box li { background: #fff; text-align: center; border-radius: 10px; box-shadow: 4px 4px 2.1vw 0 rgba(42,182,166,0.1); }
.culture-box i { height: 7.3vw; }
.culture-box i img { height: 100%; margin: 0 auto; }
.culture-box strong { margin-top: 5%; display: block; color: #444; font-size: 1.6vw; }
.culture-box p { color: #888; font-size: 16px; line-height: 1.75; }
.culture-box li:not(:first-child) { margin-left: 6.5%; }
.culture-box li { width: 29%; padding: 6% 0 4%; }
.culture-box ul { display: -webkit-box;  /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box;     /* Firefox 19 */ display: -ms-flexbox; display: flex;  /*flex容器*/ }
.culture-box p { color: #888; width: 59%; font-size: 16px; line-height: 1.75; margin: 6% auto 0; }
/*contact*/
.contact { background: #f4f7fd; background-size: 63.4% auto; }
.contact .contact-T { padding: 12% 0 9%; background: url(../images/img26.png) no-repeat right top; background-size: 63.4% auto; }
.contact .contact-T i { width: 18px; height: 22px; margin-right: 10px; }
.contact .contact-T li { margin-top: 1%; }
.contact .contact-T ul { margin-top: 2%; }
.contact .contact-T i img { max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle; }
.contact .contact-T span { width: calc(100% - 32px); font-size: 18px; color: #666; line-height: 22px; }
.contact .contact-T h3 { font-size: 1.875vw; color: #ffcc33; margin-top: 1vw; }
.contact .contact-T p { font-size: 2.1vw; color: #0965b0; font-weight: bold; }
/*price*/
.pricesList_a1 h2 { text-align: center; font-size: 1.9vw; color: #0965b0; margin-bottom: 4%; }
.pricesList_a1 ol, .pricesList_a1 dl { font-size: 0; border-right: 1px solid #ddd; }
.pricesList_a1 ol li, .pricesList_a1 dl>* { border-left: 1px solid #ddd; display: inline-block; vertical-align: top; width: 25%; text-align: center; padding: 1.5% 0; border-bottom: 1px solid #ddd; }
.pricesList_a1 ol li { font-size: 20px; font-weight: bold; background: #f5f5f5; color: #0965b0; border-top: 1px solid #ddd; }
.pricesList_a1 dl>* { font-size: 18px; color: #666; }
.pricesList_a1 dl dt.green { color: green; }
.pricesList_a1 dl dt.red { color: red; }
.pricesList_a1 ul li:nth-child(even) { background: #f5f5f5; }
.pricesList_a1 ul li { background: #fff; }
/*message*/
.message { background: url(../images/img27.png) no-repeat right center #f4f7fd; background-size: 38.5% auto; }
.message-box { padding: 4% 5.5%; width: 57%; background: #fff; border-radius: 14px; box-shadow: 0 0 1.5vw 0 rgba(2,73,125,0.07); }
.message-box .ResTitle_a2 { color: #0965b0; font-size: 1.875vw; text-align: left; }
.message-box .ResTitle_a2:after { margin-left: 0; width: 7%; margin-top: 3%; }
.message>[class*="rid"] {
 padding: 9% 0 1%;
}
/*flow*/
.flow-box { }
.f1 { padding: 14.5% 0 11.5%; }
.f1 .w-1400 span { width: 43%; }
.f1:after { background: url(../images/img11-2.png) no-repeat left top; background-size: contain; width: 73%; position: absolute; z-index: -1; left: 0; top: 0; height: 22.76vw; content: ''; }
.f1:before { background: url(../images/img11-2020.png) no-repeat right top; background-size: contain; width: 73%; position: absolute; z-index: -1; right: 7%; height: 29.5vw; content: ''; top: 5vw; }
.flow { background: url(../images/img11-1.png) no-repeat right top #f4f7fd; background-size: 49.6% auto; }
.flow-box .T li { width: 18%; margin-left: 2.5%; margin-bottom: 2%; }
.flow-box .T a { display: block; font-size: 16px; color: #666; text-align: center; padding: 1vw 10px; transition: 0.3s ease 0s; background: #fff; border-radius: 4px; box-shadow: 0 0 1vw 0 rgba(42,122,186,0.1); }
.flow-box .T a.on { background: #0965b0; color: #fff; }
.flow-box .B, .flow-box .B ul { margin-top: 4%; }
.flow-box .B h3 { color: #444; font-size: 2.1vw; text-align: center; font-weight: normal; }
.flow-box .B h3:after { content: ''; display: block; margin: 1.5% auto 0; width: 4%; height: 1px; background: #ccc; }
.flow-box .B li img { max-width: 100%; margin: 0 auto; }
/*product*/
.product-box { }
.p4, .p5 { padding: 12.5% 0 6.5%; }
.p4:before { background: url(../images/img14-1.png) no-repeat top right; background-size: contain; width: 73%; position: absolute; z-index: -1; right: 0; top: 0; height: 45.8vw; content: ''; }
.p4:after { background: url(../images/img14-2.png) no-repeat top left; background-size: contain; width: 73%; position: absolute; z-index: -1; left: 0; top: 19.25vw; height: 23.2vw; content: ''; }
.p5:before { background: url(../images/img14.png) no-repeat top right; background-size: auto 100%; width: 100%; position: absolute; z-index: -1; right: 0; top: 0; height: 100%; content: ''; }
.p5 .w-1400 span, .p4 .w-1400 span { width: 43%; }
.products, .products_detail, .news_detail, .jobs { background: #f4f7fd; }
.product-box .TL { width: 57%; height: 29.2vw; overflow: hidden; }
.product-box .TR { padding-left: 6%; width: 43%; }
.product-box .TR strong { font-size: 2.4vw; color: #66cc33; display: block; text-transform: uppercase; line-height: 1; }
.product-box .TR span { margin-top: 3%; display: block; color: #02497d; font-size: 1.5vw; }
.product-box .TR p { margin-top: 3%; font-size: 16px; color: #666; line-height: 2.25; }
.product-box .TL i { position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); transition: 0.3s linear 0s; }
.product-box .TL i.before { left: 20px; top: 20px; z-index: 0; }
.product-box .TL i.after { left: 0; top: 0; z-index: -1; }
.product-box .B { padding-top: 1%; margin-top: 5%; border-top: 8px solid #f2f2f2; }
.product-box .BT { border-bottom: 1px solid #f2f2f2; }
.c-nav { text-transform: capitalize; background: #fff; text-align: center; box-shadow: 5px 5px 1.5vw 0 rgba(0,0,0,0.07); padding: 0 5vw; }
.NavigationList_a1_2ndGrade a { transition: 0.3s ease 0s; font-size: 16px; color: #444; padding: 2.5% 0; border-bottom: 2px solid transparent; width: auto; }
.NavigationList_a1_2ndGrade a:not(:last-child) { margin-right: 4vw; }
.NavigationList_a1_2ndGrade a.on { color: #66cc33; border-color: #66cc33; }
.search { margin-top: 4%; }
.search form { width: 24%; border-radius: 999px; padding: 0 2%; background: #ffcc33; font-size: 0; box-shadow: 5px 5px 1.5vw 0 rgba(66,66,66,0.15); }
.search input { font-size: 14px; height: 3.125vw; line-height: 3.125vw; color: #fff; width: calc(100% - 20px); padding-right: 3%; background: none; }
.search input::-webkit-input-placeholder {
color: #fff;
opacity:0.6;
}
.search button { width: 20px; height: 20px; background: none; outline: none; }
.product-box .BB { margin-top: 6%; }
.product-box .BB li { margin-bottom: 4%; display: inline-block; vertical-align: top; font-size: 14px; width: 22.9%; margin-left: 2.8%; }
.product-box .BB li em { display: block; width: 100%; height: 100%; overflow: hidden; }
.product-box .BB li a { transition: 0.3s ease 0s; display: block; }
.product-box .BB li i, .products_detail [class*="PhotoList"] li a { background: #fff; display: block; height: 22.5vw; padding: 5%; transition: 0.3s ease 0s; overflow: hidden; border-radius: 8px; box-shadow: 5px 5px 1.5vw 0 rgba(0,0,0,0.07); }
.product-box .BB li img { height: 100%; margin-left: 50%; width: auto; transform: translateX(-50%); }
.product-box .BB li p, .products_detail [class*="PhotoList"] li span { margin-top: 8%; text-align: center; font-size: 16px; color: #666; padding: 0 10px; transition: 0.3s ease 0s; background: none; border: none; }
.products_detail .p-title .R { width: 25%; position: absolute; top: 0; left: 0; z-index: 0; box-shadow: 5px 5px 1vw 0 rgba(42,122,186,0.1); }
.products_detail .p-title .R select { white-space: normal; padding: 3.5% 6%; appearance: none; -webkit-appearance: none; -moz-appearance: none; display: block; width: 100%; font-size: 16px; color: #fff; background: #ffcc33; }
.products_detail .p-title .L { width: 79%; }
.products_detail .p-content { }
.products_detail .p-title .R:after { position: absolute; right: 6%; top: 50%; transform: translateY(-50%); border-width: 8px 6px 0; border-color: #fff transparent; }
.products_detail [class*="PhotoList"] li { background: none; }
/*gotop*/
.goTop p { font-size: 16px; color: #888; text-transform: uppercase; text-align: center; margin-top: 10px; }
.goTop i { transition: 0.3s ease 0s; display: block; width: 3.2vw; height: 3.2vw; border-radius: 50%; background: #66cc33; box-shadow: 0 3px 6px 0 rgba(102,204,51,0.6); }
.goTop { display: none; cursor: pointer; outline: none; position: fixed; right: 2%; bottom: 2vw; z-index: 1; }
.goTop i:before { content: ''; width: 30%; height: 1px; background: #fff; position: absolute; top: 40%; left: 20%; transform: rotateZ(-45deg); transform-origin: right; }
.goTop i:after { content: ''; width: 30%; height: 1px; background: #fff; position: absolute; top: 40%; right: 20%; transform: rotateZ(45deg); transform-origin: left; }
/**/
.NavList_a2 a { display: block; font-size: 16px; color: #333; transition: 0.3s ease 0s; text-transform: capitalize; }
.nav1 { width: 78.5%; }
.language-choose i { width: 20px; }
.language-choose span { font-size: 14px; color: #fff; margin-left: 10px; }
.language2 { overflow: hidden; cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 0; background: #66cc33; padding: 0.5vw 0; border-radius: 999px; box-shadow: 0.2vw 0.2vw 0.5vw 0 rgba(66,66,66,0.15); outline: none; }
.language-choose { padding: 0 1vw; transition: 0.3s ease 0.2s; }
.NavList_a2 { padding-left: 9.5%; padding-right: 11%; }
.NavList_a2 a.on { color: #0965b0; }
.NavList_a2 ul { font-size: 0; }
.NavList_a2 li { display: inline-block; vertical-align: top; }
.NavList_a2 li:not(:first-child) { margin-left: 5%; }
/*footer*/
.MenuList_f2 { margin-bottom: 2%; text-transform: capitalize; }
.footer { padding: 2% 0; margin-top: 4.5%; }
.beian { font-size: 14px; color: #888; }
.beian img { display: inline-block; }
.products_detail .p-title .L { width: 79%; font-size: 1.6vw; padding-left: 6px; color: #02497d; border-left: 4px solid #02497d; padding-right: 10px; }
.bsBox { box-sizing: content-box; }
.MenuList_f2>ul>li { display: inline-block; vertical-align: top; margin-right: 3vw; }
.MenuList_f2>ul>li ul a { font-weight: normal; font-size: 14px; color: #888; transition: 0.3s ease 0s; }
.MenuList_f2>ul>li ul li { margin-top: 0.7vw; }
.MenuList_f2>ul>li>h3 a { font-weight: normal; font-size: 16px; color: #666; transition: 0.3s ease 0s; background: none; display: block; border-radius: 0; }
.footer .R { position: absolute; width: 12%; right: 0; top: 50%; transform: translateY(-50%); z-index: 0; }
.footer .RT { width: 14.2vw; margin-left: auto; }
.footer .RB { margin: 1.3vw 0; }
.footer .T { }
body .bshare-custom a { width: 2.4vw; height: 2.4vw; border-radius: 50%; padding-left: 0; margin-right: 3vw; opacity: 0.8; transition: 0.3s ease 0s; }
body .bshare-custom .bshare-weixin { background: url(../images/i5.png) no-repeat center #66cc33; background-size: 52% auto; }
body .bshare-custom .bshare-qzone { background: url(../images/i6.png) no-repeat center #ffcc33; background-size: 52% auto; }
body .bshare-custom .bshare-qqim { background: url(../images/i7.png) no-repeat center #0965af; background-size: 43% auto; }
.s2 img, .s3 img, .s4 img, .rid37 img { width: 100%; }
.s1 .T, .s2 .T, .s3>div, .s4>div, .footer>div { overflow: hidden; }
.s1 .B img:first-child, .NavList_a1 li:first-child, .VideoList_d1 li:nth-child(2n+1), .VideoList_d1 li:nth-child(2n+1), .photo [class*="PhotoList"] li:nth-child(2n+1), #news-p span:first-child, .news_list .B li:nth-child(3n+1), .project [class*="PhotoList"] li:nth-child(3n+1), .down-box li:nth-child(2n+1), .flow-box .T li:nth-child(5n+1), .product-box .BB li:nth-child(4n+1) { margin-left: 0; }
.MenuList_f2>ul>li ul li:first-child, .contact .contact-T li:first-child { margin-top: 0; }
.MenuList_f2>ul>li:last-child, body .bshare-custom a:last-child { margin-right: 0; }
.s1, .MenuList_f2>ul, .VideoList_d1, .news_list .B ul, .project .T, .down-box ul, .flow-box .T ul, .product-box .T, .NavigationList_a1_2ndGrade, .product-box .BB ul, .products_detail .p-title { font-size: 0; }
.ResTitle_a1 br, .MenuList_f2>ul>li:first-child, .photo [class*="PhotoList"] li span, .BMap_stdMpCtrl, .flow-box .B li:not(:first-child), .NavigationList_a1_1stGrade, .ResTitle_a2 em, .MenuList_f2>ul>li ul { display: none; }

#pbpage_37 img{
  width: 100%;
}