/*=======鍏ㄥ眬鍏叡鏍峰紡閮ㄥ垎======*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, cite, code, del, dfn, em, font, img, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; word-wrap: break-word !important; } img { margin: 0; padding: 0; border: 0; display: block; } .focus { outline: 0; } a:link, a:hover, a:active, a:visited { text-decoration: none; } a:visited { color: #989898; } table { border-collapse: collapse; } html { font-family: "寰蒋闆呴粦", "瀹嬩綋", "鏂板畫浣?; } body { font: 14px/24px "寰蒋闆呴粦"; color: #2b2b2b; min-width: 1200px; background: #fff; } ul li { list-style: none; } input:focus, textarea:focus { outline: none !important; } div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } .fl { float: left; } .fr { float: right; } .clearfix:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; } .wrap { width: 1200px; margin: 0 auto; } .te_ov { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .transition_35 { -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; } /*澶撮儴*/ .header { width: 100%; position: relative; } .hrader_top { height: 30px; background: #e3e3e3; } .hrader_top_left { font: 14px/30px "寰蒋闆呴粦"; color: #666; } .hrader_top_center { font: 14px/30px "寰蒋闆呴粦"; color: #666; margin-right: 35px; } .hrader_top_center b { font: 14px/30px "寰蒋闆呴粦"; color: #333; } .hrader_top_right { display: flex; justify-content: space-between; font: 14px/30px "寰蒋闆呴粦"; color: #666; } .hrader_top_right a.sousuo { display: block; font: 14px/30px "寰蒋闆呴粦"; color: #666; padding: 0 10px 0 20px; background: url("../images/header_bg2.png") no-repeat center center; } .hrader_top_right_box { font: 14px/30px "寰蒋闆呴粦"; color: #666; padding: 0 10px 0 20px; position: relative; background: url("../images/header_bg1.png") no-repeat left center; } .hrader_top_wx,.hrader_top_dy{position: relative;padding-left: 28px;font: 14px/30px "寰蒋闆呴粦";color: #666;margin-right: 30px;} .hrader_top_wx{background: url(../images/gzweixin.png) no-repeat left center;} .hrader_top_dy{background: url(../images/douyin.png) no-repeat left center;} .hrader_top_wx img,.hrader_top_dy img{display: none;width: 130px;height: 152px;position: absolute;left:-40px;top:98%;z-index: 666;} .hrader_top_wx:hover img,.hrader_top_dy:hover img{display: block;} .webhref { position: absolute; width: 100%; padding: 8px 0; background: #efefef; left: 0; top: 100%; display: none; z-index: 666666; } .webhref a { display: block; width: 100%; text-align: center; font: 14px/30px "寰蒋闆呴粦"; color: #0b0b0b !important; } .webhref a:hover { color: #f90925 !important; } .hrader_top_right_box:hover .webhref { display: block; } .header_btm { background: #fff; padding: 21px 0; height: 88px; } .header_btm_box { display: flex; justify-content: space-between; } .logobox { display: flex; justify-content: space-between; } .logo { display: block; width: 164px; height: 46px; } .logo a { display: block; } .logo a img { width: 100%; height: 45px; } .logo_desc { height: 45px; padding-left: 9px; border-left: 1px solid #797777; font: 14px/22px "寰蒋闆呴粦"; color: #3f3f3f; width: 140px; text-align: center; margin-left: 12px; } .nav { height: 46px; } .nav_list { display: flex; justify-content: space-between; } .nav_list > li { height: 31px; padding-top: 15px; } .nav_list > li > a { display: block; height: 16px; padding: 0 15px; border-right: 1px solid #898989; font: 16px/16px "寰蒋闆呴粦"; color: #242424; font-weight: bold; } .nav_list > li:last-child > a { border-right: none; } .nav_list > li.hover > a, .nav_list > li:hover > a { color: #f50000; } .nav_two { width: 100%; z-index: 666; position: absolute; left: 0; top: 97px; padding: 50px 0; background: url("../images/nav_bg.jpg") no-repeat top center; display: none; } .nav_two_box { display: flex; justify-content: space-between; } .nav_two_left { width: 480px; } .nav_two_left h2 { font: 20px/40px "寰蒋闆呴粦"; color: #1569b0; margin-bottom: 25px; } .nav_two_left p { font: 14px/24px "寰蒋闆呴粦"; color: #3e3e3e; } .nav_two_right { width: 274px; } .nav_two_right a { display: block; width: 100%; } .nav_two_right a img { width: 100%; height: auto; } .nav_two_center { width: 410px; } .nav_two_center_list { display: flex; justify-content: start; flex-wrap: wrap; } .nav_two_center_list li { width: 33.33%; } .nav_two_center_list li a { display: block; width: 100%; font: 14px/28px "寰蒋闆呴粦"; color: #333; } .nav_list li:hover .nav_two { display: block; } /*淇敼浜岀骇瀵艰埅鏍峰紡*/ .nav_two1 { width: 100%; z-index: 666; position: absolute; left: 0; top: 97px; padding: 50px 0; background: url("../images/nav_bg1.jpg") no-repeat center; display: none;height:439px } .nav_two_center1{width: 430px;} .nav_two_center1 h2{font: 36px/60px "寰蒋闆呴粦"; color: #666;font-weight: bold; margin-bottom: 20px;} .nav_two_center1 .nav_two_center_list li a { display: block; width: 100%; font: 16px/30px "榛戜綋"; color: #7e7e7e; } .nav_two_right1{margin: 82px 65px 0 100px;width: 280px;} .nav_two_right1 a { display: block; width: 100%; } .nav_two_right1 a img { width: 100%; height: auto; } .nav_two_left1{width: 272px;padding:50px 0 0 30px;} .nav_two_left1 h2{font: 30px/44px "寰蒋闆呴粦"; color: #fff; margin-bottom: 20px;font-weight: bold;} .nav_two_left1 a{display: block;font: 18px/36px "寰蒋闆呴粦"; color: #fff;text-indent: 30px;} .nav_slbox{width:850px;} .nav_tlbox{display: flex;justify-content: space-between;margin-top:-20px;} .nav_sl{width:auto;} .nav_sl_list{width: 100%;} .nav_sl h3{font:18px/30px "寰蒋闆呴粦";color: #f60707;padding-bottom: 10px;font-weight: bold;} .nav_sl_list li a{font:16px/28px "寰蒋闆呴粦";color: #202020;} .nav_sl_list_tab{width: 100%;} .nav_sl_list_tab a{display: block;padding-left: 18px;background: url(../images/nav_tl.png) no-repeat 8px center;font:14px/24px "寰蒋闆呴粦" ! important;color: #666;} /*淇敼浜岀骇瀵艰埅鏍峰紡*/ /*澶撮儴缁撴潫*/ /*搴曢儴*/ .footer { width: 100%; } .footer_top { background: #262626; padding: 50px 0; } .footer_top_box { display: flex; justify-content: space-between; } .footer_top_left { width: 267px; } .footer_logo { width: 100%; } .footer_top_left_wechat { margin-top: 28px; } .footer_top_left_wechat img { margin: 0 auto; } .footer_top_left_wechat p { font: 14px/30px "寰蒋闆呴粦"; color: #bbb; text-align: center; } .footer_top_center { width: 120px; } .footer_tit { border-bottom: 1px dashed #cdcdcd; margin-bottom: 10px; } .footer_tit a { display: block; font: 26px/50px "寰蒋闆呴粦"; color: #d9d9d9; } .footer_top_center_list { width: 100%; } .footer_top_center_list li a { font: 16px/28px "寰蒋闆呴粦"; color: #bbb; } .footer_top_right { width: 535px; } .footer_top_right_box { display: flex; justify-content: space-between; } .footer_top_right_box_left { width: 200px; } .footer_top_right_box_right { width: 300px; } .footer_top_right_tit { font: 18px/28px "寰蒋闆呴粦"; color: #d9d9d9; margin-bottom: 15px; } .footer_top_right_box_left p, .footer_top_right_box_left p a, .footer_top_right_box_right { font: 16px/28px "寰蒋闆呴粦"; color: #bbbbbb; } .footer_btm { padding: 15px 0; background: #191919; } .footer_btm_box { display: flex; justify-content: space-between; height: 16px; } .footer_btm_box_left a { font: 14px/16px "寰蒋闆呴粦"; color: #fff; } .footer_btm_box_left a:nth-child(3) { padding: 0 40px 0 10px; } .footer_btm_box_right { height: 16px; display: flex; justify-content: space-between; } .footer_btm_box_right li { padding: 0 15px; border-right: 1px solid #575757; } .footer_btm_box_right li:last-child { border-right: none; } .footer_btm_box_right li a { display: block; width: 100%; font: 14px/16px "寰蒋闆呴粦"; color: #fff; } .zoom { display: none; width: 100%; height: 100%; background: #191919; position: fixed; left: 0; top: 0; } .zoom img { width: 400px; height: 564px; margin: calc(50% - 600px) auto 0; } /*搴曢儴缁撴潫*/ /*棣栭〉*/ .home_video { width: 100%; height: auto; } /*banner鍥?/ /*姝e父banner*/ #swiper { width: 100%; position: relative; z-index: 1; } #banner { width: 100%; position: relative; overflow: hidden; } #banner img { position: absolute; width: 100%; top: 0; left: 100%; height: 100%; } #banner a:first-child img { left: 0; } #btns { position: absolute; bottom: 10px; left: 50%; margin-left: -75px; height: 24px; border-radius: 12px; min-width: 100px; } #btns span { margin-top: 5px; width: 14px; height: 14px; float: left; margin-left: 18px; border-radius: 7px; background-color: #33a6ff; } #btns span:hover { background: #f00; } #btns .hover { background: #f00; } /*姝e父banner*/ .sb-slider { margin: 0 auto 10px; position: relative; overflow: hidden; width: 100%; list-style-type: none; padding: 0; } .sb-slider li { margin: 0; padding: 0; display: none; } .sb-slider li > a { outline: none; } .sb-slider li > a img { border: none; } .sb-slider img { max-width: 100%; display: block; } .sb-description { padding: 20px; bottom: 10px; left: 10px; right: 10px; z-index: 1000; position: absolute; background: #CBBFAE; background: rgba(190,176,155, 0.4); border-left: 4px solid rgba(255,255,255,0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: #fff; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; transition: all 200ms; display: none; } .sb-slider li.sb-current .sb-description { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 1; } .sb-slider li.sb-current .sb-description:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); background: rgba(190,176,155, 0.7); } .sb-perspective { position: relative; } .sb-perspective > div { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .sb-side { margin: 0; display: block; position: absolute; -moz-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .shadow { width: 100%; height: 168px; position: relative; margin-top: -110px; background: transparent url(../images/shadow.png) no-repeat bottom center; background-size: 100% 100%; /* stretches it */ z-index: -1; display: none; } .sb-description h3 { font-size: 20px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } .sb-description h3 a { color: #4a3c27; text-shadow: 0 1px 1px rgba(255,255,255,0.5); } .nav-arrows { display: none; } .nav-arrows a { width: 42px; height: 42px; background: #cbbfae url(../images/nav.png) no-repeat top left; position: absolute; top: 45%; left: 2px; text-indent: -9000px; cursor: pointer; margin-top: -21px; opacity: 0.9; border-radius: 50%; box-shadow: 0 1px 1px rgba(255,255,255,0.8); } .nav-arrows a:first-child { left: auto; right: 2px; background-position: top right; } .nav-arrows a:hover { opacity: 1; } .nav-dots { text-align: center; position: absolute; bottom: -5px; height: 30px; width: 100%; left: 0; display: none; } .nav-dots span { display: inline-block; width: 16px; height: 16px; border-radius: 50%; margin: 3px; background: #cbbfae; cursor: pointer; box-shadow: 0 1px 1px rgba(255,255,255,0.6), inset 0 1px 1px rgba(0,0,0,0.1); } .nav-dots span.nav-dot-current { box-shadow: 0 1px 1px rgba(255,255,255,0.6), inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 0 3px #cbbfae, inset 0 0 0 8px #fff; } .nav-options { width: 70px; height: 30px; position: absolute; right: 70px; bottom: 0px; display: none; } .nav-options span { width: 30px; height: 30px; background: #cbbfae url(../images/options.png) no-repeat top left; text-indent: -9000px; cursor: pointer; opacity: 0.7; display: inline-block; border-radius: 50%; } .nav-options span:first-child { background-position: -30px 0px; margin-right: 3px; } .nav-options span:hover { opacity: 1; } /*banner鍥剧粨鏉?/ /*鍏徃瀹炲姏*/ .index_gssl { padding: 40px 0; } .index_gssl h2 { font: 36px/60px "寰蒋闆呴粦"; color: #1a1a1a; text-align: center; } .index_gssl h5 { font: 16px/24px "寰蒋闆呴粦"; color: #666; text-align: center; } .index_gssl_list { margin-top: 40px; display: flex; justify-content: space-between; } .index_gssl_list li { width: 20%; } .index_gssl_list li a { display: block; width: 100%; } .index_gssl_list li a img { width: 130px; height: 130px; margin: 0 auto; } .index_gssl_list li a h3 { font: 18px/24px "寰蒋闆呴粦"; color: #0057b8; text-align: center; margin: 18px 0 10px; } .index_gssl_list li a:hover h3 { color: #666; } .index_gssl_list li a p { font: 14px/24px "寰蒋闆呴粦"; color: #666; text-align: center; } /*鍏徃瀹炲姏缁撴潫*/ /*浜у搧*/ .index_product { background: #ececec; padding: 45px 0; } .index_product_box { width: 1207px; border: 1px solid #c7c7c7; margin: 0 auto; } .index_product_top { border-bottom: 1px solid #c7c7c7; height: 60px; background: #fff; display: flex; justify-content: space-between; } .index_product_top li { width: 195px; border-right: 1px dashed #cecece; } .index_product_top li:hover,.index_product_top li.hover { background: #f60909; } .index_product_top li:hover a,.index_product_top li.hover a { color: #fff; } .index_product_top li:first-child:hover a, .index_product_top li:last-child:hover a { color: #000; } .index_product_top li:first-child { width: 212px; background: url("../images/index_probg1.png") no-repeat 20px center; } /*.index_product_top li:first-child.hover { width: 212px; background:#f60909 url("../images/index_probg1.png") no-repeat 20px center; }*/ .index_product_top li:first-child a { text-indent: 60px; text-align: left; color: #000;} .index_product_top li:last-child { width: 212px; background: url("../images/index_probg2.png") no-repeat 30px center; border-right: none; } .index_product_top li:last-child a { text-indent: 70px; text-align: left; } .index_product_top li a { display: block; width: 100%; font: 22px/60px "寰蒋闆呴粦"; color: #000; text-align: center; } .index_product_btm { padding: 35px 14px 30px; } .index_product_list { display: flex; justify-content: space-between; flex-wrap: wrap; } .index_product_list li { margin-bottom: 6px; } .index_product_list li:first-child, .index_product_list li:nth-child(2), .index_product_list li:nth-child(3) { height: 275px; } .index_product_list li:nth-child(4), .index_product_list li:nth-child(5), .index_product_list li:last-child { height: 267px; } .index_product_list li:first-child { width: 426px; } .index_product_list li:nth-child(2) { width: 335px; } .index_product_list li:nth-child(3) { width: 404px; } .index_product_list li:nth-child(4) { width: 344px; } .index_product_list li:nth-child(5) { width: 375px; } .index_product_list li:last-child { width: 445px; } .index_product_list li a { display: block; width: 100%; height: 100%; position: relative; } .index_product_list li a img { width: 100%; height: 100%; } .index_product_list li a:hover .index_product_list_box { display: block; } .index_product_list_box { display: none; position: absolute; left: 0; top: 0; background: rgba(14,14,14,0.65); width: 100%; height: 100%; padding: 70px 50px 0; } .index_product_list_box h3 { font: 18px/40px "寰蒋闆呴粦"; color: #ededed !important; text-align: center; margin-bottom: 5px; } .index_product_list_box p { font: 14px/24px "寰蒋闆呴粦"; color: #c8c8c8 !important; } /*浜у搧缁撴潫*/ /*鏂伴椈*/ .index_new { padding: 45px 0; } .index_new_top { display: flex; justify-content: space-between; } .index_new_tit { width: auto; } .index_new_tit a { font: 26px/40px "寰蒋闆呴粦"; color: #2b2b2b; } .index_new_tab { display: flex; justify-content: space-between; } .index_new_tab li { margin-left: 20px; } .index_new_tab li a { font: 18px/40px "寰蒋闆呴粦"; color: #2b2b2b; } .index_new_tab li:hover a, .index_new_tab li.hover a { color: #f60909; } .index_new_btm { margin-top: 30px; } .index_new_box { display: none; } .index_new_box:first-child { display: block; } .index_new_left { width: 600px; } .index_new_right { width: 570px; height: 234px; } .index_new_list { width: 100%; } .index_new_list li { margin-bottom: 50px; } .index_new_list li:last-child { margin-bottom: 0; } .index_new_list li a { width: 100%; display: flex; justify-content: space-between; } .index_new_list_left { width: 85px; height: 85px; background: #f2f2f2; padding-top: 20px; } .index_new_list_left h3 { font: 20px/24px "寰蒋闆呴粦"; color: #4c4c4c; text-align: center; } .index_new_list_left p { font: 14px/24px "寰蒋闆呴粦"; color: #666; text-align: center; } .index_new_list_right { width: 475px; } .index_new_list_right h3 { font: 16px/24px "寰蒋闆呴粦"; color: #656565; margin-bottom: 10px; } .index_new_list_right p { font: 14px/24px "寰蒋闆呴粦"; color: #898989; } .index_new_list li a:hover .index_new_list_right h3 { color: #f60909; } .index_new_list li a:hover .index_new_list_right p { color: #161616; } .index_new_right a { display: block; width: 100%; } .index_new_right a img { width: 100%; height: 234px; } .index_new_right_box { padding: 20px 15px; border: 1px solid #eeeeee; } .index_new_right_box h3 { font: 16px/24px "寰蒋闆呴粦"; color: #656565; margin-bottom: 10px; } .index_new_right_box p { font: 14px/24px "寰蒋闆呴粦"; color: #898989; } .index_new_right_box:hover h3 { color: #f60909; } .index_new_right_box:hover p { color: #161616; } .add_new_left{width:354px;} .lb-box{width:354px;height:300px;margin:15px auto;position:relative;overflow:hidden;} .lb-content{width:100%;height:265px;} .lb-item{width:100% !important;height:265px !important;display:none;position:relative;} .lb-item > a{width:100% !important;height:265px !important;display:block;} .lb-item > a > img{width:100% !important;height:265px !important;} .lb-item > a > span{width:calc(100% - 30px);display:block;position:absolute;bottom:-36px !important;padding:0 15px;font:14px/36px "寰蒋闆呴粦";color:#656565;height:36px !important;background:#f4f4f4 !important;} .lb-item.active{display:block;left:0%;} .lb-item.active.left{left:-100%;} .lb-item.active.right{left:100%;} .lb-item.next,.lb-item.prev{display:block;position:absolute;top:0px;} .lb-item.next{left:100%;} .lb-item.prev{left:-100%;} .lb-item.next.left,.lb-item.prev.right{left:0%;} .lb-sign{width:calc( 100% - 200px);position:absolute;left:0;bottom:36px !important;padding:5px 0 5px 200px;list-style:none;user-select:none;background-color:rgba(0,0,0,0.5) !important;} .lb-sign li{width:22px;height:22px;font-size:14px;font-weight:500;line-height:22px;text-align:center;float:left;color:#fff;margin:auto 4px;border-radius:11px;cursor:pointer;background:#0a0a0a;} .lb-sign li:hover{background:#b10606;} .lb-sign li.active{background:#b10606;} .lb-ctrl{position:absolute;top:50%;transform:translateY(-50%);font-size:50px;font-weight:900;user-select:none;background-color:rgba(0,0,0,0.7);color:#fff;border-radius:5px;cursor:pointer;transition:all 0.1s linear;} .lb-ctrl.left{left:-50px;display:none;} .lb-ctrl.right{right:-50px;display:none;} .lb-box:hover .lb-ctrl.left{left:10px;} .lb-box:hover .lb-ctrl.right{right:10px;} .lb-ctrl:hover{background-color:#000;} .add_new_center{width:375px;} .add_new_right{width:375px;} .add_new_title a{font:22px/40px "寰蒋闆呴粦";color:#020202;} .add_new_title:hover a{color:#f40808;} .add_new_list{width:100%;margin-top:15px;} .add_new_list li{padding-left:30px;height:36px;margin-bottom:7px;border-bottom:1px dashed #f3f3f3;background:url("../images/t_bg.jpg") no-repeat 8px center;} .add_new_list li a{display:block;width:100%;font:14px/36px "寰蒋闆呴粦";color:#656565;} .add_new_list li a span{float:right;} .add_new_right a.more{display:block;height:34px;font:14px/34px "寰蒋闆呴粦";color:#252525;background:#d5d5d5;text-align:center;border-radius:7px;} /*鏂伴椈缁撴潫*/ /*鍚堜綔浼欎即*/ .index_hz { padding: 10px 0 0; } .index_hz h2 { font: 30px/50px "寰蒋闆呴粦"; color: #070707; } .picScroll-left { position: relative; width: 100%; background: #fff; min-height: 165px; margin-top: 20px; } .index_hz_list { margin-top: 15px; } .index_hz_list li { width: 210px; height: 137px; border: 1px solid #ececec; margin-right: 34px; padding-top: 20px; } .index_hz_list li img { max-width: 100%; height: auto; margin: 0 auto; } .index_hzhb{margin-top:20px;} .index_hzhb img{width:100%;height:auto;} /*鍚堜綔浼欎即缁撴潫*/ /*棣栭〉缁撴潫*/ /*浜у搧*/ .small_banner { width: 100%; } .small_banner img { width: 100%; height: auto; } .product { padding: 30px 0; } .position { display: flex; justify-content: space-between; height: 52px; border-bottom: 1px solid #aeaeae; margin-bottom: 30px; } .position_tit { font: 22px/52px "寰蒋闆呴粦"; color: #010101; border-bottom: 2px solid #ff0303; } .position_box, .position_box a { font: 14px/52px "寰蒋闆呴粦"; color: #767676; } .position_box a:hover { color: #fb0505; } .product_box { width: 100%; } .position_two { background: #0c4a9d; height: 52px; } .position_two .position_box, .position_two .position_box a { color: #fff; } .product_list { display: flex; justify-content: start; flex-wrap: wrap; } .product_list li { padding: 28px; background: #ebebeb; width: 326px; margin-right: 27px; margin-bottom: 40px; } .product_list li:nth-child(3n) { margin-right: 0; } .product_list li a { display: block; width: 100%; } .imgzoom { width: 100%; height: 245px; overflow: hidden; } .imgzoom img { width: 100%; height: 100%; } .imgzoom:hover img { transform: scale(1.2); transition: .35s; } .product_list li a h2 { font: 22px/34px "寰蒋闆呴粦"; color: #0a0a0a; margin-top: 20px; } .product_list li a p { font: 14px/24px "寰蒋闆呴粦"; color: #666; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product_list li a:hover h2 { color: #ff0b0b; } .product_list li a:hover p { color: #000000; } /*浜у搧缁撴潫*/ /*浜у搧鍒楄〃*/ .product_list_list { width: 100%; padding: 45px 0; } .product_list_box { width: 100%; } .product_list_left { width: 240px; } .product_list_left h1 { width: 100%; height: 68px; font: 30px/68px "寰蒋闆呴粦"; color: #f7f7f7; background: #0b4587; text-indent: 30px; } .product_list_ul { width: 100%; } .product_list_ul li { margin-bottom: 2px; } .product_list_top { padding: 0 10px 0 30px; display: flex; justify-content: space-between; width: 100%; height: 38px; background: #d8d7d7; } .product_list_top a { font: 18px/38px "寰蒋闆呴粦"; color: #1a1a1a; } .product_list_top span { display: block; width: 20px; height: 100%; cursor: pointer; background: url("../images/product_list_bg.png") no-repeat center center; } .product_list_two { display: none; background: #f4f4f4; padding: 10px 0 10px 60px; width: 100%; } .product_list_two a { font: 14px/26px "寰蒋闆呴粦"; color: #666; display: block; } .product_list_two a:hover { color: #fb0505; } .product_list_ul li.hover .product_list_two { display: block; } .product_list_ul li.hover .product_list_top a { color: #fb0505; } .product_list_right { width: 916px; } .product_list_right_box { margin-top: 30px; } .product_list_right_list { display: flex; justify-content: start; flex-wrap: wrap; } .product_list_right_list li { width: 280px; border: 1px solid #e4e4e4; margin-right: 35px; margin-bottom: 30px; } .product_list_right_list li:nth-child(3n) { margin-right: 0; } .product_list_right_list li a { display: block; width: 100%; } .imgzoom1 { width: 100%; padding: 10px; height: 190px; overflow: hidden; } .imgzoom1 img { width: 100%; height: 100%; } .imgzoom1:hover img { transform: scale(1.2); transition: .35s; } .product_list_right_list li p { font: 14px/32px "寰蒋闆呴粦"; color: #1f1f1f; display: block; background: #f0efef; height: 32px; text-align: center; } .product_list_right_list li:hover p { color: #fb0505; } /*浜у搧鍒楄〃缁撴潫*/ /*EPC*/ .epc { width: 100%; } .epc_js { padding: 10px 0 40px; } .epc_h3 { font: 24px/50px "寰蒋闆呴粦"; color: #080808; text-align: center; } .epc_h5 { font: 16px/28px "寰蒋闆呴粦"; color: #666; text-align: center; padding: 15px 5%; } .epc_lc_box { margin-top: 20px; } .epc_lc_top { width: 100%; border: 1px solid #d2d2d2; background: #f5f5f5; background-size: cover; } .epc_lc_top_list { width: 100%; display: flex; justify-content: space-between; } .epc_lc_top_list li { padding-top: 80px; padding-bottom: 10px; width: 25%; position: relative; border-right: 1px solid #d2d2d2; cursor: pointer; } .epc_lc_top_list li h2 { font: 18px/40px "寰蒋闆呴粦"; color: #090909; text-align: center; } .epc_lc_top_list li div { display: none; width: 28px; height: 14px; position: absolute; left: calc(50% - 14px); bottom: -14px; } .epc_lc_top_list li.hover div { display: block; } .epc_lc_top_list li.hover h2 { color: #fff; } .epc_lc_top_list li:first-child { background: url("../images/epc_lc1.png") no-repeat center 10px; } .epc_lc_top_list li:nth-child(2) { background: url("../images/epc_lc2.png") no-repeat center 10px; } .epc_lc_top_list li:nth-child(3) { background: url("../images/epc_lc3.png") no-repeat center 10px; } .epc_lc_top_list li:nth-child(4) { background: url("../images/epc_lc4.png") no-repeat center 10px; } .epc_lc_top_list li:last-child { background: url("../images/epc_lc5.png") no-repeat center 10px; } .epc_lc_top_list li:first-child.hover { background: #0057b8 url("../images/epc_lc11.png") no-repeat center 10px; } .epc_lc_top_list li:nth-child(2).hover { background: #0057b8 url("../images/epc_lc22.png") no-repeat center 10px; } .epc_lc_top_list li:nth-child(3).hover { background: #0057b8 url("../images/epc_lc33.png") no-repeat center 10px; } .epc_lc_top_list li:nth-child(4).hover { background: #0057b8 url("../images/epc_lc44.png") no-repeat center 10px; } .epc_lc_top_list li:last-child.hover { background: #0057b8 url("../images/epc_lc55.png") no-repeat center 10px; } .epc_lc_btm { width: 100%; margin-top: 25px; } .epc_lc_btm_box { width: 100%; display: none; } .epc_lc_btm_box:first-child { display: block; } .epc_lc_btm_left { width: 640px; } .epc_lc_btm_left img { width: 100%; height: 480px; } .epc_lc_btm_right { width: calc(100% - 660px); } .epc_lc_btm_list { height: 480px; } .epc_lc_btm_list li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; } .epc_lc_btm_list li:last-child { border-bottom: none; } .epc_lc_btm_list h2 { font: 16px/24px "寰蒋闆呴粦"; font-weight: bold; color: #333; padding: 12px 0 12px 0; } .epc_lc_btm_list p { font: 14px/26px "寰蒋闆呴粦"; color: #333; } .epc_tz { height: 300px; background: #113160; padding-top: 40px; } .epc_tz_position { position: relative; } .epc_tz h2 { font: 26px/40px "寰蒋闆呴粦"; color: #fff; text-align: center; margin-bottom: 10px; } .epc_tz h5 { font: 14px/24px "寰蒋闆呴粦"; color: #ccc; text-align: center; } .epc_tz_box { padding: 20px; width: 1200px; position: absolute; left: 0; top: 125px; background: #fff; } .picScroll-left2 { position: relative; width: 100%; min-height: 260px; } .picScroll-left21 { position: relative; width: 100%; min-height: 260px; } .epc_tz_list { width: 100%; } .epc_tz_list li { width: 276px; margin-right: 20px; } .epc_tz_list li a { display: block; width: 100%; } .epc_tz_list li img { width: 100%; height: 208px; } .epc_tz_list li a p { display: block; height: 40px; font: 16px/40px "寰蒋闆呴粦"; color: #333; background: #f8f8f8; text-indent: 5px; } .next, .prev { width: 48px; height: 48px; border-radius: 24px; z-index: 666; display: block; cursor: pointer; } .next { background: #dddada url("../images/right_arrow.png") no-repeat center center; background-size: 50%; position: absolute; top: 30%; right: -90px; } .prev { background: #dddada url("../images/left_arrow.png") no-repeat center center; background-size: 50%; position: absolute; top: 30%; left: -90px; } .next:hover { background: #de2929 url("../images/right_arrow.png") no-repeat center center; background-size: 50%; } .prev:hover { background: #de2929 url("../images/left_arrow.png") no-repeat center center; background-size: 50%; } .epc_nl { margin-top: 200px; } .epc_nl_tit { margin-bottom: 20px; } .epc_nl_tit span { font: 26px/40px "寰蒋闆呴粦"; color: #0f0f0f; padding: 5px 0; border-bottom: 2px solid #f90404; } .epc_nl_desc { font: 14px/24px "寰蒋闆呴粦"; color: #666; text-indent: 2em; } .epc_nl_box { margin-top: 30px; } .epc_nl_tab { display: flex; justify-content: space-between; } .epc_nl_tab li { cursor: pointer; width: 140px; height: 46px; font: 18px/46px "寰蒋闆呴粦"; color: #000; text-align: center; } .epc_nl_tab li a{ color: #000;font-size: 14px; } .epc_nl_tab li.hover { background: #ff1010; color: #fff; } .epc_nl_tab li.hover a{ color: #fff; } .epc_nl_div { margin-top: 35px; } .epc_nl_list { display: flex; justify-content: start; flex-wrap: wrap; } .epc_nl_list li { width: 350px; border: 1px solid #dfdfdf; padding: 18px; margin: 0 18px 30px 0; } .epc_nl_list li:nth-child(3n) { margin-right: 0; } .epc_nl_list li a { display: block; width: 100%; } .epc_nl_list li a img { width: 100%; height: 175px; } .epc_nl_list li a h3 { padding: 10px 0; font: 16px/24px "寰蒋闆呴粦"; color: #404040; } .epc_nl_list li a:hover h3 { color: #f20303; } .epc_nl_list_desc { margin-bottom: 16px; } .epc_nl_list_desc p { font: 14px/24px "寰蒋闆呴粦"; color: #666; } .epc_nl_list li a span { display: block; width: 30px; height: 30px; background: url("../images/epc_bg1.png") no-repeat left center; } .leave_mess { margin: 30px 0;padding-top: 20px;border-top: 10px solid #f2f2f2; } .leave_mess_box { display: flex; justify-content: space-between; } .leave_mess_left { width: 590px; } .leave_mess_left h3 { font: 18px/40px "寰蒋闆呴粦"; color: #000000; font-weight: bold; } .leave_mess_form { display: block; width: 100%; margin-top: 20px; } .leave_mess_list { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .leave_mess_list li { width: 285px; margin-bottom: 5px; } .leave_mess_list li p { font: 16px/40px "寰蒋闆呴粦"; color: #2279a8; } .leave_mess_list li input { display: block; padding: 0; margin: 0; width: calc(100% - 2px); height: 32px; text-indent: 25px; font: 16px/32px "寰蒋闆呴粦"; color: #333; border: 1px solid #d1d1d1; } .leave_mess_list li textarea { display: block; padding: 0; margin: 0; width: calc(100% - 2px); text-indent: 25px; font: 16px/32px "寰蒋闆呴粦"; color: #333; border: 1px solid #d1d1d1; height: 80px; resize: none; } .leave_mess_list li:first-child input { background: url("../images/leave_bg1.jpg") no-repeat 5px center; } .leave_mess_list li:nth-child(2) input { background: url("../images/leave_bg2.jpg") no-repeat 5px center; } .leave_mess_list li:nth-child(3) { width: 100%; } .leave_mess_list li:nth-child(3) textarea { background: url("../images/leave_bg3.jpg") no-repeat 5px 5px; } .leave_mess_list li:last-child { margin-top: 20px; width: 100%; } .leave_mess_list li:last-child input { display: block; padding: 0; font: 18px/36px "寰蒋闆呴粦"; color: #fff; width: 130px; height: 36px; border-radius: 18px; text-align: center; background: #164c93; text-indent: 0; border: none; margin: 0 auto; } .leave_mess_right { width: 500px;position: relative; margin-top: 80px; background: url("../images/leave_bg5.jpg") no-repeat; } .leave_mess_right div{width:200px;height:200px;position: absolute;top:90px;right:50px;} .leave_mess_right div img{width:100%;height:100%;} .leave_mess_right_list { margin-top: 120px; } .leave_mess_right_list li { height: 36px; padding-left: 18px; background: url("../images/leave_bg4.jpg") no-repeat left center; font: 16px/36px "寰蒋闆呴粦"; color: #787878; } .contact_ly{width: 100%;padding-top: 20px;background: #f0f0f0;margin-top: 25px;} .contact_ly_right{width: 400px;height: 415px;background: #80c0db;margin-top: 60px;padding: 0 20px;} .contact_ly_right h4{font:26px/40px "寰蒋闆呴粦";color: #fff;margin: 15px 0 10px;} .contact_ly_right p{font:18px/30px "寰蒋闆呴粦";color: #fff;} .contact_ly_right img{width: 140px;height: auto;margin: 15px auto 5px;} .zxzx{margin-top: 5px;display: flex;justify-content: space-between;padding:10px 20px;width: 400px;} .zxzx a{display: block;width: 150px;height: 42px;text-align: center;font:16px/42px "寰蒋闆呴粦";color: #ff7400;background: #fff;cursor: pointer;} .zxzx a:last-child{margin-right: 0;} .leave{width: 590px;} .leave h2 {font: 30px/60px "寰蒋闆呴粦";color: #4b4947;font-weight: bold;} .leave h3 {font: 16px/30px "寰蒋闆呴粦";color: #ff7400;} .leave_mes{width: 590px;margin: 20px auto 30px;} .leave_mes ul li{width: 100%;margin-bottom: 15px;} .leave_mes ul li p{font:18px/40px "寰蒋闆呴粦";color: #333;} .leave_mes ul li input,.leave_mes ul li textarea{font:16px/34px "寰蒋闆呴粦";color: #333;display: block;width: 100%;border: 1px solid #e3e3e3;background: #f9f7f5;text-indent: 8px;} .leave_mes ul li textarea{height: 100px;max-width: 100%;max-height: 100px;min-height: 100px;min-width: 100%;} .leave_btn{background: #ff7400;width: 150px;height: 42px;text-align: center;border: none;display: block;margin:20px 0 0 0;font:18px/42px "寰蒋闆呴粦";color: #fff;cursor: pointer;} /*EPC缁撴潫*/ /*epc璇︽儏*/ .epc_detial { padding: 30px 0; } .epc_de_tw { width: 100%; } .epc_de_tw_box { margin-top: 30px; display: flex; justify-content: space-between; } .epc_de_tw_box_left { width: 478px; padding: 20px; background: #efefef; } .epc_de_tw_box_left img { width: 100%; height: 325px; } .epc_de_tw_box_right { width: 690px; } .epc_de_tw_box_right h2 { font: 20px/30px "寰蒋闆呴粦"; color: #000; } .epc_de_tw_box_right_desc { margin-top: 10px; } .epc_de_tw_box_right_desc p { font: 14px/28px "寰蒋闆呴粦"; color: #2b2b2b; } .epc_de_tw_box_right_desc p:first-child { margin-bottom: 10px; } .epc_de_tw_box_right_desc p span { font: 16px/28px "寰蒋闆呴粦"; color: #454545; font-weight: bold; } .epc_de_tw_box_right_desc p b { color: #13529e; } .epc_de_tw_box_right_tel { margin-top: 15px; background: url("../images/epc_detial_bg1.png") no-repeat left center; padding-left: 52px; } .epc_de_tw_box_right_tel p { font: 14px/20px "寰蒋闆呴粦"; color: #0e47bb; } .epc_de_tw_box_right_tel span { font: 22px/26px "寰蒋闆呴粦"; color: #0e47bb; } .epc_de_tw_box_right_online { display: flex; justify-content: start; margin-top: 25px; } .epc_de_tw_box_right_online a { display: block; width: 130px; height: 42px; text-align: center; font: 16px/42px "寰蒋闆呴粦"; color: #fff !important; margin-right: 28px; background: #fd4e09; } .epc_de_xc { margin-top: 40px; } .epc_de_xc_list { margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; } .epc_de_xc_list li { width: 290px; height: 219px; margin-right: 13px; position: relative; } .epc_de_xc_list li:last-child { margin-right: 0; } .epc_de_xc_list li img, .epc_de_xc_list_box { width: 100%; height: 100%; } .epc_de_xc_list_box { padding-top: 100px; position: absolute; left: 0; top: 0; background: rgba(72,72,72,0.9); text-align: center; font: 16px/24px "寰蒋闆呴粦"; color: #c9c9c9 !important; display: none; } .epc_de_xc_list li:hover .epc_de_xc_list_box { display: block; } .epc_de_xm { margin-top: 30px; background: #113160; } .position_color { border-bottom: 1px solid #4c5a6d; } .position_color .position_tit { color: #fff; border-bottom: 2px solid #fff; } .epc_de_xm_bg { padding: 20px 0; height: 280px; background: url("../images/epc_detial_bg2.jpg") no-repeat left center; } .epc_de_xm_bg p { font: 16px/24px "寰蒋闆呴粦"; color: #e4e4e4; margin: 15px 0 10px; } .margin_top0 { margin-top: 0; } .margin_top0 li { color: #c7c7c7; font-size: 14px; } .epc_de_gy { width: 100%; } .epc_de_gy_box { background: #f5f5f5; padding: 30px; } .epc_de_gy_box { max-width: 100% !important; height: auto; } .epc_de_cs { width: 100%; margin-top: 20px; } .epc_de_cs_box { margin-top: 20px; } .epc_de_cs_box img { max-width: 100% !important; height: auto; } .epc_de_cs_box table { max-width: 100% !important; } .epc_de_al { margin-top: 30px; } .epc_de_al_box { margin-top: 20px; display: flex; justify-content: space-between; } .epc_de_al_box_left { width: 377px; height: 287px; padding-left: 17px; background: url("../images/epc_detial_bg3.jpg") no-repeat left bottom; } .epc_de_al_box_left img { width: 360px; height: 271px; } .epc_de_al_box_right { width: 780px; } .epc_de_al_box_right h2 { font: 26px/40px "寰蒋闆呴粦"; padding: 10px 0; color: #333; font-weight: bold; } .epc_de_al_box_right_p { margin-bottom: 5px; font: 16px/30px "寰蒋闆呴粦"; color: #333; } .epc_de_al_box_right_p b { display: block; float: left; font: 16px/30px "寰蒋闆呴粦"; color: #333; font-weight: bold; width: 110px; } .epc_de_al_box_right_p span { display: block; float: left; font: 16px/30px "寰蒋闆呴粦"; color: #333; width: calc(100% - 110px); } .epc_de_al_box_right i { display: block; font: 16px/40px "寰蒋闆呴粦"; color: #0a4293; width: 158px; height: 40px; text-align: center; border: 1px solid #0a4293; margin-top: 30px; } .epc_de_epc { margin: 30px 0; } .epc_de_epc_box { border: 1px solid #c1c1c1; padding: 16px; } .epc_de_epc_box h2 { font: 26px/40px "寰蒋闆呴粦"; color: #101010; text-align: center; margin-bottom: 10px; } .epc_de_epc_box h5 { font: 14px/24px "寰蒋闆呴粦"; color: #666; text-align: center; margin-bottom: 30px; } /*epc璇︽儏缁撴潫*/ /*浜у搧璇︽儏*/ .product_detial { width: 100%; padding: 20px 0; } .pro_de_zs { width: 100%; } .pro_de_zs_box { margin-top: 30px; display: flex; justify-content: space-between; } .pro_de_zs_left { width: 479px; padding: 25px; background: #efefef; } .pro_de_zs_left img { width: 100%; height: 322px; } .pro_de_zs_right { width: 690px; } .pro_de_zs_right h2 { font: 20px/30px "寰蒋闆呴粦"; color: #000; } .pro_de_zs_right_list { margin-top: 15px; display: flex; justify-content: start; } .pro_de_zs_right_list li { width: 160px; height: 56px; border: 1px solid #425bbb; padding-top: 10px; margin-right: 35px; } .pro_de_zs_right_list li p { font: 14px/24px "寰蒋闆呴粦"; color: #425bbb; text-align: center; } .pro_de_zs_right_online { margin-top: 15px; display: flex; justify-content: start; padding: 15px; width: 556px; border: 1px solid #425bbb; } .pro_de_zs_right_online a { display: block; font: 22px/46px "寰蒋闆呴粦"; color: #f45c0a; padding-left: 42px; height: 46px; margin-left: 140px; margin-top: 15px; background: url("../images/product_detial_bg1.png") no-repeat left center; } .pro_de_td { margin-top: 30px; } .pro_de_td_box { margin-top: 20px; display: flex; justify-content: space-between; } .pro_de_td_left { width: 640px; } .pro_de_td_left h2 { font: 18px/44px "寰蒋闆呴粦"; color: #000; text-indent: 2em; margin-bottom: 20px; } .pro_de_td_left p { font: 14px/24px "寰蒋闆呴粦"; color: #666; text-indent: 2em; } .pro_de_td_right { width: 505px; } .pro_de_td_right video { width: 100%; height: auto; } .pro_de_tc { background: #efefef; padding: 30px 0; margin-top: 30px; } .pro_de_tc_list { margin: 40px 0 20px; display: flex; justify-content: space-between; flex-wrap: wrap; } .pro_de_tc_list li { box-sizing: border-box; width: 22.5%; padding: 10px 15px 10px 75px; min-height: 60px; font-size: 16px; line-height: 30px; } .pro_de_tc_list li p { font: 16px/24px "寰蒋闆呴粦"; color: #333; } .pro_de_tc_list li:first-child { background: url(../images/product_detial_bg2.png) no-repeat 5px center; } .pro_de_tc_list li:nth-child(2) { background: url("../images/product_detial_bg3.png") no-repeat 5px center; } .pro_de_tc_list li:nth-child(3) { background: url("../images/product_detial_bg4.png") no-repeat 5px center; } .pro_de_tc_list li:last-child { background: url("../images/product_detial_bg5.png") no-repeat 5px center; } .pro_de_lc { width: 100%; } .pro_de_lc img { width: 100%; height: auto; } .epc_de_cs_ts { padding: 15px 0 15px 25px; background: #f7f7f7; font: 16px/24px "寰蒋闆呴粦"; color: #333; } .epc_de_cs_ts span { color: #1261bb; } .pro_de_hz { margin-top: 30px; } .pro_de_hz h3 { height: 64px; line-height: 64px; font-size: 24px; width: 100%; text-align: center; color: #000; } .pro_de_hz h3 span { font-size: 34px; color: #ee2020; } .pro_de_hz p { font: 18px/24px "寰蒋闆呴粦"; color: #333; text-align: center; } .pro_de_yl { width: 100%; padding-top: 30px; background: url("../images/product_detial_bg6.png"); background-size: contain; padding-bottom: 40px; } .pro_de_yl_box { display: flex; justify-content: space-between; } .pro_de_yl_box_left { width: 665px; } .pro_de_yl_box_left p:first-child { margin-bottom: 30px; } .pro_de_yl_box_left p span { font: 22px/30px "寰蒋闆呴粦"; color: #fff; padding-bottom: 10px; border-bottom: 2px solid #fb0606; } .pro_de_yl_box_left p { font: 14px/28px "寰蒋闆呴粦"; color: #e5e5e5; text-indent: 2em; } .pro_de_yl_box_right { width: 522px; height: 284px; padding: 24px; background: #3d3d3d; } .pro_de_yl_box_right img { width: 100%; height: auto; } .pro_de_kh { margin-top: 30px; } .pro_de_kh_box { margin-top: 20px; } .pro_de_kh_list { margin-top: 0; } .pro_de_kh_list li { width: 363px; border: 1px solid #f0f0f0; padding: 12px; margin-right: 18px; float: left; } .pro_de_kh_list li a { display: block; width: 100%; } .pro_de_kh_list li a img { width: 100%; height: 182px; } .pro_de_kh_list_btm { height: 160px; padding: 15px; background: #f4f4f4; } .pro_de_kh_list_btm h3 { font: 18px/24px "寰蒋闆呴粦"; color: #000; padding: 8px 0; } .pro_de_kh_list_btm p { font: 14px/24px "寰蒋闆呴粦"; color: #666; } .pro_de_kh_list li a:hover h3 { color: #fb0505; } .epc_show_jscs_box { padding: 15px; border-radius: 8px; background: #e9f6ff; width: 100%; } .table_parameter { border-collapse: collapse; width: 99.5%; margin: 0 auto; background: #fff; max-width: 100% !important; } .table_parameter tr th { padding: 10px 10px; border: 1px solid #acadb1; font-size: 16px; color: #000; text-align: center; font-weight: normal; } .table_parameter tr td { padding: 10px 10px; border: 1px solid #acadb1; font-size: 16px; color: #000; text-align: center; } /*浜у搧璇︽儏缁撴潫*/ /*妗堜緥*/ .case { padding: 20px 0; } .case_title { margin-top: 25px; } .case_title h1 { font: 26px/50px "寰蒋闆呴粦"; color: #0e2c8d; text-align: center; } .case_title p { font: 14px/24px "寰蒋闆呴粦"; color: #333; padding: 0 10%; text-align: center; margin-top: 15px; } .update_case { margin-top: 30px; display: flex; justify-content: space-between; border: 1px solid #d1d3d3; background: #fbfbfb; background-size: cover; height: 72px; } .update_case a { font: 18px/70px "寰蒋闆呴粦"; color: #333; font-weight: bold; text-align: center; display: block; width: calc(100%/6); box-sizing: border-box; border-right: 1px solid #d1d3d3; position: relative; } .update_case a.hover { color: #0057b8; } .update_case a div { display: none; width: 18px; height: 29px; position: absolute; left: calc(50% - 18px); bottom: -29px; } .update_case a.hover div { display: block; } .update_case a:last-child.hover { border-right: none; } .update_epc_showbox { width: 100%; margin-top: 25px; } .update_epc_show { width: 100%; } .case_list_box_list { display: flex; justify-content: start; flex-wrap: wrap; } .case_list_box_list li { box-sizing: border-box; width: 376px; margin-bottom: 40px; border: 1px solid #dcdcdc; margin-right: 36px; } .case_list_box_list li:nth-child(3n) { margin-right: 0; } .case_list_box_list li p video{width: 100%;height: auto;} .case_list_box_list li a { display: block; width: 100%; } .case_list_box_list li a img { width: 100%; height: 277px; } .case_list_box_btm { padding: 5px 15px 10px 15px; height: 115px; background: #f3f8fd; position: relative; overflow: hidden; } .case_list_box_btm1{height: auto;} .case_list_box_btm h2 { font: 18px/24px "寰蒋闆呴粦"; color: #333; padding: 5px 0; font-weight: bold; } .case_list_box_btm p { font: 14px/24px "寰蒋闆呴粦"; color: #333; } .case_list_box_btm span { display: block; width: 120px; height: 120px; border-radius: 60px; position: absolute; bottom: -60px; right: -60px; font: 40px/64px "寰蒋闆呴粦"; color: #7b7f95; text-indent: 20px; background: #fff; } .case_list_box_list li:hover .case_list_box_btm span { background: #ccd5f2; color: #fff; } .page { padding-bottom: 20px; text-align: right; } .page a { padding: 0 10px; font: 14px/24px "寰蒋闆呴粦"; color: #666; } .add_casebx{width: 100%;height: 58px;background: #0c4a9d;} .add_position{display: flex;justify-content: space-between;} .add_position .position_tit {font: 28px/58px "寰蒋闆呴粦";color: #fff;border-bottom: none;} .add_position .position_box,.add_position .position_box a {color: #fff;} .add_case{margin: 20px 0;} .position p a{font: 14px/52px "寰蒋闆呴粦";color: #424242;} .add_caselist{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 20px;} .add_caselist li{width: 585px;margin-bottom: 30px;} .add_caselist li a{display: block;position: relative;} .add_caselist li a img{width: 100%;height: 292.5px;} .add_caselist li a p{position: absolute;left: 0;bottom: 0;width: 100%;height: 36px;font: 16px/36px "寰蒋闆呴粦";color: #fff;background: rgba(16,16,17,0.6);text-align: center;display: none;} .add_caselist li a:hover p{display: block;transition-duration: .35s;} /*妗堜緥缁撴潫*/ /*妗堜緥璇︽儏*/ .case_detial { padding: 20px 0; } .case_de_gk { margin-top: 20px; } .case_de_gk_desc { width: 100%; } .case_de_gk_desc p { text-indent: 2em; font: 16px/26px "寰蒋闆呴粦"; color: #2b2b2b; margin-bottom: 8px; } .case_de_gk_desc p b { font: 16px/26px "寰蒋闆呴粦"; color: #030303; } .case_de_fa { margin-top: 20px; } .case_de_xc { margin-top: 20px; background: #f6f6f6; padding: 25px 0; } .case_de_xc_list { display: flex; justify-content: start; flex-wrap: wrap; margin-top: 30px; } .case_de_xc_list li { width: 390px; margin-right: 15px; margin-bottom: 10px; } .case_de_xc_list li:nth-child(3n) { margin-right: 0; } .case_de_xc_list li img { width: 100%; height: 292px; } .case_de_fk { padding: 30px 0; } .case_de_fk_box { display: flex; justify-content: space-between; } .case_de_fk_left { width: 203px; } .case_de_fk_left img { width: 100%; height: 144px; } .case_de_fk_center { width: 710px; padding-top: 10px; } .case_de_fk_center p { font: 16px/28px "寰蒋闆呴粦"; color: #666; } .case_de_fk_right { width: 206px; padding-top: 20px; } .case_de_fk_right span { cursor: pointer; display: block; width: 100%; background: #e6e6e6; font: 16px/42px "寰蒋闆呴粦"; color: #0f50d1; height: 42px; text-align: center; } .case_de_fk_right span:first-child { margin-bottom: 20px; } .case_de_zl { padding: 20px 0; background: #f6f6f6; } .case_de_zl_box { padding: 15px 0; background: #fff; } .case_de_zl_box h2 { font: 26px/50px "寰蒋闆呴粦"; color: #333; text-align: center; } .case_de_zl_box p, .case_de_zl_box_list li { font: 16px/50px "寰蒋闆呴粦"; color: #333; text-align: center; } .case_de_zl_box_list { margin-top: 20px; display: flex; justify-content: space-between; } .case_de_zl_box_list li { width: 25%; } .case_de_zl_box_list li img { width: 100px; height: 100px; margin: 0 auto 35px; } .case_de_zl_box_list li h4 { font: 18px/20px "寰蒋闆呴粦"; color: #333; font-weight: bold; text-align: center; } .case_de_xg1 img{margin-right: 15px;} .case_de_xg { padding: 20px 0; } .case_de_xg_list { margin-top: 30px; display: flex; justify-content: start; flex-wrap: wrap; } .case_de_xg_list li { width: 271px; border: 1px solid #e4e4e4; margin-right: 36px; margin-bottom: 20px; } .case_de_xg_list li:nth-child(4n) { margin-right: 0; } .case_de_xg_list li a { display: block; width: 100%; } .case_de_xg_list_box { padding: 15px; } .case_de_xg_list_box img { width: 100%; height: 184px; } .case_de_xg_list li p { font: 16px/38px "寰蒋闆呴粦"; color: #1f1f1f; display: block; background: #f0efef; height: 38px; text-align: center; } .epc_de_tw_box1{display: initial;margin-top: 40px;} .epc_de_tw_box1 h2{font: 28px/40px "寰蒋闆呴粦";color: #040404;margin: 5px 0 15px;} .epc_de_tw_box_left1 {width: 100%;padding: 0;background:none;margin-bottom: 15px;} .epc_de_tw_box_left1 img{width: 100%;height: 490px;} .epc_de_tw_box_right1{width: 100%;display: flex;justify-content: left;margin-top: 30px;} .add_epc1{width: 338px;height: 82px;background: #006bbd;padding: 5px 10px;} .add_epc1 p{font: 16px/24px "寰蒋闆呴粦";color: #fff;} .add_epc1 p b{color: #fff;font-weight: normal;} .add_epc2{width: 300px;height: 82px;background: #ededed;padding-left: 40px;} .add_epc2 p{font: 24px/30px "寰蒋闆呴粦";color: #006bbd;padding-top: 5px;} .add_epc2 span{font: 30px/47px "寰蒋闆呴粦";color: #006bbd;margin-left: -4px;} .add_epc3{margin: 12px 12px 0 30px;width: 180px;height: 58px;text-align: center;font: 18px/58px "寰蒋闆呴粦";color: #fff;background: #e31414;border-radius: 8px;} .add_epc4{margin: 12px 0 0 0;width: 180px;height: 58px;text-align: center;font: 18px/58px "寰蒋闆呴粦";color: #fff;background: #006bbd;border-radius: 8px;} .add_epc3:visited, .add_epc4:visited{color: #fff;} .picScroll-left3,.picScroll-left31{position: relative;} .case_de_xc_list1 li{width: 480px;margin-right: 20px;} .case_de_xc_list1 li img{width: 100%;height: 360px;} .add_case_xg{margin: 25px 0 0 0;} .add_case_xg li{width: 480px;margin-right: 20px;} .add_case_xg li img{width: 100%;height: 360px;} .add_case_xg li p{font: 16px/28px "寰蒋闆呴粦";color: #333;text-align: center;padding: 5px 0;} /*妗堜緥璇︽儏缁撴潫*/ /*鍏充簬鎴戜滑*/ .about { padding: 20px 0; } .about_gy { width: 100%; } .about_gy_box { margin-top: 30px; } .about_title { width: 100%; margin-bottom: 30px; } .about_title h2 { font: 24px/40px "寰蒋闆呴粦"; color: #0a0a0a; font-weight: bold; text-align: center; margin-bottom: 10px; } .about_title p { font: 14px/24px "寰蒋闆呴粦"; color: #666; text-indent: 2em; } .about_success_box { margin-bottom: 40px; } .about_success_left { width: 65%; position: relative; } .about_success_left_desc { position: absolute; left: 50px; top: 13%; width: 70%; padding: 30px 30px 30px; background: url(../images/about_success2.png) repeat; } .about_success_left_desc h5 { color: #333; margin-bottom: 10px; font: 18px/24px "寰蒋闆呴粦"; font-weight: bold; } .about_success_left_desc p { color: #333; margin-bottom: 40px; font: 14px/24px "寰蒋闆呴粦"; text-indent: 2em; } .about_success_left_list { display: flex; justify-content: space-between; } .about_success_left_list li { width: 25%; } .about_success_left_list li i { display: block; width: 55px; height: 55px; margin: 0 auto 15px; background: url(../images/about_success3.png) no-repeat; } .about_success_left_list li span { font: 14px/24px "寰蒋闆呴粦"; color: #333; text-align: center; display: block; } .about_success_left_list li:first-child i { background-position: 0 0; } .about_success_left_list li:nth-child(2) i { background-position: -55px 0; } .about_success_left_list li:nth-child(3) i { background-position: -110px 0; } .about_success_left_list li:last-child i { background-position: -165px 0; } .about_success_right { width: 32%; } .about_success_right_box { border: 6px solid #f0f5fe; padding-left: 30px; padding-bottom: 5px; } .about_success_right_box h3 { font: 18px/36px "寰蒋闆呴粦"; color: #333; font-weight: bold; } .about_success_right_box p { font: 14px/24px "寰蒋闆呴粦"; color: #666; } .about_success_left_img { width: 100%; } .about_success_left_img img { width: 100%; height: auto; } .about_ry { margin-top: 20px; } .about_ry_box { width: 100%; } .about_ry_box_list { margin-top: 10px; } .about_ry_box_list li { width: 273px; display: inline-block; margin-right: 36px; } .about_success_jd_top { height: 40px; text-align: center; background: #f0f3fa; font: 14px/40px "寰蒋闆呴粦"; color: #022067; padding-top: 10px; } .imgzoom2 { width: 100%; overflow: hidden; } .imgzoom2 img { width: 100%; height: auto; } .imgzoom2:hover img { transform: scale(1.3); transition: .35s; } .about_ck { margin-top: 30px; } .about_ck_top { padding-top: 15px; } .about_ck_top h2 { font: 26px/40px "寰蒋闆呴粦"; color: #191919; font-weight: bold; text-align: center; margin-bottom: 10px; } .about_ck_top p { font: 14px/24px "寰蒋闆呴粦"; color: #666; text-indent: 2em; } .about_ck_btm { margin-top: 20px; } .about_ck_btm_left, .about_ck_btm_right { width: 50%; } .about_ck_btm_left img, .about_ck_btm_right img { width: 100%; height: auto; } .about_ck_btm_right { position: relative; } .about_ck_btm_box { position: absolute; top: 0; max-width: 600px; box-sizing: content-box; padding: 4%; } .about_ck_btm_box h2 { font: 40px/50px "寰蒋闆呴粦"; color: #f00; } .about_ck_btm_box h4 { font: 16px/45px "寰蒋闆呴粦"; color: #f00; } .about_ck_btm_box p { font: 14px/20px "寰蒋闆呴粦"; color: #fff; } .about_ck_btm_list { width: 100%; } .about_ck_btm_list li { display: inline-block; margin-right: 6%; } .about_ck_btm_list li span { font: 60px/100px "寰蒋闆呴粦"; color: #fff; } .about_ck_btm_list li i { font: 16px/16px "寰蒋闆呴粦"; color: #fff; } .about_sc { margin-top: 20px; } .about_sc_box { width: 100%; } .about_sc_box { background: url(../images/about10.jpg) no-repeat; background-size: cover; padding: 50px 0; height: 590px; } .about_sc_box_top { width: 65%; margin-bottom: 60px; margin-top: 80px; } .about_sc_box_top p { font: 16px/24px "寰蒋闆呴粦"; color: #fff; text-indent: 2em; } .about_sc_box_btm { width: 65%; display: flex; justify-content: space-between; } .about_sc_box_btm li { width: 30%; } .about_sc_box_btm li img { width: 100%; height: auto; } .about_hz { margin-top: 30px; } .about_gbox{margin: 20px 0;height: 623px;background: url(../images/about_gbg.jpg) no-repeat;background-size: cover;padding:110px 3% 0 3%;} .about_gbox_two{display: flex;justify-content: space-between;} .about_gbox_two>div{width: 25%;padding: 60px 20px;height: auto;} .about_gbox_two>div:nth-child(odd){background: rgba(21,28,147,0.8);} .about_gbox_two>div:nth-child(even){background: rgba(52,59,162,0.7);} .about_gbox_top{border-bottom: 1px solid #4b51a8;display: flex;justify-content: start;} .about_gbox_top b{font:50px/72px "寰蒋闆呴粦";color: #fff;padding-right: 15px;} .about_gbox_top p{font:15/24px "寰蒋闆呴粦";color: #fff;padding-top: 12px;} .about_gbox_btm{margin-top: 30px;font:12/24px "寰蒋闆呴粦";color: #fff;} @media (min-width:1500px) { .about_gbox{padding:110px 5% 0 5%;} .about_gbox_two>div {padding: 60px 30px;} } /*鍏充簬鎴戜滑缁撴潫*/ /*鑱旂郴鎴戜滑*/ .about_jj { width: 100%; position: relative; margin-bottom: 20px; } .about_jj img { width: 100%; height: auto; } .contact_jjbox { position: absolute; right: 0; bottom: 0; width: 50%; padding: 20px 50px 30px 30px; background: rgba(255,255,255,.45); } .contact_jjbox h2 { font: 30px/40px "寰蒋闆呴粦"; color: #0d0d0d; font-weight: bold; } .contact_jjbox p { font: 16px/28px "寰蒋闆呴粦"; color: #333; } .contact_jjbox_list { margin: 20px 0 5px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-right: 50px;} .contact_jjbox_list li{margin-bottom: 10px;} .contact_jjbox_list_left { width: 50%; } .contact_jjbox_list_left img, .contact_jjbox_list_right img { float: left; width: 64px; margin-right: 10px; } .contact_jjbox_list_ct img{float: left; width: 56px; margin-right: 12px;margin-left: 5px;} .contact_jjbox_list_left a, .contact_jjbox_list_right a { float: left; color: #333; font-size: 18px; } .contact_jjbox_list_left a i, .contact_jjbox_list_right a i { display: block; color: #f2003a; font-weight: bold; margin-top: 5px; font: 22px/36px "寰蒋闆呴粦"; } .contact_jjbox span { font: 16px/30px "寰蒋闆呴粦"; color: #333; display: block; padding-left: 30px; background: url(../images/contact3.png) no-repeat left center; } .contact { padding: 20px 0; } .contact_khmy_list { margin: 30px 0; display: flex; justify-content: space-between; } .contact_khmy_list li { width: 19%; } .contact_khmy_list_top { position: relative; z-index: 1; display: block; width: 48%; margin: 5px auto 10px; } .contact_khmy_list_top img { width: 100%; height: auto; } .contact_khmy_list_btm { border: #c6c6c6 1px dashed; min-height: 140px; padding: 60px 10px 0; margin-top: -70px; overflow: hidden; } .contact_khmy_list_btm h4 { font-size: 20px; margin: 15px 0 0 0; font-weight: 600; text-align: center; color: #07284e; } .contact_khmy_list_btm h5 { font-size: 14px; line-height: 24px; font-weight: 400; margin: 8px 0; text-align: center; color: #888; } .contact_khmy_list li:hover .contact_khmy_list_btm { border: #ff3232 1px dashed; } .contact_wz { margin-top: 30px; padding-bottom: 30px; } .contact_vr{padding: 25px 0;text-align: center;} .contact_vr a{font-size: 24px;color:#000;line-height: 30px;} .contact_vr a i{color:#eb0001;padding:0 5px;} /*鑱旂郴鎴戜滑缁撴潫*/ /*鎶€鏈湇鍔?/ .service { padding: 20px 0; } .service_fw { width: 100%; } .service_fw_list { display: flex; justify-content: space-between; } .service_fw_list li { width: 22%; } .service_fw_list img { width: 100%; height: auto; } .service_fw_list li div { background: #f5f9ff; padding: 15px 0; } .service_fw_list li h3 { display: block; color: #eb0001; font-size: 36px; font-weight: 600; text-align: center; line-height: 50px; } .service_fw_list li h3 span { font-size: 16px; } .service_fw_list li p { font-size: 14px; color: #666; text-align: center; } .service_success { background: #e9e9e9; padding: 30px 0; } .about_service_success_list { margin-top: 20px; display: flex; justify-content: space-between; } .about_service_success_list li { width: 48.5%; position: relative; } .about_service_success_list li img { width: 100%; height: auto; } .about_service_success_list li div { position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,.56); padding: 3%; width: 49%; } .about_service_success_list li h4 { font-size: 30px; color: #07284e; font-weight: 600; margin-bottom: 15px; } .about_service_success_list li p { font-size: 16px; color: #000; line-height: 32px; } .about_service_success_list li p a { color: #ff2d11; font-size: 20px; font-weight: 600; } .service_pp { padding: 20px 0; } .about_service_pp_list { margin-top: 30px; display: flex; justify-content: space-between; } .about_service_pp_list li { width: 18%; position: relative; } .about_service_pp_list li img { width: 100%; height: auto; } .about_service_pp_list li div { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; text-align: center; background: rgba(29,32,136,.502); color: #fff; overflow: hidden; } .about_service_pp_list li div h3 { font-size: 18px; line-height: 50px; } .about_service_pp_list li div p { margin: 5px auto 0; line-height: 20px; font-size: 14px; text-align: center; } .about_service_pp_list li:hover div { height: 90%; } .about_service_pp_list li:hover h3 { margin-top: 50px; } .about_service_pp_list li:hover div p { display: block; } .service_zx { padding: 20px 0; } .about_service_zx_box { margin-top: 30px; } .about_service_zx_left { width: 30%; } .about_service_zx_left h4 a { font-size: 24px; color: #07284e; line-height: 50px; font-weight: bold; } .about_service_zx_left p { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 20px; } .about_service_zx_bx { display: block; padding: 10px 10% 20px; background: #004ea2; } .about_service_zx_bx h2 { font-size: 24px; color: #fff; line-height: 60px; font-weight: bold; background: url(../images/about_service_zx1.png) left center no-repeat; padding-left: 15%; } .about_service_zx_bx p { color: #fff; line-height: 28px; font-size: 14px; margin-bottom: 0; } .about_service_zx_right { width: 68%; position: relative; } .about_service_zx_right img { width: 100%; height: auto; } .about_service_zx_box_list { position: absolute; bottom: 0; left: 0; width: 100%; } .about_service_zx_box_list li { width: 48%; float: left; } .about_service_zx_box_list li:first-child { margin-right: 2%; } .about_service_zx_box_list li a { display: block; padding: 10px 3%; background: rgba(255,255,255,.52); } .about_service_zx_box_list li a h4 { font-size: 32px; color: #07284e; line-height: 80px; font-weight: bold; } .about_service_zx_box_list li:first-child a h4 { padding-left: 12%; background: url(../images/about_service_zx3.png) no-repeat left center; } .about_service_zx_box_list li:last-child a h4 { padding-left: 12%; background: url(../images/about_service_zx4.png) no-repeat left center; } .about_service_zx_box_list li a p { color: #000; line-height: 28px; font-size: 14px; } .service_promise { padding: 20px 0; } .about_promise_list { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .about_promise_list li { width: 31%; position: relative; padding: 45px 40px 35px; text-align: center; border: 1px solid #f2f2f2; overflow: hidden; margin-bottom: 30px; box-sizing: border-box; } .about_promise_list_top { font-size: 100px; font-family: Arial; color: #f8f8f8; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; line-height: 100%; } .about_promise_list_center { position: relative; z-index: 3; } .about_promise_list_center strong { display: block; font-size: 26px; color: #333; line-height: 1.1em; margin-bottom: 5px; } .about_promise_list_center span { display: block; font-size: 14px; color: #666; line-height: 1.2em; height: 1.2em; overflow: hidden; } .about_promise_list_btm { display: none; position: absolute; background: #004ea2; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .about_promise_list li:hover .about_promise_list_btm { transition: .3s; display: block; } .about_promise_list li:hover .about_promise_list_center strong, .about_promise_list li:hover .about_promise_list_center span { color: #fff; } .about_promise_list li:hover .about_promise_list_top { opacity: .5; } .about_promise_kb { width: 100%; margin-top: 20px; display: flex; justify-content: space-between; } .about_promise_kb li { width: 30%; position: relative; } .about_promise_kb li img { width: 100%; height: auto; } .about_promise_kb li p { position: absolute; height: 38px; left: 0; bottom: 0; background: rgba(255,255,255,.8); font: 20px/38px "寰蒋闆呴粦"; color: #333; text-align: center; font-weight: bold; width: 100%; } .service_promise1 { position: relative; } .service_promise1 img { width: 100%; height: auto; } .service_promise_box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(76,76,76,0.8); } .service_promise_box_title { padding: 30px 0; } .service_promise_box_title h2 { font: 24px/40px "寰蒋闆呴粦"; color: #fff; text-align: center; margin-bottom: 15px; } .service_promise_box_title p { font: 14px/20px "寰蒋闆呴粦"; color: #fff; text-align: center; } .service_promise_list { margin-top: 30px; display: flex; justify-content: space-around; } .service_promise_list li { padding: 30px 20px 0 20px; width: 235px; height: 180px; background: #224480; font: 16px/24px "寰蒋闆呴粦"; color: #adadad; } .service_promise_list li b { font: 22px/24px "寰蒋闆呴粦"; } .about_repair { margin: 50px 0; } .about_repair h2 { text-align: center; color: #333; font-size: 32px; font-weight: 600; line-height: 60px; } .about_repair p { font-size: 14px; color: #666; line-height: 24px; text-align: center; } .about_repair_form { display: block; width: 100%; margin-top: 30px; } .about_repair_list { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .about_repair_list li { width: 49%; margin-bottom: 30px; } .about_repair_list li span { font-size: 16px; color: #666; } .about_repair_list li span b { color: #f20d01; margin-left: -10px; } .about_repair_list li input { width: 80%; height: 45px; line-height: 45px; border: 1px solid #ddd; text-indent: 8px; } .about_repair_list li select { width: 80%; height: 45px; line-height: 45px; border: 1px solid #ddd; color: #555; } .about_repair_list li:last-child { width: 100%; } .about_repair_list li:last-child span { float: left; } .about_repair_list li textarea { display: block; float: left; width: 89%; border: 1px solid #ddd; padding: 10px; resize: none; } .about_repair_btn { margin-top: 30px; padding-left: 80px; display: flex; justify-content: start; } .about_repair_btn input { display: block; width: 200px; height: 50px; text-align: center; font: 24px/50px "寰蒋闆呴粦"; border: none; } .about_repair_btn input:first-child { background: #326fde; color: #fff; margin-right: 30px; } .about_repair_btn input:last-child { background: #bbbbbb; color: #333; } .service_zn_list { margin: 50px 0 20px 0; display: flex; justify-content: space-between; } .service_zn_list li { width: 174px; height: 74px; border-radius: 87px; border: 4px solid #b1b0b0; padding-top: 100px; text-align: center; font: 16px/24px "寰蒋闆呴粦"; color: #fff; } .service_zn_list li:first-child { background: #29529d url("../images/service_zn1.png") no-repeat center 32px; } .service_zn_list li:nth-child(2) { background: #29529d url("../images/service_zn2.png") no-repeat center 32px; } .service_zn_list li:nth-child(3) { background: #29529d url("../images/service_zn3.png") no-repeat center 32px; } .service_zn_list li:nth-child(4) { background: #29529d url("../images/service_zn4.png") no-repeat center 32px; } .service_zn_list li:last-child { background: #29529d url("../images/service_zn1.png") no-repeat center 32px; } .service_td { padding: 40px 0; background: #f2f2f2; } .service_td_list { display: flex; justify-content: space-between; } .service_td_list li { width: 377px; } .service_td_list li img { width: 100%; height: 236px; } .service_td_list li h2 { font: 24px/50px "寰蒋闆呴粦"; color: #070707; margin: 15px 0 5px; } .service_td_list li p { font: 14px/24px "寰蒋闆呴粦"; color: #666; } /*鎶€鏈湇鍔$粨鏉?/ /*鏂伴椈*/ .new { padding: 20px 0; background: #fff; } .new_top { width: 100%; padding: 15px 0; } .new_top h3 { margin-bottom: 15px; } .new_top h3 a { font: 22px/40px "寰蒋闆呴粦"; color: #080808; } .new_top_box { display: flex; justify-content: space-between; } .new_top_left { width: 520px; } .new_top_left a { display: block; width: 100%; } .new_top_left a img { width: 100%; height: 390px; } .new_top_left_box { padding: 15px 8px; height: 170px; } .new_top_left_box h4, .new_top_right_right h4 { font: 16px/24px "寰蒋闆呴粦"; color: #0b0b0b; padding: 0 0 8px 0; } .new_top_left_box p, .new_top_right_right p { font: 14px/24px "寰蒋闆呴粦"; color: #666; } .new_top_right_right p { margin-top: 15px; } .new_top_left_box span { display: block; width: 144px; height: 40px; text-align: center; font: 14px/40px "寰蒋闆呴粦"; color: #0b3a9a; border: 1px solid #115ab5; margin-top: 15px; } .new_top_left a:hover .new_top_left_box { background: #0b3a9a; } .new_top_left a:hover .new_top_left_box h4, .new_top_left a:hover .new_top_left_box p { color: #fff; } .new_top_left a:hover .new_top_left_box span { color: #fff; border: 1px solid #fff; } .new_top_right { width: 645px; } .new_top_right li { padding-bottom: 20px; border-bottom: 1px solid #e3e4e5; margin-bottom: 50px; } .new_top_right li a { display: flex; justify-content: space-between; width: 100%; } .new_top_right_left { width: 76px; } .new_top_right_left p { font: 26px/32px "寰蒋闆呴粦"; color: #a9a9a9; } .new_top_right_left span { font: 16px/24px "寰蒋闆呴粦"; color: #a9a9a9; } .new_top_right_right { width: 560px; } .new_center { padding: 25px 0; background: #f4f4f4; } .new_center h3 { text-align: center; } .new_center h3 a { font: 26px/50px "寰蒋闆呴粦"; color: #000; } .new_center p { font: 14px/24px "寰蒋闆呴粦"; color: #666; text-align: center; } .new_center_list { margin-top: 30px; display: flex; justify-content: space-between; } .new_center_list li { width: 377px; } .new_center_list li a { display: block; width: 100%; } .new_center_list li a img { width: 100%; height: 282px; } .new_center_list li a h5 { padding-top: 15px; font: 16px/24px "寰蒋闆呴粦"; color: #535353; } .new_btm { padding: 30px 0; } .new_btm_list { margin-top: 20px; display: flex; justify-content: space-between; } .new_btm_list li { width: 251px; } .new_btm_list li a { display: block; width: 100%; } .new_btm_list li a img { width: 100%; height: 170px; } .new_btm_list li a h3 { padding-top: 10px; font: 16px/30px "寰蒋闆呴粦"; color: #0b0b0b; } .new_btm_list li a h5 { font: 12px/24px "寰蒋闆呴粦"; color: #bdbdbd; } .new_btm_list li a p { font: 14px/24px "寰蒋闆呴粦"; color: #666; margin: 10px 0; } .new_btm_box { display: flex; justify-content: space-between; } .new_btm_box span { display: block; width: 74px; height: 28px; background: #f0f0f0; text-align: center; font: 14px/28px "寰蒋闆呴粦"; color: #6c6c6c; } .new_btm_box i { display: block; width: 24px; height: 28px; background: url("../images/new_bg1.jpg") no-repeat left center; } .new_detial { padding: 30px 0; } .new_detop { margin-bottom: 25px; } .new_detop_box { display: flex; justify-content: space-between; } .new_detop_left { width: 235px; } .new_detop_left_top { margin-bottom: 35px; } .new_detop_left_h2 { background: #0652a4; text-indent: 24px; font: 24px/54px "寰蒋闆呴粦"; color: #fff; } .new_detop_left_top_list { width: 100%; } .new_detop_left_top_list li { background: #f5f6f6; text-indent: 30px; margin-bottom: 3px; } .new_detop_left_top_list li.hover { background: #e3e3e3; } .new_detop_left_top_list li a { font: 18px/44px "寰蒋闆呴粦"; color: #232323; } .new_detop_left_center { width: 100%; } .new_detop_left_center_list { padding: 20px 10px; border: 1px solid #e6e6e6; } .new_detop_left_center_list li { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px dashed #e6e6e6; } .new_detop_left_center_list li:last-child { margin-bottom: 0; } .new_detop_left_center_list li a { display: block; width: 100%; } .new_detop_left_center_list li a h4 { padding-left: 22px; background: url("../images/new_bg2.jpg") no-repeat left center; font: 14px/24px "寰蒋闆呴粦"; color: #7c7c7c; } .new_detop_left_center_list li a p { font: 14px/24px "寰蒋闆呴粦"; color: #7c7c7c; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new_detop_left_btm { margin-top: 30px; } .new_detop_left_btm_list { padding: 20px 14px; border: 1px solid #e6e6e6; } .new_detop_left_btm_list li { margin-bottom: 10px; } .new_detop_left_btm_list li a { display: block; width: 100%; } .new_detop_left_btm_list li a img { width: 100%; height: 154px; } .new_detop_left_btm_list li a p { font: 16px/34px "寰蒋闆呴粦"; color: #181818; } .new_detop_right { width: 930px; } .new_detop_right_box { width: 100%; } .new_detop_right_box h1 { font: 26px/32px "寰蒋闆呴粦"; color: #0e0e0e; margin: 15px 0 10px; text-align: center; } .new_date { width: 100%; height: 28px; background: #ebebeb; margin: 10px 0 20px; text-indent: 18px;padding-top: 10px; } .new_date span { padding: 0 10px; font: 14px/28px "寰蒋闆呴粦"; color: #818181; } .new_detop_right_box h3 { font: 16px/40px "寰蒋闆呴粦"; color: #515151; } .new_detop_right_box p { font: 14px/24px "寰蒋闆呴粦"; color: #515151; text-indent: 2em; } .new_detop_right_box img { margin: 15px auto; max-width: 100%; } .new_detop_right_box h5 { font: 14px/40px "寰蒋闆呴粦"; color: #515151; text-align: center; } .new_pre_next { margin-top: 20px; } .new_pre_next_top { margin-bottom: 10px; } .new_pre_next_top a { font: 24px/40px "寰蒋闆呴粦"; color: #515151; padding-right: 30px; } .new_pre_next h4 { width: 100%; } .new_pre_next h4 a { font: 24px/40px "寰蒋闆呴粦"; color: #515151; } .new_pre_next h4 span { font: 24px/40px "寰蒋闆呴粦"; color: #515151; padding-left: 50px; } .footer_btm1 { padding: 30px 0; background: #06174a; } .footer_btm1 .footer_btm_box_left a, .footer_btm1 .footer_btm_box_right li a { color: #a5a5a5; } .new_list { margin: 30px 0; } .new_list li { height: 64px; border-bottom: 1px dashed #cdcdcd; margin-bottom: 10px; } .new_list li a { display: flex; justify-content: space-between; } .new_list li a p { font: 18px/64px "寰蒋闆呴粦"; color: #454545; } .new_list li a span { font: 18px/64px "寰蒋闆呴粦"; color: #454545; } .page { margin: 20px 0; text-align: center; } .page a { font: 18px/30px "寰蒋闆呴粦"; color: #454545; padding: 0 10px; } /*鏂伴椈缁撴潫*/ /*404*/ .web404 { width: 100%; } .web404 a { display: block; } .web404 a img { width: 100%; height: auto; } /*404缁撴潫*/ /*鍥哄簾涓撻*/ .nav_nav { width: 800px; height: 46px; } .nav_nav h3 { font: 28px/46px "寰蒋闆呴粦"; color: #fab806; text-align: right; } .gf_banner { width: 100%; } .gf_banner img { width: 100%; height: auto; } .gf_box { width: 100%; } .gf_jj { padding: 40px 0; background: #fff; } .gf_title { height: 70px; font: 36px/70px "寰蒋闆呴粦"; color: #000; text-align: center; background: url("../images/gf_titlebg.jpg") no-repeat bottom center; margin-bottom: 30px; } .gf_jj_box { display: flex; justify-content: space-between; } .gf_jj_box_left { width: 620px; } .gf_jj_box_left p { text-indent: 2em; font: 14px/28px "寰蒋闆呴粦"; color: #000; margin-bottom: 10px; } .gf_jj_box_right { width: 568px; } .gf_jj_box_right img { width: 100%; height: auto; } .gf_zb { padding: 30px 0; background: #efefef; } .gf_zb p { text-indent: 2em; font: 16px/28px "寰蒋闆呴粦"; color: #000; } .gf_zb img { margin-top: 20px; width: 100%; height: auto; } .tl_gufei { padding: 20px 0 30px; } .tl_gufei_left { width: 272px; } .tl_h2 { font: 30px/70px "寰蒋闆呴粦"; color: #00a0e9; font-weight: bold; } .tl_box p { font: 16px/30px "寰蒋闆呴粦"; color: #030000; text-indent: 2em; } .tl_gufei_right { width: 903px; padding-top: 30px; } .tl_gufei_right img { width: 100%; height: auto; } .tl_lianxi { height: 168px; padding-top: 50px; background: #00a0e9; } .tl_lianxi_box { padding: 0 50px; display: flex; justify-content: space-between; } .tl_lianxi_box a { cursor: pointer; } /*鍥哄簾涓撻*/ /*鏀逛骇鍝佽鎯呮牱寮?/ .pro_de_td_left_box { width: 100%; height: 154px; background: #80c0db; padding: 35px 25px; position: absolute; left: -12px; top: -8px; } .pro_de_td_left_box1 { width: 100%; height: 154px; background: #1f86b1; margin-left: 12px; position: relative; } .pro_de_td_left_box h2 { font: 18px/30px "寰蒋闆呴粦"; color: #000; text-indent: 0; margin-bottom: 10px; } .pro_de_td_left_box p { font: 14px/24px "寰蒋闆呴粦"; color: #fff; text-indent: 2em; } .pro_de_yl_box_left_box { width: 100%; height: 180px; background: #202d35; position: relative; } .pro_de_yl_box_left_box1 { position: absolute; top: 25px; left: 35px; width: 1140px; height: 170px; border: 1px solid #33a0c1; padding:10px 35px; } .pro_de_yl_box_left_box1 p { font: 14px/28px "寰蒋闆呴粦"; color: #e5e5e5; text-indent: 2em; } /*鏀逛骇鍝佽鎯呮牱寮?/ /*搴曢儴娴姩鑱旂郴鏂瑰紡*/ #leftsead {height: 230px;position: fixed;bottom: 0;right: 0;z-index: 100;} #leftsead li {height: 60px;} #leftsead li img {float: right;} #leftsead li a {height: 49px;float: right; display: block;min-width: 47px;max-width: 300px;} #leftsead li a .shows {display: block;} #leftsead li a span:hover {text-decoration: none;} #leftsead li a .hides {margin-right: -143px;cursor: pointer; cursor: hand;} #leftsead li a.youhui .hides {display: none;position: absolute;right: 143px;} #leftsead li a.youhui .wm {display: none;position: absolute;right: 143px;} #p2 {width: 112px;background-color: #A7D2A9;height: 49px;margin-left: 47px;border: 1px solid #8BC48D;text-align: center;line-height: 47px;} #p3 {width: 112px;background-color: #EC9890;height: 49px;margin-left: 47px;border: 1px solid #E6776C;text-align: center;line-height: 47px;} #p1 {width: 47px;height: 49px;float: left;} /*搴曢儴娴姩鑱旂郴鏂瑰紡*/ /*鏂板闄剁矑涓撻*/ .tlzt{width: 100%;} .tl_pic{width: 100%;height: 603px;padding-top: 62px;background: url("../images/add1.jpg") 50%;background-size: cover;} .tl_pic_wrap{width: 1207px;height: 501px;margin: 0 auto;background: url("../images/add2.jpg");padding: 56px 35px 0 38px;} .tl_pic_left{width: 620px;} .picFocus{width:100%;height:auto;position:relative;overflow:hidden;zoom:1;} .picFocus .hd{position:absolute;left:0;top:15px;width:145px;overflow:hidden;} .picFocus .hd ul{overflow:hidden;zoom:1;} .picFocus .hd ul li{width:137px;padding:0 5px;margin-bottom:25px;box-sizing:border-box;} .picFocus .hd ul li img{width:125px;height:94px;cursor:pointer;border:1px solid #3b8cfa;} .picFocus .hd ul li.on{background:url("../images/icoUp.png") no-repeat 128px center;} .picFocus .bd{margin-left:150px;width:466px;height:371px;background:#fff;border:1px solid #3b8cfa;overflow:hidden;padding:23px;} .picFocus .bd li{vertical-align:middle;} .picFocus .bd img{width:420px;height:315px;display:block;} .tl_pic_right{width:480px;} .tl_pic_right h2{font:30px/50px "寰蒋闆呴粦";color:#faf900;font-weight:bold;margin:25px 0 20px;} .tl_pic_right p{font:16px/28px "寰蒋闆呴粦";color:#fff;margin-bottom:20px;} .tl_pic_right_kind{margin-top:45px;display:flex;justify-content:start;} .tl_pic_right_kind a{width:185px;height:46px;display:block;margin-right:20px;text-align:center;border-radius:5px;} .tl_pic_right_kind a:first-child{background:#faf900;font:16px/46px "寰蒋闆呴粦";color:#000;} .tl_pic_right_kind a:last-child{font:16px/46px "寰蒋闆呴粦";color:#fff;border:1px solid #fff;box-sizing:border-box;} .tl_alzs{padding:30px 0;background:#fff;} .tl_alzs_title{width:100%;} .tl_alzs_title h2{width:1256px;height:70px;margin:0 auto;text-align:center;background:url("../images/add_bg1.png") no-repeat left center,url("../images/add_bg2.png") no-repeat right center;} .tl_alzs_title h2 a{font:36px/70px "寰蒋闆呴粦";color:#000;font-weight:bold;} .tl_alzs_box{margin-top:20px;} .tl_alzs_list{display:flex;justify-content:start;flex-wrap:wrap;} .tl_alzs_list li{width:285px;margin-right:20px;} .tl_alzs_list li:nth-child(4n){margin-right:0;} .tl_alzs_list li a{display:block;} .tl_alzs_list li a img{width:100%;height:213px;} .tl_alzs_list_box{padding:15px;background:#f0f0f1;} .tl_alzs_list_box h3{height:50px;} .tl_alzs_list_box h3 a{font:16px/24px "寰蒋闆呴粦";color:#000;font-weight:bold;} .tl_alzs_list_box p{font:14px/24px "寰蒋闆呴粦";color:#333;} .tl_alzs_list_lx{margin-top:12px;} .tl_alzs_list_lx a{font:12px/20px "寰蒋闆呴粦";color:#036eff;} .tl_zysb{width:100%;padding:10px 0;} .tl_zysb_title{width:100%;height:101px;background:#1a5fbc;} .tl_zysb_title h2{width:1256px;height:121px;background:url("../images/add_bg3.jpg") no-repeat;margin:0 auto;text-align:center;} .tl_zysb_title h2 a{font:36px/100px "寰蒋闆呴粦";color:#fff;font-weight:bold;} .tl_zysb_box{margin-top:20px;} .tl_zysb_box_video{width:100%;} .tl_zysb_box_video a{display:block;width:172px;height:44px;font:22px/44px "寰蒋闆呴粦";color:#000;text-align:center;float:right;border-radius:3px 12px 8px 12px;overflow:hidden;background:url("../images/add_bg4.jpg");} .tl_zysb_list{margin-top:20px;display:flex;justify-content:start;flex-wrap:wrap;} .tl_zysb_list li{width:380px;padding:4px;background:#1a5fbc;margin:0 30px 30px 0;box-sizing:border-box;} .tl_zysb_list li:nth-child(3n){margin-right:0;} .tl_zysb_list li a img{width:372px;height:280px;} .tl_zysb_list_box{padding:5px;} .tl_zysb_list_box h3{font:18px/30px "寰蒋闆呴粦";color:#fff;font-weight:bold;margin:5px 0 15px;} .tl_zysb_list_lx{margin-bottom:10px;display:flex;justify-content:start;} .tl_zysb_list_lx a{width:108px;height:28px;margin-right:16px;border-radius:5px;font:12px/28px "寰蒋闆呴粦";color:#000;text-align:center;} .tl_zysb_list_lx a:first-child{background:#f0f906;} .tl_zysb_list_lx a:last-child{background:#ffffff;} .tl_tlsb{width:100%;height:660px;padding-top:130px;background:url(../images/add_bg5.jpg) 50%;background-size:cover;} .tl_tlsb_title{width:100%;} .tl_tlsb_title h2{width:1255px;height:40px;margin:0 auto;text-align:center;background:url("../images/add_bg6.jpg") no-repeat center center;} .tl_tlsb_title h2 a{font:36px/40px "寰蒋闆呴粦";color:#fff;font-weight:bold;} .tl_tlsb_box{margin-top:20px;} .tl_tlsb_list{margin-top:20px;display:flex;justify-content:start;flex-wrap:wrap;} .tl_tlsb_list li{width:285px;padding:6px;background:#fff;margin:0 20px 20px 0;box-sizing:border-box;box-shadow:3px 3px 15px #cecece;} .tl_tlsb_list li:nth-child(4n){margin-right:0;} .tl_tlsb_list li a img{width:273px;height:204px;} .tl_tlsb_list_box{padding:5px;} .tl_tlsb_list_box h3{font:16px/30px "寰蒋闆呴粦";color:#000;font-weight:bold;margin:5px 0 15px;} .tl_tlsb_list_lx{margin-bottom:20px;display:flex;justify-content:start;} .tl_tlsb_list_lx a{width:110px;height:28px;margin-right:16px;border-radius:5px;font:12px/28px "寰蒋闆呴粦";color:#000;text-align:center;box-sizing:border-box;} .tl_tlsb_list_lx a:first-child{background:#8cc8e9;} .tl_tlsb_list_lx a:last-child{border:1px solid #3b8cfa;} .tl_tlbk{padding:30px 0;background:#fff;} .tl_tlbk_box{margin-top:25px;margin-bottom:20px;} .tl_tlbk_list{display:flex;justify-content:space-between;flex-wrap:wrap;} .tl_tlbk_list li{width:49%;margin-bottom:10px;height:44px;background:url("../images/add_bg7.jpg") no-repeat 2px 8px;padding-left:30px;border-bottom:1px dashed #c6c6c6;box-sizing:border-box;} .tl_tlbk_list li a{display:flex;justify-content:space-between;width:100%;} .tl_tlbk_list li a p{width:calc(100% - 100px);font:14px/44px "寰蒋闆呴粦";color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .tl_tlbk_list li a span{width:85px;font:14px/44px "寰蒋闆呴粦";color:#333;} .tlxw{width:100%;} .tlxw_box{padding:30px 0;background:#fff;min-height: 500px;} .tlxw_list{margin:0 0 40px;display:flex;justify-content:space-between;flex-wrap:wrap;} .tlxw_list li{box-sizing:border-box;} .tlxw_list li:nth-child(odd){padding-left:15px;padding-right:20px;width:49%;border-right:1px dashed #2c2c2c;background:url("../images/add_bg8.jpg") no-repeat left center;} .tlxw_list li:nth-child(even){width:50%;padding-left:30px;background:url("../images/add_bg8.jpg") no-repeat 15px center;} .tlxw_list li a{display:flex;justify-content:space-between;} .tlxw_list li a p{width:calc(100% - 100px);font:14px/40px "寰蒋闆呴粦";color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .tlxw_list li a span{width:85px;font:14px/40px "寰蒋闆呴粦";color:#333;}.tlxw_show{padding:40px 0;} .tlxw_show_nr{width:100%;} .tlxw_show_nr h1{font:24px/32px "寰蒋闆呴粦";color:#000;font-weight:bold;text-align:center;padding:10px 0;} .tlxw_show_nr h4{margin:10px 0;text-align:center;} .tlxw_show_nr h4 span{font:12px/24px "寰蒋闆呴粦";color:#333;padding-right:15px;} .tlxw_show_nr p{font:14px/24px "寰蒋闆呴粦";color:#333;text-indent:2em;margin-bottom:8px;} .tlxw_show_nr p a,.tlxw_show_nr p a span{font:14px/24px "寰蒋闆呴粦" !important;color:#0c4a9d;} .tlxw_prevnext{width:100%;height:62px;background:#eaeaea;border:1px dashed #d4d4d4;margin:30px 0;} .tlxw_prevnext_list{display:flex;justify-content:space-between;} .tlxw_prevnext_list li{width:50%;box-sizing:border-box;} .tlxw_prevnext_list li:first-child{border-right:1px dashed #d4d4d4;} .tlxw_prevnext_list li a{display:flex;justify-content:space-between;} .tlxw_prevnext_list li a span{width:82px;font:14px/60px "寰蒋闆呴粦";color:#333;background:#dbdbdb;text-align:center;} .tlxw_prevnext_list li a p{width:calc(100% - 100px);font:14px/60px "寰蒋闆呴粦";color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .tlxw_show_new{margin:30px 0;width:100%;display:flex;justify-content:space-between;} .tlxw_show_new_box{width:48%;} .tlxw_show_new_box h2{border-bottom:1px solid #eaeaea;height:58px;margin-bottom:20px;} .tlxw_show_new_box h2 a{font:30px/60px "寰蒋闆呴粦";color:#000;font-weight:bold;position:relative;display:block;width:100%;} .tlxw_show_new_box h2 a:after{position:absolute;left:0;bottom:0;content:"";width:125px;height:3px;background:#ff0000;} .tlxw_show_new_list{width:100%;} .tlxw_show_new_list li{width:100%;} .tlxw_show_new_list li a{display:flex;justify-content:space-between;} .tlxw_show_new_list li a span{width:82px;font:12px/30px "寰蒋闆呴粦";color:#333;} .tlxw_show_new_list li a p{width:calc(100% - 100px);font:14px/30px "寰蒋闆呴粦";color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .tlxw_show_xg{width:100%;}.tlxw_show_xg h2{border-bottom:1px solid #eaeaea;height:58px;margin-bottom:20px;} .tlxw_show_xg h2 a{font:30px/60px "寰蒋闆呴粦";color:#000;font-weight:bold;position:relative;display:block;width:100%;} .tlxw_show_xg h2 a:after{position:absolute;left:0;bottom:0;content:"";width:125px;height:3px;background:#ff0000;} .tl_tlbk_box_more{display: block;width:150px;text-align:center;margin: 25px auto;padding: 10px 0;font:18px/30px "寰蒋闆呴粦";color:#000 !important;font-weight:bold;background: #8cc8e9;border-radius: 5px;} /*鏂板闄剁矑涓撻*/ /*澶撮儴鑺傛棩鍥剧墖*/ .top_pic{width:100%;} .top_pic img{width:100%;height:auto;} /*澶撮儴鑺傛棩鍥剧墖*/ /*鏂伴椈璇︽儏椤垫柊澧炲湪绾夸氦娴?/ /* .new_tabbox{background: #eeecec;margin:20px 0 30px;} .new_detial_alert {position:relative;padding: 0 20px 20px 135px;background: #eeecec;} .new_detial_alert:before {content: "";width: 150px;height: 163px;background: url(../images/news_alert.jpg) center no-repeat;background-size: 100%;display: block;position: absolute;left: 0;bottom: -10x;} .new_detial_alert p {font: 14px/34px "寰蒋闆呴粦";color: #4b4947;} .new_detial_alert_btm {height: 56px;margin-top: 6px;} .new_detial_alert_btm_left {padding-left: 84px;height: 56px;background: url(../images/new_tel.png) no-repeat 45px center;} .new_detial_alert_btm_left span {font: 16px/56px "寰蒋闆呴粦";color: #333;} .new_detial_alert_btm_left b {font: 30px/56px "寰蒋闆呴粦";padding-left: 20px;color: #ff7400;} .new_detial_alert_btm_right {height: 50px;margin-top: 6px;} .new_detial_alert_btm_right a {display: block;width: 172px;font: 20px/50px "寰蒋闆呴粦";color: #fff;text-indent:30px;cursor: pointer;background:#0652a4 url(../images/newspageswttb.png) 120px center no-repeat;} .new_detial_alert_btm_right a:hover{transition: all linear 0.3s;background: #ff2e29 url(../images/newspageswttb.png) 120px center no-repeat;} */ .new_detial_alert { height: 127px; margin: 30px 0 20px; padding: 20px 20px 15px 115px; background: #eeecec url(../images/new_alert.png) no-repeat 20px center; } .new_detial_alert p { font: 14px/34px "寰蒋闆呴粦"; color: #7a7978; text-indent: 2em; } .new_detial_alert_btm { height: 56px; margin-top: 6px; } .new_detial_alert_btm_left { padding-left: 84px; height: 56px; background: url(../images/new_tel.png) no-repeat 45px center; } .new_detial_alert_btm_left span { font: 16px/56px "寰蒋闆呴粦"; color: #333; } .new_detial_alert_btm_left b { font: 30px/56px "寰蒋闆呴粦"; padding-left: 20px; color: #ff7400; } .new_detial_alert_btm_right { height: 50px; margin-top: 6px; } .new_detial_alert_btm_right a { display: block; width: 172px; font: 20px/50px "寰蒋闆呴粦"; color: #fff; text-align: center; background: #0056b9; cursor: pointer; } .new_show_mess{ text-align: center; margin: 18px 0; } .new_show_mess span{ font: 14px/24px "寰蒋闆呴粦"; color: #666; padding: 0 10px; } /*鏂伴椈璇︽儏椤垫柊澧炲湪绾夸氦娴?/ /*搴曢儴鏀圭増*/ .foot_bg{position: relative;height: 612px;background: url(../images/foot_bg.jpg) no-repeat;background-size:cover;} .foot_top{padding: 95px 0 30px;} .foot_wrap{width: 1500px;margin: 0 auto;display: flex;justify-content: space-between;} .foot_left{width: 315px;margin-right: 320px;} .foot_left img{width: 100%;height: auto;} .foot_left_box{width: 142px;margin: 65px auto 0;} .foot_left_list{padding-left: 4px;display: flex;justify-content: start;margin-top: 10px;} .foot_left_list li{font:14px/28px "寰蒋闆呴粦"; color:#383838;margin-right: 8px;} .foot_left_list li img{width: 28px;height: 28x;} .foot_btn,.foot_gb{cursor: pointer;} .foot_center1{margin-right: 95px;} .foot_center1 .foot_tit{width: 80px;} .foot_tit{font:20px/42px "寰蒋闆呴粦"; color:#212121;font-weight: bold;border-bottom: 1px solid #626364;margin-bottom: 20px;} .foot_center_list{width: 100%;} .foot_center_list li a{font:16px/28px "寰蒋闆呴粦"; color:#212121;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .foot_center2{margin-right: 95px;width: 145px;} .foot_center2 .foot_tit{width: 120px;} .foot_right{width: 435px;} .foot_right .foot_tit{width: 80px;} .foot_right_list{display: flex;justify-content: space-between;flex-wrap: wrap;} .foot_right_list li{font:22px/60px "寰蒋闆呴粦"; color:#212121;padding-left: 35px;width: 50%;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;} .foot_right_list li a{font:22px/60px "寰蒋闆呴粦"; color:#212121;} .foot_right_list li:first-child{background: url(../images/foot_pic1.png) no-repeat left center;} .foot_right_list li:nth-child(2){background: url(../images/foot_pic2.png) no-repeat left center;} .foot_right_list li:nth-child(3){background: url(../images/foot_pic3.png) no-repeat left center;} .foot_right_list li:nth-child(4){background: url(../images/foot_pic4.png) no-repeat left center;} .foot_right_list li:last-child{background: url(../images/foot_pic5.png) no-repeat left center;} .foot_right_box{padding-top: 44px;background: url(../images/foot_pic6.png) no-repeat left top;} .foot_right_box p{font:16px/28px "寰蒋闆呴粦"; color:#212121;} .foot_web{z-index: 666;width: 220px;background: #fff;display: none;position: fixed;top: calc(50% - 127px);left: calc(50% - 110px);border: 1px solid #d8d8d8;} .foot_web_top{padding: 5px 20px;background: #f2f2f2;display: flex;justify-content: space-between;} .foot_web_top span{font-size: 14px;line-height: 24px;color: #222;} .foot_web_top img{width: 15px;height: 15px;margin-top: 4px;} .foot_web_btm{padding: 20px;} .foot_web_btm img{width: 100%;height: 100%;} .foot_btm{position: absolute;left:0;bottom: 0;width: 100%;background: none !important;} .foot_wrap_brder{border-top: 1px solid #b5b8ba;padding: 35px 0;} .foot_btm_box{width: 100%;} .foot_btm_box_left a,.foot_btm_box_right li a{color: #717171 !important;} @media (max-width:1450px){ .foot_wrap{width: 1300px;} .foot_left {margin-right: 80px;} } /*搴曢儴鏀圭増*/ /*绉戞妧鍒涙柊*/ .kjcx{width: 100%;padding: 25px 0;} .kjcx_rypz{width: 100%;background: #ffffff;margin-bottom: 25px;} .kjcx_rypz h3{text-align: center;padding:50px 0;font:18px/36px "寰蒋闆呴粦";color: #525252;} .kjcx_rypz_data{display: flex;justify-content: space-between;} .kjcx_rypz_data li{width: 25%;text-align: center;} .data-num{display: flex;justify-content:space-between;padding: 0 28%;} .data-num div{font:80px/100px "寰蒋闆呴粦";color: #ec1313;} .data-num i{font:30px/40px "寰蒋闆呴粦";color: #ec1313;padding-top: 50px;} .kjcx_rypz_data li span{display: block;text-align: center;font:24px/50px "寰蒋闆呴粦";color: #525252;} .kjcx_rypz_data li:nth-child(2) .data-num{padding: 0 35%;} .kjcx_rypz_data li:nth-child(4) .data-num{justify-content:center;} .kjcx_fmzl{width: 100%;} .kjcx_title{width: 88px;font: 22px/52px "寰蒋闆呴粦";color: #010101;border-bottom: 2px solid #ff0303;} .kjcx_fmzl h3{text-align: center;padding:30px 0;font:18px/42px "寰蒋闆呴粦";color: #525252;} .kjcx_fmzl h3 i{text-align: center;font:36px/54px "寰蒋闆呴粦";color: #000;} .kjcx_fmzl img{margin: 20px auto;width: 100%;height: auto;} .kjcx_fmzl_box{max-width: 100%;overflow: hidden;background: #f5f5f5;padding: 50px 0;} .swiper-container3{width: 100%;} .swiper-container3 .swiper-slide{width:30%;padding: 20px;background: #fff;border-bottom:2px solid #00428e ;} .swiper-container3 .swiper-slide img{width:100%;height:auto;object-fit:cover;} .swiper-container3 .swiper-slide-shadow-left, .swiper-container3 .swiper-slide-shadow-right{opacity:0!important;} .mengceng{width: 100%;} .style_tx_tit{padding:15px 0;text-align: center;} .style_tx_tit a{font-size:22px; color:#00428e !important;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .style_tx_con{width:90%;color:#333333;margin:0 auto; font-size:16px; line-height:25px;} .swiper-container-horizontal>.swiper-pagination-progress {width: 100%;height: 4px;left: 0;top: 105% !important;} .kjcx_kjcx{width: 100%;padding-top: 25px;} .kjcx_kjcx_box{width: 100%;height: 580px;background: url(../images/kjcx_kjcxbg.jpg) no-repeat;background-size: cover;margin-top: 20px;} .kjcx_kjcx_list{display: flex;justify-content: space-between;flex-wrap: wrap;width: 910px;padding-top: 80px;} .kjcx_kjcx_list li{width: 48%;margin-bottom: 25px;} .kjcx_kjcx_list li h4{background: url(../images/kjcx_kjcx_title.png) no-repeat left center;padding-left: 52px;font:24px/60px "寰蒋闆呴粦";color: #000;font-weight: bold;} .kjcx_kjcx_list li p{font:16px/26px "寰蒋闆呴粦";color: #1b1b1b;} @media(min-width:1600px){ .kjcx_kjcx_box{width: 100%;height: 716px;background: url(../images/kjcx_kjcxbg.jpg) no-repeat;background-size: cover;margin-top: 20px;} .kjcx_kjcx_list{display: flex;justify-content: space-between;flex-wrap: wrap;width: 910px;padding-top: 100px;} .kjcx_kjcx_list li{width: 46%;margin-bottom: 25px;} .kjcx_kjcx_list li h4{background: url(../images/kjcx_kjcx_title.png) no-repeat left center;padding-left: 52px;font:24px/60px "寰蒋闆呴粦";color: #000;font-weight: bold;} .kjcx_kjcx_list li p{font:18px/32px "寰蒋闆呴粦";color: #1b1b1b;} } .kjcx_kjyf{width: 100%;height: 535px;background: url(../images/kjcx_kjyf.jpg) no-repeat;background-size: cover;padding-top: 50px;} .kjcx_title1{color: #fff;border-bottom: 2px solid #fff;} .kjcx_kjyf h3{text-align: center;padding:70px 0;font:16px/34px "寰蒋闆呴粦";color: #fff;} .kjcx_kjyf_box{width: 100%;overflow: hidden;} .kjcx_kjyf_box_list{width: 100%; position: relative;} .kjcx_kjyf_box_list ul{width: 100%;} .kjcx_kjyf_box_list li{width: 50%;margin-right: 30px;} .kjcx_kjyf_box_list li:first-child img{width: 545px;height: auto;} .kjcx_kjyf_box_list li p{text-align: center;font:18px/32px "寰蒋闆呴粦";color: #fff;margin-top: 15px;} .kjcx_kjyf_box_list li:nth-child(2) img{width: 279;height: auto;} .kjcx_kjyf_box_list li img{margin: 0 auto;} .kjcx_hybz{width: 100%;padding: 15px 0 ;} .kjcx_hybz img{width: 100%;height: auto;margin: 30px 0 0 0;} .kjcx_gsal{width: 100%;padding: 25px 0;} .kjcx_gsal h3{font:16px/32px "寰蒋闆呴粦";color: #000;padding: 15px 0;} .kjcx_gsal_list{width: 100%;margin-top: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;} .kjcx_gsal_list li{width: 388px;height: 288px;margin-bottom: 25px;height: 288px;} .kjcx_gsal_list li a{display: block;width: 100%;height: 100%;position: relative;} .kjcx_gsal_list_tab1{background: #0a51a9;height: 100%;padding:35px 30px;} .kjcx_gsal_list_tab1 p{font:24px/88px "寰蒋闆呴粦";color: #fff;} .kjcx_gsal_list_tab1 p i{font:60px/88px "寰蒋闆呴粦";color: #fff;} .kjcx_gsal_list li a img{width: 100%;height: 100%;} .kjcx_gsal_box{padding-top: 120px;position: absolute;width: 100%;height: 100%;left:0;top:0;background: rgb(25 24 24 / 50%); text-align: center; font: 18px/24px "寰蒋闆呴粦"; color: #c9c9c9 !important; display: none;} .kjcx_gsal_list li a:hover .kjcx_gsal_box { display: block; } /*绉戞妧鍒涙柊*/ /*浜у搧璇︽儏鐣欒█鎶ヤ环*/ .search_box { height: 150px; width: 1200px; margin: 30px auto 10px; background: url(../images/add_bj1.jpg); background-size: 100% 100%; } .search_box .search_right { width: 450px; float: right; margin: 40px 100px 0 0; } .search_box1 .search_right { width: 500px; float: right; margin: 40px 50px 0 0; } .search_box .search_right .search_box_div{ display: flex; justify-content: space-between; } .search_box .search_right input { width: 300px; height: 42px; border: none; background: #fff; text-indent: 16px; color: #818181; font-size: 16px; border-radius: 4px; outline: none; } .search_box .search_right button { width: 130px; height: 44px; border: #4096f8; background: #4096f8; border-radius: 4px; color: #fff; font-size: 18px; margin-left: 5px; cursor: pointer; } .search_box1 .search_right button { width: 180px; height: 44px; border: #4096f8; background: #4096f8; border-radius: 4px; color: #fff; font-size: 18px; margin-left: 5px; cursor: pointer; } .search_box .search_right p { font-size: 16px; margin-top: 14px; color: #fff; } .search_box1 { height: 150px; width: 1200px; margin: 30px auto 10px; background: url(../images/add_bj2.jpg); background-size: 100% 100%; } .search_box .form-tips span{ color: #ffefb4 !important; } /*浜у搧璇︽儏鐣欒█鎶ヤ环*/ /*缃戠珯鍙充晶娴姩鑱旂郴鏂瑰紡*/ .fixed_icon{ position: fixed; right: 10px; bottom: 280px; width: 130px; height: 315px; border-radius: 75px; background: #fff; border: 5px solid #ca060a; z-index: 7777777; } .fixed_icon_box{ position: relative; padding: 105px 8px 0 8px; } .fixed_icon_pic{ position: absolute; top:-40px; left:-5px; width: 130px; height: 130px; border-radius: 80px; overflow: hidden; border: 5px solid #ebce92; cursor: pointer; } .fixed_icon_pic img{ width: 100%; height: 100%; } .fixed_icon_kind{ border-radius: 15px; background: #fbe8be; padding: 18px 6px 8px; } .fixed_icon_kind a{ display: block; height: 34px; background: #ca060a; border-radius: 16px; margin-bottom: 15px; font:16px/34px "寰蒋闆呴粦"; color: #fbe8be; text-align: center; position: relative; } .fixed_icon_kind a div{ display: none; position: absolute; right: 100%; top: 0; font: 16px/34px "寰蒋闆呴粦"; color: #fbe8be; background: #ca060a; width: 150px; } .fixed_icon_kind a:hover div{ display: block; } .fixed_icon_kind a img{ display: none; position: absolute; right: 100%; top: -100%; width: 120px; height:120px; } .fixed_icon_kind a:hover img{ display: block; } .fixed_icon_top{ margin-top: 12px; text-align: center; padding-top: 22px; background: url(../images/fixed_top.png) no-repeat center top; font:16px/16px "寰蒋闆呴粦"; color: #fbe8be; cursor: pointer; } /*缃戠珯鍙充晶娴姩鑱旂郴鏂瑰紡*/