* { padding: 0px; margin: 0px; box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } img { border: none; max-width: 100%; } body { font-size: 15px; font-family: "Microsoft YaHei", Arial; color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height: 27px; overflow-x:hidden; } a { text-decoration: none; color: #333; font-family: "Microsoft YaHei", Arial; font-weight: normal; } a:hover { color: #e51a15; text-decoration: none; } .color1 { color: #ff6709; } .color888 { color: #888; } .fb { font-weight: 500; } .clear { clear: both; } ul { list-style-type: none; } li { list-style-type: none; line-height: 27px; } .fl { float: left; } .fr { float: right; } .hz { width: 90%; margin: 0 auto; } .hza { width: 90%; margin: 60px auto; } .hza:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; } .top { background: #333; line-height: 40px; font-size: 14px; color: #fff; } .top .topbox { display: flex; justify-content: space-between; } .top .topbox a { color: #b0b0b0; margin: 0 6px; } .top .topbox a:first-child { margin-left: 0; } .top .topbox .top_right .cart { margin-left: 30px; } .top .topbox .top_right .cart .iconfont { vertical-align: bottom; font-size: 18px; } .top-pc { position: fixed; z-index: 99999; top: 0px; left: 0; min-width: 1200px; width: 100%; transition: all 0.5s; } .top-pc.active { background: rgba(0, 0, 0, 0.7); } .top-pc.active1 { background: rgba(9, 49, 144); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5); } .top-hz { width: 90%; margin: 0 auto; display: flex; } .logo { padding-top: 15px; flex: 1; } .logo img { height: 60px; } .nav { display: inline-block; box-sizing: border-box; vertical-align: bottom; } .mainbav li { float: left; } .mainbav .memu { float: left; height: 90px; } .mainbav .memu>a { line-height: 90px; font-size: 16px; text-transform: uppercase; padding: 0 30px; color: #fff; } .mainbav .memu>a:hover { background: #f39800; color: #fff !important; /* color:#f39800; border-bottom: 4px solid #f39800; height: 90px; */ } .mainbav .memu.active>a, .mainbav .memu:hover>a { color: #f39800; font-weight: 600; display: block; /* border-bottom: 4px solid #f39800; height: 90px; */ } .mainbav ul li ul { position: absolute; display: none; z-index: 111111111; width: 220px; background: rgba(255, 255, 255, 0.9); } .mainbav ul li ul li { float: none; border-right: none; padding: 0; line-height: 48px; text-align: left; } .mainbav ul li ul li a { display: block; color: #000 !important; font-size: 15px; font-weight: normal; padding: 0 25px; } .mainbav ul li ul li a:hover { background: #fff; color: #e51a15 !important; } /*产品导航 Style*/ .mainbav ul li .pro_dh { width: 100%; padding: 50px 0 30px 0; background: rgba(255, 255, 255, 0.9); position: fixed; top: 130px; left: 0; } .mainbav ul li .pro_dh .pro_dhbox { overflow: hidden; font-size: 0px; width: 80%; display: flex; position: relative; margin: 0 auto; } .mainbav ul li .pro_dh .pro_dhbox .list_guide { display: inline-block; position: relative; vertical-align: top; } .mainbav ul li .pro_dh .pro_dh-navlist { display: flex; position: relative; width: 200px; height: 65px; cursor: pointer; flex-direction: row; align-items: center; justify-content: space-between; background: url(../images/arrow-right.png) no-repeat right; } .mainbav ul li .pro_dh .pro_dh-navlist.active { background: url(../images/arrow-right_on.png) no-repeat right; } .mainbav ul li .pro_dh .pro_dh-navlist .title { font-size: 18px; line-height: 30px; } .mainbav ul li .pro_dh .pro_dh-navlist .arrow-right { width: 30px; height: 30px; background: url(../images/arrow-right.png) no-repeat center; } .mainbav ul li .pro_dh .pro_dh-navlist .arrow-right.active { background: url(../images/arrow-right_on.png) no-repeat center; } .mainbav ul li .pro_dh .pro_dh-prolist { display: inline-block; width: max-content; margin-top: 10px; height: 400px; /* overflow: hidden; */ overflow-y: auto; /* overflow-x: auto; white-space: nowrap; */ } #scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 10px; } #scrollbar::-webkit-scrollbar { width: 10px; height: 5px; background-color: #F5F5F5; } #scrollbar::-webkit-scrollbar-thumb { border-radius: 10px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.44, rgb(9, 49, 144)), color-stop(0.72, rgb(9, 49, 144)), color-stop(0.86, rgb(9, 49, 144))); } .mainbav ul li .pro_dh .pro_dh-prolist span { display: flex; width: 100%; } .mainbav ul li .pro_dh .pro_dh-prolist .card { display: inline-block; overflow: hidden; margin-left: 30px; } .mainbav ul li .pro_dh .pro_dh-prolist .card img { width: 160px; transition: all .6s; -ms-transition: all .8s; image-rendering: auto; } .mainbav ul li .pro_dh .pro_dh-prolist .card img:hover { transform: scale(1.2); -ms-transform: scale(1.2); } .mainbav ul li .pro_dh .pro_dh-prolist .card .product_name { text-align: center; font-size: 12px; } /*产品导航 Style END*/ .mainbav ul li .erji_dh { width: 100%; padding: 20px 0 50px 0; background: rgba(255, 255, 255, 0.9); position: fixed; top: 90px; left: 0; } .mainbav ul li:hover .erji_dh {} .mainbav ul li .erji_dh dl { overflow: hidden; font-size: 0px; width: 94%; margin: 0 auto; } .mainbav ul li .erji_dh dl dd { width: 21%; margin: 0 2%; display: inline-block; vertical-align: top; } .mainbav ul li .erji_dh dl dd .erji_dh_wz { margin: 40px 0 20px; border-bottom: 1px solid #333; } .mainbav ul li .erji_dh dl dd .erji_dh_wz a { font-size: 18px; } .mainbav ul li .erji_dh dl dd .erji_dh_wz a:hover { color: #e51a15; } .mainbav ul li .erji_dh dl dd .sanji_dh { font-size: 15px; margin-right: -2%; margin-left: -2%; } .mainbav ul li .erji_dh dl dd .sanji_dh a { color: #666; display: block; line-height: 30px; width: 46%; margin-right: 2%; margin-left: 2%; float: left; } .mainbav ul li .erji_dh dl dd .sanji_dh a:hover { color: #e51a15; } .top-hy { float: left; margin-top: 35px; padding-left: 50px; } .index-yyl { display: inline-block; box-sizing: border-box; vertical-align: middle; line-height: 90px; margin-left: 20px; } .index-yyl img { display: inline-block; vertical-align: middle; margin-bottom: 2px; margin-right: 3px; } .set, .set a { font-size: 16px; color: #fff; background: 45px 10px no-repeat; transition: all 0.5s; } .new { width: 170px; position: absolute; z-index: 999; display: none; top: 90px; text-align: center; margin-left: -30px; } .new li img { width: 26px; margin-right: 12px; } .new a { color: #666; } .nav1 p { display: inline-block; padding: 0 6px; } .nav1 ul li { line-height: 48px; background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #f2f2f2; } .nav1 ul li:hover { background: #e51a15; } .nav1 .new a:hover { color: #fff; } .sousuo { display: inline-block; box-sizing: border-box; vertical-align: bottom; line-height: 90px; position: relative; z-index: 1; transition: all 0.5s; } .sousuo .sousuo_an { width: 60px; height: 90px; display: table-cell; vertical-align: middle; background: url(../images/index_07.png) center no-repeat; cursor: pointer; transition: all 0.5s; } .sousuo .ssk_bj { width: 100%; display: none; position: fixed; left: 0; top: 140px; z-index: 10; } .sousuo .ssk { max-width: 1200px; width: 45%; overflow: hidden; margin: 0 auto; border-radius: 50px; border: none; } .sousuo .ssk .input_txt { width: 75%; height: 50px; float: left; padding: 0 2%; border: none; background: #fff; } .sousuo .ssk .input_btn { width: 25%; height: 50px; float: right; FONT-SIZE: 16px; color: #fff; border: 0; background: #72c146; cursor: pointer; } .p-show { display: block !important; } input, textarea { outline: none; } /*banner*/ .block_home_slider { height: auto; position: relative; margin-top: 90px; line-height: 0px; text-align: center; } /*底部小图标*/ .block_home_slider .slide { position: relative; overflow: hidden; } .block_home_slider .flex-direction-nav a { width: 45px; height: 50px; display: block; margin-top: -20px; position: absolute; top: 50%; text-indent: -9000px; } .block_home_slider .flex-direction-nav a.flex-prev { left: 0; background: url(../images/jt1.png) no-repeat; } .block_home_slider .flex-direction-nav a.flex-next { right: 0; background: url(../images/jt2.png) no-repeat; } .block_home_slider .flex-direction-nav a.flex-prev:hover { left: 0; background: url(../images/jt1a.png) no-repeat; } .block_home_slider .flex-direction-nav a.flex-next:hover { right: 0; background: url(../images/jt2a.png) no-repeat; } .block_home_slider .flex-control-paging { position: absolute; bottom: 20px; width: 98%; text-align: center; } .block_home_slider .flex-control-paging li { margin: 0px; padding: 0 5px; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; list-style-type: none; } .block_home_slider .flex-control-paging li a { width: 10px; height: 10px; display: block; background: #999; text-indent: -9000px; position: relative; overflow: hidden; cursor: pointer; border-radius: 6px; transition: all 0.5s; } .block_home_slider .flex-control-paging li a.flex-active { width: 40px; background: #fff; } .block_home_slider .flex-control-paging li a:after { content: ""; width: 0%; height: 100%; background: #72c146; position: absolute; left: 0px; top: 0px; } .block_home_slider .flex-control-paging li a.flex-active:after { width: 100%; transition: width 5s linear; -moz-transition: width 5s linear; -webkit-transition: width 5s linear; -o-transition: width 5s linear; } .flexslider { margin: 0; padding: 0; height: 100%; } .flex-viewport { height: 100%; } .flexslider .slides { height: 100%; } .flexslider .slides li { overflow: hidden; line-height: 0px; height: 100%; display: none; position: relative; } .flexslider .slides li img { display: block; width: 100%; max-width: 100%; } #home_slider2 { display: none; } .banner-titie-hz { width: 80vw; position: absolute; z-index: 1; left: -20%; top: 50%; opacity: 0; transform: translate(0%, -50%); transition: all 3s; -webkit-transition: all 3s; } .flex-active-slide .banner-titie-hz { left: 8%; opacity: 1; } .banner-titie { margin: 30px 0; color: #fff; font-size: 50px; font-weight: bold; line-height: 60px; text-align: left; } .banner-titie span { color: #e80100; font-size: 50px; } .banner-titie p { font-size: 22px; color: #fff; font-weight: normal; } .banner-titie p.banner-bt { margin: 50px 0 5px; color: #fff; font-size: 42px !important; line-height: 42px; font-weight: bold; } .banner-titie p.banner-bt2 { margin: 20px 0 40px; color: #fff; font-size: 42px !important; line-height: 42px; font-weight: bold; } .top_sj { display: none; } .index-title { overflow: hidden; font-size: 36px; text-align: center; font-weight: 500; line-height: 40px; background: url(../images/index_03.jpg) no-repeat bottom; padding-bottom: 20px; } .index-title span { padding-top: 8px; font-size: 16px; display: block; color: #807e7e; letter-spacing: 2px; } .index-about-bj { background: url(../images/i_bg1.jpg) no-repeat bottom #f1f1f1; overflow: hidden; padding: 80px 0; } .index-about-left { width: 30%; float: left; background: url(../images/gs.png)no-repeat left top; padding-left: 50px; padding-top: 50px; } .index-about-right { width: 65%; float: right; } .index-about-nr { color: #666; line-height: 32px; margin: 50px 0; font-size: 16px; } .index-about-more a { text-align: center; color: #333; border: 1px solid #bdbdbd; display: block; width: 180px; line-height: 45px; } .index-about-more a:hover { background: #e51a15; border: 1px solid #e51a15; color: #fff; display: block; } .pro_con { display: flex; flex-wrap: wrap; margin-top: 60px; overflow: hidden; } .pro_t { width: 100%; display: flex; justify-content: center; margin-bottom: 40px; } .pro_t li { float: left; padding: 13px 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .pro_t li p { margin-bottom: 10px; } .pro_t li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 26px; font-weight: 500; } .pro_t li:hover, .pro_t li.cur { background: rgba(9, 49, 144); } .pro_t li:hover a, .pro_t li.cur a { color: #fff; } .pro_gg-list { float: left; width: 100%; } .index-pro-hz{ /*display: flex;*/ /*flex-wrap: wrap;*/ float: left; overflow: hidden; width: 32%; margin-right: 2%; } .index-pro-hz:nth-child(3n){ margin-right: 0; } .index-pro-bgcolor { background: #f4fbff !important; margin-bottom: 30px; } .pro_gg-hz { background: #fff; overflow: hidden; } .pro_gg .w100 { width: 100% !important; } .pro_gg-left { float: left; line-height: 0px; width: 50%; text-align: center; } .pro_gg-left img { width: 100%; } .pro_gg-left img:hover { width: 100%; } .pro_gg-wb { padding: 5%; float: right; width: 50%; } .pro_gg-wb-title { font-size: 32px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pro_gg-wb-title a { font-size: 30px; font-weight: 500; } .pro_gg-wb-model { display: block; padding-top: 20px; font-size: 23px; color: rgba(9, 49, 144); font-weight: 600; } .pro_gg-wb-content h3 { margin-bottom: 10px; font-size: 16px; } .pro_gg-wb-content { color: #666; margin: 50px 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; line-height: 35px; } .pro_gg-wb-content li { font-size: 16px; line-height: 35px; background: url(../images/arr.png) no-repeat left; padding-left: 20px; } .pro_gg-wb-more { width: 170px; line-height: 48px; border: 2px solid rgba(9, 49, 144); text-align: center; } .pro_gg-wb-more a { display: block; font-size: 16px; } .pro_gg-wb-more a:hover { display: block; background: rgba(9, 49, 144); color: #fff; } .pro_gg, .news_gg { width: 100%; float: left; } .pro_gg dl { position: relative; } .pro_gg dl, .pro_gg dt, .pro_gg dt img { display: block; overflow: hidden; -o-object-fit: cover; object-fit: cover; height: 415px; } .pro_gg dd { position: absolute; width: 350px; right: 12%; top: 48px; z-index: 2; } .pro_gg dd h3 { font-weight: normal; position: relative; font-size: 30px; line-height: 71px; } .pro_gg dd h3 a { display: block; color: #333; } .pro_gg dd p { padding: 14px 0 28px; } .pro_gg dt { display: block; overflow: hidden; } .pro_gg dt img { transition-duration: .8s; -moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s; } .pro_gg dt img:hover { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s; } .khjz_bj { width: 100%; margin-top: 50px; } .khjz_dkj { position: relative; } .product-ry .item { margin: 0 8px; min-height: 100%; position: relative; background: #fff; border-bottom: 4px solid rgba(9, 49, 144); } .product-ry .item a:after { content: ""; position: absolute; border-left: 1px solid rgba(9, 49, 144); border-bottom: 1px solid rgba(9, 49, 144); transition: all 0.6s; left: 0; bottom: 0; width: 0; height: 0; } .product-ry .item a:before { content: ""; position: absolute; border-right: 1px solid rgba(9, 49, 144); border-top: 1px solid rgba(9, 49, 144); transition: all 0.6s; right: 0; top: 0; width: 0; height: 0; } .product-ry .item a:hover:after { width: 100%; height: 100%; } .product-ry .item a:hover:before { width: 100%; height: 100%; } .product-ry .item .cpzs_img { overflow: hidden; text-align: center; padding-top: 10px; display: block; line-height: 0; } .product-ry .item .cpzs_img img:hover { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s; } .product-ry .item .cpzs_img img { transition-duration: .8s; -moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s; } .product-ry .item .cpzs_wb { width: 100%; background: #fff; height: 100%; padding: 8%; } .product-ry .item .cpzs_wb .cpzs_wb_t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; font-size: 20px; font-weight: 500; } .cpzs_wb_t2 { color: #999; margin-bottom: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* display none until init*/ .owl-carousel { display: none; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { position: relative; display: flex !important; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { text-align: center; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* fix*/ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-controls { width: 100%; z-index: 11; margin-top: 30px; } .owl-carousel .owl-controls .owl-buttons div { position: absolute; display: inline-block; zoom: 1; *display: inline; width: 40px; height: 70px; text-indent: -9999px; transition: .35s; top: 45%; margin-top: -35px; } .owl-carousel .owl-controls .owl-buttons .owl-prev { background: url(../images/jtl02.png) center no-repeat; overflow: hidden; left: 8px; } .owl-carousel .owl-controls .owl-buttons .owl-next { background: url(../images/jtr02.png) center no-repeat; overflow: hidden; right: 8px; } .owl-carousel .owl-controls .owl-buttons .owl-prev:hover { background: url(../images/jtl03.png) center no-repeat; overflow: hidden; } .owl-carousel .owl-controls .owl-buttons .owl-next:hover { background: url(../images/jtr03.png) center no-repeat; overflow: hidden; } .owl-carousel .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } .owl-carousel .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver*/ } .owl-carousel .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-carousel .owl-controls .owl-page.active span, .owl-carouselpzs .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; background: rgba(9, 49, 144); } .owl-carousel .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .jjfa_con { width: 100%; margin-top: 40px } .jjfa_con img { width: 70%; } .jjfa_con p:nth-child(1) { text-align: center; } .jjfa_con p:nth-child(2) { font-size: 16px; padding: 15px; text-indent: 2em; line-height: 40px; } .index-about { background: url(../images/about.jpg) no-repeat top; background-size: cover; overflow: hidden; } .index-about-title { padding: 60px 0; overflow: hidden; font-size: 36px; color: #fff; font-weight: 500; line-height: 40px; background: url(../images/index_07.jpg) no-repeat bottom left; padding-bottom: 20px; } .index-about-con { padding: 30px 0; color: #fff; font-size: 16px; text-indent: 2em; line-height: 40px; } .about-more { margin-top: 15px; width: 170px; line-height: 48px; border: 1px solid #fff; text-align: center; } .about-more a { color: #fff; display: block; font-size: 16px; } .index-about-imglist { margin-bottom: 30px; display: flex; justify-content: space-between; } .index-about-imglist .img-item { width: 31%; padding: 0; text-align: center; background: #fff; } .img-item img { height: 300px; } .m4_2 { margin-top: 50px; } .m4_2 ul li { float: left; width: 50%; overflow: hidden; margin-bottom: 25px; } .m4_2a { margin-right: 2%; padding: 30px; border: 1px solid #dcdcdc; background: #fff; /* border-bottom: 5px solid #ee000e; */ } .m4_2 ul li:nth-of-type(2n) .m4_2a { margin-right: 0; } .m4_2a_1 span { width: 29px; height: 9px; background: url('../images/css_sprites.png') -188px -15px; display: block; transition: All 0.6s; -moz-transition: All 0.6s; -webkit-transition: All 0.6s; -o-transition: All 0.6s; } .m4_2a_1 h3 { font-size: 22px; font-weight: normal; overflow: hidden; color: #000; text-overflow: ellipsis; white-space: nowrap; } .m4_2a_1 p { color: #8c8c8c; margin: 10px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m4_2a { transition: All 0.6s; -moz-transition: All 0.6s; -webkit-transition: All 0.6s; -o-transition: All 0.6s; } .m4_2 ul li:hover .m4_2a { background-color: #e8f6ff; } .m4_2 ul li:hover .m4_2a_1 span { background: url('../images/css_sprites.png') -247px -15px; transform: translate(10px, 0); } .m4_2 ul li:hover .m4_2a_1 h3 { color: #ee000e; } .news_con { margin-top: 60px; overflow: hidden; } .news_t { width: 100%; display: flex; justify-content: center; } .news_t li { float: left; padding: 13px 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .news_t li p { margin-bottom: 10px; } .news_t li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 26px; font-weight: 500; } .news_t li:hover, .news_t li.cur { color: #f39800; } .news_t li:hover a, .news_t li.cur a { color: #f39800; } .news_gg-left { float: left; line-height: 0px; width: 30%; overflow:hidden; text-align: center; } .news_gg-left img { width: 100%; border-radius: 10px; } .m4_2a_1 { padding-left: 2%; float: right; width: 70%; overflow:hidden; } .foot-bj { background: #093190; overflow: hidden; color: #fff; } .foot-lxfs { float: left; width: 70%; } .foot-hz-nav { float: left; margin-right: 6.5%; } .foot-hz-cd { font-size: 18px; color: #fff; font-weight: 500; background: url(../images/index_11.jpg) no-repeat left bottom; padding-bottom: 10px; } .foot-hz-menu { margin-top: 20px; } .foot-hz-menu a { color: #fff; line-height: 30px; } .foot-hz-menu a:hover { color: #e51a15; } .foot-contact-hz { border-left: 1px solid #b1c8ff; float: left; width: 29%; padding-left: 6%; } .ct_cmp_fl { float: left; margin: 5px 0; } .ct_cmp_fl a { color: #fff; } .ct_cmp_fl a:hover { color: #e51a15; } .ct_cmp_fl h4 { font-size: 18px; color: #fff; margin-bottom: 15px; font-weight: normal; } .foot-contact { float: left; margin-top: 15px; text-align: center; } .foot-contact img { width: 120px; } .ct_cmp_fl-hz { float: left; width: 100%; } .index-copy-left { float: left; } .index-copy-bj { border-top: 1px solid #b1c8ff; color: #fff; padding: 20px 0; overflow: hidden; } .index-copy a { color: #fff; } .index-copy a:hover { text-decoration: underline; color: #e51a15; } .foot-bq-pc { margin-top: 10px; } .foot-bq-pc li { float: left; margin-right: 10px; } .foot-bq-pc li a { color: #fff; } .foot-bq-pc li a:hover { color: #e51a15; } #firstpane { display: none; } /*内页样式开始*/ .ntop-pc { position: fixed; left: 0; top: 0; z-index: 99999; background: rgba(9, 49, 144); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5); min-width: 1200px; width: 100%; transition: all 0.5s; } .about_banner { background: url(../images/about_banner.jpg) center 0 no-repeat; } .product_banner { background: url(../images/pro_banner.jpg?11111) center 0 no-repeat; } .service_banner { background: url(../images/case_banner.jpg) center 0 no-repeat; } .news_banner { background: url(../images/news_banner.jpg) center 0 no-repeat; } .contact_banner { background: url(../images/contact_banner.jpg) center 0 no-repeat; } .down_banner { background: url(../images/down_banner.jpg) center 0 no-repeat; } .job_banner { background: url(../images/job_banner.jpg) center 0 no-repeat; } .dl_banner { background: url(../images/dl_banner.jpg) center 0 no-repeat; } .nbanner { background-size: 100% auto !important; background-attachment: fixed !important; position: relative; z-index: 1; height: calc(100vw * 0.3); display: flex; align-items: center; justify-content: center; overflow: hidden; } .navbx { width: 60%; margin: 0 auto; } .navbx h2 { color: #fff; font-size: 30px; font-weight: normal; letter-spacing: 2px; padding-top: 40px; } .navbx h2 { align-items: center; display: flex; justify-content: space-between } .navbx span { color: #fff; font-size: 26px; display: block; padding-top: 20px; } .nbanner-sj { display: none; } /* .ny-banner-sj { display: none; } .ny-banner { text-align: center; position: relative; } .ny-banner img { width: 100%; } */ /*关于我们*/ .about-title { overflow: hidden; font-size: 28px; font-weight: 500; line-height: 40px; border-bottom: solid 3px #f39800; width: fit-content; padding-right: 20px; padding-bottom: 5px; } .about-content { margin-top: 30px; font-size: 16px; line-height: 40px; } .about-content p { text-indent: 2em; line-height: 40px; } .about-left { width: 70%; margin-right: 2%; float: left; } .about-right { width: 25%; float: left; } .about-pic { display: flex; justify-content: center; align-items: center; margin-top: 30px; width: 100%; } .about-pic img { width: 60%; } .pro-tab_list { width: 100%; margin-bottom: 40px; float: left; } .pro-tab_list .pro-tab_item { float: left; padding: 0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .pro-tab_list .pro-tab_item:nth-child(1) { padding-left: 0; } .pro-tab_list .pro-tab_item a { font-size: 26px; font-weight: 500; } .pro-tab_list .pro-tab_item a:hover, .pro-tab_list .pro-tab_item a.cur { color: #f39800; padding-bottom: 10px; border-bottom: 3px solid #f39800; } /*新闻*/ .news-list { float: left; width: 100%; } .news-list .news-list_item { float: left; width: 30%; margin-right: 5%; margin-bottom: 20px; background: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); border-radius: 10px; } .news-list .news-list_item:nth-child(3n) { margin-right: 0; } .news-list .news-list_item h3 { font-size: 22px; font-weight: normal; overflow: hidden; color: #000; text-overflow: ellipsis; white-space: nowrap; } .news-list .news-list_item p { color: #8c8c8c; margin: 10px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-list .news-list_item img { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; } .news-list_itembox { padding: 2%; } .news-list .news-list_item:hover .news-list_itembox h3 { color: #ee000e; } .news-content .news-title { height: 80px; border-bottom: #e1e3df dashed 1px; margin: 15px auto 0 auto; line-height: 35px; font-size: 26px; font-weight: bold; text-align: center; } .news-content .news-author { height: 50px; line-height: 50px; color: #505050; font-size: 16px; text-align: center; border-bottom: #e1e3df dashed 1px; margin: 0 auto; } .news-content .ncontent { padding-top: 30px; line-height: 36px; text-align: left; } .news-content .pren { padding-top: 20px; } .news-content .pren li { line-height: 40px; height: 40px; } /*联系我们-在线留言*/ .contact { position: relative; margin: auto; height: auto; display: flex; } .contact .text:first-child { box-sizing: border-box; } .contact .text { display: flex; flex-direction: column; flex: 1; } .contact .text .title { font-size: 30px; padding-bottom: 10px; margin-bottom: 28px; width: fit-content; border-bottom: 4px solid #f39800; white-space: nowrap; } .contact .text p { font-size: 16px; width: 85%; margin-bottom: 40px; } .contact .text:first-child .list { margin-top: 10px; margin-bottom: 25px; width: 80%; } .contact .text .list { position: relative; } .contact .text .list img{ width: 200px; } .contact .item { cursor: pointer; display: flex; padding-right: 10px; } .contact .item .item-text { display: flex; } .contact .text .list .icon { width: 28px; height: 28px; float: left; } .contact .oneline { font-size: 14px; margin-left: 10px; display: flex; } .contact .oneline span { padding: 0 16px; } .form { width: 100%; } .formm { margin-left: -10px; margin-right: -10px; box-sizing: border-box; } .form-row { float: left; padding-left: 10px; padding-right: 10px; width: 50%; box-sizing: border-box; } .form-item { margin-bottom: 22px; } .form-item__label { text-align: right; vertical-align: middle; float: left; font-size: 14px; line-height: 40px; padding: 0 12px 0 0; box-sizing: border-box; } .form-item__label:before { content: "*"; color: #f56c6c; margin-right: 4px; } .form-item__content { line-height: 40px; font-size: 14px; } .form-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .form input { width: 100%; height: 40px; font-family: Microsoft Yahei; padding-left: 13px; padding-right: 25px; box-sizing: border-box; border: 1px solid #d5d5d5; border-radius: 0; outline: none; box-shadow: none; font-size: 14px; } .form .big-input { width: 100%; height: 200px; resize: none; margin-top: 10px; font-family: Microsoft Yahei; padding: 6px; box-sizing: border-box; border: 1px solid #d5d5d5; border-radius: 0; outline: none; font-size: 14px; } .form button { display: inline-block; width: 100px; height: 45px; border: 0.005208rem solid #f39800; font-size: 14px; background-color: #fff; padding: 0; margin-top: 0.09375rem; color: #f39800; outline: none; cursor: pointer; } .form button:hover { background-color: #f39800; color: #fff; } /*招聘*/ .zpbox { width: 100%; height: auto; overflow: hidden; } .zpitem { width: 100%; height: auto; overflow: hidden; } .zpitemtext { border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 18px; color: #333; font-weight: bold; width: 100%; height: auto; overflow: hidden; } .zpitemtext td { width: 16.66%; text-align: center; padding: 20px 0; } ul.menu { padding: 0; list-style: none; width: 100%; clear: both; display: table; } ul.menu .list { font-size: 14px; border-bottom: 1px solid #eee; position: relative; width: 100%; box-sizing: border-box; vertical-align: sub; clear: both; } ul.menu .list:after { content: ""; position: absolute; right: 17px; top: 17px; padding: 0px 5px; color: #fff; } ul.menu .list:before { content: ''; position: absolute; left: 17px; top: 17px; padding: 0px 5px; color: #fff; } ul.menu .list a { text-decoration: none; color: #333; padding: 0; display: block; height: 100%; box-sizing: border-box; } ul.menu .list a:hover { transition: 300ms all; color: #333; } ul.menu .list .items { height: 0px; overflow: hidden; } ul.menu .list .items a { padding: 0; } ul.menu .list .items a:hover { background-color: #f7f7f7; color: #fff; transition: 300ms all; } ul.menu .active:after { content: "\f106"; font-family: FontAwesome; position: absolute; right: 17px; top: 17px; padding: 0px 5px; color: #fff; } ul.menu .active:before { content: '\f07c'; font-family: FontAwesome; position: absolute; left: 17px; top: 17px; padding: 0px 5px; color: #fff; } ul.menu .active>.items { display: block; background: #f7f7f7; padding: 20px 0; height: auto; color: #fff; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 200ms; clear: both; float: left; width: 100%; } ul.menu .active>.items li { padding: 0px; border-bottom: 1px solid #324252; list-style: none; } ul.menu .active>.items li:last-child { border-color: transparent; padding-bottom: 0px; } ul.menu .active>.items .active>.items { background-color: #2f4b67; } ul.menu .active>a { color: #333; text-transform: uppercase; font-weight: normal; } ul.menu .active .list { background: #f7f7f7; } ul.menu .active .list a { padding: 0; } .zpitemtext2 { font-size: 14px; color: #333; font-weight: normal; width: 100%; height: auto; overflow: hidden; } .zpitemtext2 td { width: 16.66%; text-align: center; padding: 20px 0; } .zpmore { background: url(../images/plus.png) no-repeat center center } .active .zpmore { background: url(../images/less.png) no-repeat center center } .zhize { width: 90%; padding: 20px 5% 10px 8%; font-size: 14px; line-height: 24px; color: #333; height: auto; overflow: hidden; } .zhizeitem { width: 100px; height: auto; overflow: hidden; float: left; padding-right: 2%; color: #000; } .zhizetext { width: calc(98% - 100px); height: auto; overflow: hidden; float: right; color: #333; } /*下载*/ .download { width: 100%; float: left; } .download .down-item { width: 100%; height: 110px; line-height: 110px; display: block; background-color: #f8f8f8; border-radius: 10px; overflow: hidden; margin-bottom: 30px; font-size: 0; transition: all .3s; cursor: pointer; } .down-item:hover { background-color: #fff; box-shadow: 0 10px 20px rgba(32, 43, 51, 0.18); } .down-item .down-i { width: 168px; height: 110px; vertical-align: middle; margin-right: 60px; } .down-item .down-name { display: inline-block; vertical-align: middle; width: 200px; margin-right: 60px; font-size: 16px; px color: #333; line-height: 22px; } .down-item .down-k { display: inline-block; width: 160px; vertical-align: middle; margin-right: 60px; } .down-item .down-t { display: inline-block; vertical-align: middle; width: 180px; margin-right: 60px; font-size: 14px; color: #999; } .down-item .down-o { display: inline-block; vertical-align: middle; height: 50px; border-left: 1px solid #ddd; line-height: 50px; padding-left: 56px; } .down-item .down-n { width: 53px; margin-right: 25px; vertical-align: middle; } .down-item .down-d { font-size: 14px; color: #666; vertical-align: middle; padding-right: 10px; } .down-o:after { content: ""; display: inline-block; vertical-align: middle; width: 34px; height: 40px; background-image: url(../images/d_08.png); } /*招商代理*/ .dlbox { width: 100%; float: left; } .dlbox .dl-left { width: 78%; float: left; } .dlbox .dl-right { width: 20%; float: right; } .dlbox .dl-left .dl-item { box-sizing: border-box; margin-bottom: 20px; padding: 20px 15px; display: flex; border-bottom: solid 1px #dedede; } .dl-item:hover { background-color: #fff; box-shadow: 0 10px 20px rgba(32, 43, 51, 0.18); cursor: pointer; } .dl-item .dl-pic { vertical-align: middle; text-align: center; flex: 1; } .dl-item .dl-pic img{ width: 60%; } .dl-item .dl-text { flex: 2; } .dl-item .dl-text h3 { font-size: 16px; font-weight: 500; } .dl-item .dl-text p { margin-top: 10px; line-height: 25px; color: #807e7e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .dl-item .dl-oper { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; } .dl-oper .dl-area { margin-bottom: 20px; } .dl-oper .dl-btn { width: 170px; line-height: 48px; background: rgba(9, 49, 144); text-align: center; } .dl-oper .dl-btn a { font-size: 16px; color: #fff; } .dl-right .dl-join { background: rgba(9, 49, 144); height: 70px; line-height: 70px; display: flex; justify-content: center; } .dl-join img { margin-top: 16px; width: 35px; height: 35px; } .dl-join span { color: #fff; font-size: 18px; margin-left: 10px; } .dl-right .dl-conbox { background: #f3f3f3; border: solid 1px #dedede; height: auto; margin-top: 15px; } .dl-conbox .dl-tit { margin-top: 10px; border-left: 5px solid #f49a10; padding-left: 10px; font-size: 16px; font-weight: 600; } .dl-conbox .dl-list { padding: 13px 20px; } .dl-conbox .dl-list li { line-height: 35px; height: 35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .dl-conbox .dl-list li a { padding-left: 6px; } .dl-conbox .dl-list li:before { content: ""; display: inline-block; width: 13px; height: 13px; vertical-align: middle; background-image: url(../images/arr.png); } /*产品详情 - 招商代理详情*/ .pro-show_main { width: 90%; margin: 0 auto; position: relative; } .pro-show_left { width: 33%; margin-right: 5%; float: left; } .pro-show_left .bigpic { box-sizing: border-box; border: solid 1px #dedede; display: flex; justify-content: center; padding: 20px 10px; } .pro-show_left .scroll_pic { margin: 15px auto; width: 100%; } .pro-show_left .scroll_pic ul li { width: 22.5%; float: left; margin: 0 1%; padding: 5px; border: solid 1px #dedede; } .pro-show_left .scroll_pic ul li img { width: 100%; } .pro-show_right { width: 62%; float: left; } .pro-show_right h1 { font-size: 28px; font-weight: 500; line-height: 40px; } .pro-show_right .price-box { width: 70%; margin-top: 10px; background: #f3f3f3; padding: 15px; border-bottom: solid 1px #dedede; } .pro-show_right .price-box p { color: #929292; height: 30px; line-height: 30px; } .pro-show_right .price-box span.sell_price { font-size: 22px; color: #dc0000; } .pro-show_right .price-box i { font-size: 14px; font-style: normal } .pro-show_right .price-box span.market_price { text-decoration: line-through; } .pro-show_right .amout { margin-top: 15px; } .amout .amout-title { line-height: 30px; margin-right: 14px; float: left; } .amout .jian-btn { margin-left: 0px; margin-right: 5px; } .amout button { height: 28px; width: 20px; line-height: 26px; color: #333; float: left; border: 1px solid #dbdbdb; background: none; cursor: pointer; margin-left: 5px; background: #f3f3f3; } .amout input { float: left; width: 60px; color: #333; height: 28px; background: none; border: none; border: 1px solid #dbdbdb; text-align: center; line-height: 30px; } .amout .stock { font-size: 12px; color: #666; line-height: 30px; padding-left: 10px; cursor: pointer; } .pro-show_right .buy-btn { position: static !important; padding-top: 24px; padding-bottom: 24px; } .buy-btn .buy-now { border: none; height: 48px; line-height: 46px; background: #72c146; font-size: 16px; color: #fff; width: 148px; text-align: center; margin-right: 5px; cursor: pointer; } .buy-btn .join-cart { height: 48px; line-height: 46px; border: 1px solid #72c146; background: #fff; font-size: 16px; color: #72c146; width: 168px; text-align: center; margin-right: 5px; cursor: pointer; } .buy-btn .buy-now.notbuy, .buy-btn .join-cart.notbuy{ background:#9d9d9d !important; color:#fff !important; border:none !important; } .pro-show_title { width: 100%; float: left; height: 60px; border-bottom: solid 1px #093190; } .pro-show_title h3 { background: #093190; width: 150px; line-height: 60px; text-align: center; color: #fff; font-weight: 500; font-size: 18px; } .pro_content { width: 100%; margin-bottom: 20px; } .pro_content img { /*width: 100%;*/ /*max-width: 100%;*/ border: 0; display: block; margin: 0 auto; margin-top: 0px; } .pro-show_right .pro-text { margin-top: 10px; } .pro-show_right p { color: #929292; height: 30px; line-height: 30px; } .pro-show_right .pro-text1 { box-sizing: border-box; padding-top: 10px; width: 70%; border-top: solid 1px #dedede; } .pro_content .pro-bar_title { margin: 20px 0; width: 100%; float: left; height: 50px; border-bottom: solid 1px #dedede; } .pro_content .pro-bar_title h3 { margin-top: 15px; padding-left: 10px; border-left: 4px solid #f10215; line-height: 20px; color: #f10215; font-size: 14px; }