body { font-family: "Microsoft YaHei" !important; } .tel { overflow: hidden; float: right; font-size: 16px; } .tel p { padding-left: 25px; background: url(../img/tel.png) no-repeat 0 center; line-height: 88px; } .bx-nav-tow .bx-nav ul li a { padding: 0 15px !important; color: #888888; font-size: 16px; display: block; } .bx-nav-tow .bx-nav ul li a:hover { color: #3b3972; } .bx-nav-tow .bx-nav ul li a.focus { color: #3b3972; } .slick-slider { margin-bottom: 0 !important; } .bx-titlex p { color: #999; margin-top: 10px; } .guanli ul { margin: 0 -30px; overflow: hidden; } .guanli ul li { width: 25%; float: left; overflow: hidden; } .guanli ul li a { display: block; } .guanli ul li a div { width: 180px; padding: 10px 0; margin: 0 auto; } .guanli ul li a div img { width: 180px; height: 180px; border-radius: 50%; display: block; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .guanli ul li a div:hover img { transform: rotateY(180deg); transition: all 0.5s; } .mingxing { background: #f5f5f5; } .mingxing_product { overflow: hidden; } .mingxing_product ul { margin: 0 -40px; overflow: hidden; display: block; padding-top: 10px; display: flex; flex-wrap: wrap; } .mingxing_product ul li { margin-top: ; padding: 30px 40px !important; } .mingxing_product ul li a { display: block; position: relative; border: 1px solid #e5e5e5; padding: 30px; text-align: center; } .mingxing_product ul li a span { display: block; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; color: #fff; background: #535353; position: absolute; top: -35px; left: 50%; margin-left: -40px; } .mingxing_product ul li a h3 { color: #333; margin-top: 30px; } .mingxing_product ul li a p { color: #888; } .mingxing_product ul li a .more { display: block; width: 100px; height: 36px; text-align: center; line-height: 34px; border: 1px solid #e5e5e5; color: #666666; font-size: 12px; margin: 0 auto; margin-top: 20px; border-radius: 3px; } .mingxing_product ul li a:hover span { background: #3b3972; top: -30px; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transition: all 1s ease; } .mingxing_product ul li a:hover { border: 1px solid #3b3972; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-radius: 5px; } .mingxing_product ul li a:hover .more { background: #3b3972; color: #fff; border: 1px solid #3b3972; } .about_list ul li { width: 20%; float: left; overflow: hidden; border-right: 1px solid #e5e5e5; } .about_list ul li a { display: block; overflow: hidden; text-align: center; } .about_list ul li a:hover .img { transform: rotateY(180deg); transition: all 0.5s; } .about_list ul li a div { width: 100%; width: 80px; height: 70px; overflow: hidden; text-align: center; position: relative; } .about_list ul li a .img { margin: 0 auto; } .about_list ul li:nth-child(1) a .img { background: url(../img/a6.png) no-repeat center; background-size: 100% 100%; } .about_list ul li:nth-child(2) a .img { background: url(../img/a7.png) no-repeat center; background-size: 100% 100%; } .about_list ul li:nth-child(3) a .img { background: url(../img/a8.png) no-repeat center; background-size: 100% 100%; } .about_list ul li:nth-child(4) a .img { background: url(../img/a9.png) no-repeat center; background-size: 100% 100%; } .about_list ul li:nth-child(5) a .img { background: url(../img/a10.png) no-repeat center; background-size: 100% 100%; } .about_list ul li:nth-child(5) { border: none; } .about_list { overflow: hidden; } .case_index a { display: block; border-radius: 10px; overflow: hidden; text-align: left; background: #fff !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .case_index a h3 { color: #333333; margin-bottom: 10px; } .case_index a p { color: #888888; } .case_index a:hover h3 { color: #36386e; } .case_index .slick-prev { left: -23px; background: url(../img/left.png) no-repeat center; background-size: 100%; display: none !important; } .case_index .slick-next { right: -23px; background: url(../img/right.png) no-repeat center; background-size: 100%; display: none !important; } .index_new { background: url(../img/t.png) no-repeat center; background-size: cover; } .ul_ul { overflow: hidden; } .ul_ul li .cl { overflow: hidden; display: block; } .mtbduo { overflow: hidden; display: block; } .mtbduo h2 { color: #333333; line-height: 45px; } .mtbduo a { line-height: 45px; color: #999999; } .ul_ul .cl ol { padding: 10px 0; } .ul_ul .cl ol li { padding: 10px 0; } .ul_ul .cl ol li a { display: block; background: #ffffff; border: 1px solid #e5e5e5; padding: 5px; overflow: hidden; } .ul_ul .cl ol li a:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .ul_ul .cl ol li a:hover .text div h3 { color: #36386e; } .ul_ul .cl ol li a .pic { width: 135px; height: 100px; overflow: hidden; } .ul_ul .cl ol li a .text { width: calc(100% - 135px); overflow: hidden; padding-left: 15px; padding: 5px 0 5px 15px; } .ul_ul .cl ol li a .text div { overflow: hidden; display: block; } .ul_ul .cl ol li a .text div h3 { width: 60%; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; line-height: 30px; color: #333333; } .ul_ul .cl ol li a .text div span { float: right; line-height: 30px; font-size: 14px; color: #999; text-align: right; } .ul_ul .cl ol li a .text p { color: #999999; } .message ol li { padding: 10px 0; overflow: hidden; } .message ol li .dic { padding-right: 15px; overflow: hidden; } .message ol li .dic:nth-child(2) { padding-left: 15px; padding-right: 0; } .message ol li .dic input { width: 90%; height: 50px; overflow: hidden; border: 1px solid #e5e5e5; text-indent: 20px; outline: none; } .message ol li .dic input.red { border: 1px solid red; } .message ol li .dic span { line-height: 20px; color: red; padding-left: 10px; } .message ol li textarea { height: 165px; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 20px; display: block; width: 100%; outline: none; resize: none; } .message ol li a { display: block; width: 100%; height: 50px; color: #ffffff; text-align: center; line-height: 50px; background: #36386e; } .ul_ex { position: fixed; top: 40%; right: 20px; z-index: 36; } .ul_ex li { display: block; padding: 10px 0; } .ul_ex li a { width: 15px; height: 15px; border: 1px solid #666666; border-radius: 50%; display: block; } .ul_ex li a:hover { background: #ffffff; } .ul_ex li.active a { background: #3b3972; } .bx-footer-one { background: #444444; } .bx-footer-one ul li h3 { color: #abb3b5 !important; } .bx-footer-one ul li p { line-height: 30px; font-size: 12px; color: #adb7b9; } .bx-footer-one ul li p i { margin-right: 10px; } .bx-footer-one ul li a { color: #adb7b9 !important; } .zixun { width: 100%; display: block; } .zixun li { float: right; } .zixun li a { display: block; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; background: #666666; } .zixun li a i { margin-top: 10px; position: relative; top: 8px; color: #fff; } .zixun li a:hover { background: #36386e; } .bx-footer { background: #333333; box-shadow: none !important; padding: 10px 0 !important; } .case_list ul li { overflow: hidden; display: block; } .case_list ul li .div_pic { width: 460px; height: 260px; float: left; overflow: hidden; } .case_list ul li .text_case { width: calc(100% - 500px); float: right; overflow: hidden; padding: 20px 0; } .case_list ul li .text_case h2 { color: #333333; } .case_list ul li .text_case p { color: #999999; } .case_list ul li .text_case span { display: block; width: 150px; height: 50px; text-align: center; line-height: 50px; background: #f5f5f5; color: #333; font-size: 16px; margin-top: 10px; border-radius: 5px; } .case_list ul li a:hover .text_case span { background: #3b3972; color: #ffffff; } .case_list ul li a:hover .text_case h2 { color: #3b3972; } .case_list ul li:nth-child(2n) .text_case { float: left; } .case_list ul li:nth-child(2n) .div_pic { float: right; } .sy-news .news-fr { padding-left: 0 !important; } .news-fr-list ul li .div-pic { width: 280px !important; float: left; transition: all 0.5s; } .news-fr-list ul li .div-pic img { width: 100%; } .news-fr-list ul li .div-tet { width: calc(100% - 300px) !important; float: right; } .sy-news { background: #fff !important; } .news-fr-list ul li .div-tet font { display: block; width: 150px; height: 40px; background: #f5f5f5; color: #333; text-align: center; line-height: 40px; border-radius: 3px; } .news-fr-list ul li:hover a .div-tet h3 { color: #3b3972; } .news-fr-list ul li:hover a .div-tet font { color: #fff; background: #3b3972; } .new_feilei { overflow: hidden; text-align: center; padding: 0 0 40px 0; } .news-fr-list ul li { border-bottom: 1px solid #e5e5e5; margin-top: 0 !important; padding: 30px 0 !important; } .new_feilei li { display: inline-block; padding: 0 20px; } .new_feilei li a { display: block; width: 180px; height: 60px; display: block; text-align: center; line-height: 60px; font-size: 16px; background: #f5f5f5; color: #333; border-radius: 3px; } .new_feilei li a:hover { background: #3b3972; color: #ffffff; } .new_feilei li a.sore_focus { background: #3b3972; color: #ffffff; } .newdetail { width: calc(100% - 380px); float: left; overflow: hidden; } .tith1 { overflow: hidden; display: block; border-bottom: 1px solid #e6e6e6; } .tith1 p { position: relative; line-height: 40px; font-size: 18px; font-weight: bold; color: #3b3972; padding-left: 15px; display: inline-block; border-bottom: 3px solid #3b3972; } .tith1 p span { display: block; width: 3px; height: 15px; background: #3b3972; position: absolute; top: 13px; left: 0; } .new_tuijian { width: 356px; float: right; } .new_tuijian ul li a { display: block; overflow: hidden; } .new_tuijian ul li a .bx-noimg { width: 136px; height: 100px; float: left; } .new_tuijian ul li { overflow: hidden; border-bottom: 1px solid #e6e6e6; } .new_tuijian ul li a .text { width: calc(100% - 136px); overflow: hidden; float: right; padding: 10px; display: block; } .new_tuijian ul li a .text .p1 { color: #333333; } .new_tuijian ul li a .text .p2 { color: #999999; margin-top: 10px; } .new_tuijian ul li a:hover .text .p1 { color: #3b3972; } .Download { overflow: hidden; width: 70%; margin: 0 auto; } .Download li { width: 100%; overflow: hidden; padding: 12px 0; border-bottom: 1px solid #e6e6e6; } .Download li p { width: 85%; padding-left: 50px; line-height: 50px; background: url(../img/xizai.png) no-repeat 0 center; background-size: 40px; color: #333; font-size: 16px; float: left; } .Download li a { float: right; line-height: 30px; width: 80px; height: 30px; text-align: center; background: #3b3972; font-size: 14px; color: #ffffff; border-radius: 5px; margin-top: 15px; } .bx-footer-one { border: none !important; } .about_img { background: url(../img/about_02.png) no-repeat center; background-size: cover; color: #ffffff; line-height: 50px; } .zizhi_shang { overflow: hidden; margin: 0px -35px; } .zizhi_shang li { padding: 20px 35px; overflow: hidden; display: block; } .zizhi_shang li a { display: block; } .zizhi_shanga { overflow: hidden; margin: -20px -25px; } .zizhi_shanga li { padding: 20px 25px; overflow: hidden; display: block; } .zizhi_shanga li a { display: block; } .bx-ContactUs1 { padding-top: 30px; display: block; margin: -15px; } .bx-ContactUs1 ul li { width: 20%; float: left; padding: 15px; } .bx-ContactUs1 ul li .div_waikuang { width: 100%; padding: 10px; padding-top: 80px; position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); display: block; } .r_red { color: #b8262c; } .df_img { width: 75px; height: 75px; position: absolute; top: -30px; left: 50%; margin-left: -37.5px; } .bx-ContactUs1 ul li .div_waikuang .div_xvia { padding-top: 15px; border-top: 1px dotted #e6e6e6; padding-bottom: 15px; } .bx-ContactUs1 ul li .div_waikuang .div_xvia p { line-height: 25px; color: #333333; } .bx-ContactUs1 ul li .div_waikuang .div_xvia p span { color: #999999; } .index_dnen { background: #f5f5f5; } .ContactUsv2 { overflow: hidden; display: block; padding-top: 65px; } .ContactUsv2 .ul1 { overflow: hidden; } .ContactUsv2 p { line-height: 25px; padding-left: 30px; padding: 5px 0 5px 30px; } .ContactUsv2 .ul1 .p1 { padding-left: 30px; background: url(../img/l1.png) no-repeat 0 center; } .ulx { margin: 20px 0; } .ContactUsv2 .ul2 .p1 { background: url(../img/l2.png) no-repeat 0 center; } .ContactUsv2 .ul3 .p1 { background: url(../img/l3.png) no-repeat 0 center; } .div_left-x { width: 300px; position: relative; float: left; background: #f5f5f5; } .div_left-x.active { position: fixed; top: 100px; z-index:9; } .ul_d1 .i-mc dd.active { background-color: #3b3972; } .ul_d1 .i-mc dd.active a { color: #fff; } .div_left-x h2 { background: #3b3972; height: 80px; display: block; line-height: 80px; color: #fff; } .div_left-x h1 { background: #3b3972; height: 80px; display: block; line-height: 80px; color: #fff; } .ul_d1 { /* overflow: hidden;*/ padding: 0 20px; } .ul_d1 li { /* overflow: hidden;*/ display: block; } .ul_d1 li .lei_xs_but, .ul_d1 li>a{ display: block; height: 60px; padding-left: 30px; color: #333333; font-size: 16px; line-height: 60px; border-bottom: 1px solid #e6e6e6; } .ul_d1 .lei_xs .cartory > .lei_xs_but { background: url(../img/erui.png) no-repeat 0px center; background-size: 24px; } .ul_d1 .lei_xs a.sore_focus { color: #3b3972; } .ul_d1 .lei_xs { border-bottom: 1px solid #e6e6e6; } .bx-Jobs ul li span { transform: rotateZ(-90deg) !important; margin-top: 15px; } .bx-Jobs ul li span.s { transform: rotateZ(0deg) !important; color: #fff; } .bx-Jobs { padding: 0 20px; overflow: hidden; } .bx-Jobs ul li { width: 100%; border-bottom: 1px solid #e6e6e6; } .bx-Jobs ul li a { position: relative; padding-left: 25px; color: #333333; font-size: 16px; line-height: 60px; display: block; } .bx-Jobs ul li span { display: block; width: 24px; height: 24px; background: #3b3972 url(../img/w_03.png) no-repeat center; border-radius: 50%; line-height: 24px; text-align: center; } .bx-Jobs ul li span i { font-size: 14px; color: #fff; } .bx-Jobs .submenu p a { padding-left: 50px; color: #333333; font-size: 16px; line-height: 60px; border-bottom: 1px solid #e6e6e6; display: block; } .bx-Jobs ul li.li a { color: #3b3972; } .div_right_x { width: calc(100% - 380px); overflow: hidden; display: block; float: right; } .bd img, .div_right_x img{ height: auto !important; } .namigongg{ overflow:hidden } .dd-more{ padding:40px 0 0 0; } .dd-more a{ display: block; width: 120px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #e5e5e5; color: #333; font-size: 16px; margin: 0 auto; margin-top: 20px; border-radius: 3px; } .dd-more a:hover{ background: #3b3972; color: #fff; border: 1px solid #3b3972; } .namigongg .nmgg-fl { width: calc(100% - 500px); float: left } .myscroll { width: 100%; height: 270px; margin: 0 auto; overflow: hidden; } .myscroll li { height: 75px; padding:5px 0; border-bottom:solid 1px #ececec } .myscroll li h3{ font-size:18px; color:#333; line-height:38px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:bold } .myscroll li p{ font-size:14px; color:#666; line-height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:26px } .myscroll a { color: #333; text-decoration: none; } .myscroll a:hover h3 { color: #3b3972; } .namigongg .nmgg-fr{ width:480px; float:right } .namigongg .nmgg-fr video{ width:100% } .namigongg .nmgg-fr .swiper-wrapper .swiper-slide{ height: 315px; display:flex; justify-content:center; align-items:center; } .namigongg .nmgg-fr .swiper-wrapper .swiper-slide a{ display:block; } @media(max-width: 1000px) { .namigongg .nmgg-fl { width: 100%; float: none } .myscroll { width: 100%; height: 315px; margin: 0 auto; overflow: hidden; } .myscroll li { height: 75px; padding:5px 0; border-bottom:solid 1px #ececec } .myscroll li h3{ font-size:18px; color:#333; line-height:38px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:bold } .myscroll li p{ font-size:14px; color:#666; line-height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:26px } .myscroll a { color: #333; text-decoration: none; } .myscroll a:hover h3 { color: #3b3972; } .namigongg .nmgg-fr{ width:100%; float:none; margin-top:20px } .namigongg .nmgg-fr .swiper-wrapper .swiper-slide{ height: auto; display:flex; justify-content:center; align-items:center; } .namigongg .nmgg-fr .swiper-wrapper .swiper-slide a{ display:block; } .bd *, .div_right_x *{ text-indent: 0 !important; } } .div_right_x ul { margin: -15px; overflow: hidden; } .div_right_x ul li { padding: 15px; overflow: hidden; display: block; } .bx-product-tow ul li { margin-top: 0px !important; } .bx-product-tow ul li a { display: block; border: none !important; transition: all 0.5s ease; text-align: center; } .bx-product-tow ul li a:hover h3 { color: #3b3972; } .div_text_right { width: calc(100% - 590px); overflow: hidden; } .div_img_left { width: 520px; float: left; overflow: hidden; } .div_p_xd { overflow: hidden; display: block; } .div_p_xd .p1 { color: #333; width: 80px; float: left; line-height: 25px; } .div_p_xd .p2 { color: #888888; width: 100%; float: right; line-height: 25px; } .shiyong { overflow: hidden; display: block; margin-top: 30px; } .shiyong a { display: inline-block; width: 110px; height: 40px; background: #3b3972 !important; color: #ffffff; text-align: center; line-height: 40px; border-radius: 3px; margin-right: 50px; } .shiyong a:hover { color: #ffffff; } .tuijian ul li { padding: 0 15px; } .tuijian ul { margin: 0 -15px; } .hanying { background: #333333; height: 40px; line-height: 40px; color: #fff; display: none; } .hanying p { line-height: 40px; } .bx-head { box-shadow: none !important; } .hanying p a { color: #fff; } .bx-fsb40 { font-size: 40px; font-weight: bold; } .text-center span { display: block; width: 50px; height: 3px; background: #bdbdbd; margin: 0 auto; margin-top: 15px; } .shoucej_img li { line-height: 25px; color: #999999; } .shoucej_img li a { display: inline-block; width: 180px; height: 50px; text-align: center; line-height: 50px; font-size: 16px; color: #ffffff; background: #b8262c; box-shadow: 0 0 10px rgba(184, 38, 84, 0.2); border-radius: 5px; } .tan_color_hui { background: #f5f5f5; } .left_right-a { overflow: hidden; display: block; } .left_right-a .right_textx { overflow: hidden; display: block; } .left_right-a .right_textx h2 { font-size: 30px !important; color: #333; padding-left: 85px; background: url(../img/y4.png) no-repeat 0 center; line-height: 60px; margin: 20px 0; } .left_right-a .right_textx ol li p { line-height: 30px; } .left_right-a .right_textx ol li .pc1 { padding-left: 30px; background: url(../img/y5.png) no-repeat 0 center; color: #333333; font-weight: bold; } .left_right-a .right_textx ol li .pc2 { padding-left: 30px; color: #999999; margin-top: 10px; } .left_right-b h2 { font-size: 30px !important; color: #333; padding-left: 85px; background: url(../img/y4.png) no-repeat 0 center; line-height: 60px; margin: 0px auto; display: inline-block; } .left_right-b ol { margin-top: 30px; overflow: hidden; } .left_right-b ol p { text-align: left; padding-left: 30px; background: url(../img/y5.png) no-repeat 0 center; color: #888888; line-height: 25px; } .left_right-c h2 { font-size: 30px !important; color: #333; padding-left: 85px; background: url(../img/y7.png) no-repeat 0 center; line-height: 60px; margin: 0px auto; display: inline-block; } .left_right-d h2 { font-size: 30px !important; color: #333; padding-left: 85px; background: url(../img/y9.png) no-repeat 0 center; line-height: 60px; margin: 0px auto; display: inline-block; } .left_right-d ol li p { color: #999999; } .left_right-e .right_textx ol li p { text-align: left; padding-left: 30px; background: url(../img/y5.png) no-repeat 0 center; color: #888888; line-height: 25px; } .left_right-e .right_textx h2 { background: url(../img/y13.png) no-repeat 0 center; } .left_right-f { margin: -20px -40px; overflow: hidden; } .left_right-f li { padding: 45px 40px; overflow: hidden; display: block; } .left_right-f li .d-c_l { width: 140px; height: 140px; overflow: hidden; display: block; border-radius: 50%; } .left_right-f li .d-c_l img { width: 100%; height: 100%; } .left_right-f li .tec { width: calc(100% - 180px); overflow: hidden; display: block; } .left_right-f li .tec .pl1 { font-size: 34px; color: #b8262c; margin-top: 30px; } .left_right-f li .tec .pl2 { line-height: 30px; margin-top: 20px; } ol, li { list-style: none; } .banner { position: relative; } /* .banner .slick-slider .draggable .slick-track{ height: 500px; } */ .zbanner_cen { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 333; } .zbanner_cen .bannexs { margin: 0 auto; height: 100%; display: flex; flex-direction: column; justify-content: center; color: #ffffff; } /* .banner_kuang{ height: 100%; height: 500px; } */ .banner_nr1 { background: #e0dfe4; } .banner_nr1 .ax { overflow: hidden; display: block; text-align: center; } .banner_nr1 .ax a { display: inline-block; width: 120px; height: 40px; background: #b8262c; text-align: center; line-height: 40px; border-radius: 5px; color: #ffffff; margin-right: 40px; cursor: pointer; } .banner_nr1 .ax a:nth-child(2) { background: #3b3972; } .banner_nr1 .zixun_t { position: relative; height: 100%; display: block; } .banner_nr1 .zixun_t ul { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; } .banner_nr ul li { display: inline-block; overflow: hidden; padding: 0 35px; } .banner_nr ul li a { display: block; width: 160px; height: 45px; border: 1px solid #bdbdbd; line-height: 45px; border-radius: 3px; } .banner_nr ul li a:hover { background: #3b3972; color: #fff; border-color: #3b3972; } .banner_nr ul li .jop { background: #3b3972; color: #fff; border-color: #3b3972; } .banner_nr1 { /* padding: 40px 0; */ padding-bottom: 80px; } .banner_nr1 img { width: 75%; } .zixun_t { display: block; text-align: center; position: relative; } .zixun_t ul { width: 100%; position: absolute; top: -80px; left: 0; } .zixun_t ul li { display: inline-block; display: inline-block; overflow: hidden; padding: 0 35px; } .zixun_t ul li a { display: block; width: auto; padding:0 5px; height: 45px; border: 1px solid #bdbdbd; line-height: 45px; border-radius: 3px; } .zixun_t ul li a:hover { background: #3b3972; color: #fff; border-color: #3b3972; } .zixun_t ul li .jop { background: #3b3972; color: #fff; border-color: #3b3972; } .mg_x1 .right_textx h2 { background: url(../img/z5.png) no-repeat 0 center; } .mg_x2 .right_textx h2 { background: url(../img/z7.png) no-repeat 0 center; } .mg_x4 .right_textx h2 { background: url(../img/z9.png) no-repeat 0 center; } .mg_x5 .right_textx h2 { background: url(../img/z10.png) no-repeat 0 center; } .mg_x6 .right_textx h2 { background: url(../img/z12.png) no-repeat 0 center; } .mg_x7 .right_textx ol li .pc2 { margin-top: 0; } .mg_x7 .xiaoimg { margin-top: 120px; } .mg_x7 .right_textx h2 { background: url(../img/z14.png) no-repeat 0 center; } .xitongdian_s { overflow: hidden; display: block; margin: -30px -20px; } .xitongdian_s li { padding: 30px 60px; overflow: hidden; display: block; float: left; } .xitongdian_s li .te_nei { overflow: hidden; display: block; } .xitongdian_s li .te_nei div { width: 85px; height: 85px; display: block; margin: 0 auto; } .xitongdian_s li .te_nei div img { display: block; width: 100%; height: 100%; } .xitongdian_s li .te_nei .pb1 { color: #333333; } .xitongdian_s li .te_nei .pb2 { color: #999999; } .xitongdian_s li:nth-child(5) { margin-left: 12.5%; } .tan_color_sy { background: url(../img/z25.png) no-repeat 0 center; background-size: cover; color: #ffffff; } .tan_color_sy ul { text-align: center; padding-top: 30px; } .tan_color_sy ul li { display: inline-block; padding: 0 15px; } .div_picc { height: 160px; } .tan_color_sy ul li input { width: 230px; height: 48px; border: none; background: #62618e; border-radius: 5px; text-indent: 10px; color: #ffffff; outline: none; } .tan_color_sy ul li a { display: block; width: 140px; height: 48px; border: none; background: #b8262c; text-align: -moz-center; line-height: 48px; color: #ffffff; font-size: 16px; } .tan_color_sy ul li input::-webkit-input-placeholder { color: #ffffff; } .tan_color_sy ul li input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffffff; } .tan_color_sy ul li input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffffff; } .tan_color_sy ul li input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ffffff; } .tan_img img { width: 100%; } .bx-ContactUs1 ul li .div_waikuang .div_xvia p span { width: auto; background: none; display: inline; } .xitongneng { overflow: hidden; display: block; } .xitongneng ul { margin: -20px -40px; overflow: hidden; } .xitongneng ul li { padding: 30px 40px; overflow: hidden; display: block; } .xitongneng ul li .neikuang .div_left_img { width: 110px; height: 100px; overflow: hidden; } .xitongneng ul li .neikuang .div_right_text { width: calc(100% - 110px); overflow: hidden; } .xitongneng ul li .neikuang .div_right_text h4 { color: #333; font-weight: bold; } .xitongneng ul li .neikuang .div_right_text .pb1 { color: #999999; } .xitongneng ul li .neikuang .div_right_text .pb2 { color: #3b3972; } .xitongneng ul li:last-child { width: 100%; } .xt_x1 .right_textx h2 { background: url(../img/k6.png) no-repeat 0 center; } .xt_x2 .right_textx h2 { background: url(../img/k7.png) no-repeat 0 center; } .xt_x3 .right_textx h2 { background: url(../img/k10.png) no-repeat 0 center; } .xt_x5 .right_textx h2 { background: url(../img/k13.png) no-repeat 0 center; } .xiaoimg { margin-top: 80px; } .zlk .xt_x5 .right_textx { text-align: center; } .zlk .xt_x5 .right_textx h2 { width: 210px; display: inline-block; background: url(../img/k15.png) no-repeat 0 center; } .zlk .xt_x5 .right_textx p { font-size: 16px; color: #999999; } .xitongdian_s-sw li { width: 20%; } .xitongdian_s-sw li:nth-child(5) { margin-left: 0; } .bx-footer-one ul li a { position: relative; } .bx-footer-one ul li a img { position: absolute; top: 50px; right: 10px; width: 120px; display: none; } .bx-footer-one ul li a:hover img { display: block; } .bx-head { top: 0; left: 0; background: #fff; z-index: 999; position: relative; position: fixed; width: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) !important; } .bx-nav-tow .bx-nav ul li { /* position: relative; */ } .bx-nav-tow .bx-nav ul li:hover .xiala_xs { display: block; top: 88px; } /* .bx-nav-tow{ position: absolute!important; } */ .bx-nav-tow .bx-nav ul li .xiala_xs { border-top: 1px solid #e2e2e2; width: 100%; transition: all 0.2s ease; position: absolute; top: 80px; left: 0; background: #fff; z-index: 88; padding: 10px 0; display: none; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } .bx-nav-tow .bx-nav ul li dl { text-align: center; overflow: hidden; } .banner { padding-top: 88px; } .bx-nav-tow .bx-nav ul li dl dt { display: inline-block; } .bx-nav-tow .bx-nav ul li .xs_jain { width: 200px; } .bx-nav-tow .bx-nav ul li dl a { display: block; border: none; padding: 10px 10px; line-height: 30px; font-weight: 100; font-size: 16px !important; } .bx-nav-tow .bx-nav ul li dl a img { width: 20px; overflow: hidden; } .bx-nav-tow .bx-nav ul li dl a { background: #ffffff; } .bx-nav-tow .bx-nav ul li dl a:hover { background: #ededed; color: #333; } .two-nav li a { line-height: 30px; } .shiyong_s { overflow: hidden; width: 100%; height: 100%; position: relative; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 9996; display: none; } .shiyong-shic { width: 400px; height: 410px; overflow: hidden; display: block; position: relative; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #fff; border-radius: 5px; padding: 20px; } .shiyong-shic .bia { position: absolute; right: 20px; top: 20px; } .shiyong-shic ul { overflow: hidden; display: block; width: 80%; margin: 0 auto; } .shiyong-shic ul li { width: 100%; overflow: hidden; padding: 10px 0; } .shiyong-shic ul li input { width: 95%; height: 40px; border: 1px solid #dddddd; outline: none; text-indent: 1em; } .shiyong-shic ul li a { display: block; width: 200px; height: 40px; border-radius: 20px; background: #3b3972; color: #ffffff; text-align: center; line-height: 40px; } .banner img { width: 100%; display: block; overflow: hidden; } .bx-sideBar ul li { position: relative; width: 40px; height: 40px; text-align: center; font-size: 18px; line-height: 40px; background-color: #3b3972 !important; border-bottom: solid 1px #fff; } .recruit{ position:relative; } .recruit-ellipsis { margin-bottom: 60px; } .bx-mb-nav p { line-height: 60px !important; } .recruit>div>h2{ font-size: 60px; color: #fff; position: absolute; top: 50%; } .recruit > div > h3 { font-size: 26px; color: #ffd707; position: absolute; top: 77%; } .recruit_focus { background-color: #3b3a76!important; } .recruit_focus a { color: #fff !important; } .recruit_focus a:hover{ } .recruit-left { float: left; width: 18%; } .recruit-left li { height: 50px; line-height: 50px; text-align: center; background-color: #f5f5f5; color: #3b3a76; font-size:18px; } .cbl-button { display: none; } .recruit-left li a{ display:inline-block; width:100%; white-space:nowrap; overflow:hidden; } .recruit-left li:hover{ background-color: #3b3a76 !important; } .recruit-left li a:hover{ color: #fff !important; } .recruit-right{ width: 75%; float:right; } .recruit-search{ width:100%; position:relative; margin-bottom:50px; } .recruit-search img{ position:absolute; top:15px; left:20px; width:20px; } .recruit-search input{ width:88%; height:50px; border:1px solid #3b3972; float:left; padding-left:50px; font-size:20px; } .recruit-search a{ float:left; width:10%; height:50px; line-height:50px; border:1px solid #3b3972; background-color:#3b3972!important; color:#fff; text-align:center; } .recruit-search a:hover{ color:#fff; } .recruit-list { width: 100%; margin-bottom: 30px; } .recruit-list-top { width: 100%; height: 80px; line-height: 80px; border: 1px solid #dfdfdf; border-left: 1px solid #3b3972; padding: 30px; position:relative; } .recruit-list-top h1 { width: 28%; color: #3b3972; float: left; font-size: 20px; } .recruit-list-top h3, .recruit-list-top h4, .recruit-list-top h2 { width: 20%; color: #3b3972; float: left; font-size: 20px; text-align:center; } .recruit-list-top h4{ margin:0; } .recruit-list-top img{ width:25px; cursor:pointer; position:absolute; top:50%; right:5%; transform:translate(0,-50%); } .recruit-list-bottom { border: 1px solid #dfdfdf; border-left: 1px solid #3b3972; border-top:none; margin-top:5px; padding:30px; font-size:16px; display:none; } .recruit-list-bottom a, .recruit-list-bottom p{ line-height:30px; } .recruit-button { display:block; width: 160px; height: 50px; line-height: 50px!important; background-color: #3b3972!important; color:#fff; text-align:center; font-size:18px; cursor:pointer; } .recruit-button:hover{ background-color:#fff!important; color:#3b3972!important; border:1px solid #3b3972!important; } .ul_d1 .i-mc dl{ margin-bottom:0; } .ul_d1 .cartory p { display: block; height: 60px; padding-left: 30px; color: #333333; font-size: 16px; line-height: 60px; cursor: pointer; } .ul_d1 .i-mc dd .imc-tit { padding: 10px 0; font-size: 13px; display: block; line-height: 25px; padding-left: 30px; cursor: pointer; border:none; height:auto; } .ul_d1 .i-mc dd { position: relative; } .ul_d1 .i-mc dd .imc-border { position: absolute; right: 0; top: 0; width: 130%; transform: translate(100%,0); z-index: 99; background-color: #f5f5f5; display:none; } .ul_d1 .i-mc dd .imc-border li { padding: 0 10px 0 40px; } .ul_d1 .i-mc dd .imc-border li a { padding:10px 0 10px 10px; border-bottom: none; height: auto; line-height: 28px; font-size:13px; } .ul_d1 .i-mc dd .imc-border li a:hover { background-color: #3b3972; color: #fff; } .ul_d1 .i-mc dd:hover .imc-border { display: block; } .ul_d1 .i-mc dd:hover { background-color: #3b3972; } .ul_d1 .i-mc dd:hover>a { color: #fff; } .ul_d1 .i-mc{ display:none; } @media (max-width:1366px) { .mingxing_product ul li a h3 { color: #333; margin-top: 0px; padding-top: 10px !important; padding-bottom: 5px !important; } .mingxing_product ul li a { padding-bottom: 15px; } .mingxing_product ul li a .more { margin-top: 10px; } .mingxing_product ul li a p { line-height: 20px; height: 60px; } .mingxing_product ul li { padding: 25px 40px !important; } .mingxing_product ul li a span { display: block; width: 20%; height: 13%; text-align: center; line-height: 2.5; border-radius: 5px; color: #fff; background: #535353; position: absolute; top: -20px; left: 50%; margin-left: -20px; } } @media (max-width:1200px) and (min-width:1000px){ .recruit-list-top span{ font-size:18px; margin-right:40px; } .tel{ display:none; } .recruit > div > h2 { font-size: 38px; top: 50%; } .recruit > div > h3 { font-size: 20px; top: 77%; } } @media (max-width:1023px) and (min-width:768px){ .recruit-left{ width:30%; position:fixed; top:20%; left:-30%; z-index:10; } .cbl-button { position: absolute; top: 0; left: 100%; right: 20%; width: 15%; border-bottom-right-radius: 10px; border-top-right-radius: 10px; background-color: #3b3a76!important; display: block; } .cbl-button img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .recruit-right{ width:100%; } .recruit-list-top span { margin-right: 35px; } .recruit > div > h2 { font-size: 34px; top: 50%; } .recruit > div > h3 { font-size: 16px; top: 77%; } } @media (max-width:1000px) { .guanli ul li { width: 50%; padding: 15px 0; } /* .guanli ul li:last-child { margin-left: 25%; } */ .guanli ul { margin: 0; } .mingxing_product ul { margin: 0; } .mingxing_product ul li a { padding: 10px; margin-top: 30px; padding-top: 30px; } .about_list ul li { width: 33.333%; } .ul_ul .cl ol li a .text div h3 { width: 100%; } .ul_ul .cl ol li a .text div span { width: 100%; display: none; } .message ol li .dic:nth-child(2) { padding-left: 0; padding-top: 10px; } .message { padding-left: 0 !important; } .new_feilei li a { width: 120px; height: 30px; line-height: 30px; } .new_feilei li { padding: 10px 4px; } .about_img { line-height: 30px; padding: 20px 10px !important; } .zizhi_shang { margin: 0; } .zizhi_shang li { padding: 10px; } .zizhi_shanga { margin: 0; } .zizhi_shanga li { padding: 10px; } .bx-ContactUs1 { margin: 0; } .bx-ContactUs1 ul li { width: 50%; padding: 20px 10px; } .ContactUsv2 { padding-top: 20px; } .div_picc { height: 92px; } .Download li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 35px; background: url(../img/xizai.png) no-repeat 0 center; background-size: 30px 30px; font-size: 14px; line-height: 30px; } .Download { overflow: hidden; width: 100%; margin: 0 auto; } .Download li { padding: 10px 0; } .Download li a { width: 80px; line-height: 30px; height: 30px; font-size: 12px; } .case_list ul li .div_pic { width: 100%; height: auto; } .case_list ul li .text_case { width: 100%; overflow: hidden; } .case_list ul li .text_case span { display: block; width: 120px; height: 30px; text-align: center; line-height: 30px; background: #f5f5f5; color: #333; font-size: 14px; margin-top: 10px; border-radius: 5px; } .news-fr-list ul li { border-bottom: 1px solid #e5e5e5; margin-top: 0 !important; padding: 10px 0 !important; } .news-fr-list ul li .div-pic { width: 100% !important; } .news-fr-list ul li .div-tet { width: 100% !important; } .new_feilei { padding: 0 0 20px 0; } .new_tuijian { width: 100%; } .newdetail { width: 100%; } .mg_x7 .xiaoimg { margin-top: 20px; } .xitongdian_s li { padding: 10px 10px; } .xitongdian_s { margin: 0; } .xitongdian_s li:nth-child(5) { margin-left: 0; } .xitongdian_s li:last-child { } .tan_color_sy ul li { display: inline-block; padding: 10px 15px; } .hanying { font-size: 12px; } .banner_nr ul li a { width: 120px; font-size: 12px; height: 30px; line-height: 30px; } .banner_nr ul li { padding: 0 10px; } .banner_nr ul { position: absolute; bottom: -17px; left: 0; width: 100%; text-align: center; } .tel { display: none; } .footer_xsf { display: none; } .left_right-f { margin: 0; } .left_right-f li { padding: 10px; } .left_right-f li .d-c_l { width: 100px; height: 100px; margin: 0 auto; float: none !important; } .left_right-f li .tec { width: 100%; text-align: center; } .oiup li { padding: 10px !important; } .left_right-d ol li p { padding-bottom: 10px !important; } .left_right-a .right_textx h2 { font-size: 24px !important; color: #333; padding-left: 40px; background: url(../img/y4.png) no-repeat 0 center; background-size: 30px 30px; line-height: 40px; margin: 10px 0; } .left_right-b h2 { font-size: 24px !important; color: #333; padding-left: 40px; background: url(../img/y4.png) no-repeat 0 center; background-size: 30px 30px !important; line-height: 40px; margin: 10px auto; display: inline-block; } .xitongdian_s li { width: 50%; } .div_right_x { width: 100%; } .div_left-x { position: absolute; left: -250px; top: 0; z-index: 3669; } .uop { position: relative; } .div_text_right { width: 100%; } .shiyong a { margin: 0 8px; width: 80px; margin-bottom: 10px; } .bx-side .sj-btn { opacity: 0.6; } .mingxing_product ul li { padding: 20px 10px !important; width: 100%; } .banner { padding-top: 60px; } .bx-head { z-index: 3; box-sizing: border-box; } .div_right_x ul { margin: 0; } .div_right_x ul li { padding: 5px; } } @media (max-width:720px) { .recruit-ellipsis{ margin:0; } .recruit > div > h2{ font-size:24px; top:50%; } .recruit > div > h3{ font-size:12px; top:77%; } .recruit-search { margin-bottom: 20px; } .recruit-search input { height: 40px; line-height: 40px; font-size: 16px; width: 80%; } .recruit-search img{ top:12px; width:15px; } .recruit-search a{ width:20%; height:40px; line-height:40px; } .recruit-left { width: 30%; position: fixed; top: 20%; left: -30%; z-index: 10; } .recruit-left li a{ width:100%; overflow:hidden; white-space:nowrap; font-size:14px; padding:0 10px; } .cbl-button { position: absolute; top: 0; left: 100%; right: 20%; width: 18%; border-bottom-right-radius: 10px; border-top-right-radius: 10px; background-color: #3b3a76!important; display: block; } .cbl-button img { width:80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .recruit-right { width: 100%; } .recruit-list-top{ padding:10px; height:auto; position:relative; } .recruit-button{ width:100px; height:40px; line-height:40px!important; font-size:14px; } .recruit-list-top h1{ width:60%; } .recruit-list-top h2, .recruit-list-top h3, .recruit-list-top h4 { display: none; } .guanli ul li a div img { width: 120px; height: 120px; } .about_list ul li { width: 50%; } .banner_nr1 img { width: 100%; } .new_feilei li { padding: 10px 4px; } .zixun_t ul { position: relative; top: 20px; margin-bottom: 20px; } .zixun_t ul li { padding: 0 6px; margin-bottom: 10px; width:75%; } .about_list ul li:nth-child(5) { width: 100% !important; } .Download li a { margin-top: 0; margin-left: 0; float: right; /* margin-left: 50px; */ } .bx-sideBar { display: none; } .bx-footer { padding: 20px !important; } .banner_nr1 .ax a { margin: 0 20px; } .sofcenter { width: 100%; overflow: hidden; display: block; } .tuijian ul { overflow: hidden; padding: 10px; margin: 0; } .ul_d1 li a{ font-size:14px; line-height:24px; height:auto; padding:10px 0; } .ul_d1 .cartory p{ line-height:25px; font-size:14px; display:flex; align-items:center; } .ul_d1 .i-mc dd .imc-tit { padding: 5px 0; font-size: 14px; padding-left:30px; } .ul_d1 .i-mc dd .imc-border li { padding: 0px 10px 0 25px; } .ul_d1 .i-mc dd .imc-border li a { padding: 5px 0 5px 10px; } } @media screen and (min-width:1001px) and (max-width:1199px) { .bx-nav-tow .bx-nav ul li a { padding: 0 5px !important; } .Download { overflow: hidden; width: 100%; margin: 0 auto; } } @media (min-width:1000px){ .banner_nr1 img{ width:65%; display: block; margin: 0 auto; } } /* 557*274 */ /* 545*432 */