@charset "UTF-8";
/*scss定义*/
/*文本超出省略*/
/*默认*/
* { margin: 0; padding: 0; font-family: 微软雅黑,'Heiti SC',黑体,Arial; }

body { font-size: 16px; color: #666666; min-width: 1200px; }

img { border: none; }

ul li, ol li { list-style: none; }

h1, h2, h3 { font-weight: normal; }

a { border: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; text-decoration: none; }

a:focus { outline: none; }

input, select, textarea { border: none; outline: none; }

textarea { resize: none; }

i { display: block; }

.fl { float: left; }

.fr { float: right; }

.clear:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; _zoom: 1; }

.w1200 { width: 1200px; margin: 0 auto; }

/*index*/
.index_nav { width: 1400px; margin: 0 auto; height: 80px; }
.index_nav img { float: left; width: 187px; height: 58px; margin-top: 12px; }
.index_nav ul { float: left; margin-left: 150px; }
.index_nav ul li { float: left; }
.index_nav ul li a { display: block; font-size: 18px; color: #333333; line-height: 80px; padding-left: 20px; padding-right: 20px; transition: all 0.3s linear; }
.index_nav ul li a:hover { background-color: #0265b8; color: #ffffff; }
.index_nav ul li a.index_navon { background-color: #0265b8; color: #ffffff; }
.index_nav div { float: left; margin-top: 15px; margin-left: 30px; }
.index_nav div h3 { font-size: 16px; color: #0265b8; background: url(../images/index_p_06.png) no-repeat left center; padding-left: 30px; line-height: 30px; }
.index_nav div h2 { font-size: 16px; color: #0265b8; }
.index_nav .index_navx1 { float: right; width: 50px; height: 50px; background-color: #0265b8; border-radius: 50%; text-align: center; line-height: 50px; font-size: 14px; color: #ffffff; margin-top: 15px; }
.index_nav .index_navx1 span { font-size: 16px; }

/*首页banner*/
.index_bannerbox { position: relative; width: 100%; height: 750px; }

.index_bannerbox .picScroll-left { width: 100%; overflow: hidden; position: relative; }

.index_bannerbox .picScroll-left .prev { position: absolute; left: 100px; top: 45%; background: url(../images/index_p2_18.png) no-repeat; width: 28px; height: 50px; cursor: pointer; opacity: 0.8; }

.index_bannerbox .picScroll-left .next { position: absolute; right: 100px; top: 45%; background: url(../images/index_p2_21.png) no-repeat; width: 28px; height: 50px; cursor: pointer; opacity: 0.8; }

.index_bannerbox .picScroll-left .prev:hover, .index_bannerbox .picScroll-left .next:hover { opacity: 1; }

.index_bannerbox .picScroll-left .hd { overflow: hidden; height: 15px; position: absolute; left: 45%; bottom: 20px; }

.index_bannerbox .picScroll-left .hd ul { overflow: hidden; zoom: 1; }

.index_bannerbox .picScroll-left .hd ul li { float: left; width: 60px; height: 4px; overflow: hidden; margin-right: 10px; text-indent: -999px; cursor: pointer; background-color: #ffffff; }

.index_bannerbox .picScroll-left .hd ul li.on { background-color: #0265b8; }

.index_bannerbox .picScroll-left .bd { position: relative; left: 50%; margin-left: -960px; }

.index_bannerbox .picScroll-left .bd ul { overflow: hidden; zoom: 1; }

.index_bannerbox .picScroll-left .bd ul li { float: left; _display: inline; overflow: hidden; position: relative; }

.index_bannerbox .picScroll-left .bd ul li .pic img { width: 1920px; height: 750px; display: block; }

.index_bxx1 { position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 220px; }
.index_bxx1 h3 { font-size: 48px; color: #003399; width: 620px; }
.index_bxx1 p { font-size: 16px; color: #2b2b2b; margin-top: 20px; line-height: 26px; width: 620px; }
.index_bxx1 a { display: block; width: 125px; height: 36px; text-align: center; line-height: 36px; background-color: #c9232a; border-radius: 18px; font-size: 18px; color: #ffffff; margin-top: 60px; }

/*关于我们*/
.index_dte { display: block; margin: 0 auto; margin-top: 60px; }
.index_dte h3 { font-size: 36px; color: #666666; text-align: center; background: url(../images/index_p_11.png) no-repeat center bottom; padding-bottom: 10px; }
.index_dte h2 { text-align: center; margin-top: 10px; font-size: 20px; color: #333333; }

.index_atx { display: table; margin: 0 auto; margin-top: 40px; }
.index_atx a { margin-left: 20px; margin-right: 20px; }
.index_atx .index_atx1 { width: 260px; float: left; }
.index_atx .index_atx1 h3 { font-size: 20px; color: #333333; text-align: center; background: url(../images/index_p_17.png) no-repeat center top; padding-top: 136px; transition: all 0.3s linear; }
.index_atx .index_atx1 p { font-size: 16px; color: #666666; line-height: 26px; margin-top: 20px; text-align: center; transition: all 0.3s linear; }
.index_atx .index_atx1:hover h3 { background: url(../images/index_p_15.png) no-repeat center top; color: #0066cc; }
.index_atx .index_atx1:hover p { color: #0066cc; }
.index_atx .index_atx2 { width: 260px; float: left; }
.index_atx .index_atx2 h3 { font-size: 20px; color: #333333; text-align: center; background: url(../images/index_p_19.png) no-repeat center top; padding-top: 136px; transition: all 0.3s linear; }
.index_atx .index_atx2 p { font-size: 16px; color: #666666; line-height: 26px; margin-top: 20px; text-align: center; transition: all 0.3s linear; }
.index_atx .index_atx2:hover h3 { background: url(../images/index_p_21.png) no-repeat center top; color: #0066cc; }
.index_atx .index_atx2:hover p { color: #0066cc; }
.index_atx .index_atx3 { width: 260px; float: left; }
.index_atx .index_atx3 h3 { font-size: 20px; color: #333333; text-align: center; background: url(../images/index_p_29.png) no-repeat center top; padding-top: 136px; transition: all 0.3s linear; }
.index_atx .index_atx3 p { font-size: 16px; color: #666666; line-height: 26px; margin-top: 20px; text-align: center; transition: all 0.3s linear; }
.index_atx .index_atx3:hover h3 { background: url(../images/index_p_31.png) no-repeat center top; color: #0066cc; }
.index_atx .index_atx3:hover p { color: #0066cc; }
.index_atx .index_atx4 { width: 260px; float: left; }
.index_atx .index_atx4 h3 { font-size: 20px; color: #333333; text-align: center; background: url(../images/index_p_24.png) no-repeat center top; padding-top: 136px; transition: all 0.3s linear; }
.index_atx .index_atx4 p { font-size: 16px; color: #666666; line-height: 26px; margin-top: 20px; text-align: center; transition: all 0.3s linear; }
.index_atx .index_atx4:hover h3 { background: url(../images/index_p_26.png) no-repeat center top; color: #0066cc; }
.index_atx .index_atx4:hover p { color: #0066cc; }

/*产品中心*/
.index_product { width: 100%; height: 580px; background: url(../images/index_j_04.jpg) no-repeat center center; position: relative; margin-top: 40px; cursor: pointer; transition: all 0.3s linear; margin-bottom: 300px; }
.index_product:hover { opacity: 0.9; }
.index_product .index_ptvideo { position: absolute; width: 100%; height: 388px; top: 0; left: 0; }
.index_product .index_ptx { position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 388px; }
.index_product .index_ptx .index_ptx1 { width: 400px; float: left; }
.index_product .index_ptx .index_ptx1 img { display: block; width: 400px; height: 237px; }
.index_product .index_ptx .index_ptx1 div { height: 148px; overflow: hidden; transition: all 0.3s linear; background: url(../images/index_p_49.png) no-repeat center 148px #f4f4f4; }
.index_product .index_ptx .index_ptx1 div h3 { width: 370px; margin: 0 auto; font-size: 18px; color: #333333; text-align: center; margin-top: 25px; transition: all 0.3s linear; }
.index_product .index_ptx .index_ptx1 div p { width: 370px; margin: 0 auto; font-size: 16px; color: #333333; line-height: 26px; margin-top: 20px; text-align: center; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: all 0.3s linear; }
.index_product .index_ptx .index_ptx1:hover div { background: url(../images/index_p_49.png) no-repeat center bottom #0265b8; }
.index_product .index_ptx .index_ptx1:hover div h3, .index_product .index_ptx .index_ptx1:hover div p { color: #ffffff; }

.theme-popover { z-index: 999; position: fixed; top: 50%; left: 50%; width: 600px; height: 465px; margin: -325px 0 0 -300px; border-radius: 5px; border: solid 2px #666; background-color: #fff; display: none; box-shadow: 0 0 10px #666; }

.theme-popover .close { width: 20px; height: 20px; background: url(../images/index_tkclose.png) no-repeat; position: absolute; right: 20px; top: 20px; }

/*工程案例*/
.index_case .picScroll-left { width: 1320px; margin: 0 auto; overflow: hidden; position: relative; margin-top: 50px; }

.index_case .picScroll-left .prev { width: 35px; height: 35px; cursor: pointer; position: absolute; left: 0; top: 120px; background: url(../images/index_p_41.png) no-repeat; z-index: 999; }

.index_case .picScroll-left .next { width: 35px; height: 35px; cursor: pointer; position: absolute; right: 0; top: 120px; background: url(../images/index_p_44.png) no-repeat; z-index: 999; }

.index_case .picScroll-left .bd { position: relative; width: 1200px; margin: 0 auto; }

.index_case .picScroll-left .bd ul { overflow: hidden; zoom: 1; }

.index_case .picScroll-left .bd ul li { width: 204px; float: left; _display: inline; overflow: hidden; position: relative; margin-left: 17px; margin-right: 17px; cursor: pointer; }

.index_case .picScroll-left .bd ul li .pic { width: 204px; height: 274px; overflow: hidden; }

.index_case .picScroll-left .bd ul li .pic img { width: 204px; height: 274px; display: block; transition: all 0.5s linear; }

.index_cex1 { position: absolute; width: 100%; height: 274px; background: url(../images/index_p_49.png) no-repeat center 230px rgba(2, 101, 184, 0.8); overflow: hidden; left: 0; bottom: -274px; transition: all 0.3s linear; }
.index_cex1 h3 { text-align: center; font-size: 24px; color: #ffffff; margin-top: 30px; margin-bottom: 30px; }
.index_cex1 p { font-size: 16px; color: #ffffff; line-height: 26px; width: 180px; margin: 0 auto; text-align: center; }

.index_case .picScroll-left .bd ul li:hover .index_cex1 { bottom: 0; }

.index_case .picScroll-left .bd ul li:hover .pic img { transform: scale(1.2); }

/*新闻资讯*/
.index_newsx { margin-top: 35px; }

.pt_dsb10xy { width: 100%; }

.pt_dsb10xysbox { height: 40px; margin-bottom: 35px; }

.pt_dsb10xys { display: table; margin: 0 auto; }

.pt_dsb10xys div { float: left; width: 150px; cursor: pointer; margin-left: 10px; margin-right: 10px; }

.pt_dsb10xys div h3 { text-align: center; font-size: 16px; color: #333333; height: 40px; border: solid 1px #0265b8; background-color: #ffffff; line-height: 40px; transition: all 0.3s linear; }

.pt_dsb10xys div h3.pt_dsb10xyson { color: #ffffff; background-color: #0265b8; border: solid 1px #0265b8; }

.pt_dsb10xyx1 { height: 0px; overflow: hidden; }

.pt_dsb10xyx1 .picScroll-left { width: 580px; overflow: hidden; position: relative; height: 380px; float: right; }

.pt_dsb10xyx1 .picScroll-left .hd { overflow: hidden; height: 15px; position: absolute; width: 20%; right: 0; bottom: 18px; }

.pt_dsb10xyx1 .picScroll-left .hd ul { overflow: hidden; zoom: 1; display: table; margin: 0 auto; }

.pt_dsb10xyx1 .picScroll-left .hd ul li { float: left; width: 12px; height: 12px; overflow: hidden; margin-right: 10px; text-indent: -999px; cursor: pointer; background-color: #525051; border-radius: 50%; transition: all 0.3s linear; }

.pt_dsb10xyx1 .picScroll-left .hd ul li.on { background-color: #e56347; }

.pt_dsb10xyx1 .picScroll-left .bd { position: relative; }

.pt_dsb10xyx1 .picScroll-left .bd ul { overflow: hidden; zoom: 1; }

.pt_dsb10xyx1 .picScroll-left .bd ul li { float: left; _display: inline; overflow: hidden; position: relative; width: 580px; }

.index_nsx1 { width: 74px; height: 74px; border: solid 1px #333333; float: left; }
.index_nsx1 h3 { font-size: 18px; color: #333333; font-weight: bold; width: 70px; margin: 0 auto; text-align: center; border-bottom: solid 1px #333333; margin-top: 10px; padding-bottom: 5px; }
.index_nsx1 h2 { font-size: 18px; color: #333333; text-align: center; margin-top: 5px; }

.index_nsx2 { width: 480px; float: right; }
.index_nsx2 h3 { font-size: 18px; color: #333333; }
.index_nsx2 p { font-size: 16px; color: #666666; line-height: 26px; }

.index_nsx { width: 580px; margin-bottom: 35px; }
.index_nsx:hover .index_nsx1 { border: solid 1px #e56347; }
.index_nsx:hover .index_nsx1 h3 { color: #e56347; border-bottom: solid 1px #e56347; }
.index_nsx:hover .index_nsx1 h2 { color: #e56347; }
.index_nsx:hover .index_nsx2 h3 { color: #e56347; }

.pt_dsb10xyx1x2 { width: 583px; height: 363px; float: left; position: relative; overflow: hidden; }
.pt_dsb10xyx1x2 img { display: block; width: 583px; height: 363px; transition: all 0.5s linear; }
.pt_dsb10xyx1x2 div { width: 100%; height: 60px; background: url(../images/index_p_53.png) no-repeat 540px center rgba(2, 101, 184, 0.8); position: absolute; left: 0; bottom: 0; }
.pt_dsb10xyx1x2 div h3 { font-size: 20px; color: #ffffff; line-height: 60px; margin-left: 20px; }
.pt_dsb10xyx1x2:hover img { transform: scale(1.2); }

/*团队风采*/
.index_team { width: 100%; height: 478px; position: relative; margin-top: 40px; overflow: hidden; }
.index_team .index_tmx1 { position: absolute; left: 0; top: 0; width: 20%; overflow: hidden; height: 478px; transition: all 0.5s linear; z-index: 1; }
.index_team .index_tmx1 img { width: 566px; height: 478px; transition: all 0.5s linear; }
.index_team .index_tmx1 div { width: 100%; height: 478px; position: absolute; left: 0; bottom: 0; transition: all 0.3s linear; }
.index_team .index_tmx1 div h3 { width: 146px; height: 48px; background-color: #333333; text-align: center; line-height: 48px; color: #ffffff; font-size: 20px; color: #ffffff; position: absolute; left: 0; bottom: 0; transition: all 0.5s linear; }
.index_team .index_tmx1 div p { position: absolute; left: 0; bottom: 20px; padding-left: 20px; padding-right: 20px; background: rgba(255, 255, 255, 0.8); font-size: 16px; color: #333333; line-height: 26px; opacity: 0; transition: all 0.5s linear; }
.index_team .index_tmx1:hover { width: 566px; z-index: 999; }
.index_team .index_tmx1:hover img { transform: scale(1.2); }
.index_team .index_tmx1:hover div { background: rgba(2, 101, 184, 0.8); }
.index_team .index_tmx1:hover div h3 { bottom: 150px; background-color: #e56347; }
.index_team .index_tmx1:hover div p { opacity: 1; }
.index_team .index_tmx2 { position: absolute; left: 20%; top: 0; width: 20%; overflow: hidden; height: 478px; transition: all 0.5s linear; z-index: 1; }
.index_team .index_tmx2 img { width: 566px; height: 478px; transition: all 0.5s linear; }
.index_team .index_tmx2 div { width: 100%; height: 478px; position: absolute; left: 0; bottom: 0; transition: all 0.3s linear; }
.index_team .index_tmx2 div h3 { width: 146px; height: 48px; background-color: #333333; text-align: center; line-height: 48px; color: #ffffff; font-size: 20px; color: #ffffff; position: absolute; left: 0; bottom: 0; transition: all 0.5s linear; }
.index_team .index_tmx2 div p { position: absolute; left: 0; bottom: 20px; padding-left: 20px; padding-right: 20px; background: rgba(255, 255, 255, 0.8); font-size: 16px; color: #333333; line-height: 26px; opacity: 0; transition: all 0.5s linear; }
.index_team .index_tmx2:hover { width: 566px; z-index: 999; }
.index_team .index_tmx2:hover img { transform: scale(1.2); }
.index_team .index_tmx2:hover div { background: rgba(2, 101, 184, 0.8); }
.index_team .index_tmx2:hover div h3 { bottom: 150px; background-color: #e56347; }
.index_team .index_tmx2:hover div p { opacity: 1; }
.index_team .index_tmx3 { position: absolute; left: 40%; top: 0; width: 20%; overflow: hidden; height: 478px; transition: all 0.5s linear; z-index: 1; }
.index_team .index_tmx3 img { width: 566px; height: 478px; transition: all 0.5s linear; }
.index_team .index_tmx3 div { width: 100%; height: 478px; position: absolute; left: 0; bottom: 0; transition: all 0.3s linear; }
.index_team .index_tmx3 div h3 { width: 146px; height: 48px; background-color: #333333; text-align: center; line-height: 48px; color: #ffffff; font-size: 20px; color: #ffffff; position: absolute; left: 0; bottom: 0; transition: all 0.5s linear; }
.index_team .index_tmx3 div p { position: absolute; left: 0; bottom: 20px; padding-left: 20px; padding-right: 20px; background: rgba(255, 255, 255, 0.8); font-size: 16px; color: #333333; line-height: 26px; opacity: 0; transition: all 0.5s linear; }
.index_team .index_tmx3:hover { width: 566px; z-index: 999; }
.index_team .index_tmx3:hover img { transform: scale(1.2); }
.index_team .index_tmx3:hover div { background: rgba(2, 101, 184, 0.8); }
.index_team .index_tmx3:hover div h3 { bottom: 150px; background-color: #e56347; }
.index_team .index_tmx3:hover div p { opacity: 1; }
.index_team .index_tmx4 { position: absolute; left: 60%; top: 0; width: 20%; overflow: hidden; height: 478px; transition: all 0.5s linear; z-index: 1; }
.index_team .index_tmx4 img { width: 566px; height: 478px; transition: all 0.5s linear; }
.index_team .index_tmx4 div { width: 100%; height: 478px; position: absolute; left: 0; bottom: 0; transition: all 0.3s linear; }
.index_team .index_tmx4 div h3 { width: 146px; height: 48px; background-color: #333333; text-align: center; line-height: 48px; color: #ffffff; font-size: 20px; color: #ffffff; position: absolute; left: 0; bottom: 0; transition: all 0.5s linear; }
.index_team .index_tmx4 div p { position: absolute; left: 0; bottom: 20px; padding-left: 20px; padding-right: 20px; background: rgba(255, 255, 255, 0.8); font-size: 16px; color: #333333; line-height: 26px; opacity: 0; transition: all 0.5s linear; }
.index_team .index_tmx4:hover { width: 566px; z-index: 999; }
.index_team .index_tmx4:hover img { transform: scale(1.2); }
.index_team .index_tmx4:hover div { background: rgba(2, 101, 184, 0.8); }
.index_team .index_tmx4:hover div h3 { bottom: 150px; background-color: #e56347; }
.index_team .index_tmx4:hover div p { opacity: 1; }
.index_team .index_tmx5 { position: absolute; right: 0; top: 0; width: 20%; overflow: hidden; height: 478px; transition: all 0.5s linear; z-index: 1; }
.index_team .index_tmx5 img { width: 566px; height: 478px; transition: all 0.5s linear; }
.index_team .index_tmx5 div { width: 100%; height: 478px; position: absolute; left: 0; bottom: 0; transition: all 0.3s linear; }
.index_team .index_tmx5 div h3 { width: 146px; height: 48px; background-color: #333333; text-align: center; line-height: 48px; color: #ffffff; font-size: 20px; color: #ffffff; position: absolute; left: 0; bottom: 0; transition: all 0.5s linear; }
.index_team .index_tmx5 div p { position: absolute; left: 0; bottom: 20px; padding-left: 20px; padding-right: 20px; background: rgba(255, 255, 255, 0.8); font-size: 16px; color: #333333; line-height: 26px; opacity: 0; transition: all 0.5s linear; }
.index_team .index_tmx5:hover { width: 566px; z-index: 999; }
.index_team .index_tmx5:hover img { transform: scale(1.2); }
.index_team .index_tmx5:hover div { background: rgba(2, 101, 184, 0.8); }
.index_team .index_tmx5:hover div h3 { bottom: 150px; background-color: #e56347; }
.index_team .index_tmx5:hover div p { opacity: 1; }

/*联系我们*/
.index_ctx { margin-top: 40px; }
.index_ctx .index_ctxz { float: left; width: 460px; }
.index_ctx .index_ctxz h3 { font-size: 18px; color: #333333; margin-top: 30px; }
.index_ctx .index_ctxz h2 { font-size: 16px; color: #666666; margin-top: 10px; }
.index_ctx span { float: left; width: 1px; height: 350px; background-color: #e7e3e3; margin-top: 30px; margin-left: 20px; }
.index_ctx .index_ctxy { float: right; width: 660px; }
.index_ctx .index_ctxy .index_ctxy1 { border: solid 1px #999999; height: 50px; width: 638px; padding-left: 20px; display: block; margin-top: 20px; font-size: 16px; color: #333333; }
.index_ctx .index_ctxy textarea { height: 110px; padding-top: 20px; border: solid 1px #999999; width: 638px; padding-left: 20px; display: block; margin-top: 20px; font-size: 16px; color: #333333; }
.index_ctx .index_ctxy .index_ctxy2 { display: block; width: 100%; height: 50px; background-color: #e56347; margin-top: 20px; font-size: 20px; color: #ffffff; cursor: pointer; }

/*底部*/
.index_bmb1 { height: 100px; background-color: #025193; margin-top: 60px; }
.index_bmb1 div { display: table; margin: 0 auto; }
.index_bmb1 div h3 { float: left; line-height: 100px; font-size: 30px; color: #ffffff; font-weight: bold; margin-left: 30px; margin-right: 30px; }

.index_bmb2 { height: 260px; background-color: #012f55; overflow: hidden; }
.index_bmb2 .index_bmb2c { margin-top: 35px; }
.index_bmb2 .index_bmb2c .index_bmb2c1 { float: left; width: 250px; }
.index_bmb2 .index_bmb2c .index_bmb2c1 img { display: block; width: 187px; height: 58px; margin-bottom: 20px; }
.index_bmb2 .index_bmb2c .index_bmb2c1 h3 { font-size: 16px; color: #cccccc; margin-bottom: 4px; }
.index_bmb2 .index_bmb2c .index_bmb2c2 { float: left; width: 150px; margin-left: 20px; }
.index_bmb2 .index_bmb2c .index_bmb2c2 img { display: block; width: 137px; height: 137px; margin: 0 auto; }
.index_bmb2 .index_bmb2c .index_bmb2c2 h3 { text-align: center; margin-top: 10px; font-size: 16px; color: #999999; }
.index_bmb2 .index_bmb2c dl { float: right; margin-left: 20px; }
.index_bmb2 .index_bmb2c dl dt { font-size: 18px; color: #cccccc; margin-bottom: 20px; }
.index_bmb2 .index_bmb2c dl dd a { display: block; font-size: 16px; color: #999999; margin-bottom: 10px; }
.index_bmb2 .index_bmb2c dl dd a:hover { opacity: 0.8; }

.index_bmb3 { height: 80px; background-color: #012f55; border-top: solid 1px #666666; }
.index_bmb3 p { text-align: center; line-height: 80px; font-size: 18px; color: #999999; }
.index_bmb3 p a { font-size: 18px; color: #999999; }
.index_bmb3 p a:hover { opacity: 0.8; }

/*w_contact*/
.w_banner { width: 100%; height: 400px; position: relative; overflow: hidden; }
.w_banner img { position: absolute; width: 1920px; height: 400px; left: 50%; margin-left: -960px; }

.w_ctb1 { margin-top: 40px; }
.w_ctb1 div { width: 349px; padding-right: 20px;padding-left: 20px;}
.w_ctb1 div h3 { font-size: 24px; color: #333333; }
.w_ctb1 div h2 { font-size: 18px; color: #333333; margin-top: 10px; }
.w_ctb1 span { float: left; width: 1px; height: 160px; background-color: #333333;  }

#allmap { width: 1200px; height: 440px; margin: 0 auto; margin-top: 40px; }

.w_ctb2 { margin-top: 40px; }
.w_ctb2 .w_ctb2s { border-bottom: solid 1px #cccccc; padding-bottom: 15px; }
.w_ctb2 .w_ctb2s h3 { font-size: 18px; color: #333333; float: left; }
.w_ctb2 .w_ctb2s h2 { font-size: 18px; color: #333333; float: right; }
.w_ctb2 .w_ctb2x .w_ctb2x1 { width: 550px; height: 37px; border: solid 1px #cccccc; padding-left: 20px; line-height: 37px; font-size: 16px; margin-top: 20px; }
.w_ctb2 .w_ctb2x textarea { width: 550px; height: 137px; border: solid 1px #cccccc; padding-left: 20px; padding-top: 20px; font-size: 16px; margin-top: 20px; }
.w_ctb2 .w_ctb2x .w_ctb2x2 { width: 572px; height: 60px; background-color: #0066cc; cursor: pointer; font-size: 24px; color: #ffffff; margin-top: 80px; }

/*w_team*/
.w_tmb1 { margin-top: 40px; position: relative; height: 397px; }
.w_tmb1 .w_tmb1x1 { float: left; width: 572px; height: 398px; }
.w_tmb1 .w_tmb1x1:hover { opacity: 0.8; }
.w_tmb1 .w_tmb1x2 { float: right; width: 590px; }
.w_tmb1 .w_tmb1x2 h3 { font-size: 18px; color: #333333; margin-top: 20px; }
.w_tmb1 .w_tmb1x2 p { font-size: 16px; color: #666666; line-height: 26px; margin-top: 30px; }
.w_tmb1 .w_tmb1x3 { position: absolute; right: 0; bottom: -40px; }
.w_tmb1 .w_tmb1x3 img { float: right; width: 245px; height: 142px; margin-left: 12px; }
.w_tmb1 .w_tmb1x3 img:hover { opacity: 0.8; }

.w_tmb2 { margin-top: 60px; }
.w_tmb2 .w_tmb2x1 { width: 446px; float: left; height: 282px; background-color: #0265b8;  margin-top: 60px;}
.w_tmb2 .w_tmb2x1 div { width: 400px; height: 150px; margin: 0 auto; margin-top: 60px; }
.w_tmb2 .w_tmb2x1 div h3 { font-size: 18px; color: #fff; width: 400px; margin: 0 auto; }
.w_tmb2 .w_tmb2x1 div p { width: 400px; margin: 0 auto; margin-top: 20px; font-size: 16px; color: #fff; line-height: 26px; }
.w_tmb2 .w_tmb2x2 img { float: right; width: 754px; height: 400px; }
.w_tmb2 img:hover { opacity: 0.8; }
.w_tmb2 .w_tmb2x2{width: 754px;height: 400px;float: left; }
/*w_case*/
.w_ceb1x1 { margin-top: 40px; }
.w_ceb1x1 .w_ceb1x1s { width: 580px; height: 300px; overflow: hidden; }
.w_ceb1x1 .w_ceb1x1s img { display: block; width: 580px; height: 300px; transition: all 0.5s linear; }
.w_ceb1x1 .w_ceb1x1x { border: solid 1px #999999; height: 100px; background: url(../images/index_p_44.png) no-repeat 500px center; transition: all 0.3s linear; }
.w_ceb1x1 .w_ceb1x1x h3 { width: 450px; margin-top: 20px; margin-left: 20px; font-size: 18px; color: #333333; }
.w_ceb1x1 .w_ceb1x1x p { width: 450px; margin-top: 10px; margin-left: 20px; font-size: 16px; color: #666666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.w_ceb1x1:hover .w_ceb1x1s img { transform: scale(1.2); }
.w_ceb1x1:hover .w_ceb1x1x { background: url(../images/index_p_44.png) no-repeat 510px center; }
.w_ceb1x1:hover .w_ceb1x1x h3, .w_ceb1x1:hover .w_ceb1x1x p { color: #0066cc; }

.w_paging { display: table; margin: 0 auto; margin-top: 40px; }
.w_paging a { float: left; height: 30px; line-height: 30px; padding-left: 10px; padding-right: 10px; border: solid 1px #ededed; margin-right: 10px; font-size: 14px; color: #999999; }
.w_paging a:hover { background-color: #0265b8; color: #ffffff; border: solid 1px #0265b8; }
.w_paging a.w_pagingon { background-color: #0265b8; color: #ffffff; border: solid 1px #0265b8; }
.w_paging div { font-size: 14px; color: #999999; line-height: 32px; margin-right: 10px; float: left; }
.w_paging .w_pgx1 { height: 30px; line-height: 30px; border: solid 1px #ededed; width: 30px; float: left; margin-right: 10px; }
.w_paging .w_pgx2 { float: left; width: 44px; height: 30px; text-align: center; line-height: 30px; border: solid 1px #ededed; font-size: 14px; color: #333333; background-color: #ffffff; cursor: pointer; }

/*w_news*/
.w_nsb1 { display: table; margin: 0 auto; margin-top: 40px; }
.w_nsb1 a { float: left; width: 160px; height: 47px; border: solid 1px #333333; text-align: center; line-height: 47px; font-size: 24px; color: #333333; margin-left: 20px; margin-right: 20px; transition: all 0.3s linear; }
.w_nsb1 a:hover { background-color: #0066cc; color: #ffffff; border: solid 1px #0066cc; }
.w_nsb1 a.w_nsb1on { background-color: #0066cc; color: #ffffff; border: solid 1px #0066cc; }

.w_nsb2 { margin-top: 40px; border-bottom: solid 1px #cccccc; padding-bottom: 30px; }
.w_nsb2 .w_nsb2x1 { float: left; width: 601px; height: 330px; overflow: hidden; }
.w_nsb2 .w_nsb2x1 img { display: block; width: 601px; height: 330px; transition: all 0.5s linear; }
.w_nsb2 .w_nsb2x2 { float: right; width: 550px; }
.w_nsb2 .w_nsb2x2 h3 { font-size: 18px; color: #333333; }
.w_nsb2 .w_nsb2x2 p { font-size: 16px; color: #666666; line-height: 26px; margin-top: 15px; }
.w_nsb2 .w_nsb2x2 div { margin-top: 15px; }
.w_nsb2 .w_nsb2x2 div h2 { float: left; font-size: 16px; color: #cccccc; margin-right: 30px; }
.w_nsb2:hover .w_nsb2x1 img { transform: scale(1.2); }

.w_nsb3 { margin-top: 30px; padding-bottom: 30px; border-bottom: solid 1px #cccccc; background: url(../images/news_p_10.png) no-repeat right center; transition: all 0.3s linear; }
.w_nsb3 .w_nsb3x1 { float: left; width: 100px; height: 100px; background-color: #999999; overflow: hidden; transition: all 0.3s linear; }
.w_nsb3 .w_nsb3x1 h3 { text-align: center; border-bottom: solid 1px #ffffff; font-size: 36px; color: #ffffff; line-height: 54px; }
.w_nsb3 .w_nsb3x1 h2 { text-align: center; font-size: 18px; color: #ffffff; margin-top: 10px; }
.w_nsb3 .w_nsb3x2 { width: 690px; float: left; margin-left: 40px; margin-top: 20px; }
.w_nsb3 .w_nsb3x2 h3 { font-size: 18px; color: #333333; transition: all 0.3s linear; }
.w_nsb3 .w_nsb3x2 p { font-size: 16px; color: #666666; line-height: 26px; margin-top: 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition: all 0.3s linear; }
.w_nsb3:hover { background: url(../images/news_p_07.png) no-repeat right center; }
.w_nsb3:hover .w_nsb3x1 { background-color: #0066cc; }
.w_nsb3:hover .w_nsb3x2 h3, .w_nsb3:hover .w_nsb3x2 p { color: #0066cc; }

/*w_about*/
.w_atb1 { margin-top: 40px; margin-bottom: 100px; }
.w_atb1 .w_atb1x1 { width: 468px; height: 336px; float: left; position: relative; }
.w_atb1 .w_atb1x1 img { display: block; width: 468px; height: 336px; }
.w_atb1 .w_atb1x1 div { width: 300px; height: 180px; background-color: #0265b8; overflow: hidden; position: absolute; bottom: -50px; right: -45px; }
.w_atb1 .w_atb1x1 div p { font-size: 16px; color: #ffffff; line-height: 26px; width: 260px; margin: 0 auto; margin-top: 40px; }
.w_atb1 .w_atb1x2 { float: right; width: 666px; }
.w_atb1 .w_atb1x2 h3 { font-size: 18px; color: #333333; }
.w_atb1 .w_atb1x2 p { font-size: 16px; color: #666666; line-height: 26px; margin-top: 40px; }

.w_atb2 { margin-top: 30px; }
.w_atb2 div { float: left; width: 370px; }
.w_atb2 div h3 { font-size: 24px; color: #333333; }
.w_atb2 div h3 span { font-size: 72px; color: #cccccc; }
.w_atb2 div h2 { font-size: 16px; color: #666666; text-align: right; margin-top: 25px; }
.w_atb2 img { float: right; width: 797px; height: 150px; }

.w_atb3 { margin-top: 30px; }
.w_atb3 div { float: right; width: 370px; }
.w_atb3 div h3 { font-size: 24px; color: #333333; text-align: right; }
.w_atb3 div h3 span { font-size: 72px; color: #cccccc; }
.w_atb3 div h2 { font-size: 16px; color: #666666; margin-top: 25px; }
.w_atb3 img { float: left; width: 797px; height: 150px; }

.w_atb4 .picScroll-left { width: 1200px; margin: 0 auto; overflow: hidden; position: relative; margin-top: 50px; }

.w_atb4 .picScroll-left .prev { width: 35px; height: 35px; cursor: pointer; position: absolute; left: 0; top: 170px; background: url(../images/index_p_41.png) no-repeat; z-index: 999; }

.w_atb4 .picScroll-left .next { width: 35px; height: 35px; cursor: pointer; position: absolute; right: 0; top: 170px; background: url(../images/index_p_44.png) no-repeat; z-index: 999; }

.w_atb4 .picScroll-left .bd { position: relative; width: 1120px; margin: 0 auto; }

.w_atb4 .picScroll-left .bd ul { overflow: hidden; zoom: 1; }

.w_atb4 .picScroll-left .bd ul li { width: 332px; float: left; _display: inline; overflow: hidden; position: relative; margin-left: 20px; margin-right: 20px; cursor: pointer; }

.w_atb4 .picScroll-left .bd ul li .pic { width: 332px; height: 416px; overflow: hidden; }

.w_atb4 .picScroll-left .bd ul li .pic img { width: 332px; height: 416px; display: block; transition: all 0.5s linear; }

/*w_product*/
.w_ptb1 { padding-top: 40px; overflow-y: hidden; padding-bottom: 40px; }

.w_ptb1 .game163 { position: relative; width: 1200px; margin: 0 auto; }

.w_ptb1 .game163 .bigImg { height: 409px; position: relative; }

.w_ptb1 .game163 .bigImg li { position: absolute; width: 1200px; left: 0px; top: 0px; display: none; }

.w_ptb1 .game163 .bigImg li img { width: 609px; height: 407px; border: solid 1px #0066cc; }

.w_ptb1 .game163 .bigImg li div { width: 500px; }

.w_ptb1 .game163 .bigImg li div h3 { font-size: 24px; color: #333333; text-align: right; }

.w_ptb1 .game163 .bigImg li div h2 { font-size: 16px; color: #666666; text-align: right; margin-top: 10px; }

.w_ptb1 .game163 .bigImg li div h1 { font-size: 16px; color: #333333; text-align: right; margin-top: 60px; }

.w_ptb1 .game163 .bigImg li div p { font-size: 16px; color: #666666; line-height: 26px; margin-top: 10px; text-align: right; }

.w_ptb1 .game163 .smallScroll { position: relative; margin-top: 20px; }

.w_ptb1 .game163 .sPrev { position: absolute; width: 35px; height: 35px; background: url(../images/index_p_41.png) no-repeat left center; left: -35px; bottom: 60px; transition: linear 0.3s; z-index: 999; }

.w_ptb1 .game163 .sPrev:hover { opacity: 0.5; }

.w_ptb1 .game163 .sNext { position: absolute; width: 35px; height: 35px; background: url(../images/index_p_44.png) no-repeat right center; right: -35px; bottom: 60px; transition: linear 0.3s; z-index: 999; }

.w_ptb1 .game163 .sNext:hover { opacity: 0.5; }

.w_ptb1 .game163 .smallImg { display: inline; width: 1200px; overflow: hidden; }

.w_ptb1 .game163 .smallImg ul { height: 164px; overflow: hidden; }

.w_ptb1 .game163 .smallImg li { float: left; width: 160px; height: 160px; cursor: pointer; display: inline; border: solid 2px #ffffff; margin-left: 20px; margin-right: 15px; }

.w_ptb1 .game163 .smallImg img { width: 160px; height: 160px; display: block; }

.w_ptb1 .game163 .smallImg .on { border: solid 2px #0066cc; }

/*news_details*/
.news_dsbx { margin-top: 60px; }
.news_dsbx .news_dsbxte1 { font-size: 24px; color: #282828; text-align: center; }
.news_dsbx .news_dsbxte2 { display: table; margin: 0 auto; margin-top: 20px; }
.news_dsbx .news_dsbxte2 span { float: left; font-size: 14px; color: #999999; margin-left: 5px; margin-right: 5px; }
.news_dsbx section { min-height: 600px; border-top: solid 1px #e5e5e5; padding-top: 30px; margin-top: 30px; padding-bottom: 30px; }
.news_dsbx section img { display: block; max-width: 100%; }
.news_dsbx .news_dsbx1 { margin-top: 30px; }
.news_dsbx .news_dsbx1 .news_dsbx1x1 { float: left; width: 500px; }
.news_dsbx .news_dsbx1 .news_dsbx1x1 a { display: block; font-size: 14px; color: #282828; margin-bottom: 10px; }
.news_dsbx .news_dsbx1 .news_dsbx1x1 a:hover { color: #025193; }
.news_dsbx .news_dsbx1 .news_dsbx1x2 { float: right; width: 160px; height: 44px; border: solid 1px #025193; border-radius: 4px; text-align: center; line-height: 44px; font-size: 16px; color: #025193; transition: all 0.3s linear; }
.news_dsbx .news_dsbx1 .news_dsbx1x2:hover { background-color: #025193; color: #ffffff; }














/*------------------------------------------------------------------------------------------------*/
aboutNavf{
	position: relative;
}
.aboutNav{
	height: 60px;
}
.aboutNav>a{
	width: 385px;
	height: 60px;
	float: left;
	background: #ccc;
	color: black;	
	font-size: 25px;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
	display: block;

	/*margin-bottom: 60px;*/
}
.aboutNav>a:nth-child(2){
	margin-left:20px;
	margin-right:20px;
}
.select{
	background: #0265b8;
	color: #fff;
}
.aboutNav>div:nth-child(2){
	margin: 0 22px;
}
.factoryBox ul{
	padding-left: 76px;
}
.factoryBox ul li{
	width: 106px;
	height: 28px;
	border: 1px solid #ccc;
	float: left;
	text-align: center;
	line-height: 28px;
	font-size: 16px;
	margin-right: 10px;
	cursor: pointer;
}
.factoryBox ul li:hover { background-color: #0265b8; color: #ffffff; }
.factoryBgLi{
	background:#0265b8 ;
	color: #fff;
	/*border: none;*/
}
.factoryBox .factoryImgBox{
	width: 1200px;
	height: 300px;
	margin-top: 40px;
} 
.factoryBox .factoryImgBox>div{
	width: 1200px;
	position: relative;
} 
.factoryBox .factoryImgBox>div .anImgBox{
	width: 385px;
	overflow: hidden;
}

  
  .factoryBox .factoryImgBox>div .anImgBox img{
  	  -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all .8s cubic-bezier(0.4, 0, 0.2, 1);
  }
.factoryBox .factoryImgBox>div .anImgBox img:hover{
	transform: scale(1.2); 
	-webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.productBox2 img{
	  	  -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all .8s cubic-bezier(0.4, 0, 0.2, 1);
}
.productBox2 img:hover{
	transform: scale(1.2); 
	-webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.factoryBox .factoryImgBox>div:not(:first-child){
	position: absolute;
	display: none;
}
.factoryBox div img{
	float: left;
	width: 385px;
    height: 300px;
}

.factoryBox .anImgBox:nth-child(2){
	margin: 0 22px;
}
.companyBox ul{
	padding: 40px 0 0 295px;
}
.companyBox ul li{
	padding:0 10px;
	height: 40px;
	border: 1px solid #878686;
	float: left;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	margin-right: 16px;
	cursor: pointer;
}
.companyBox ul li:hover { background-color: #0265b8; color: #ffffff; }
.w_tmb2x2 .picScroll-left{
	position: relative;
}
.w_tmb2x2 .picScroll-left .hd{
	position: absolute;
	top: 366px;
    left: 660px;
}

.w_tmb2x2 .picScroll-left .leftHd{
	position: absolute;
	top: 366px;
    left: 40px;
}
.w_tmb2x2 .picScroll-left .hd ul li.on {
    background-color: #0265b8;
}
.w_tmb2x2 .picScroll-left .hd ul li {
    float: left;
    width: 12px;
    height: 12px;
    overflow: hidden;
    margin-right: 10px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.3s linear;
}
.w_product{
	margin-top: 60px;
}
.w_product .productBox1{
	width: 200px;
	float: left;
}
.w_product .productBox2{
	width: 1000px;
	float: left;

}
.w_product .productBox2>div{
	width: 310px;
	height: 310px;
	float: left;
	margin-left: 22px;
	margin-bottom: 36px;
	cursor: pointer;
}
.w_product .productBox2f{
	position: relative;
	float: left;
}
.w_product .productBox2:not(:first-child){
	display: none;
	position: absolute;
}
.w_product .productBox2>div div:nth-child(1){
	width: 308px;
	height: 250px;
	border: 1px solid #0265b8;
	border-bottom: none;
	display: block;
	overflow: hidden;
}
.w_product .productBox2>div img{
	width: 308px;
	height: 250px;
}
.w_product .productBox2>div .imgText{
	width: 310px;
	height: 45px;
	background: #0265b8;	
	text-align: center;
	color: #FFF;
	font-size: 15px;
	padding-top: 15px;
}
/*.w_product ul{
	border: 1px solid #878686;
}*/
.w_product ul li{
	height: 38px;
	border: 1px solid #878686;
	padding-left: 15px;
	line-height: 38px;
	font-size:15px ;
	cursor: pointer;
	border-bottom: none;

}
.w_product ul li:last-child{
	border: 1px solid #878686;
	
}
.w_product ul li:hover { background-color: #0265b8; color: #ffffff; }
.pdetail{
	margin-top: 60px;
}
.pdetail>div{
	margin-bottom: 60px;
}
.pdetail-1>div:nth-child(1){
	width: 560px;
	height: 385px;
	border: 1px solid #0265B8;
	float: left;
	padding-left: 1px;
}
.pdetail-1>div:nth-child(1) img{
	width: 560px;
	height: 385px;
}
.pdetail-1>div:nth-child(2){
	width: 526px;
    height: 385px;
    text-align: right;
    float: left;
    padding-left: 110px;
}
.pdetail-1>div:nth-child(2) h3{
	padding-top: 40px;
	padding-bottom: 38px;
	font-size: 22px;
}
.pdetail-1>div:nth-child(2) .spanBg{
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius:50% ;
	background: #cd5437;
    vertical-align: text-bottom;

}
.pdetail-1>div:nth-child(2) .spanText{
	font-size: 14px;
    padding-left: 6px;
    color: #333;
}
.pdetail-1>div:nth-child(2) .pText{
	font-size: 14px;
	line-height: 28px;
	color: #666;
	padding-top: 40px;
}
.pdetail-2 .pdetailNav{
	width: 100%;
	border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}
.pdetail-3 .pdetailNav{
	width: 100%;
	border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}
.pdetail-3 .pdetailNav span{
	font-size:16px ;
	margin-bottom: 20px;
	display: inline-block;
}
.pdetail-2 .pdetailNav span{
	display: inline-block;
	width: 138px;
	height: 38px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 38px;
	font-size:16px ;
	border-radius: 10px;
	margin-bottom: 20px;
	cursor: pointer;
}
.pdetailBox{
	position: relative;
	height: 243px;
}
.pdetailBox>div{
	position: absolute;
}
.pdetailTxt{
	display: none;
}
.pdetailIpt>div{
	float: left;
	width: 600px;
}
.pdetailIpt>div input{
	width: 558px;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding-left: 20px;
	height: 38px;
	margin-bottom: 20px;
}
.pdetailIpt .iptBtn{
	width: 578px;
	height: 40px;
	background: #0265b8;
	color: #fff;
	cursor: pointer;
}
.pdetailIpt>div textarea{
	width: 558px;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 10px 0 0 20px;
	height: 108px;
}
.pdetailImg>div{
	width: 285px;
	height: 215px;
	float: left;
	display: table;
	margin-right: 19px;
}
.pdetailImg>div:last-child{
	margin-right:0 ;
}
.pdetailImg>div div:nth-child(1){
	display: inline-block;
	width: 282px;
	height: 215px;
	padding-left: 1px;
	border: 1px solid #0265B8;
	border-bottom: none;
	vertical-align: text-bottom;
	overflow: hidden;
	}
.pdetailImg>div img{
	display: inline-block;
	width: 282px;
	height: 215px;
}
.pdetailImg>div .imgText{
	width: 285px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #0265b8;
	color: #fff;
}
.navfixed {  
    position: fixed;  
    top: 0;  
    width: 1200px;  
    z-index: 10000;  
}  
.picScrollf{position: relative;height: 476px;}
.picScrollf .picScroll-left{
	position: absolute;
}
.picScrollf .picScroll-left:not(:first-child){
	display: none;
}

.picScroll-left .w_tmb2 li{
	cursor: point;
}
/*# sourceMappingURL=style.css.map */