@charset "utf-8";
/*banner*/
.VideoDisplay_a1_C iframe, .VideoDisplay_a1_C video {
    width: 100%;
    height: 42vw;
    background: #000;
}
.BannerShow_b1 a, .BannerShow_b1 img { display: block; width: 100%; }
.banner-btn>div { cursor: pointer; width: auto; position: static; display: inline-block; vertical-align: bottom; }
.banner-btn { bottom: 0; position: absolute; width: 25.5%; right: 0; color: #333; text-align: center; z-index: 1; font-size: 18px; background: #fff; height: 60px; }
.banner-pagination { display: none; font-size: 24px; }
.arrow-left, .arrow-right { opacity: 0.6; width: 3.125vw; font-family: "宋体"; font-size: 1.3vw; color: #666; font-weight: bold; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; height: 3.125vw; text-align: center; line-height: 3.125vw; border-radius: 50%; border: 1px solid #666; }
.about .arrow-left, .about .arrow-right { color: #fff; border-color: #fff; }
.BannerShow_b1 img { }
.BannerShow_b1 [class*="active"] img { }
.banner-btn:before { content: ''; display: inline-block; vertical-align: bottom; height: 100%; width: 0; }
.arrow-left { left: 5%; }
.arrow-right { right: 5%; }
.BannerShow_b1 { background: #000; }
/*menu-box*/
#MenuList_f1_public-bg { z-index: 2; height: calc(100% - 90px); top: 90px; }
.menu-box { height: 90px; width: 100%; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.05); }
.menu-box .M {overflow: hidden;height: 100%;width: calc(81% - 100px);background: #fff;position: relative;z-index: 0;margin-right: 0%;}/*--menu-box end-----------------*/
/*主导航菜单 2018.02.26*/
.MenuList_f1 { transition: 0.3s ease 0s; position: fixed !important; top: 90px; z-index: 2 !important; background: #fff; right: -350px; height: calc(100vh - 90px); width: 350px; overflow: hidden; opacity: 0; }
.MenuList_f1.on { overflow: auto; opacity: 1; right: 0; }
.MenuList_f1>ul { line-height: 60px; width: 100%; }
.MenuList_f1>ul { font-size: 0; display: block; text-align: right; }
.MenuList_f1>ul>li { position: static; text-align: center; }
.MenuList_f1>ul>li a { display: block; text-transform: capitalize; }
.MenuList_f1>ul>li a span { text-transform: capitalize; display: inline-block; vertical-align: middle; }
.MenuList_f1>ul>li>:first-child { font-weight: normal; display: block; position: relative; z-index: 2; font-size: 16px; color: #333; }
.MenuList_f1>ul>li>:first-child:before { transition: 0.3s ease 0s; content: ''; position: absolute; width: 0%; height: 100%; z-index: -1; background: #01489a; left: 0; bottom: 0; }
.MenuList_f1>ul>li>:first-child.on:before { width: 100%; }
.MenuList_f1>ul>li>:nth-child(2) { transform-origin: top; overflow: hidden; background: #f5f5f5; left: 0; z-index: 2; width: 100%; }
.MenuList_f1>ul>li ul li { max-width: none; float: none; width: auto; padding: 0px; }
.MenuList_f1>ul>li ul li a { transition: 0.3s ease 0s; height: 0; text-transform: capitalize; width: 100%; overflow: hidden; display: block; color: #333; text-align: center; text-decoration: none; font-size: 16px; font-weight: normal; line-height: 0; box-sizing: border-box; }
.MenuList_f2 { transition: 0.3s ease 0s; overflow: hidden; }
.MenuList_f2, .MenuList_f2>ul { line-height: 90px; width: 100%; }
.MenuList_f2>ul { font-size: 0; display: block; text-align: right; }
.MenuList_f2>ul>li { position: static; text-align: center; display: inline-block; vertical-align: top; }
.MenuList_f2>ul>li a { display: block; text-transform: capitalize; }
.MenuList_f2>ul>li a span { text-transform: capitalize; display: inline-block; padding: 0 1.8vw; box-sizing: border-box; vertical-align: middle; line-height: normal; border-left: 1px dashed #01489a; }
.MenuList_f2>ul>li>:first-child { font-weight: normal; display: block; position: relative; z-index: 0; font-size: 16px; color: #333; }
.MenuList_f2>ul>li:first-child span { border: none; }
.MenuList_f2>ul>li>:first-child.on { color: #01489a; }
.MenuList_f2>ul>li>:nth-child(2) { display: none; transform-origin: top; opacity: 0; transform: scale(1, 0); overflow: hidden; line-height: 80px; background: #FFF; background: rgba(255,255,255,0.96); left: 0; z-index: 2; position: absolute; width: 100%; }
.MenuList_f2>ul>li ul li { max-width: none; float: none; margin-left: 80px; width: auto; padding: 0px; display: inline-block; vertical-align: top; }
.MenuList_f2>ul>li ul li a { text-transform: capitalize; width: 100%; overflow: hidden; display: block; color: #555; text-align: center; text-decoration: none; font-size: 14px; font-weight: normal; }
body.on .MenuList_f2 { transform: translateY(-100%); }
/*汉堡菜单PC*/
.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; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { vertical-align: middle; transition: 0.3s ease 0s; display: inline-block; height: 2px; background: #01489a; content: ''; width: 40px; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -10px; }
.menu-icon span:after { bottom: -10px; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-i { width: 40px; transition: 0.5s ease 0.5s; opacity: 1; top: 0; right: 0; overflow: hidden; margin-left: 0; text-align: center; height: 90px; float: right; line-height: 90px; z-index: 0; }
.menu-icon { cursor: pointer; }
.menu-i1 { transition: 0.3s ease 0.8s; opacity: 1; right: 0; }
/*menu-slide 用slide注意效果遮挡*/
.menu-slide { z-index: -1; position: absolute; height: 100%; bottom: 0; transition: 0.5s cubic-bezier(0.21, 0.8, 0.31, 1.21) 0s; overflow: hidden; }
#MenuList_f2_menu-slide i { display: block; height: 4px; background: #01489a; width: 100%; }
#MenuList_f2_menu-slide:after { content: ''; display: block; margin: 0 auto; border-style: solid; border-color: #01489a transparent transparent; border-width: 8px 9px 0; width: 0; height: 0; }
*/ .MenuList_f1.slide-menu {
position: relative;
z-index: 1;
}
/*导航定位使用的类*/
.menu-fix { position: fixed; margin-top: 0; left: 0; top: 0; z-index: 2; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/

/*logo*/
.menu-w { font-size: 0; width: 84%; margin: 0 auto; height: 100%; }
.logo {width: 22%;height: 100%;}
.logo img { width: 100%; }
/*--logo end------------------------------------------*/

/*language*/
.language_box { margin-left: 1.5%; width: 90px; text-align: center; border-radius: 99px; overflow: hidden; border: 1px solid #dfdfdf; box-sizing: border-box; }
.language_box a { font-size: 14px; display: inline-block; color: #333; text-transform: uppercase; width: 50%; height: 30px; line-height: 30px; background: #eee; border-radius: 0; text-align: center; vertical-align: top; }
.language_box a.on { background: #01489a; color: #fff; }
.language_box a:first-child { margin-left: 0; }
/*--language end----------*/
/*f_type:true*/
.MenuList_f1.swiper>ul>li { position: static; }
/*f_type:true*/
.MenuList_f1.swiper>ul { display: flex; }
/*public*/
.w-84 { width: 84%; margin: 0 auto; }
.w-73 { width: 73%; margin: 0 auto; }
.menu-box.menu-fix+.banner { margin-top: 90px; }
.banner { position: relative; z-index: 0; }
.page-banner .pc-720 { height: 28vw; overflow: hidden; }
.pc-720.banner1 { background: url(../images/pc-banner1.jpg) no-repeat bottom center; background-size: cover; background-attachment: fixed; }
.pc-720.banner2 { background: url(../images/pc-banner2.jpg) no-repeat bottom center; background-size: cover; background-attachment: fixed; }
.pc-720.banner3 { background: url(../images/pc-banner3.jpg) no-repeat bottom center; background-size: cover; background-attachment: fixed; }
.pc-720.banner4 { background: url(../images/pc-banner4.jpg) no-repeat bottom center; background-size: cover; background-attachment: fixed; }
.pc-720.banner5 { background: url(../images/pc-banner5.jpg) no-repeat bottom center; background-size: cover; background-attachment: fixed; }
.pc-720.banner6 { background: url(../images/pc-banner6.jpg) no-repeat bottom center; background-size: cover; background-attachment: fixed; }
.ResTitle_a1 em { font-size: 1.6vw; display: block; }
.ResTitle_a1 br { display: none; }
.ResTitle_a1 span { margin-bottom: 5px; display: block; font-size: 2.6vw; }
.ResTitle_a1 { color: #fff; position: absolute; width: 100%; text-transform: uppercase; text-align: center; top: 50%; transform: translateY(-50%); }
.nav { z-index: 1; position: absolute; box-shadow: 0 0 20px 0 rgba(0,0,0,0.05); padding-left: 13.5%; background: #fff; vertical-align: top; top: 0; left: 0; }
.NavList_a1 ul, #NavigationList_d1 ul { overflow: hidden; }
.NavList_a1 li, #NavigationList_d1 li { text-transform: capitalize; width: 12.1vw; float: left; text-align: center; }
.NavList_a1 a, #NavigationList_d1 a { border-left: 1px solid #eee; z-index: 0; position: relative; padding: 11% 0; display: block; box-sizing: border-box; font-size: 16px; color: #666; }
.NavList_a1 a:before, #NavigationList_d1 a:before { content: ''; width: 0; height: 100%; background: #01489a; position: absolute; z-index: -1; right: 0; top: 0; transition: 0.3s ease 0s; }
.NavList_a1 a.on:before, #NavigationList_d1 a.on:before { width: 100%; left: 0; }
.NavList_a1 li:first-child a, #NavigationList_d1 li:first-child a { border-left: none; }
.page-box { padding-top: 10%; position: relative; z-index: 0; }
.nav .mob-720 { font-size: 0; }
.nav .mob-720>:first-child { width: 76.5%; }
.nav .mob-720>:last-child { width: 23.5%; }
.ResTitle_a2 { text-align: center; font-size: 4.2vw; text-transform: uppercase; background: #01489a; color: #666; padding: 4vw 0; }
.nav .mob-720 i, .nav .mob-720>:last-child:before { content: ''; display: block; width: 6vw; height: 2px; background: #01489a; margin: 0 auto; }
.nav .mob-720>:last-child:before { margin-bottom: 1vw; }
.nav .mob-720>:last-child:after { content: ''; border-style: solid; border-color: #01489a transparent transparent; border-width: 3.2vw 3.2vw 0 3.2vw; display: block; width: 0; height: 0; margin: 1vw auto 0; }
.news+.footer-box, .case+.footer-box { margin-top: 0; }
/*i-a*/
.i-a { display: inline-block; vertical-align: top; font-size: 0; text-transform: uppercase; }
.i-a span { transition: 0.3s ease 0s; font-size: 16px; color: #666; }
.i-a i { transition: 0.3s ease 0s; font-size: 18px; color: #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #70b2fd; font-family: "宋体"; text-align: center; margin-left: 20px; }
.i3 .i-a span { color: #fff; }
.rid-img img:first-child { margin-top: 0; }
.rid-img img { max-width: 100%; margin: 10% auto 0; }
/*报价*/
.pricesList_a1 h2 { font-size: 20px; font-weight: normal; color: #666; border-left: 6px solid #ecbc00; padding-left: 14px; }
.pricesList_a1 { position: absolute; font-size: 16px; color: #666; left: 8%; bottom: 8.5%; z-index: 1; }
.pricesList_a1 ul { display: inline-block; border: 1px solid rgba(102,102,102,0.6); vertical-align: top; padding: 10px 30px; margin-top: 20px; }
.pricesList_a1 b { color: #01489a; margin: 0 20px 0 30px; }
.pricesList_a1 i { margin-left: 20px; }
/*footer*/
.footer-box { background: #01489a; border-top: 6px solid #70b2fd; color: #fff; margin-top: 4%; }
.footer-box .T { position: relative; z-index: 0; margin-top: 4%; margin-bottom: 1%; }
.MenuList_f3>ul>li>h3:after { content: ''; width: 20px; height: 2px; display: block; /*background: #fff;*/ margin-top: 15px; }
.MenuList_f3>ul>li>ul h3 { font-size: 14px; font-weight: normal; }
.MenuList_f3>ul>li>h3 { font-size: 16px; font-weight:bold; }
.MenuList_f3>ul>li li { margin-top: 20px; }
.MenuList_f3>ul>li { text-transform: capitalize; margin-left: 6%; display: inline-block; vertical-align: top; }
.MenuList_f3>ul>li:first-child+li { margin-left: 0; }
.footer-box .T .R { position: absolute; width: 130px; font-size: 16px; z-index: 0; right: 0; top: 0; text-align: center; }
.footer-box .T .R p { margin-top: 5px; }
.footer-box .B { text-align: center; font-size: 14px; border-top: 1px solid #8e8e8e; padding: 20px 0; }
.footer-box .B img { display: inline-block; }
.MenuList_f3 a { transition: 0.3s ease 0s; display: block; position: relative; z-index: 0; }
/*rid34*/
.rid34 strong { font-weight: normal; font-size: 1.6vw; }
.rid34 p { font-size: 16px; color: #666; line-height: 2.25; margin-top: 1.5%; }
.rid34 i { font-size: 0; display: block; width: 100%; margin-top: 5%; }
.rid34 .L { width: 35.7%; display: inline-block; vertical-align: top; }
.rid34 .R { width: 63.5%; display: inline-block; vertical-align: top; margin-left: 0.8%; }
.rid34 .L img:first-child { margin-bottom: 2%; }
/*news*/
#NewsList_a1 .data b:before { content: '-'; }
.news { background: #f2f2f2; padding-bottom: 6.5%; }
.news #NewsList_a1 img { width: 100%; height: 100%; }
.ProductList_b2 li img { max-width: 100%; display: inline-block; vertical-align: middle; max-height: 100%; transition: 0.5s linear 0s; }
.news #NewsList_a1 ul, .ProductList_b2 ul { font-size: 0; }
.news #NewsList_a1 li, .ProductList_b2 li { display: inline-block; vertical-align: top; font-size: 14px; width: 32%; margin-left: 2%; margin-bottom: 3%; }
.news #NewsList_a1 li:nth-child(3n+1), .ProductList_b2 li:nth-child(3n+1) { margin-left: 0; }
.news #NewsList_a1 .newimg { background: #01489a; box-sizing: border-box; transition: 0.3s ease 0s; height: 16vw; overflow: hidden; }
.ProductList_b2 li .picimg { background: #fff; height: 16vw; overflow: hidden; font-size: 0; text-align: center; position: relative; z-index: 0; }
.ProductList_b2 li .picimg:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.ProductList_b2 li .picimg:after { transition: 0.3s ease 0s; content: ''; background: url(../images/bg3.png) no-repeat top center; background-size: 100%; width: 14%; position: absolute; padding: 7% 0; left: 43%; top: -100px; z-index: 0; opacity: 0; }
.news #NewsList_a1 .data { font-size: 14px; color: #666; text-align: center; margin-top: 3%; }
.news #NewsList_a1 .newnr { box-sizing: border-box; width: 100%; padding: 5.5% 11% 9%; }
.news #NewsList_a1 .newnr>p { margin-top: 3%; font-size: 14px; color: #666; line-height: 2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 78px; }
.news #NewsList_a1 .newnr>b { font-size: 18px; display: block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; color: #333; }
.news #NewsList_a1 li a, .ProductList_b2 li a { display: block; background: #fff; }
.ProductList_b2 li a { position: relative; z-index: 0; box-sizing: border-box; width: 100%; padding: 10px 10px 0; }
.news #NewsList_a1 .i-a { display: block; text-align: center; border-top: 1px solid #ebebeb; padding: 2.5% 0; }
.news #NewsList_a1 .i-a i { margin-left: -40px; opacity: 0; }
.news #NewsList_a1 .i-a span { color: #01489a; }
.ProductList_b2 li h3 { transition: 0.3s ease 0s; margin-top: 10px; padding: 6% 0; text-align: center; font-weight: normal; font-size: 18px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-top: 1px solid #eee; }
.ProductList_b2 li a:before { content: ''; position: absolute; z-index: -1; width: 100%; left: 0; bottom: 0; height: 0; transition: 0.3s ease 0s; background: #01489a; }
/*case*/
.case { background: #f9f9f9; padding-bottom: 6.5%; }
.case .w-73 { background: #fff; font-size: 0; }
.rid45 .L { display: block; width: 100%; background: url(../images/bg1.png) no-repeat right bottom; background-size: 20% auto; }
.rid45 .R { width: 100%; display: block; margin-top: 5%; }
.PhotoList_i2 ul { box-sizing: border-box; padding: 4% 5%; }
.PhotoList_i2 li a { display: block; font-size: 0; }
.PhotoList_i2 li { margin: 0 0 2%; display: inline-block; vertical-align: top; font-size: 16px; color: #01489a; width: 33.33333%; text-align: left; box-sizing: border-box; line-height: 1.5; padding-right: 2%; }
.PhotoList_i2 li a:before { margin-top: 9px; content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #01489a; vertical-align: middle; margin-right: 8%; }
.PhotoList_i2 h4 { display: inline-block; vertical-align: top; max-width: calc(92% - 18px); font-weight: normal; font-size: 18px; }
/*contact*/
.contact { background: #fbfbfb; padding-bottom: 6.5%; }
.contact .w-73 { font-size: 0; background: #01489a; }
.rid52 .L { width: 35.7%; color: #444; }
.rid52 .R { font-size: 14px; width: 64.3%; box-sizing: border-box; border-left: 1px solid #fff; }
.rid52 .L>div { width: 100%; padding: 0 12%; box-sizing: border-box; }
.rid52 .L strong { font-size: 1.4vw; display: block; }
.rid52 .L p { margin-top: 5px; font-size: 12px; color: #2d435f; text-transform: uppercase; }
.rid52 .L i img { position: absolute; z-index: -1; left: 50%; top: 50%; max-width: 50%; max-height: 50%; transform: translate(-50%, -50%); }
.rid52 .L i { background: #01489a; position: relative; width: 10%; padding: 5% 0; border: 1px solid #fff; border-radius: 50%; z-index: 0; }
.rid52 li span { font-size: 16px; line-height: 1.75; margin-left: 5%; width: calc(85% - 2px); margin-top: 2%; }
.rid52 .L ul { position: relative; z-index: 0; margin-top: 11%; }
.rid52 .L ul:before { content: ''; position: absolute; top: 0; left: 5%; width: 1px; background: #fff; height: 100%; }
.rid52 .L li { margin-top: 8%; }
.rid52 .L li:first-child { margin-top: 0; }
/*rid35*/
.rid35 .PhotoList_i1 img { max-height: 90%; max-width: 90%; }
/*video*/
.VideoList_d1 li span { box-sizing: border-box; position: absolute; font-size: 1vw; color: #fff; bottom: 0; width: 100%; background: rgba(0,0,0,0.3); text-align: center; padding: 3.5% 10px; transition: 0.3s ease 0s; transform: translateY(100%); opacity: 0; z-index: 0; }
.VideoList_d1 li a img { height: 100%; }
.VideoList_d1 li a { display: block; height: auto; position: relative; z-index: 0; }
.VideoList_d1 li:nth-child(2n+1) { margin-left: 0; }
.VideoList_d1 ul { font-size: 0; }
.VideoList_d1 li { margin-bottom: 4%; overflow: hidden; position: relative; margin-left: 0; display: inline-block; vertical-align: top; font-size: 14px; width: 100%; z-index: 0; }
.VideoList_d1 li a:before { position: absolute; content: ''; width: 90px; height: 90px; box-sizing: border-box; border-radius: 50%; border: 4px solid #01489a; top: 50%; left: 50%; background: transparent; transition: 0.3s ease 0s; z-index: 0; margin-left: -45px; margin-top: -45px; }
.VideoList_d1 li a:after { content: ''; position: absolute; z-index: 0; width: 0; height: 0; top: 0; left: 0; border-style: solid; border-color: transparent transparent transparent #01489a; top: 50%; border-width: 15px 0 15px 24px; left: 50%; margin-left: -12px; margin-top: -15px; transition: 0.3s ease 0s; }
.VideoDisplay_a1 h2 { color: #01489a; text-align: center; font-size: 1.9vw; margin-bottom: 3%; }
.VideoDisplay_a1_C iframe { width: 100%; display: block; height: 40.8vw; }
/*slide*/
.slide-box { width: 70px; position: fixed; right: 10px; bottom: 20px; z-index: 1; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); text-align: center; }
.slide-box a { background: #01489a; overflow: hidden; position: relative; display: block; width: 100%; padding: 10px 0; z-index: 1; }
.slide-box i { display: block; }
.slide-box p { font-size: 12px; color: #fff; margin-top: 10px; transition: 0.3s ease 0s; }
.slide-box img { max-width: 45%; margin: 0 auto; transition: 0.3s ease 0s; }
.slide-box a:hover img { transform: translateY(-5px); }
.slide-box a:hover p { color: fff; }
.ClassList_b1 { background: #eee; text-transform: capitalize; }
.ClassList_b1 a { height: 100%; transition: 0.3s ease 0s; font-size: 16px; color: #444; display: block; text-align: center; box-sizing: border-box; padding: 15px 10px; }
.ClassList_b1 ul { font-size: 0; display: flex }
.ClassList_b1 li { width: 20%; display: inline-block; vertical-align: top; }
.ClassList_b1 a.on { background: #01489a; color: #fff; }
.ProductList_b2 { margin-top: 4%; }
.VideoDisplay_a1_back, .MenuList_f3>ul>li:first-child, .ResTitle_a2 br, .ResTitle_a2 em, #NewsList_a1 .data i, .ProductList_b2 li span, .PhotoList_i2 img, .PhotoList_i2 span { display: none; }