body { width: 100%; position: relative; background: #f5f5f5; overflow: hidden; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s } body.on { opacity: 100; filter: alpha(opacity=100) } .w1400 { position: relative; max-width: 1400px; margin: 0 auto; width: 92% } .wel-case .w1400{ max-width: 1200px; /* width: 98%; */ /* max-width: 98%; */ margin: 0 0 0 8%; } .wel-banner { width: 100%; overflow: hidden; position: relative } .wel-banner .slides img { width: 100%; /* position: absolute; left: 50%; margin-left: -960px */ } .wel-banner .slides li { width: 100%; float: left; overflow: hidden; /* height: 558px; */ position: relative } @media screen and (max-width: 1430px) { /* .wel-banner .slides li { height: 416px; } */ } /* .wel-banner.case-banner .slides li { height: 419px } */ .wel-banner .flex-control-nav { bottom: 13px; z-index: 2 } .wel-case .flex-control-nav { bottom: 20px; left: 17%; } .wel-banner .flex-control-nav li, .wel-case .flex-control-nav li { margin: 0 2px } .wel-banner .flex-control-nav li a, .wel-case .flex-control-nav li a { width: 12px; height: 12px; background: url(../img/btn01.png) no-repeat center; background-size: 100% 100%; transition: background .3s; box-shadow: none } .manage-bot .flex-control-nav { display: none } .wel-banner .flex-control-paging li a.flex-active, .wel-banner .flex-control-paging li a:hover, .wel-case .flex-control-nav li a:hover, .wel-case .flex-control-nav li a.flex-active { background: url(../img/btn01_h.png) no-repeat center; background-size: 100% 100%; box-shadow: none } .wel-case { padding: 0 0 0 0; width: 100%; position: relative; overflow: hidden } .ser-contact-list li a { display: block; width: 100% } .wel-case-title { font-size: 24px; color: #24272b; font-weight: bold; line-height: 42px; margin-bottom: 22px } .wel-case-list { padding-bottom: 86px; padding-top: 30px; } .wel-case .flex-viewport { overflow: visible !important } .wel-case .slides{ width: 1800%; transition-duration: 0.2s; /* transform: translate3d(-174px, 0px, 0px) ; */ } .wel-case .slides li { overflow: hidden; position: relative; float: left; width: 420px ; margin-right: 25px; transition:all 0.4s; } .wel-case .slides li:hover{ width:700px !important; } .wel-case .slides .con { position: absolute; bottom: -68%; left: 0; width: 100%; height: 100%; z-index: 2; display: block; padding: 9% 50px 0; transition: bottom .3s } .wel-case .slides .bg { width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: #fff; z-index: 1; opacity: 0; filter: alpha(opacity=0) } .wel-case .slides .font-bg { width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: #000; z-index: 1; opacity: 0; filter: alpha(opacity=0); transition-property: opacity; transition-duration: .3s; transition-delay: .2s } .wel-case .slides .tit { font-size: 18px; color: #fff; line-height: 25px; color: #fff; font-weight: bold } .wel-case .slides .en { font-size: 16px; color: #fff; opacity: .6; filter: alpha(opacity=60); line-height: 24px; min-height: 24px } .wel-case .slides .font { font-size: 18px; color: #fff; line-height: 34px; margin-top: 18px } .wel-case .slides .more { margin-top: 40px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); background: url(../img/wel02.png) no-repeat center } .wel-product { padding-bottom: 80px } .wel-product-title { font-size: 24px; color: #24272b; line-height: 42px; margin-bottom: 22px; font-weight: bold; position: relative } .wel-product-title a { display: inline-block; font-size: 14px; color: #24272b; position: absolute; top: 0; right: 0; width: 95px; transition: color .3s } .wel-product-title span { width: 20px; height: 20px; border-radius: 50%; background: #b0b0b0 url(../img/wel04.png) no-repeat center; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -12px; transition: background .3s } .wel-product .left { padding: 0 10px 0 0; width: 50%; float: left } .wel-product .right { padding: 0 0 0 10px; width: 50%; float: right } .wel-product .product-1 { padding: 0 10px 0 0; margin-bottom: 20px; height: 190px; text-align: center } .wel-product .container a { width: 100%; text-align: center; height: 100%; display: block; background: #fff; overflow: hidden; position: relative; cursor: pointer; transition: box-shadow .3s } .wel-product .product-2 { padding: 0 0 0 10px; margin-bottom: 20px; height: 190px; text-align: center } .wel-product .product-3 { width: 100%; height: 393px; padding: 0 } .wel-product .product-3 .pic { height: 100%; position: relative; width: 100% } .wel-product .product-3 img { height: 100%; position: absolute; left: 50%; margin-left: -345px } .wel-product .contrast { width: 14px; height: 16px; background: url(../img/wel09.png) no-repeat center; position: absolute; bottom: 15px; right: 20px; cursor: pointer; transition: background .3s } .wel-product .ico-1 img { max-height: 100%; max-width: 100% } .wel-product .ico-1.ico_11 img { max-height: 100%; max-width: 350px } .wel-product .container { width: 100%; padding: 0 } .wel-product .container .row { margin: 0 } .wel-product .ico-1 h2 { font-size: 16px; color: #fff; position: absolute; bottom: 10px; line-height: 26px; height: 26px; width: 100%; text-align: left; padding: 0 15px 0 15px; overflow: hidden } .wel-product .ico-1 .bg { width: 100%; position: absolute; bottom: 0; left: 0; background: #dd231f; display: block; height: 0; transition: height .3s } .wel-product .product-4 { margin-bottom: 20px; width: 100%; padding: 0; height: 393px } .wel-product .product-4 img { max-height: 100%; position: relative; left: 50%; margin-left: -101% } .wel-product .product-4 .con { display: block; width: 100%; position: absolute; bottom: 0; left: 0; text-align: left; padding: 16px 45px 20px } .wel-product .product-4 h2 { font-size: 16px; color: #fff; line-height: 26px; height: 26px; width: 100%; overflow: hidden } .wel-product .container h2, .wel-product .container p.font { opacity: 0; filter: alpha(opacity=0) } .wel-product .product-4 .bg { width: 100%; background: #dd231f; position: absolute; bottom: 0; left: 0; height: 0; transition: height .3s } .wel-product .product-4 .font { font-size: 14px; color: #fff; opacity: .7; filter: alpha(opacity=70); line-height: 24px; height: 24px; overflow: hidden } .wel-product .product-3 .contrast, .wel-product .product-4 .contrast { position: absolute; bottom: 40px; right: 45px } .wel-video { width: 100%; height: 418px; position: relative; background-size: 100% !important; overflow: hidden } .wel-video video { width: 100%; background: #000; position: absolute; top: 50%; margin-top: -300px; z-index: 1 } .wel-video img { position: absolute; top: 0; left: 50%; height: 418px; margin-left: -960px; z-index: 2 } .wel-news { padding: 49px 0 79px } .wel-news .container { width: 100%; padding: 0 } .wel-news .row { margin: 0 } .wel-news .wnews { padding: 0; width: 25% } .wel-news .wnews.news02 { padding: 0 40px; width: 50% } .network-content { width: 1000%; /* display: inline-block; */ } .network-news-list .network-wnews { width: 3.333%; float: left; /* display: inline-block; */ /* transition: all .5s; */ } .wel-news .container { width: 100%; padding: 0 } .network-news-list { margin-bottom: 40px; overflow: hidden; } .network-news-list .news01 { padding: 0 20px 0 0; } .network-news-list.news02 { padding: 0 10px; } .network-news-list .news03 { padding: 0 0 0 20px; } .network-news .network-wnews .network-a { padding: 36px 10% 80px; height: 450px; position: relative; overflow: hidden; background-size: cover !important; } .network-news .wel-product-title p { font-weight: normal; font-size: 22px; color: #222; } .p_hidden { overflow: hidden; height: 80px; } /* .net_dian { right: 0px; bottom: 10px; color: red; display: none; position: absolute; } */ .network-news-list p { overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .network-news h3 { font-size: 16px; color: #fff; line-height: 36px; z-index: 2; position: relative; /* margin-bottom: 10px; */ transition: margin .3s } .network-news-list p { position: relative; } .network-news p.content a { font-size: 18px; } .network-news p.content-first a { font-size: 22px; } .network-news p a { color: #fff; z-index: 2; position: relative; line-height: 40px; transition: margin .3s } .wel-news .news01 a { width: 100%; padding: 36px 10% 0; height: 674px; display: block; position: relative; overflow: hidden; background-size: cover !important; transition: background .3s } .wel-news .news02 a { width: 100%; padding: 36px 7% 0; height: 674px; display: block; position: relative; overflow: hidden; background-size: cover !important; transition: background .3s } .wel-news .news02 .more { width: 182px; height: 50px; background: #dd231f; text-align: center; position: absolute; left: 12%; bottom: 57px; font-size: 16px; z-index: 2; color: #fff; line-height: 50px; transition: left .3s, background .3s } .network-wnews a { cursor: pointer; } .network-wnews .network-more { width: 182px; height: 50px; background: #dd231f; text-align: center; position: absolute; right: 12%; bottom: 20px; font-size: 16px; z-index: 2; color: #fff; line-height: 50px; transition: left .3s, background .3s } .wel-news .news03 a { width: 100%; padding: 36px 10% 0; height: 316px; display: block; position: relative; overflow: hidden; background-size: cover !important; transition: background .3s } .wel-news .news03 a:first-child { margin-bottom: 40px } .wel-news h3 { font-size: 16px; color: #fff; line-height: 36px; z-index: 2; position: relative; margin-bottom: 30px; transition: margin .3s } .wel-news h2 { font-size: 22px; color: #fff; z-index: 2; position: relative; line-height: 40px; transition: margin .3s } .network-news a h3 { margin-bottom: 5px; } .wel-news p.content-first { font-size: 18px; color: #333; z-index: 2; position: relative; line-height: 40px; transition: margin .3s } .wel-news p.content { font-size: 18px; color: #fff; z-index: 2; position: relative; line-height: 40px; transition: margin .3s } .wel-news .bg { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); z-index: 1; background: rgba(0, 0, 0, .4); width: 100%; height: 100%; transition: opacity .3s } .wel-news .news01 h3, .wel-news .news01 h2 { color: #222 } .network-wnews.news01 h3 { color: #fff; } footer { width: 100%; background: #1f2024; padding: 52px 0 7px } .footer-top { padding-bottom: 29px; border-bottom: 1px solid #3c3c42 } .footer-bot { padding: 30px 0 } .footer-bot-left { float: left } .footer-bot-left p { font-size: 12px; color: #fff; line-height: 22px; opacity: .5; filter: alpha(opacity=50) } .footer-bot-left p span { margin-left: 20px } .footer-bot-left a { font-size: 13px; color: #fff; line-height: 23px; margin-right: 10px; transition: color .3s; } .footer-bot .bdsharebuttonbox { float: right; height: 32px; margin-top: 6px } .footer-bot .bdsharebuttonbox a { width: 32px; height: 32px; line-height: 32px; overflow: hidden; padding: 0; margin: 0; display: inline-block; text-indent: 0; opacity: 1; filter: alpha(opacity=100); transition: opacity .3s } .footer-bot .bdsharebuttonbox a.bds_tsina { background: url(../img/fot04.png) no-repeat center } .footer-bot .bdsharebuttonbox a.bds_tqq { background: url(../img/fot05.png) no-repeat center } .footer-bot .bdsharebuttonbox a.bds_isohu { background: url(../img/fot06.png) no-repeat center } .footer-bot .bdsharebuttonbox a.bds_renren { background: url(../img/fot07.png) no-repeat center } .footer-bot .bdsharebuttonbox a.bds_qzone { background: url(../img/fot08.png) no-repeat center } .footer-top-left { float: left; width: 24.7% } .footer-top-center { float: left; /* width: 62.6% */ width: 52% } .footer-top .weixin { width: 7.8%; float: left; text-align: center } .footer-top .weixin img { width: 100% } .footer-top h2 { font-size: 14px; color: #fff; line-height: 33px; margin-bottom: 7px; opacity: .8; filter: alpha(opacity=80) } .footer-top-left form { width: 76%; border: 2px solid #3c3c42; display: block; padding: 6px } .footer-top-left .text { float: none; width: 56%; background: 0; border: 0; color: #fff } .footer-top-left .text::-webkit-input-placeholder { color: #fff } .footer-top-left .text:-moz-placeholder { color: #fff } .footer-top-left .text::-moz-placeholder { color: #fff } .footer-top-left .text:-ms-input-placeholder { color: #fff } .footer-top-left .submit { width: 32%; background: #e60012; height: 28px; line-height: 28px; text-align: center; color: #fff; font-size: 14px; border: 0; border-radius: 2px } .footer-top-left h4 { font-size: 12px; color: #fff; opacity: .5; filter: alpha(opacity=50); line-height: 20px; padding-top: 10px; width: 76% } .footer-top-left .lan { display: block; width: 58%; height: 38px; line-height: 38px; padding-left: 42px; margin-top: 74px; font-size: 12px; color: #fff; background: #3c3c42 url(../img/fot02.jpg) no-repeat 12px center } .footer-top-center li { width: 16%; float: left } .footer-top-center li:last-child { width: 36% } .footer-top-center li p { font-size: 13px; color: #fff; line-height: 24px } .footer-top-center li a { color: #fff; transition: color .3s } .footer-top-center li a:hover { color: #dd231f } /* 閫忔槑澶撮儴 start */ header { width: 100%; position: fixed; top: 0; left: 0; /* height: 80px; line-height: 80px; */ height: 60px; line-height: 60px; z-index: 10; background: rgba(0,0,0,0.1); } .header-lucency { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .2) } .header-lucency .link, .header-lucency .enght a, .header-lucency .nav-box a.tit { color: #333; } .header-lucency .nav-box .tit span { background: url(../img/head02.png) no-repeat center; } .header-lucency .enght { background: url(../img/en01.png) no-repeat left center; } .header-lucency .enght a.tit { background: url(../img/aaa01.png) no-repeat right center; } header .logo_h { display: none; } .header-lucency .logo_b { display: none; } .header-lucency .logo_h { display: inline-block; } /* 閫忔槑澶撮儴 end */ header .logo { width: 103px; height: 100%; text-align: center; float: left; margin-left: 2%; position: relative; } header .logo img { /* 璋冩暣logo澶у皬 50844 2022-05-06 */ /* max-width: 100% */ /* max-width: 280px; */ max-width: 245px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } header .search-box { width: 3%; height: 100%; display: block; float: right; background: #b4b4b4 url(../img/head01.png) no-repeat center; position: relative; z-index: 3; transition: background .3s } header .link { font-size: 14px; color: #fff; padding: 0 10px; float: right; transition: color .3s; background: url(../img/en02.png) no-repeat right center; margin-right: 1% } header .enght { float: right; margin-right: 1%; padding-left: 26px; font-size: 14px; color: #666; position: relative; z-index: 1; height: 100%; background: url(../img/en01_bai.png) no-repeat left center; transition: color .3s, background .3s } header .enght a { color: #fff; display: block; transition: color .3s } header .enght a.tit { padding-right: 17px; background: url(../img/aaa01_bai.png) no-repeat right center; height: 100%; width: 100%; transition: color .3s, background .3s } header .enght .con { position: absolute; top: 100%; left: -10%; display: none; background: #fff; width: 130%; padding-top: 20px; box-shadow: inset 0 0 10px rgba(0, 0, 0, .2); height: 335px; overflow: auto } header .enght .con a { width: 100%; font-size: 12px; height: 35px; text-align: center; line-height: 35px; color:#666; } header .enght .con::-webkit-scrollbar { width: 1px; background-color: #ececec } header .enght .con::-webkit-scrollbar-track { border-radius: 10px; background-color: #ececec } header .enght .con::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d9271b } header .enght:hover { background: url(../img/en01_h.png) no-repeat left center } header .enght:hover a.tit { color: #d42719; background: url(../img/aaa01_h.png) no-repeat right center } header .enght a:hover { color: #d42719 } header .nav-box { /* width: 42%; */ width: 52%; margin: 0 auto; } @media screen and (max-width: 1500px) { header .nav-box { margin-left: 20%; } .wel-case .w1400{ margin: 0 0 0 20px; } } @media screen and (max-width: 1430px) { header .nav-box { width: 58%; margin-left: 17%; } } header .nav-box ul { width: 100% } header .nav-box li { /* width: 23%; */ width: 17%; float: left; text-align: center; } @media screen and (max-width: 1098px) { header .nav-box li { /* width: 22%; */ width: 16%; } } header .nav-box a.tit { font-size: 16px; color: #fff; height: 100%; display: block; width: 100%; transition: color .3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } header .nav-box .tit span { width: 9px; height: 6px; display: inline-block; background: url(../img/head02_bai.png) no-repeat center; background-size: 100% 100%; margin-left: 6px } header .nav-box li:hover a.tit { color: #d42719 } header .nav-box li:hover .tit span { background: url(../img/head02_h.png) no-repeat center; background-size: 100% 100% } header .nav-box .con { position: absolute; /* top: 80px; */ left: 50%; background: #fff; display: none; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); z-index: 5 } header .nav-box .left { float: left; background: #f5f5f5; padding: 59px 1.9% 150px 10.9%; width: 35% } header .nav-box .link-b { width: 100%; display: block; padding-left: 17%; text-align: left; font-size: 15px; color: #333; line-height: 40px; margin-bottom: 5px; transition: background .3s, color .3s } header .nav-box .link-b span { width: 100%; display: block; background: 0 } header .nav-box .pro-li .left { padding: 59px 1.9% 150px 8.9%; height: 450px } header .nav-box .pro-li dd { width: 33.33%; float: left } header .nav-box .pro-li dd .link-b { background-position: 8% center; background-repeat: no-repeat } header .nav-box .pro-li .right .link-k { display: none } header .nav-box .pro-li .right { padding: 50px 5.5% 0 3% } header .nav-box .pro-li .right .content { width: 100% } header .nav-box .pro-li dd .link-b.cur { background-color: #da2418 } header .nav-box .link-b.ico_1 { background: url(../img/head09.png) no-repeat 8% center } header .nav-box .link-b.ico_2 { background: url(../img/head13.png) no-repeat 8% center } header .nav-box .link-b.ico_3 { background: url(../img/head07.png) no-repeat 8% center } header .nav-box .link-b.ico_4 { background: url(../img/head10.png) no-repeat 8% center } header .nav-box .link-b.ico_5 { background: url(../img/head14.png) no-repeat 8% center } header .nav-box .link-b.ico_6 { background: url(../img/head06.png) no-repeat 8% center } header .nav-box .link-b.ico_7 { background: url(../img/head16.png) no-repeat 8% center } header .nav-box .link-b.ico_8 { background: url(../img/head15.png) no-repeat 8% center } header .nav-box .link-b.ico_9 { background: url(../img/head08.png) no-repeat 8% center } header .nav-box .link-b.ico_10 { background: url(../img/head17.png) no-repeat 8% center } header .nav-box .link-b.ico_11 { background: url(../img/head18_new.png) no-repeat 8% center } header .nav-box .link-b.ico_12 { background: url(../img/head19.png) no-repeat 8% center } header .nav-box .link-b.ico_13 { background: url(../img/head20.png) no-repeat 8% center } header .nav-box .link-b.ico_14 { background: url(../img/head21.png) no-repeat 8% center } header .nav-box .link-b.ico_15 { background: url(../img/head22.png) no-repeat 8% center } header .nav-box .link-b.ico_16 { background: url(../img/head23.png) no-repeat 8% center } header .nav-box .link-b.ico_17 { background: url(../img/head24.png) no-repeat 8% center } header .nav-box .link-b.ico_18 { background: url(../img/head25.png) no-repeat 8% center } header .nav-box .link-b.ico_19 { background: url(../img/head26.png) no-repeat 8% center } header .nav-box .link-b.ico_20 { background: url(../img/head27.png) no-repeat 8% center } header .nav-box .link-b.ico_21 { background: url(../img/head28.png) no-repeat 8% center } header .nav-box .link-b.ico_22 { background: url(../img/head29.png) no-repeat 8% center } header .nav-box .link-b.ico_23 { background: url(../img/ico_23.png) no-repeat 8% center } header .nav-box .link-b.ico_24 { background: url(../img/ico_24.png) no-repeat 8% center } header .nav-box .link-b.cur { color: #fff } header .nav-box .link-b.cur span { background: url(../img/head05.png) no-repeat right 8% center } header .nav-box .link-b.ico_1.cur { background: #da2418 url(../img/head09_h.png) no-repeat 8% center } header .nav-box .link-b.ico_2.cur { background: #da2418 url(../img/head13_h.png) no-repeat 8% center } header .nav-box .link-b.ico_3.cur { background: #da2418 url(../img/head07_h.png) no-repeat 8% center } header .nav-box .link-b.ico_4.cur { background: #da2418 url(../img/head10_h.png) no-repeat 8% center } header .nav-box .link-b.ico_5.cur { background: #da2418 url(../img/head14_h.png) no-repeat 8% center } header .nav-box .link-b.ico_6.cur { background: #da2418 url(../img/head06_h.png) no-repeat 8% center } header .nav-box .link-b.ico_7.cur { background: #da2418 url(../img/head16_h.png) no-repeat 8% center } header .nav-box .link-b.ico_8.cur { background: #da2418 url(../img/head15_h.png) no-repeat 8% center } header .nav-box .link-b.ico_9.cur { background: #da2418 url(../img/head08_h.png) no-repeat 8% center } header .nav-box .link-b.ico_10.cur { background: #da2418 url(../img/head17_h.png) no-repeat 8% center } header .nav-box .link-b.ico_11.cur { background: #da2418 url(../img/head18_h.png) no-repeat 8% center } header .nav-box .link-b.ico_11.cur { background: #da2418 url(../img/head18_h_new.png) no-repeat 8% center } header .nav-box .link-b.ico_12.cur { background: #da2418 url(../img/head19_h.png) no-repeat 8% center } header .nav-box .link-b.ico_13.cur { background: #da2418 url(../img/head20_h.png) no-repeat 8% center } header .nav-box .link-b.ico_14.cur { background: #da2418 url(../img/head21_h.png) no-repeat 8% center } header .nav-box .link-b.ico_15.cur { background: #da2418 url(../img/head22_h.png) no-repeat 8% center } header .nav-box .link-b.ico_16.cur { background: #da2418 url(../img/head23_h.png) no-repeat 8% center } header .nav-box .link-b.ico_17.cur { background: #da2418 url(../img/head24_h.png) no-repeat 8% center } header .nav-box .link-b.ico_18.cur { background: #da2418 url(../img/head25_h.png) no-repeat 8% center } header .nav-box .link-b.ico_19.cur { background: #da2418 url(../img/head26_h.png) no-repeat 8% center } header .nav-box .link-b.ico_20.cur { background: #da2418 url(../img/head27_h.png) no-repeat 8% center } header .nav-box .link-b.ico_21.cur { background: #da2418 url(../img/head28_h.png) no-repeat 8% center } header .nav-box .link-b.ico_22.cur { background: #da2418 url(../img/head29_h.png) no-repeat 8% center } header .nav-box .link-b.ico_23.cur { background: #da2418 url(../img/ico_23_h.png) no-repeat 8% center } header .nav-box .link-b.ico_24.cur { background: #da2418 url(../img/ico_24_h.png) no-repeat 8% center } header .nav-box .link-b.ico_1:hover { background: #da2418 url(../img/head09_h.png) no-repeat 8% center } header .nav-box .link-b.ico_2:hover { background: #da2418 url(../img/head13_h.png) no-repeat 8% center } header .nav-box .link-b.ico_3:hover { background: #da2418 url(../img/head07_h.png) no-repeat 8% center } header .nav-box .link-b.ico_4:hover { background: #da2418 url(../img/head10_h.png) no-repeat 8% center } header .nav-box .link-b.ico_5:hover { background: #da2418 url(../img/head14_h.png) no-repeat 8% center } header .nav-box .link-b.ico_6:hover { background: #da2418 url(../img/head06_h.png) no-repeat 8% center } header .nav-box .link-b.ico_7:hover { background: #da2418 url(../img/head16_h.png) no-repeat 8% center } header .nav-box .link-b.ico_8:hover { background: #da2418 url(../img/head15_h.png) no-repeat 8% center } header .nav-box .link-b.ico_9:hover { background: #da2418 url(../img/head08_h.png) no-repeat 8% center } header .nav-box .link-b.ico_10:hover { background: #da2418 url(../img/head17_h.png) no-repeat 8% center } header .nav-box .link-b.ico_11:hover { background: #da2418 url(../img/head18_h_new.png) no-repeat 8% center } header .nav-box .link-b.ico_12:hover { background: #da2418 url(../img/head19_h.png) no-repeat 8% center } header .nav-box .link-b.ico_13:hover { background: #da2418 url(../img/head20_h.png) no-repeat 8% center } header .nav-box .link-b.ico_14:hover { background: #da2418 url(../img/head21_h.png) no-repeat 8% center } header .nav-box .link-b.ico_15:hover { background: #da2418 url(../img/head22_h.png) no-repeat 8% center } header .nav-box .link-b.ico_16:hover { background: #da2418 url(../img/head23_h.png) no-repeat 8% center } header .nav-box .link-b.ico_17:hover { background: #da2418 url(../img/head24_h.png) no-repeat 8% center } header .nav-box .link-b.ico_18:hover { background: #da2418 url(../img/head25_h.png) no-repeat 8% center } header .nav-box .link-b.ico_19:hover { background: #da2418 url(../img/head26_h.png) no-repeat 8% center } header .nav-box .link-b.ico_20:hover { background: #da2418 url(../img/head27_h.png) no-repeat 8% center } header .nav-box .link-b.ico_21:hover { background: #da2418 url(../img/head28_h.png) no-repeat 8% center } header .nav-box .link-b.ico_22:hover { background: #da2418 url(../img/head29_h.png) no-repeat 8% center } header .nav-box .link-b.ico_23:hover { background: #da2418 url(../img/ico_23_h.png) no-repeat 8% center } header .nav-box .link-b.ico_24:hover { background: #da2418 url(../img/ico_24_h.png) no-repeat 8% center } .nav-box .link-k { width: 23% } .nav-box .link-k.none { display: none } .nav-box .link-k h2 { font-size: 24px; color: #333; line-height: 24px; padding-bottom: 30px; text-align: left } .nav-box .link-k h2 a { color: #333 } .nav-box .link-k a.on { display: block; width: 100%; font-size: 14px; text-align: left; color: #666; line-height: 30px; transition: color .3s } .nav-box .content .more { width: 155px; height: 40px; line-height: 40px; padding-left: 36px; font-size: 14px; background: #da2418 url(../img/head05.png) no-repeat 103px center; display: block; text-align: left; color: #fff; margin-top: 35px } .nav-box .link-k a:hover { color: #da2418 } .nav-box .content { width: 48% } .navigation { width: 100%; display: none } .nav-box .content img { max-width: 100% } .supplier-notice-box .left img { max-width: 100% } .search-hbox .right li a { color: #333 } .search-hbox .right li a:hover { color: #d82117 } .search-hbox .right li a.cur { color: #d82117 } .nav-box .content p { text-align: left; font-size: 14px; color: #666; line-height: 24px; margin-top: 22px } header .nav-box .right { width: 65%; padding: 20px 13.5% 0 6%; float: right } header .nav-box .con.none .left { width: 50%; padding: 59px 16.9% 150px 10.9% } header .nav-box .pro-li .con.none .left { padding: 59px 1.9% 150px 8.9% } header .nav-box .con.none .right { width: 50% } header .nav-box .con.none .content { float: left; width: 71.5% } header .nav-box .about-li .con.none .left { padding: 59px 5.9% 150px 21.9% } header .nav-box .case-li .con.none .left { padding: 59px 1.9% 120px 6.9% } header .nav-box .case-li .con.none .link-b { width: 50%; float: left } header .nav-box .case-li .con.none .link-b { padding-left: 10% } .nav-box .case-li .con.none .content p { margin-top: 12px } .nav-box .case-li .con.none .content .more { margin-top: 16px } header .nav-box .ser-li .con.none .left { width: 68%; padding: 59px 4.9% 50px 7.9% } header .nav-box .ser-li.buli .con.none .left { padding: 59px 4.9% 250px 7.9% } header .nav-box .ser-li .link-b { padding-left: 22.6% } header .nav-box .ser-li .con.none .right { width: 32%; padding: 50px 5.5% 0 3% } header .nav-box .ser-li .con.none .content, header .nav-box .pro-li .con.none .right .content { width: 92.6% } header .nav-box .ser-li .con.none .log-four { width: 25%; float: left } header .nav-box .ser-li .log-four .font { padding-left: 22.6%; font-size: 13px; color: #666; display: block; width: 100%; line-height: 27px; text-align: left } .flex-direction-nav a { z-index: 1 !important } header .nav-box .ser-li .log-four .font:hover { color: #d9271b } .search-send { position: absolute; z-index: 2; background-color: #222; right: -34%; top: 0; width: 25%; transition: right .3s } .search-send.on { right: 3% } .search-send .close { display: block; width: 18px; height: 18px; background: url(../img/head03.png) no-repeat center; position: absolute; top: 50%; left: 6px; margin-top: -9px; cursor: pointer; opacity: 1; filter: alpha(opacity=100); transition: transform .3s ease 0s } .search-send .close:hover { transform: rotateZ(90deg); transition: transform .3s ease 0s } .search-send form { width: 100%; height: 100% } .search-send .text { border: 0; font-size: 18px; height: 100%; text-align: left; width: 100%; box-sizing: border-box; color: #555; background: 0; padding: 0 5% 0 13%; outline: 0 } .search-send .submit { cursor: pointer; border: 0; background: url(../img/head01.png) no-repeat center; background-color: #bb0327; position: absolute; right: 0; bottom: 0; width: 20%; outline: 0 } .search-send .text::-webkit-input-placeholder { color: #555 } .search-send .text:-moz-placeholder { color: #555 } .search-send .text::-moz-placeholder { color: #555 } .search-send .text:-ms-input-placeholder { color: #555 } .inliner-banner { width: 100%; position: relative; overflow: hidden } .inliner-banner .flex-control-nav { position: absolute; bottom: 0; left: 0; z-index: 4 } .inliner-banner .flex-control-paging li a { background: 0; border: 1px solid #fff; opacity: .3; filter: alpha(opacity=70); box-shadow: none } .inliner-banner .flex-control-paging li a.flex-active { background: #fff; opacity: 1; filter: alpha(opacity=100) } .inliner-banner img { width: 100%; /* position: relative; left: 50%; margin-left: -960px */ } .inliner-banner .con { display: block; width: 37%; position: absolute; top: 50%; left: 50%; margin: -80px 0 0 -39% } .inliner-banner h2 { font-size: 32px; color: #fff; line-height: 52px } .inliner-banner .font { font-size: 20px; color: #fff; line-height: 36px } .inliner-banner .more { width: 127px; height: 38px; text-align: center; line-height: 38px; border-radius: 4px; background: #d9271b; color: #fff; font-size: 14px; margin-top: 40px } .inliner-banner .slides li { width: 100%; overflow: hidden; position: relative } .product-channel { background: #fff; width: 100%; padding: 48px 0 62px } .product-channel .search-font { font-size: 18px; color: #333; line-height: 38px; margin-bottom: 24px } .product-channel-box { width: 100%; margin-bottom: 50px } .product-channel-box form, .product-channel-box .contrast { width: 48%; border: 1px solid #ddd; padding: 0 1.7%; float: left } .product-channel-box .contrast { float: right; height: 90px; line-height: 90px; padding: 0 2.5%; font-size: 18px; color: #333; background: url(../img/pro02.png) no-repeat right 2.5% center } .product-channel-box .text { width: 70%; border: 0; height: 88px; line-height: 88px; font-size: 18px; color: #333 } .product-channel-box .submit { float: right; width: 26px; height: 88px; background: url(../img/pro01.png) no-repeat center; border: 0 } .product-channel h1 { font-size: 32px; color: #333; line-height: 52px; margin-bottom: 30px } .product-channel-list { width: 100% } .product-channel-list ul { width: 49%; float: left } .product-channel-list li { width: 100%; float: left; margin-bottom: 25px; border: 1px solid #eeecec; transition: box-shadow .3s } .product-channel-list ul.odd { float: right } .product-channel-list .tit { width: 100%; padding: 0 5% 0 4%; height: 88px; display: block; line-height: 88px; background: url(../img/pro15.png) no-repeat right 5% center; transition: background .3s } .product-channel-list .pic { padding-left: 55px; font-size: 20px; color: #333; transition: color .3s } .product-channel-list li .con { width: 100%; display: none; padding: 24px 13px 32px 6% } .product-channel-list li .scrollbar { width: 100%; max-height: 572px; padding-right: 28px; overflow: auto } .product-channel-list li .scrollbar::-webkit-scrollbar { width: 3px; height: 3px; background-color: #ececec } .product-channel-list li .scrollbar::-webkit-scrollbar-track { border-radius: 10px; background-color: #ececec } .product-channel-list li .scrollbar::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d9271b } .product-channel-list li dl { width: 100% } .product-channel-list li dd { display: block; width: 100% } .product-channel-list li .dd-tit { width: 100%; padding-left: 35px; font-size: 18px; color: #333; line-height: 65px; border-bottom: 1px solid #eaeaea; display: block; transition: background .3s, color .3s } .product-channel-list li .dd-tit.on { background: url(../img/pro15.png) no-repeat left center } .product-channel-list li .con-t { width: 100% } .product-channel-list li .con-tb { display: block; width: 100%; padding-left: 45px; font-size: 16px; color: #333; line-height: 45px; border-bottom: 1px solid #eaeaea; transition: background .3s, color .3s } .product-channel-list li .tb-box { display: none } .product-channel-list li .con-tb.on { background: url(../img/pro15.png) no-repeat 10px center } .product-channel-list li .tb-box-t { width: 100%; padding-left: 50px; font-size: 16px; color: #333; line-height: 40px; border-bottom: 1px solid #eaeaea; display: block } .product-channel-list li .con-t { display: none } .product-channel-list .ico01 { background: url(../img/pro03.png) no-repeat left center } .product-channel-list .ico02 { background: url(../img/pro04.png) no-repeat left center } .product-channel-list .ico03 { background: url(../img/pro05.png) no-repeat left center } .product-channel-list .ico04 { background: url(../img/pro10.png) no-repeat left center } .product-channel-list .ico05 { background: url(../img/pro09.png) no-repeat left center } .product-channel-list .ico06 { background: url(../img/pro08.png) no-repeat left center } .product-channel-list .ico07 { background: url(../img/pro07.png) no-repeat left center } .product-channel-list .ico08 { background: url(../img/pro06.png) no-repeat left center } .product-channel-list .ico09 { background: url(../img/pro11.png) no-repeat left center } .product-channel-list .ico010 { background: url(../img/a15.png) no-repeat left center } .product-channel-list .ico011 { background: url(../img/a16.png) no-repeat left center } .product-channel-list .ico012 { background: url(../img/a17.png) no-repeat left center } .product-channel-list .ico013 { background: url(../img/machine.png) no-repeat left center } .product-channel-list .ico014 { background: url(../img/a19.png) no-repeat left center } .product-channel-list .ico015 { background: url(../img/rfid.png) no-repeat left center } .product-channel-list .ico016 { background: url(../img/jia.png) no-repeat left center } .product-channel-list .ico017 { background: url(../img/chongdianzhuang.png) no-repeat left center } .product-channel-list .ico018 { background: url(../img/xiaofang.png) no-repeat left center } .product-channel-list .ico019 { background: url(../img/a18.png) no-repeat left center } .product-channel-list .ico020 { background: url(../img/service_unselect.png) no-repeat left center } .product-channel-list .ico021 { background: url(../img/car_unselect.png) no-repeat left center; background-size:40px 40px; } .product-channel-list .ico10 { background: url(../img/pro12.png) no-repeat left center } .product-channel-list .ico11 { background: url(../img/pro13.png) no-repeat left center } .product-channel-list .ico12 { background: url(../img/pro14.png) no-repeat left center } .product-channel-list li.out { box-shadow: 0 0 10px rgba(0, 0, 0, .1) } .product-channel-list li.out .tit { background: #d9271b url(../img/pro15_h.png) no-repeat 95% center } .product-channel-list li.out .pic { color: #fff } .product-channel-list li.out .ico01 { background: url(../img/pro03_h.png) no-repeat left center } .product-channel-list li.out .ico02 { background: url(../img/pro04_h.png) no-repeat left center } .product-channel-list li.out .ico03 { background: url(../img/pro05_h.png) no-repeat left center } .product-channel-list li.out .ico04 { background: url(../img/pro06_h.png) no-repeat left center } .product-channel-list li.out .ico05 { background: url(../img/pro07_h.png) no-repeat left center } .product-channel-list li.out .ico06 { background: url(../img/pro08_h.png) no-repeat left center } .product-channel-list li.out .ico07 { background: url(../img/pro09_h.png) no-repeat left center } .product-channel-list li.out .ico08 { background: url(../img/pro10_h.png) no-repeat left center } .product-channel-list li.out .ico09 { background: url(../img/pro11_h.png) no-repeat left center } .product-channel-list li.out .ico010 { background: url(../img/a15_h.png) no-repeat left center } .product-channel-list li.out .ico011 { background: url(../img/a16_h.png) no-repeat left center } .product-channel-list li.out .ico012 { background: url(../img/a17_h.png) no-repeat left center } .product-channel-list li.out .ico013 { background: url(../img/machine_h.png) no-repeat left center } .product-channel-list li.out .ico014 { background: url(../img/a19_h.png) no-repeat left center } .product-channel-list li.out .ico015 { background: url(../img/rfid_h.png) no-repeat left center } .product-channel-list li.out .ico016 { background: url(../img/jia_h.png) no-repeat left center } .product-channel-list li.out .ico019 { background: url(../img/a18_h.png) no-repeat left center } .product-channel-list li.out .ico020 { background: url(../img/service_unselect.png) no-repeat left center } .product-channel-list li.out .ico020 { background: url(../img/service_selected.png) no-repeat left center } .product-channel-list li.out .ico021 { background: url(../img/car_unselect.png) no-repeat left center; background-size:40px 40px; } .product-channel-list li.out .ico021 { background: url(../img/car_selected.png) no-repeat left center; background-size:40px 40px; } .product-channel-list li.out .ico10 { background: url(../img/pro12_h.png) no-repeat left center } .product-channel-list li.out .ico11 { background: url(../img/pro13_h.png) no-repeat left center } .product-channel-list li.out .ico12 { background: url(../img/pro14_h.png) no-repeat left center } .product-channel-list li .dd-tit.cur { background: #d9271b; color: #fff } .product-channel-list li .dd-tit.on.cur { background: #d9271b url(../img/pro15_h.png) no-repeat 2px center } .product-channel-list li .con-tb.cur { background: #d9271b; color: #fff } .product-channel-list li .con-tb.on.cur { background: #d9271b url(../img/pro15_h.png) no-repeat 10px center } .web-link { width: 100%; padding-top: 42px } .web-link a { display: inline-block; width: 25% } .web-link a.see-case { width: 100%; font-size: 28px; color: #fff; line-height: 54px; padding: 62px 2% 62px 3%; background: url(../img/pro16.jpg) no-repeat center; position: relative; background-size: cover; transition: padding .3s } .web-link .see-case .more { width: 118px; text-align: center; height: 38px; line-height: 38px; border: 1px solid #fff; display: block; color: #fff; font-size: 13px; position: absolute; right: 2%; top: 50%; margin-top: -19px; transition: background .3s, color .3s } .web-link .box a { float: left; width: 25%; height: 162px; text-align: center; transition: background .3s } .web-link .box a.see-ab { padding: 54px 0 0 3%; background: #7f7f7f url(../img/pro17.png) no-repeat 90% center; text-align: left; font-size: 24px; color: #fff; line-height: 48px; transition: background .3s, padding .3s } .web-link .box a.see-ser { background: #595959 } .web-link .box a.see-down { background: #434343 } .web-link .box a.see-pro { background: #333 } .web-link .box a img { padding-top: 41px } .web-link .box a p { font-size: 16px; color: #fff; line-height: 48px } .now { position: absolute; right: 0; top: -40px; z-index: 9; line-height: 32px } .now a { color: #fff; font-size: 16px; font-family: 'Microsoft YaHei',寰蒋闆呴粦; opacity: .9; filter: alpha(opacity=90); transition: opacity .3s } .now a:hover { opacity: 1; filter: alpha(opacity=100) } .now i { width: 3px; height: 7px; background: url(../img/pro21.png) no-repeat center; margin: 0 5px 0 7px; display: inline-block } .product-list { padding: 19px 0 124px } .product-list .form { width: 185px; float: right; height: 34px; line-height: 34px; border-radius: 15px; border: 1px solid #e9eaeb; padding: 0 16px 0 18px; transition: border .3s } .product-list .text { background: 0; border: 0; font-size: 12px; color: #999; height: 34px; line-height: 34px; float: left; width: 80% } .product-list .submit { float: right; width: 13px; height: 34px; line-height: 34px; background: url(../img/pro22.png) no-repeat center; border: 0 } .product-list-box { width: calc(100% - 330px); float: left; padding-bottom: 40px; } @media screen and (max-width: 768px) { .product-list-box { width: 100%; } } .product-list-b { width: 100%; padding-top: 40px; } .product-list-b ul { width: 100% } .product-list-b li { width: 31.7%; margin-right: 2.45%; background: #fff; border: 1px solid #eee; float: left; margin-bottom: 35px } .product-list-b li.on { margin-right: 0 } .product-list-b li .pic { width: 100%; position: relative; overflow: hidden; height: 250px; border-bottom: 1px solid #eee } .product-list-b li img { max-width: 100%; transition: all .3s } .product-list-b li.newss .newss { width: 61px; height: 64px; background: url(../img/pro25.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 0; left: 0; display: block; z-index: 1 } .product-list-b li .add { padding-left: 28px; height: 16px; background: url(../img/pro23.png) no-repeat left center; background-size: 14px !important; display: block; position: absolute; top: 34px; right: 13px; font-size: 14px; line-height: 16px; cursor: pointer; color: #b2b2b2; transition: background .3s, color .3s } .product-list-b li.but .add { color: #dc3c31; background: url(../img/pro23_h.png) no-repeat left center } .product-list-b li .con { width: 100%; padding: 21px 6% 23px; display: block } .product-list-b li h3 { font-size: 16px; color: #999; line-height: 36px; height: 36px; overflow: hidden } .product-list-b li .font { font-size: 16px; color: #333; line-height: 27px; height: 54px; overflow: hidden } .product-list-b li .more { width: 127px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e4e4e4; background: #f9f9f9; font-size: 15px; color: #333; border-radius: 2px; transition: background .3s, color .3s, border .3s; margin-top: 20px } .product-list-b li.into .add { background: url(../img/pro23_h.png) no-repeat center } .product-nav { width: 48%; height: 50px; position: absolute; left: 0; top: 19px; z-index: 2; background: #0f0f0f } .product-nav .tit { width: 33.8%; font-size: 16px; color: #fff; line-height: 50px; text-align: center; background: #0f0f0f url(../img/pro26.png) no-repeat 94% center } .product-nav .nav-con { width: 66.2%; position: relative } .product-nav .nav-link { width: 100%; line-height: 50px; padding-left: 7%; display: block; font-size: 16px; color: #fff; background: #d9271b url(../img/pro26.png) no-repeat 94% center } .product-nav .link-box { width: 100%; background: #fff; position: absolute; left: 0; top: 50px; max-height: 500px; overflow: auto; display: none } .product-nav .tit-box { width: 33.8%; background: #fff; position: absolute; left: 0; top: 50px; max-height: 500px; overflow: auto; display: none } .product-nav .link-box .link-tit { display: block; width: 89%; border-bottom: 1px solid #d9d9d9; padding-left: 8%; line-height: 59px; font-size: 16px; color: #333; transition: color .3s } .product-nav .tit-box a { display: block; width: 89%; border-bottom: 1px solid #d9d9d9; padding: 15px 0 15px 4%; font-size: 16px; color: #333; line-height: 26px; transition: color .3s } .product-nav .link-box-b { width: 100%; background: #f3f3f3 } .product-nav .link-box-tit, .product-nav .link-box-t { line-height: 48px; width: 89%; border-bottom: 1px solid #d9d9d9; padding-left: 15%; background: url(../img/pro27.png) no-repeat 10% center; display: block; font-size: 14px; color: #666; transition: color .3s } .product-nav .link-box-t { padding-left: 17%; background: url(../img/pro27.png) no-repeat 13% center } .product-nav .link-box-tit.into { color: #d9271b } .product-nav .link-box-t:hover { color: #d9271b } .product-nav .link-box-con { display: none } .product-nav .link-box-b { display: none } .product-nav .link-box .link-tit.cur { color: #d9271b } .product-nav .link-box::-webkit-scrollbar, .product-nav .tit-box::-webkit-scrollbar { width: 3px; height: 3px; background-color: #ececec } .product-nav .link-box::-webkit-scrollbar-track, .product-nav .tit-box::-webkit-scrollbar-track { border-radius: 10px; background-color: #ececec } .product-nav .link-box::-webkit-scrollbar-thumb, .product-nav .tit-box::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d9271b } .page { margin-top: 25px; width: 100%; text-align: center; padding: 12px 3%; background: #fff; position: relative } .page a.num { zoom: 1; margin: 0 5px; padding: 12px 15px; font-size: 14px; color: #333; line-height: 13px; display: inline-block; *display: inline; transition: color .3s } .page a.num:hover, .page a.num.active { background: #cd2720; color: #fff } .page a.btn { font-size: 14px; color: #333; opacity: .5; filter: alpha(opacity=50); position: absolute; display: inline-block; top: 13px } .page a.btn span { font-family: 'Microsoft YaHei',寰蒋闆呴粦; font-size: 18px; position: relative; top: 2px } .page a.prev { left: 3% } .page a.prev span { margin-right: 10px } .page a.next { right: 3% } .page a.next span { margin-left: 10px } .product-info { padding: 95px 0 105px; background: #fafafa; width: 100%; position: relative } .product-info .page-b { width: 42px; height: 42px; position: absolute; top: 50%; margin-top: -21px; border: 1px solid #e1e1e1; border-radius: 50%; color: #333; font-size: 15px; font-family: 'Microsoft YaHei',寰蒋闆呴粦; text-align: center; line-height: 42px; transition: background .3s, border .3s, color .3s } .product-info .page-b:hover { background: #c11a21; color: #fff; border-color: #c11a21 } .product-info .page-b.page-prev { left: -6% } .product-info .page-b.page-next { right: -6% } .product-info .info-pic { width: 39%; float: left; overflow: hidden; position: relative } .product-info #carousel { position: relative } .product-info #carousel .flex-viewport { border: 1px solid #cecece; padding: 10px 4%; width: 83%; margin: 0 auto } .product-info .now { color: #000 } .product-info .now a { color: #000 } .product-info .now i { background: url(../img/pro_img.png) no-repeat center center } #carousel .slides li { background: #f5f5f5; text-align: center; line-height: 56px; height: 56px; cursor: pointer; opacity: .5; filter: alpha(opacity=50); border: 1px solid #f5f5f5; transition: opacity .3s, border .3s } #carousel .slides img { max-width: 65%; max-height: 50px } #slider { width: 100%; height: 300px; text-align: center } #slider .slides li { float: left } #slider .slides img { max-width: 100%; max-height: 240px } #slider .flex-direction-nav { display: none } #carousel .flex-direction-nav a { opacity: 1 !important; filter: alpha(opacity=100) !important; z-index: 1; font-size: 13px; font-family: 'Microsoft YaHei',寰蒋闆呴粦; font-weight: bold; color: #cbcfd2; text-align: center; line-height: 40px } #carousel .flex-direction-nav .flex-prev { left: 0 } #carousel .flex-direction-nav .flex-next { right: 0 } #carousel .flex-direction-nav a:before { font-size: 0; content: "" } #carousel .slides li.flex-active-slide { opacity: 1; filter: alpha(opacity=100); border: 1px solid #d9271b } .info-font { width: 42%; padding-right: 5% } .info-font h2 { font-size: 36px; color: #000; line-height: 55px; font-weight: bold } .info-font h3 { font-size: 24px; color: #333; line-height: 32px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0 } .info-font p { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 9px } .info-font .font { padding: 40px 0 45px; border-bottom: 1px solid #e0e0e0 } .info-font .link { width: 210px; padding-left: 77px; height: 50px; line-height: 50px; background: #c11a21 url(../img/pro29.png) no-repeat 50px center; display: block; font-size: 14px; color: #fff; margin-top: 46px; transition: background .3s, padding .3s } .product-info-b { background: #fff; width: 100%; padding-bottom: 90px; position: relative } .product-info-b .return-b { width: 62px; position: absolute; top: 0; left: 0; height: 89px; border-right: 1px solid #f2f2f2; background: url(../img/pro30.png) no-repeat center; transition: background .3s } .product-info-b .return-b:hover { background: #d9271b url(../img/pro30_h.png) no-repeat center } .product-info-list { width: 100%; height: 89px; border-bottom: 1px solid #f2f2f2 } .product-info-list .slides li { text-align: center; line-height: 89px; position: relative; font-size: 20px; color: #333; cursor: pointer } .product-info-list .slides span { width: 0; height: 2px; background: #d9271b; display: block; position: absolute; left: 50%; bottom: 0; transition: width .3s, left .3s } .product-info-list .slides li.on span { width: 100%; left: 0 } .product-info-list .flex-direction-nav { display: none } .product-info-list .flex-control-nav { display: none } .product-ajaxi { padding: 45px } .product-ajaxi>p.on { font-size: 14px; color: #333; line-height: 30px; padding-left: 33px; background: url(../img/btn02.png) no-repeat left center } .product-ajaxi>p { font-size: 14px; color: #333; line-height: 24px } .product-ajaxi i { display: block; width: 100%; padding-bottom: 35px; border-bottom: 1px solid #e6e6e6; margin-bottom: 30px } .product-ajaxi h2 { font-size: 16px; color: #333; font-weight: bold; line-height: 35px } .case-channel { padding: 62px 0 50px; background: #fff } .case-channel .title { text-align: center; margin-bottom: 55px } .case-channel .title h2 { font-size: 32px; color: #333; line-height: 52px } .case-channel .title p { font-size: 16px; color: #666; line-height: 26px } .case-channel .list { width: 100% } .case-channel .list li { width: 32.1%; float: left; margin: 0 1.7% 25px 0; overflow: hidden; position: relative } .case-channel .list li.cut { margin-right: 0 } .case-channel .list img { width: 100%; transition: transform .3s } .case-channel .list .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 1; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s } .case-channel .list .con { width: 100%; position: absolute; bottom: -88px; left: 0; padding: 0 6% 45px 4%; z-index: 2; background: url(../img/case14_h.png) no-repeat center -7px; transition: bottom .3s } .case-channel .list .red { width: 9px; height: 16px; position: absolute; bottom: 6%; right: 4%; background: url(../img/case13.png) no-repeat center; z-index: 3; opacity: 1; filter: alpha(opacity=100); transition: opacity .3s } .case-channel .list h2 { font-size: 22px; color: #fff; line-height: 39px } .case-channel .list p.font { font-size: 14px; color: #fff; line-height: 23px; height: 46px; overflow: hidden; margin-bottom: 32px } .case-channel .list .more { width: 120px; height: 34px; text-align: center; line-height: 34px; background: #d9271b; color: #fff; font-size: 14px; border-radius: 20px } .case-top { width: 100%; padding: 65px 0 60px; background: #fff } .case-top h2 { font-size: 32px; color: #333; line-height: 52px; margin-bottom: 14px } .case-top p { font-size: 14px; color: #666; line-height: 24px } .case-list { background: #f5f5f5; padding: 30px 0 36px } .case-list .case-listp li { width: 25%; background: url(../img/case15.png) no-repeat 1% center; font-size: 16px; color: #666; float: left; line-height: 33px; padding: 8px 0 8px 4%; cursor: pointer; transition: background .3s, color .3s } .case-list .case-listp a { color: #666; transition: color .3s } .case-list .case-listm { height: 0; overflow: hidden } .case-bot { background: #fff; width: 100%; padding: 47px 0 59px } .case-list .case-listp li.on { background: url(../img/case15_h.png) no-repeat 1% center } .case-list .case-listp li.on a { color: #d9271b } .case-link-list { padding-bottom: 110px; width: 100% } .case-link-list ul { width: 100% } .case-link-list li { width: 100%; padding: 23px 0; float: left } .case-link-list a { display: block; width: 100% } .case-link-list .pic { width: 20.5%; float: left; overflow: hidden } .case-link-list img { width: 100%; transition: transform .3s } .case-link-list .con { float: right; width: 75%; float: right } .case-link-list h2 { font-size: 20px; color: #333; line-height: 40px; margin: 10px 0 5px; font-weight: bold; height: 40px; overflow: hidden; transition: color .3s } .case-link-list .font { font-size: 14px; color: #777; line-height: 24px; height: 48px; overflow: hidden } .case-link-list .more { width: 125px; height: 36px; text-align: center; line-height: 36px; border: 1px solid #e4e4e4; font-size: 14px; color: #666; border-radius: 2px; margin-top: 25px; transition: color .3s, border .3s, background .3s } .case-success { padding-bottom: 100px } .su-title { font-size: 34px; color: #333; line-height: 54px; margin-bottom: 30px } .case-success-list { width: 100%; padding-bottom: 60px; position: relative } .case-success-list .slides li { width: 322px; float: left; margin-right: 35px } .case-success-list .slides .pic { width: 100%; overflow: hidden; height: 21vh } .case-success-list .slides img { width: 100%; transition: transform .3s } .case-success-list .slides h2 { font-size: 20px; color: #333; line-height: 40px; margin: 35px 0 5px; height: 40px; overflow: hidden; font-weight: bold } .case-success-list .slides .font { font-size: 14px; color: #777; line-height: 24px; width: 80% } .case-success-list .slides .more { width: 125px; text-align: center; line-height: 36px; border: 1px solid #e4e4e4; font-size: 14px; color: #666; margin-top: 35px; transition: background .3s, color .3s } .case-video-list { padding-bottom: 50px; position: relative } .case-video-list .slides li { float: left; width: 322px; margin-right: 35px } .case-video-list .slides .pic { width: 100%; overflow: hidden; position: relative } .case-video-list .slides img { width: 100%; transition: transform .3s } .case-video-list .slides .open { width: 39px; height: 39px; position: absolute; top: 50%; left: 50%; margin: -19px 0 0 -19px; z-index: 2; display: block; background: url(../img/case20.png) no-repeat center } .case-video-list .slides .font { font-size: 16px; color: #333; line-height: 26px; text-align: center; padding-top: 20px; transition: color .3s } .case-success-list .flex-control-nav, .case-video-list .flex-control-nav { bottom: -25px } .case-success-list .flex-control-paging li a, .case-video-list .flex-control-paging li a { width: 10px; height: 10px; box-shadow: none; background: url(../img/btn02.png) no-repeat center; background-size: 100% 100% } .case-success-list .flex-control-paging li a.flex-active, .case-success-list .flex-control-paging li a:hover, .case-video-list .flex-control-paging li a.flex-active, .case-video-list .flex-control-paging li a:hover { background: url(../img/btn01_h.png) no-repeat center; background-size: 100% 100% } .video-ajax { position: fixed; top: 0; left: 0; z-index: 11; display: none; text-align: center } .video-ajax .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1; cursor: pointer; opacity: .5; filter: alpha(opacity=50) } .video-ajax .close { width: 25px; height: 25px; position: absolute; top: 0; right: -28px; opacity: 1; filter: alpha(opacity=100); display: block; z-index: 2; background: url(../img/odd01.png) no-repeat center; background-size: 100% 100% } .video-ajax .con { width: 780px; height: 438px; position: absolute; z-index: 2; top: 50%; left: 50%; margin-left: -390px; margin-top: -219px } .video-ajax .con video { width: 100% } .case-info-box { padding: 45px 0 108px; background: #f5f5f5 } .case-info-box .left { width: 75%; float: left } .case-info-box .left-box { width: 100%; padding: 36px 5.7% 75px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .07) } .case-info-box .left h1 { font-size: 34px; color: #000; line-height: 54px; padding: 19px 0; border-bottom: 1px solid #f2f2f2; text-align: center } .case-info-box .left h2 { font-size: 28px; color: #333; line-height: 48px; padding: 40px 0 15px } .case-info-box .left p { font-size: 16px; color: #666; line-height: 36px; word-wrap: break-word } .case-info-box .left img { max-width: 100%; height: auto !important } .case-info-box .left h3 { font-size: 18px; color: #000; line-height: 38px; padding-top: 30px } .case-info-box .right { width: 22.8%; float: right } .case-info-box .download { width: 100%; padding-left: 35%; font-size: 22px; color: #fff; line-height: 90px; margin-bottom: 24px; background: #db261d url(../img/case22.png) no-repeat 20% center; display: block } .case-info-box .relevant { width: 100%; padding: 13px 9% 55px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .07) } .case-info-box .relevant h2 { font-size: 16px; color: #333; line-height: 48px } .case-info-box .relevant a { display: block; width: 100%; font-size: 16px; color: #666; line-height: 26px; padding: 7px 0 7px 12%; background: url(../img/case23.png) no-repeat left 17px; transition: background .3s, color .3s } .news-nav { width: 100%; height: 74px; line-height: 74px; background: #f5f5f5; } .news-nav .left-nav { float: left; width: 16.4% } .news-nav .left-nav a { float: left; width: 50%; display: block; font-size: 14px; color: #333; transition: color .3s } .news-nav .left-nav a:hover, .news-nav .left-nav a.on { color: #de241b } .news-nav .news-now { float: right } .news-nav .news-now a { float: right; font-size: 14px; color: #999; transition: color .3s } .news-nav .news-now a:hover { color: #de241b } .news-nav .news-now a.b { color: #666 } .news-nav .news-now i { width: 4px; height: 74px; display: block; float: right; background: url(../img/case26.png) no-repeat center; margin: 0 12px } .news-box { padding: 58px 0 90px; background: #fff; width: 100% } .news-list-top { /*padding-bottom: 125px;*/ position: relative } .news-list-top a { width: 100%; display: block } .news-list-top .slides li { width: 100%; float: left } .news-list-top .slides .pic { width: 42.8%; float: left; overflow: hidden } .news-list-top .slides .pic img { width: 100%; transition: transform .3s } .news-list-top .slides .con { float: right; width: 52.8%; padding-right: 6%; display: block } .news-list-top .slides h3 { font-size: 14px; color: #666; line-height: 34px; padding-top: 40px } .news-list-top .slides h2 { font-size: 24px; color: #333; line-height: 34px; height: 34px; overflow: hidden; transition: color .3s } .news-list-top .slides .font { font-size: 14px; color: #666; line-height: 25px; height: 50px; overflow: hidden; margin: 30px 0 45px } .news-list-top .slides .more { padding-left: 40px; font-size: 16px; color: #666; line-height: 28px; background: url(../img/case28.png) no-repeat left center } .news-list-top .slides li:hover img { transform: scale(1.1) } .news-list-top .slides li:hover h2 { color: #d9271b } .news-list-top .flex-control-nav { bottom: 50px } .news-list-top .flex-control-nav a { width: 10px; height: 10px; background: url(../img/case29.png) no-repeat center; background-size: 100% 100%; box-shadow: none } .news-list-top .flex-control-nav li a.flex-active, .news-list-top .flex-control-nav li a:hover { background: url(../img/case29_h.png) no-repeat center; background-size: 100% 100% } .news-list-bot ul { width: 100% } .news-list-bot li { width: 30.5%; margin: 0 4% 55px 0; float: left; transition: box-shadow .3s } .news-list-bot li.cur { margin-right: 0 } .news-list-bot li .pic { width: 100%; overflow: hidden; height: 11.875vw; border: 1px solid #e6e6e6 } .news-list-bot li img { width: 100%; transition: transform .3s } .news-list-bot li .con { display: block; width: 100%; border: 1px solid #e6e6e6; border-top: 0; padding: 26px 7% 50px } .news-list-bot li h2 { /* font-size: 24px; */ font-size: 18px; font-weight: 700; color: #333; line-height: 44px; overflow: hidden; height: 44px; transition: color .3s } .news-list-bot li .time { color: #999; line-height: 26px; font-size: 14px; padding-left: 30px; background: url(../img/case31.png) no-repeat left center } .news-list-bot li .font { font-size: 14px; color: #666; line-height: 24px; margin-top: 14px; height: 48px; overflow: hidden } .news-page { width: 100%; height: 40px; text-align: center } .news-page a { font-size: 14px; line-height: 40px; width: 40px; height: 40px; display: inline-block; background: #f7f7f7; color: #686868; transition: background .3s, color .3s } .news-page.new a { background: #fff } .news-page a.active, .product-list .news-page a.active, .news-page.on a.active, .news-page.new a.active { color: #fff; background: #de241b } .news-page a.btns { font-family: 'Microsoft YaHei',寰蒋闆呴粦; } .product-list .news-page a { background: #fff } .news-info-box { width: 100%; background: #fff; padding: 102px 0 125px } .news-info-box .left { width: 75%; padding: 0 5.7%; background: #fff; float: left } .news-info-box .left h2 { font-size: 30px; color: #000; line-height: 30px; padding-bottom: 30px; border-bottom: 1px solid #f2f2f2; padding-right: 85px; position: relative; margin-bottom: 30px } .news-info-box .left .time { font-size: 14px; color: rgba(51, 51, 51, .5); line-height: 30px; position: absolute; top: 0; right: 0 } .news-info-box .left p { font-size: 18px; color: #666; line-height: 36px; /* margin-bottom: 30px; */ margin-bottom: 10px; } .news-info-box .left img { max-width: 100%; /* margin-bottom: 35px; */ height: auto !important } .news-info-box .right { width: 22.8%; float: right; padding: 0 2% } .news-info-box .right h2 { font-size: 22px; color: #333; line-height: 22px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px } .news-info-box .right a { display: block; width: 100%; font-size: 16px; color: #666; line-height: 26px; padding: 7px 0 7px 12%; background: url(../img/case23.png) no-repeat left 17px; transition: background .3s, color .3s } .news-info-box .right a.link { width: 100%; height: 55px; line-height: 55px; background: #de241b url(../img/news04.png) no-repeat 80% center; color: #fff; font-size: 18px; padding: 0 0 0 21%; transition: background .3s, color .3s, padding .3s; margin-top: 30px } .news-info-box .right a.link:hover { background: #de241b url(../img/news04.png) no-repeat 85% center; color: #fff; padding: 0 0 0 15% } .news-video { padding: 60px 0 80px; background: #fff } .news-video-list { width: 100%; padding-bottom: 20px } .news-video-list li { float: left; width: 23.5%; margin-right: 1.8%; border: 1px solid #b9b9b9; margin-bottom: 30px; transition: box-shadow .3s } .news-video-list li.cur { margin-right: 0 } .news-video-list li .pic { width: 100%; overflow: hidden; position: relative; height: 217px } .news-video-list li img { width: 100%; transition: transform .3s } .news-video-list li .bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); opacity: 0; filter: alpha(opacity=0); transition: opacity .3s } .news-video-list li .open { width: 45px; height: 45px; position: absolute; top: 50%; left: 50%; margin: -22px 0 0 -22px; display: block; background: url(../img/news06.png) no-repeat center; background-size: 100% 100%; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s } .news-video-list li .con { display: block; width: 100%; border-top: 0; padding: 20px 9% 30px } .news-video-list li h3 { font-size: 16px; color: #888; line-height: 36px } .news-video-list li i { display: block; background: #7f7f7f; width: 16px; height: 1px; margin: 9px 0 6px } .news-video-list li p.font { font-size: 18px; color: #333; line-height: 28px; height: 60px; overflow: hidden } .mobile-nav-box { display: none } .service-banner { width: 100%; height: 400px; position: relative; text-align: center } .service-banner h2 { font-size: 34px; color: #fff; line-height: 56px; padding-top: 140px } .service-banner.cur h2 { padding-top: 113px } .service-banner p { font-size: 22px; color: #fff; line-height: 45px } .service-banner form { background: #fff; border: 1px solid #dedede; border-top: 0; border-bottom: 0; width: 654px; margin: 45px auto 0; height: 48px; line-height: 48px } .service-banner .submit { width: 7%; height: 48px; background: url(../img/ser14.png) no-repeat center; border: 0; float: left } .service-banner .text { width: 55%; float: left; height: 48px; line-height: 48px; font-size: 18px; color: #666; border: 0 } .service-channel-top { padding: 89px 0 86px; width: 100%; background: #f5f5f5 } .service-channel-top ul { width: 100% } .service-channel-top li { width: 32.1%; margin-left: 1.7%; background: #fff; float: left } .service-channel-top li:first-child { margin-left: 0 } .service-channel-top .pic { width: 100% } .service-channel-top img { width: 100% } .service-channel-top .con { width: 100%; display: block; padding: 25px 6%; min-height: 235px } .service-channel-top h2 { font-size: 26px; color: #333; line-height: 46px; margin-bottom: 10px } .service-channel-top a { display: block; width: 50%; float: left; padding-left: 20px; background: url(../img/ser05.png) no-repeat 3px 10px; font-size: 14px; color: #000; line-height: 28px; transition: color .3s } .service-channel-top li:nth-child(2) a { width: 100% } .service-channel-top a:hover { color: #d82518 } .service-channel-cen { width: 100% } .service-channel-cen ul { width: 100% } .service-channel-cen li { width: 50%; text-align: center; float: left; position: relative } .service-channel-cen span { width: 100%; position: absolute; top: 0; left: 0; height: 100%; display: block } .service-channel-cen h2 { font-size: 28px; color: #2a2a2a; line-height: 38px; margin-top: 51px; margin-bottom: 32px } .service-channel-cen li:first-child h2 { color: #fff } .service-channel-cen .serch { width: 180px; margin: 45px auto 0; display: block; height: 43px; text-align: center; line-height: 43px; background: #2a2a2a; font-size: 18px; color: #fff; border-radius: 20px; transition: background .3s, color .3s } .service-channel-cen li:first-child .serch { background: #fff; color: #2a2a2a } .service-channel-cen .con img { max-width: 65% } .service-channel-bot { padding: 76px 0 108px; width: 100%; background: #fff } .service-channel-bot li { width: 23.7%; float: left; margin-left: 1.7%; position: relative; overflow: hidden } .service-channel-bot li:first-child { margin-left: 0 } .service-channel-bot li .con { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 8% 40px } .service-channel-bot li h2 { font-size: 28px; color: #fff; line-height: 48px; margin-bottom: 13px; transition: color .3s } .service-channel-bot li p { font-size: 14px; color: #fff; line-height: 28px } .service-channel-bot li img { width: 100%; transition: transform .3s } .download-channel { padding: 70px 0 140px; background: #fff; width: 100% } .download-channel .title { font-size: 34px; color: #333; line-height: 54px; margin-bottom: 20px } .download-channel .top { margin-bottom: 20px; width: 100% } .download-channel ul { width: 100% } .download-channel li { width: 49.2%; float: left; border: 1px solid #dedede; padding-bottom: 42px } .download-channel li.odd { float: right } .download-channel .tit { width: 100%; border-bottom: 1px solid #dedede; padding: 20px 4%; display: block; color: #333; font-size: 22px; line-height: 45px; background: url(../img/ser19.png) no-repeat 97% center; margin-bottom: 19px } .download-channel .tit p { padding-left: 51px } .download-channel .ico_1 p { background: url(../img/ser15.png) no-repeat left center } .download-channel .ico_2 p { background: url(../img/ser16.png) no-repeat left center } .download-channel .ico_3 p { background: url(../img/ser17.png) no-repeat left center } .download-channel .ico_4 p { background: url(../img/ser18.png) no-repeat left center } .download-channel .con { width: 87%; margin: 0 auto; border-bottom: 1px solid #eaeaea } .download-channel .con-tit { display: block; line-height: 72px; padding-left: 34px; background: url(../img/pro15.png) no-repeat left center; font-size: 18px; color: #333; transition: background .3s } .download-channel .con-tit.on { background: url(../img/ser21.jpg) no-repeat left center } .download-channel .link-box { width: 100%; padding-bottom: 5px; display: none } .download-channel .link { width: 33.33%; float: left; padding-left: 15px; background: url(../img/ser20.png) no-repeat left 12px; line-height: 34px; font-size: 16px; color: #808080; transition: background .3s, color .3s } .download-list { padding: 83px 0 136px } .download-list-tit { font-size: 30px; color: #333; line-height: 89px } .download-list-box { width: 100% } .download-list-box ul { width: 100% } .download-list-box li { width: 100% } .download-list-box .title { width: 100%; cursor: pointer; padding-left: 64px; background: url(../img/ser22.png) no-repeat left center; line-height: 75px; font-size: 18px; color: #666; border-bottom: 1px solid #e0e0e0 } .download-list-box .title.on { border-bottom: 0; background: url(../img/ser22_h.png) no-repeat left center; color: #d9271b } .download-list-box .time { font-size: 14px; color: #666; opacity: .5; filter: alpha(opacity=50) } .download-list-box .con { width: 100%; padding: 1.7%; background: #f7f7f7; display: none } .download-list-box dd { width: 100%; margin-bottom: 17px; background: #fff; padding: 39px 3.7% 49px } .download-list-box dd h2 { line-height: 44px; font-size: 24px; color: #333; margin-bottom: 14px } .download-list-box dd .line { margin-bottom: 20px; border-bottom: 1px solid #e6e5e5; padding-bottom: 40px } .download-list-box dd p { font-size: 15px; color: #666; line-height: 25px } .download-list-box .download { margin-top: 23px; width: 130px; height: 42px; padding-left: 37px; line-height: 42px; background: #d9271b url(../img/ser23.png) no-repeat 77px center; color: #fff; font-size: 16px; color: #fff; display: block; border-radius: 30px } .download-list-box .weima { display: block; width: 300px } .download-list-box .weima img { width: 60%; float: left } .download-list-box .weima p { width: 40%; text-align: center; font-size: 12px; color: #666; line-height: 18px; float: right; margin-top: 18px } .video-title { width: 100%; text-align: center; font-size: 34px; color: #333; line-height: 54px; padding: 12px 0 56px } .news-video .product-nav { top: -40px } .news-page.on a { background: #fff } .authen_nav { width: 100%; background: #f5f5f5; height: 70px; line-height: 70px; font-size: 20px; color: #333; /*margin-top: 58px;*/ } .authen_nav a { font-size: 16px; color: #1f1f1f; opacity: .5; filter: alpha(opacity=50); margin-left: 45px; transition: color .3s, opacity .3s } .authen_nav a.on { color: #de241b; opacity: 1; filter: alpha(opacity=100) } .authentication-top { padding: 69px 0 45px; border-bottom: 1px solid #e6e6e6 } .authentication-top h2 { font-size: 36px; color: #333; line-height: 56px; padding-bottom: 19px } .authentication-top p { font-size: 15px; color: #666; line-height: 30px; width: 72.4% } .authentication-center { padding: 42px 0 51px; border-bottom: 1px solid #e6e6e6 } .authentication-center h2 { font-size: 24px; color: #333; line-height: 44px; margin-bottom: 10px } .authentication-center p { padding-left: 18px; font-size: 15px; color: #666; line-height: 30px; background: url(../img/case23.png) no-repeat left 12px } .authentication-bot { padding: 51px 0 85px } .authentication-bot h2 { font-size: 24px; color: #333; line-height: 44px; margin-bottom: 10px } .authentication-bot p { font-size: 15px; color: #666; line-height: 30px; width: 72.4% } .authentication-bot img { max-width: 72.4%; height: auto !important } .sign-top { width: 100%; background: #fff; padding: 79px 0 114px } .sign-box1 { width: 93% } .sign-top .title { font-size: 34px; color: #333; line-height: 54px; padding-bottom: 20px; border-bottom: 1px solid #eeecec; margin-bottom: 21px } .sign-top .information-tit { padding: 20px 0 30px } .sign-top .information-tit h2 { font-size: 24px; color: #333; line-height: 44px; margin-bottom: 6px } .sign-top .information-tit span { font-size: 14px; color: #333; margin-left: 11px } .sign-top .information-tit i { display: block; width: 24px; height: 2px; background: #333 } .information-box { border-bottom: 1px solid #eeecec; padding-bottom: 38px } .information-box p { font-size: 14px; color: #666; line-height: 30px; float: left; width: 100% } .information-box input { margin-bottom: 20px; padding: 0 15px; font-size: 14px; color: #666; border: 1px solid #e5e5e5; height: 48px; line-height: 48px; float: left } .information-box input.name { width: 48.8% } .information-box select { padding: 0 15px; font-size: 14px; color: #666; border: 1px solid #e5e5e5; height: 48px; line-height: 48px; margin-bottom: 20px; appearance: none; -moz-appearance: none; -webkit-appearance: none; position: relative; background: url(../img/ser25.png) no-repeat 96% center } .information-box select.gender, .information-box select.grade { width: 48.8%; float: right } .information-box .file { width: 48.8%; float: right; margin-bottom: 20px; position: relative; height: 48px; overflow: hidden } .information-box .file input { border: 0; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0) } .information-box .file h2 { font-size: 14px; color: #666 } .information-box .file span { width: 30%; display: inline-block; margin: 0 5px; height: 48px; text-align: center; line-height: 48px; border: 1px solid #e5e5e5 } .information-box select.post, .information-box input.mobile { width: 31.7%; float: left; margin-right: 2.3% } .information-box select.post.on { margin-right: 0 } .information-box input.email { width: 31.7% } .information-box select.mold { float: left; width: 48.8% } .information-box input::-webkit-input-placeholder { color: #666 } .information-box input:-moz-placeholder { color: #666 } .information-box input::-moz-placeholder { color: #666 } .information-box input:-ms-input-placeholder { color: #666 } .video-ajax iframe { margin: auto; width: 57.3vw; height: 47.9vw; z-index: 2 } .information-box input.submit { width: 182px; height: 50px; text-align: center; line-height: 50px; background: #d20317; border: 0; font-size: 16px; color: #fff; margin-top: 30px; margin-bottom: 0 } .information-box.on { border-bottom: 0; padding-bottom: 0 } .sign-bot { background: #fff; padding: 60px 0 114px; width: 100% } .sign-bot h2 { font-size: 30px; color: #333; line-height: 50px; padding: 0 0 15px } .sign-bot .box { width: 674px; height: 78px; padding: 9px 0; border: 1px solid #d9d9d9; margin-bottom: 12px } .sign-bot .box span { width: 11.8%; height: 60px; display: block; float: left; border-right: 1px solid #d9d9d9 } .sign-bot .box span.name { background: url(../img/ser28.png) no-repeat center } .sign-bot .box span.name.on { background: url(../img/en03.png) no-repeat center } .sign-bot .box span.ma { background: url(../img/ser30.png) no-repeat center } .sign-bot .box span.tel { background: url(../img/ser29.png) no-repeat center } .sign-bot .box input { width: 88%; height: 60px; border: 0; font-size: 16px; color: #b2b2b2; padding-left: 4%; background: 0 } .sign-bot .submit { width: 190px; height: 60px; text-align: center; line-height: 60px; background: #d20317; color: #fff; font-size: 16px; border: 0; margin: 30px 0 80px } .sign-bot .tel-box { width: 674px; margin-bottom: 12px } .sign-bot .left { width: 77.8%; height: 78px; padding: 9px 0; border: 1px solid #d9d9d9 } .sign-bot .left span { width: 15.2%; border-right: 1px solid #d9d9d9; background: url(../img/ser29.png) no-repeat center; height: 60px; float: left; display: block } .sign-bot .left input { width: 84.8%; height: 60px; border: 0; font-size: 16px; color: #b2b2b2; padding-left: 4%; background: 0 } .sign-bot .tel-box .button { width: 20.3%; float: right; height: 78px; border: 1px solid #d9d9d9; text-align: center; line-height: 78px; font-size: 16px; color: #b2b2b2; background: 0 } .monthly { padding: 100px 0 66px } .left-list { width: 28.2%; float: left; position: relative } .left-list .slides li { width: 100%; float: left; position: relative } .left-list .news { width: 75px; height: 31px; position: absolute; top: 8px; right: 0; background: url(../img/ser32.png) no-repeat center } .left-list a { display: block; width: 100% } .left-list img { width: 98.8% } .left-list .flex-control-nav { bottom: -45px } .left-list .flex-control-paging li a { width: 10px; height: 10px; box-shadow: none; background: url(../img/ser33.png) no-repeat center; background-size: 100% 100%; transition: background .3s } .left-list .flex-control-paging li a.flex-active, .left-list .flex-control-paging li a:hover { background: url(../img/ser33_h.png) no-repeat center } .monthly .right { width: 68.9%; float: right } .monthly .right ul { width: 100%; margin-bottom: 30px } .monthly .right li { width: 100%; float: left; margin-bottom: 20px; background: #fff; padding: 21px 2.2%; transition: background .3s } .monthly .right li a { display: block; width: 100% } .monthly .right li span { font-size: 16px; color: #333; line-height: 38px; transition: color .3s } .monthly .right li .tit { width: 80% } .monthly .right li .time { font-size: 14px; color: #888; transition: color .3s } .monthly .news-page a { background: #fff } .monthly .news-page a.active { color: #fff; background: #de241b } .search-ajax { width: 100%; overflow: auto } .search-ajax table { max-width: 100%; width: 100% } .search-ajax table td { border: 1px solid #d8d8d8; padding: 13px 0; text-align: center; font-size: 16px; color: #333 } .ser-contact { padding: 70px 0 98px } .ser-contact .now { top: -106px } .ser-contact h2 { text-align: center; font-size: 32px; color: #333; line-height: 52px; margin-bottom: 45px } .ser-contact-list { width: 100% } .ser-contact-list li { width: 23.5%; margin-left: 1.5%; float: left; text-align: center; height: 228px; cursor: pointer; border: 1px solid #d8d8d8; transition: background .3s, box-shadow .3s } .ser-contact-list li:first-child { margin-left: 0 } .ser-contact-list li img { margin-top: 32px } .ser-contact-list li p { font-size: 16px; color: #333; line-height: 26px; margin-top: 45px } .repair-search { padding: 43px 0 87px } .repair-search h2 { color: #333; font-size: 24px; line-height: 44px; margin-bottom: 24px } .repair-search .box { width: 48%; border: 1px solid #ddd; padding: 8px 0; height: 88px; margin-bottom: 35px } .repair-search .box span { width: 17%; border-right: 1px solid #ddd; padding-left: 8%; height: 72px; float: left; display: block; line-height: 72px; font-size: 16px; color: #333 } .repair-search .box span.name { background: url(../img/ser39.png) no-repeat 22% center } .repair-search .box span.pw { background: url(../img/ser40.png) no-repeat 22% center } .repair-search .box input { border: 0; width: 83%; line-height: 72px; padding-left: 10px; font-size: 16px; color: #333 } .repair-search .radio-box { width: 100%; height: 37px; line-height: 37px } .repair-search .radio-box label { font-size: 16px; color: #333; line-height: 37px; float: left; width: 12.5%; font-weight: normal; cursor: pointer } .repair-search .radio-box input { margin-right: 13px; cursor: pointer } .repair-search .submit { width: 275px; height: 58px; text-align: center; line-height: 58px; border: 0; background: #d9271b; font-size: 18px; color: #fff; float: left; margin-top: 64px } .snet { width: 100%; padding: 80px 0 72px; background: #f5f5f5; text-align: center } .snet h2 { font-size: 24px; color: #333; line-height: 44px; margin-bottom: 48px; text-align: left } .snet img { max-width: 100% } .state { padding: 90px 0 97px } .state label { width: 8.5%; float: left; font-size: 18px; color: #333; line-height: 90px } .state label input { margin-right: 12px } .state .text { width: 49.2%; float: left; border: 1px solid #ddd; height: 90px; line-height: 90px; border-right: 1px solid #ddd; padding-left: 10px } .state .submit { width: 7.8%; height: 90px; line-height: 90px; background: #d9271b; color: #fff; border: 0; font-size: 18px; float: left } .internet { padding: 110px 0 130px } .internet li { width: 48.5%; float: left; padding: 22px 6% 22px 2%; background: #f5f5f5 url(../img/ser44.png) no-repeat 95%; margin-bottom: 30px; transition: background .3s, box-shadow .3s } .internet li a { display: block; width: 100%; border-right: 1px solid #dcdcdc } .internet li h2 { font-size: 20px; color: #333; line-height: 30px; width: 100%; margin-top: 7px; transition: color .3s; height: 30px; overflow: hidden } .network .network-internet { padding: 0; } .network .network-internet li { width: 48.5%; float: left; padding: 22px 6% 22px 2%; margin-bottom: 30px; transition: background .3s, box-shadow .3s; border: 1px solid #dedede; background: #fff url(../img/cur03.png) no-repeat 95%; } .network-internet li a { border-right: 0; } .network-internet li img { width: 82px } .network .network-internet li span { font-size: 18px; color: #333; margin-left: 8px; font-weight: bold; } .internet li p.time { font-size: 14px; color: #888; line-height: 24px; margin-bottom: 10px } /* .internet li.even { float: right } */ .internet li:hover { background: #fff url(../img/cur03_h.png) no-repeat 95%; box-shadow: 0 0 20px rgba(0, 0, 0, .1) } .internet li:hover h2 { color: #d9271b } .case-info-box.internet-info .left h1 { text-align: left; margin-bottom: 32px; } .case-info-box.internet-info .download { padding-left: 44%; background: #db261d url(../img/case22.png) no-repeat 30% center } .case-info-box.internet-info .intro { width: 100%; padding-left: 21%; font-size: 16px; color: #333; display: block; padding: 10px 0 10px 21%; line-height: 28px; word-wrap: break-word; box-shadow: 0 0 10px rgba(0, 0, 0, .1) } .case-info-box.internet-info .ico01 { background: #fff url(../img/ser45.png) no-repeat 6% 17px; margin-bottom: 8px } .case-info-box.internet-info .ico02 { background: #fff url(../img/ser46.png) no-repeat 6% center } .case-info-box.internet-info .now { top: -80px } .service_case { padding: 38px 0 49px } .service_case .now { top: -73px } .service_case .list { width: 100% } .service_case li { margin-bottom: 20px; width: 100% } .service_case li a { display: block; width: 100% } .service_case li .tit { width: 100%; padding: 14px 11% 14px 1.7%; background: #f5f5f5 url(../img/ser48.png) no-repeat 97% center; transition: background .3s } .service_case li .tit p { padding-left: 33px; width: 100%; font-size: 20px; color: #333; line-height: 40px; background: url(../img/ser47.png) no-repeat left 11px; transition: color .3s, background .3s } .service_case li .con { width: 100%; padding: 30px 4% 60px; background: #f5f5f5; display: none } .service_case li .con p { font-size: 14px; color: #666; line-height: 24px } .service_case li.cur .tit { background: #c11a20 url(../img/ser48_h.png) no-repeat 97% center } .service_case li.cur .tit p { background: url(../img/ser47_h.png) no-repeat left 11px; color: #fff } .network h2 { font-size: 36px; color: #333; line-height: 46px; padding: 75px 0 80px; text-align: center } .network ul.slides { width: 100%; padding-bottom: 80px } .network .slides li { float: left; width: 20%; margin-bottom: 20px; text-align: center; } .network .slides li:hover span { color: #d9271b; } .network .slides li a { display: block; width: 100% } .network .slides li img { width: 82px } .network .slides li span { font-size: 18px; color: #666 } .network .flex-control-nav { display: none } .network .flex-direction-nav a { width: 16px; height: 40px; opacity: 1; font-family: 'Microsoft YaHei',寰蒋闆呴粦; font-size: 16px; color: #d9271b; position: absolute; top: 50%; margin: -20px 0 0; font-weight: bold; background: #fff } .network .list { position: relative } .network .flex-direction-nav .flex-prev { left: 0 } .network .flex-direction-nav .flex-next { right: 0 } .network-c { width: 100%; height: 235px; background: url(../img/ser54.png) no-repeat center; background-size: cover } .network .network-c h2 { font-size: 36px; color: #333; line-height: 46px; padding: 93px 0 0 } .network-c .net-link { float: right; text-align: center; margin-left: 9%; padding-top: 60px } .network-c .net-link p { font-size: 18px; color: #333; line-height: 38px; padding-top: 15px } .gua-nav { width: 100%; background: #f5f5f5 } .gua-nav h2 { font-size: 20px; color: #333; line-height: 70px; float: left } .gua-nav .list { float: right; width: 60%; line-height: 70px; position: relative; text-align: center } .gua-nav .list .slides a { display: block; width: 100%; font-size: 15px; color: #333; opacity: .5; filter: alpha(opacity=50); transition: color .3s, opacity .3s } .gua-nav .list li.cur a { color: #d9271b; opacity: 1; filter: alpha(opacity=100) } .gua-nav .flex-direction-nav { display: none } .gua-nav .flex-control-nav { display: none } .guatant-box { width: 100%; padding: 72px 0 86px; background: #fff } .guatant-box h2 { font-size: 36px; color: #333; line-height: 46px; margin-bottom: 55px; text-align: center } .guatant-box img { margin-bottom: 38px; max-width: 100% } .guatant-box h3 { font-size: 18px; color: #333; line-height: 36px } .guatant-box .box { position: relative; top: -36px; padding-left: 60px } .guatant-box p { font-size: 14px; color: #666; line-height: 32px; padding-left: 19px; background: url(../img/case29.png) no-repeat left 11px } .promise-box { padding: 62px 0 45px; background: #fff; width: 100% } .promise-box h1 { font-size: 36px; color: #000; line-height: 56px } .promise-box h2 { font-size: 24px; color: #000; line-height: 34px; padding: 25px 0 18px } .promise-box p { font-size: 15px; color: #666; line-height: 30px } .promise-box h3 { font-size: 18px; color: #000; line-height: 38px; margin-bottom: 4px } .promise-box ul { margin-top: 20px } .promise-box li { background: url(../img/ser58.png) no-repeat 13px top; padding-bottom: 35px } .promise-box li h4 { font-size: 18px; padding-left: 43px; color: #333; line-height: 18px; margin-bottom: 20px; background: url(../img/ser59.png) no-repeat 8px top } .promise-box li p { font-size: 15px; color: #666; padding-left: 43px; line-height: 30px } .promise-box .w1400 { padding-right: 20% } .three { width: 100%; padding: 55px 0 78px; background: #fff } .three p { font-size: 15px; color: #666; line-height: 30px } .three h2 { font-size: 36px; color: #000; line-height: 56px; padding: 55px 0 30px } .promise-box li:last-child { background: 0 } .three ul { width: 100% } .three li { width: 100%; background: url(../img/ser58.png) no-repeat 13px top } .three li h3 { font-size: 24px; padding-left: 43px; color: #333; line-height: 24px; margin-bottom: 10px; background: url(../img/ser59.png) no-repeat 8px top } .three li p { font-size: 15px; color: #666; padding-left: 43px; line-height: 30px } .three li h4 { font-size: 18px; color: #000; line-height: 28px; padding-left: 43px } .three li:last-child { background: 0 } .three .w1400 { padding-right: 20% } .supervise { padding: 72px 0 88px; background: #fff; width: 100%; text-align: center } .supervise h2 { font-size: 36px; color: #333; line-height: 56px; margin-bottom: 20px } .supervise p { font-size: 16px; color: #666; line-height: 26px } .supervise .box { margin-top: 50px; width: 100% } .supervise a { display: inline-block; width: 19.4%; margin-right: .7%; padding: 42px 2% 15px; border: 1px solid #e0e0e0; float: left; transition: background .3s.border .3s } .supervise a:last-child { margin-right: 0 } .supervise i { width: 48px; height: 48px; margin: 0 auto 25px; display: block } .supervise a p { font-size: 14px; color: #666; line-height: 24px; min-height: 48px; transition: color .3s } .supervise i.ico01 { background: url(../img/ser60.png) no-repeat center } .supervise i.ico02 { background: url(../img/ser61.png) no-repeat center } .supervise i.ico03 { background: url(../img/ser62.png) no-repeat center } .supervise i.ico04 { background: url(../img/ser63.png) no-repeat center } .supervise i.ico05 { background: url(../img/ser64.png) no-repeat center } .supervise a:hover { background: #d9271b; border-color: #d9271b } .supervise a:hover p { color: #fff } .supervise a:hover i.ico01 { background: url(../img/ser60_h.png) no-repeat center } .supervise a:hover i.ico02 { background: url(../img/ser61_h.png) no-repeat center } .supervise a:hover i.ico03 { background: url(../img/ser62_h.png) no-repeat center } .supervise a:hover i.ico04 { background: url(../img/ser63_h.png) no-repeat center } .supervise a:hover i.ico05 { background: url(../img/ser64_h.png) no-repeat center } .careful { padding: 72px 0 60px; width: 100%; background: #fff } .careful h1 { font-size: 36px; color: #000; line-height: 56px; margin-bottom: 35px; text-align: center } .careful ul { width: 100% } .careful li { width: 32%; margin-right: 1.5%; float: left; padding: 0 2.5% 35px; cursor: pointer; margin-bottom: 30px; border: 1px solid #d9d9d9; transition: background .3s, border .3s } .careful li.cur { margin-right: 0 } .careful li h2 { font-size: 24px; color: #000; line-height: 34px; margin-top: 35px; height: 68px; transition: color .3s } .careful li p { font-size: 14px; color: #666; line-height: 30px; margin-bottom: 9px } .careful li .font { width: 100%; padding-right: 5px; overflow: auto; height: 189px } .careful li .font::-webkit-scrollbar { width: 3px; height: 3px; background-color: #ececec } .careful li .font::-webkit-scrollbar-track { border-radius: 10px; background-color: #ececec } .careful li .font::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d9271b } .careful li.last { width: 65.5%; margin-right: 0; background: url(../img/ser65.png) no-repeat 97% 93%; padding-bottom: 58px } .careful li h3 { font-size: 18px; color: #333; line-height: 28px; padding: 35px 0 15px } .careful li.last p { margin-bottom: 0 } .supplier-intro { width: 100%; padding: 72px 0 76px; background: #fff } .supplier-intro img { max-width: 100% } .supplier-intro h2 { font-size: 36px; color: #333; line-height: 56px; margin-bottom: 68px } .supplier-notice { padding: 72px 0 87px; background: #fcfcfc; width: 100% } .supplier-notice h1 { font-size: 36px; color: #333; line-height: 56px } .supplier-notice-list { width: 100%; border-bottom: 1px solid #e2e2e2 } .supplier-notice-list p { font-size: 16px; color: #666; line-height: 72px } .supplier-notice-list ul { width: 40.2%; float: right } .supplier-notice-list li { width: 32%; margin-left: 1.4%; height: 50px; line-height: 50px; text-align: center; background: #fff; float: left; cursor: pointer; transition: background .3s } .supplier-notice-list li:first-child { margin-left: 0 } .supplier-notice-list span { font-size: 16px; color: #666; display: inline-block; padding-left: 19px; transition: background .3s, color .3s } .supplier-notice-list li:first-child span { background: url(../img/su03.png) no-repeat left center } .supplier-notice-list li:nth-child(2) span { background: url(../img/su04.png) no-repeat left center } .supplier-notice-list li:last-child span { background: url(../img/su05.png) no-repeat left center } .supplier-notice-list li.cur { background: #d20317 } .supplier-notice-list li.cur span { color: #fff } .supplier-notice-list li:first-child.cur span { background: url(../img/su03_h.png) no-repeat left center } .supplier-notice-list li:nth-child(2).cur span { background: url(../img/su04_h.png) no-repeat left center } .supplier-notice-list li:last-child.cur span { background: url(../img/su05_h.png) no-repeat left center } .supplier-notice-box { padding-top: 30px } .supplier-notice-box .right { width: 42.8%; float: right } .supplier-notice-box .right img { width: 100% } .supplier-notice-box .left { width: 53.5%; float: left } .supplier-notice-box .left p { padding-left: 26px; background: url(../img/ser59.png) no-repeat left 8px; font-size: 16px; color: #666; line-height: 29px; float: none; margin-bottom: 14px } .supplier-notice-box .left .font { position: relative; height: 294px; overflow: hidden } .supplier-notice-box .font-box { background: url(../img/ser58.png) repeat-y 5px 8px } .supplier-notice-box .left .ont { width: 8px; height: 8px; background: #fff; display: block; position: absolute; top: 0; left: 3px } .supplier-notice-box .more-ajax { display: block; width: 182px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background: #d20317; margin-top: 36px; transition: background .3s } .cover-basic { width: 100%; padding: 70px 0 15px; background: #fff } .cover-basic h1 { font-size: 48px; color: #333; line-height: 60px; padding-bottom: 58px; border-bottom: 1px solid #eeecec; text-align: center; margin-bottom: 6px } .cover-tit h2 { padding: 32px 0 8px; font-size: 24px; color: #333; line-height: 39px } .cover-tit i { width: 24px; height: 2px; background: #333; display: block } .font-box { width: 100%; padding-top: 30px } .font-box input { border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 0 14px; height: 50px; line-height: 50px; font-size: 14px; float: left; background: 0 } .font-box select { width: 31.9%; border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 0 14px; height: 50px; line-height: 50px; font-size: 14px; float: left; background: 0 } .font-box .text { width: 31.9%; margin-right: 2.1% } .font-box .text.out { width: 29.3% } .font-box .txt { margin-right: 2.1%; width: 48.95% } .font-box .on { margin-right: 0 } .w1300 { width: 1300px; position: relative; margin: 0 auto } .font-box input::-webkit-input-placeholder { color: #666 } .font-box input:-moz-placeholder { color: #666 } .font-box input::-moz-placeholder { color: #666 } .font-box input:-ms-input-placeholder { color: #666 } .cover-compete { width: 100%; background: #fcfcfc; padding: 0 0 36px } .font-box p { font-size: 14px; color: #666; line-height: 47px; margin-bottom: 20px; float: left; width: 100% } .font-box input.rad { border: 0; padding: 0; height: 47px; line-height: 47px; margin: 0 5px 0 0 } .font-box label { font-size: 14px; color: #666; position: relative; float: left; padding-right: 10px } .font-box a { position: relative; float: left; width: 48.95%; margin-right: 2.1% } .font-box a.on { width: 31.9% } .font-box a img { position: absolute; right: 10px; top: 9px } .font-box a span { position: absolute; right: 2px; top: 10px; font-size: 14px; color: #666 } .font-box a input.txt { width: 100%; margin-right: 0 } .cover-cont { padding: 12px 0 80px; background: #fff; width: 100% } .font-box .file { width: 100%; float: right; margin-bottom: 20px; position: relative; overflow: hidden } .font-box .file input { border: 0; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); margin-bottom: 0 } .font-box .file h2 { font-size: 13px; color: #666 } .font-box .file span { width: 11%; display: inline-block; margin: 0 5px; text-align: center; line-height: 48px; border: 1px solid #e5e5e5 } .font-box .file span.text_span { width: 50% } .font-box .box { width: 100%; float: left } .font-box .box input { width: 14%; border: 0; height: 50px; text-align: center; line-height: 50px; margin-right: 2.1%; background: #c8c8c8; color: #fff; font-size: 16px; transition: background .3s } .font-box .box input:hover { background: #d20317 } .notice-t { padding: 52px 0 72px } .inv-title { font-size: 36px; color: #333; line-height: 54px; margin-bottom: 30px; text-align: center } .notice-t ul { width: 100% } .notice-t li { width: 31.8%; float: left; margin: 0 2.1% 20px 0; background: #fff; padding: 8px 2.5% 34px; cursor: pointer; transition: box-shadow .3s } .notice-t li.cur { margin-right: 0 } .notice-t li a { display: block; width: 100% } .notice-t li .time { font-size: 14px; color: #888; line-height: 56px; border-bottom: 1px solid #e5e5e5; padding-right: 37px; background: url(../img/su08.png) no-repeat right center } .notice-t li .font { font-size: 20px; color: #333; line-height: 32px; height: 64px; margin-top: 18px; overflow: hidden; transition: color .3s } .notice-t .more { width: 182px; height: 50px; line-height: 50px; text-align: center; margin: 40px auto 0; background: #d20317; color: #fff; font-size: 16px; display: block; border-radius: 2px; transition: background .3s } .govem-t { width: 100%; background: #fff; padding: 59px 0 77px } .govem-t-box { width: 100% } .govem-t-box .right { width: 48.5%; float: left; overflow: hidden; position: relative } .govem-t-box .slides li { float: left; position: relative } .govem-t-box .slides a { display: block; width: 100% } .govem-t-box .slides img { width: 100%; transition: transform .3s } .govem-t-box .slides p { position: absolute; bottom: 0; left: 0; font-size: 20px; color: #fff; line-height: 20px; padding: 100px 90px 25px 3%; background: url(../img/su11.png) no-repeat left top; width: 100% } .govem-t-box .flex-control-nav { bottom: 10px; right: 25px; text-align: right } .govem-t-box .flex-control-nav li { margin: 0 5px } .govem-t-box .flex-control-nav a { width: 10px; height: 10px; background: url(../img/su09.png) no-repeat center; box-shadow: none } .govem-t-box .flex-control-nav a.flex-active, .govem-t-box .flex-control-nav a:hover { background: url(../img/su09_h.png) no-repeat center } .govem-t-box .left { width: 47%; float: right } .govem-t-box .left li { width: 100%; font-size: 16px; color: #333; line-height: 27px; padding: 15px 2%; border-top: 1px solid #e5e5e5; transition: background .3s, color .3s } .govem-t-box .left li:first-child { border-top: 0 } .govem-t-box .left li a { display: block; color: #333; transition: color .3s } .govem-t-box .left .tit { float: left; width: 70%; overflow: hidden; height: 27px } .govem-t-box .left .time { font-size: 14px; color: #888; float: right; transition: color .3s } .govem-t .more { width: 182px; text-align: center; line-height: 50px; height: 50px; border: 1px solid #e5e5e5; border-radius: 2px; font-size: 16px; color: #010101; display: block; margin: 55px auto 0; transition: color .3s, background .3s, border .3s } .finance-t { padding: 72px 0 83px; width: 100% } .finance-t .more { width: 182px; height: 50px; line-height: 50px; text-align: center; margin: 40px auto 0; background: #d20317; color: #fff; font-size: 16px; display: block; border-radius: 2px; transition: background .3s } .finance-t .more:hover { background: #c51f30 } .finance-t ul { width: 100% } .finance-t li { width: 48.5%; float: left; background: #fff; padding: 22px 0; float: left; margin-bottom: 28px; transition: box-shadow .3s } .finance-t li.even { float: right } .finance-t li a { display: block; width: 100%; float: left; padding: 0 12.5% 0 4%; background: url(../img/su13.png) no-repeat 95% center; transition: background .3s } .finance-t li .pic { width: 60px; height: 60px; text-align: center; float: left; border: 1px solid #e5e5e5; border-radius: 50%; line-height: 60px } .finance-t li img { max-height: } .finance-t li .con { margin-left: 3.5%; width: 85%; display: block; float: left; border-right: 1px solid #e5e5e5 } .finance-t li h2 { font-size: 20px; color: #333; line-height: 30px; height: 30px; overflow: hidden; transition: color .3s } .finance-t li .font { font-size: 14px; color: #888; line-height: 21px; height: 21px; overflow: hidden } .platform { padding: 64px 0 86px; width: 100%; background: #fff } .platform-link { position: relative; display: block; text-align: center } .platform-link .pic { width: 100% } .platform-link .bg { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .4) } .platform-link .con { display: block; width: 192px; height: 238px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto } .platform-link .con img { width: 100% } .platform-link .con .img02 { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s } .platform-link .con .font { font-size: 18px; color: #fff; line-height: 28px; margin-top: 22px; padding-right: 18px; display: inline-block; background: url(../img/su16.png) no-repeat right center; transition: color .3s, background .3s } .news { width: 100%; padding: 68px 0 85px } .news-intro { padding-bottom: 120px; position: relative } .news-intro .slides li { width: 445px; background: #fff; margin-right: 30px; float: left; transition: box-shadow .3s } .news-intro .slides .pic { width: 100%; overflow: hidden } .news-intro .slides img { width: 100%; transition: all .5s } .news-intro .slides .con { display: block; width: 100%; padding: 20px 6% 30px; box-sizing: content-box; border: 1px solid #eee; border-top: 0; width: 88% } .news-intro .slides h2 { font-size: 16px; color: #333; line-height: 36px; transition: color .3s } .news-intro .flex-control-nav { bottom: 50px } .news-intro .flex-control-nav li { margin: 0 6px } .news-intro .flex-control-paging li a { width: 14px; height: 14px; box-shadow: none; background: url(../img/ser43.png) no-repeat center; background-size: 100% 100% } .news-intro .flex-control-paging li a.flex-active, .news-intro .flex-control-paging li a:hover { background: url(../img/ser43_h.png) no-repeat center; background-size: 100% 100% } .news-intro .flex-direction-nav { display: none } .news-list { padding-bottom: 30px; width: 100% } .news-list ul { width: 100% } .news-list li { width: 23.7%; margin-right: 1.7%; background: #fff; float: left; margin-bottom: 40px; transition: background .3s } .news-list li.li4 { margin-right: 0 } .news-list li a { display: block; width: 82%; padding: 27px 9% 21px } .news-list li h2 { font-size: 16px; color: #333; line-height: 26px; transition: color .3s } .news-list .time { padding-left: 22px; font-size: 13px; color: #999; font-family: 'Microsoft YaHei',寰蒋闆呴粦; line-height: 23px; margin-top: 10px; background: url(../img/news022.png) no-repeat left center; transition: color .3s, background .3s } .news-list .font { font-size: 13px; color: #999; line-height: 24px; padding: 10px 0 25px; transition: color .3s } .ac-banner { width: 100%; height: 700px; text-align: center; position: relative } .ac-banner .con { display: block; width: 685px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 330px; margin: auto } .ac-banner .con .box { position: absolute; bottom: -20px; left: 0; width: 100% } .ac-banner h2 { font-size: 60px; color: #fff; line-height: 88px } .ac-banner h3 { font-size: 45px; color: #fff; line-height: 80px } .ac-banner p { font-size: 16px; color: #fff; line-height: 34px; margin-top: 10px } .ac-banner a { display: inline-block; width: 30%; margin: 35px 3.6% 0; height: 50px; line-height: 50px; background: #dc231f; color: #fff; border-radius: 25px; font-size: 16px } .ac-number { width: 100%; padding: 30px 0 35px; background: #fff } .ac-number li { float: left; width: 20%; text-align: center } .ac-number li h2 { font-size: 52px; color: #dc231f; font-weight: bold; line-height: 59px } .ac-number li p { font-size: 16px; color: #666; line-height: 24px } .ac-about { padding: 78px 0 93px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1) } .ac-about h2 { font-size: 48px; color: #333; line-height: 63px; text-align: center; margin-bottom: 50px } .ac-about li { width: 25%; margin-left: 7.5%; float: left; text-align: left } .ac-about li:first-child { /* margin-left: 0 */ } .ac-about li a { display: block; width: 100% } .ac-about li .pic { width: 100%; overflow: hidden } .ac-about li img { width: 100%; transition: transform .3s } .ac-about li h3 { font-size: 20px; color: #333; line-height: 39px; margin-top: 14px; transition: color .3s } .ac-about li .font { font-size: 14px; color: #555; line-height: 29px; margin-top: 8px; height: 58px; overflow: hidden } .ac-about li .more { margin-top: 30px; padding-left: 40px; font-size: 16px; color: #d9271b; line-height: 25px; background: url(../img/ab08.png) no-repeat left center } .ac-about li:hover img { transform: scale(1.1) } .ac-about li:hover h3 { color: #d9271b } .ac-media { width: 100%; position: relative; overflow: hidden } .ac-media a { display: block; width: 100% } .ac-media .pic { width: 100%; min-height: 110px } .ac-media .con { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 700px; height: 230px; margin: auto; text-align: center } .ac-media .con h3 { font-size: 40px; color: #fff; font-weight: bold; line-height: 60px } .ac-media .con h2 { font-size: 55px; color: #fff; line-height: 109px } .ac-media .con .more { display: inline-block; width: 30%; margin: 35px 3.6% 0; height: 50px; line-height: 50px; background: #dc231f; color: #fff; border-radius: 25px; font-size: 18px } .ac-media .con img { margin-right: 10px } .ac-join { padding: 80px 0; background: #fff; width: 100% } .ac-join li { width: 32.1%; margin-left: 1.7%; float: left; transition: box-shadow .3s } .ac-join li:first-child { margin-left: 0 } .ac-join li a { display: block; width: 100% } .ac-join li .pic { width: 100%; overflow: hidden } .ac-join li img { width: 100%; transition: transform .3s } .ac-join li .con { width: 100%; border: 1px solid #eee; display: block; padding: 30px 8% 40px } .ac-join li h2 { font-size: 24px; color: #000; line-height: 43px; margin-bottom: 21px } .ac-join li .more { padding-left: 40px; font-size: 16px; color: #d9271b; line-height: 25px; background: url(../img/ab08.png) no-repeat left center } .company .flex-control-nav { /* border-top: 1px solid rgba(255, 255, 255, .1); */ padding-top: 26px } .company-top { padding: 50px 0 103px; background: #fff; width: 100% } .company-top .right { width: 50%; float: right; cursor: pointer; position: relative } .company-top .right img { width: 100% } .company-top .right .open { width: 60px; height: 60px; background: url(../img/ab15.png) no-repeat center; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px } .company-top .left { width: 44%; float: left; position: relative } .company-top .left h2 { font-size: 48px; color: #010101; line-height: 69px } .company-top .left .font-hei { margin-top: 12px; height: 180px; overflow: hidden } .company-top .left p { font-size: 16px; color: #333; line-height: 36px; float: none } .company-top .left .font-box { padding-top: 0 } .company-top .font-more { width: 180px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; border-radius: 2px; background: #d9271b; display: block; margin-top: 80px } .company-center { width: 100%; height: 540px; background-size: cover !important; position: relative; padding-top: 100px } .company-center .list { text-align: center } .company-center h2 { font-size: 48px; color: #fff; line-height: 64px; margin-bottom: 55px } .company-center p { font-size: 18px; color: #fff; line-height: 37px; margin-top: 20px } .company-center img { max-width: 80% } .company-center .flex-control-nav { bottom: -130px; border-top: 0 } .company-center .flex-control-paging li a { width: 13px; height: 13px; background: url(../img/ab21.png) no-repeat center } .company-center .flex-control-paging li a:hover, .company-center .flex-control-paging li a.flex-active { background: url(../img/ab21_h.png) no-repeat center } .company-center .flex-direction-nav a { width: 41px; height: 77px; position: absolute; margin: -38px 0 0; opacity: 1; filter: alpha(opacity=100) } .company-center .flex-direction-nav a.flex-prev { left: 0; background: url(../img/ab18.png) no-repeat center; background-size: 100% } .company-center .flex-direction-nav a.flex-next { right: 0; background: url(../img/ab19.png) no-repeat center; background-size: 100% } .company-center .flex-direction-nav a:before { content: "" !important } .company-g { padding: 90px 0; background: #f9f9f9; width: 100% } .company-g ul { width: 100% } .company-g li { width: 32.1%; float: left; margin-left: 1.7%; background: #fff; transition: box-shadow .3s } .company-g li:first-child { margin-left: 0 } .company-g li .pic { width: 100%; overflow: hidden } .company-g li img { width: 100%; transition: transform .3s } .company-g li .con { display: block; min-height: 346px; padding: 30px 8% 39px } .company-g li h2 { font-size: 24px; color: #000; line-height: 43px; margin-bottom: 12px } .company-g li .con p { font-size: 16px; color: #666; line-height: 32px } .company-g li .font { height: 160px; overflow: hidden } .company-g li p.more { font-size: 16px; color: #d9271b; line-height: 25px; padding-left: 40px; background: url(../img/ab08.png) no-repeat left center; margin-top: 30px; cursor: pointer } .company-g li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .1) } .company-g li:hover img { transform: scale(1.1) } .company-column { padding: 80px 0 78px; width: 100%; background: #fff } .company-column h2 { font-size: 36px; color: #333; line-height: 54px; margin-bottom: 30px; text-align: center } .company-column ul { width: 100% } .company-column li { width: 32.1%; height: 260px; text-align: center; margin-left: 1.7%; float: left; border: 1px solid #ededed; transition: box-shadow .3s } .company-column li:first-child { margin-left: 0 } .company-column a { display: block; width: 100%; height: 100% } .company-column img { padding-top: 52px } .company-column h3 { font-size: 24px; color: #333; line-height: 42px; margin-top: 25px; transition: color .3s } .company-column p { font-size: 16px; color: #666; line-height: 35px } .media-top { padding: 56px 0 92px } .media-top .left { width: 49.1%; float: left } .media-top h2 { line-height: 54px; font-size: 36px; color: #000; margin-bottom: 30px } .media-top .left-box { position: relative; width: 100%; cursor: pointer; overflow: hidden } .media-top img { width: 100%; transition: transform .3s } .media-top .left p { position: absolute; bottom: 0; left: 0; padding: 0 8% 30px; background: url(../img/ab29.png) no-repeat top -5px center; font-size: 36px; color: #fff; width: 100% } .media-top .right { width: 49.1%; float: right } .media-top .right-box { width: 100% } .media-top .right-box li { width: 48.3%; float: left; position: relative; overflow: hidden; margin-bottom: 24px } .media-top .right-box li:nth-child(3), .media-top .right-box li:nth-child(4) { margin-bottom: 0 } .media-top .right-box li img { width: 100%; transition: transform .3s } .media-top .right-box li.odd { float: right } .media-top .right-box p { position: absolute; bottom: 0; left: 0; padding: 0 7% 20px; background: url(../img/ab29.png) no-repeat top -5px center; font-size: 20px; line-height: 30px; color: #fff; width: 100% } .media-bot { width: 100%; padding: 59px 0 105px; background: #fff } .media-bot h2 { font-size: 36px; color: #000; line-height: 55px; padding-bottom: 9px; border-bottom: 1px solid #e0e0e0; margin-bottom: 50px } .media-bot .media-link { position: absolute; right: 0; top: 0; width: 225px } .media-bot .media-link a { float: left; display: block; font-size: 18px; color: #000; line-height: 55px; padding-bottom: 8px; width: 100px; text-align: center; margin-left: 25px } .media-bot .media-link a.cur { color: #d9271b; border-bottom: 2px solid #d9271b } .media-bot .media-link a:first-child { margin-left: 0 } .media-list ul { width: 100% } .media-list li { width: 23.7%; float: left; margin-right: 1.7%; position: relative; margin-bottom: 24px; cursor: pointer; overflow: hidden } .media-list li img { width: 100%; transition: transform .3s } .media-list li p { position: absolute; bottom: 0; left: 0; padding: 0 7% 20px; background: url(../img/ab29.png) no-repeat top -5px center; font-size: 18px; line-height: 28px; color: #fff; width: 100% } .media-list li .bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); opacity: 0; filter: alpha(opacity=0); transition: opacity .3s } .media-list li .open { width: 45px; height: 45px; position: absolute; top: 50%; left: 50%; margin: -22px 0 0 -22px; display: block; background: url(../img/news06.png) no-repeat center; background-size: 100% 100%; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s } .media-list li.cur { margin-right: 0 } .develop { padding: 30px 0; background: #f9f9f9; width: 100% } .vision-title { font-size: 42px; color: #333; line-height: 60px; text-align: center; margin-bottom: 29px } .develop ul { width: 100% } .develop li { width: 32.1%; float: left; background: #fff; margin-left: 1.7%; transition: box-shadow .3s } .develop li:first-child { margin-left: 0 } .develop li .pic { width: 100% } .develop li img { width: 100%; transition: transform .3s } .develop li .con { width: 100%; padding: 30px 8% 0; min-height: 230px; display: block } .develop li h3 { font-size: 24px; color: #000; line-height: 43px } .develop li p.font { font-size: 14px; color: #666; line-height: 30px } .culture { width: 100%; background: #fff; padding: 102px 0 100px; width: 100% } .culture ul { width: 100%; padding-top: 37px } .culture li { float: left; width: 33.33%; text-align: center } .culture li img { margin-bottom: 24px; max-width: 60% } .culture li h2 { font-size: 24px; color: #666; line-height: 43px } .culture li p { font-size: 16px; color: #666; line-height: 34px } .action { padding: 90px 0 84px; background: #f9f9f9; width: 100% } .action ul { padding-top: 10px } .action li { width: 25%; float: left; height: 50px; font-size: 16px; color: #666; line-height: 30px; padding: 10px 0 10px 1.5%; cursor: pointer; transition: background .3s } .action li span { color: #3778a8; margin-right: 4% } .authen_nav.join-nav { background: #f9f9f9 } .join-box { padding: 55px 0 74px; background: #f9f9f9; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, .1) } .join-box h2 { font-size: 36px; color: #000; line-height: 54px; text-align: center; margin-bottom: 45px } .join-box form { width: 100%; padding-bottom: 30px } .join-box .text { width: 30%; float: left; height: 57px; background: #fff; padding: 0 1.4%; line-height: 57px; margin-right: .4%; font-size: 14px; color: #666; border: 0 } .join-box .text::-webkit-input-placeholder { color: #666 } .join-box .text:-moz-placeholder { color: #666 } .join-box .text::-moz-placeholder { color: #666 } .join-box .text:-ms-input-placeholder { color: #666 } .join-box select { width: 30%; height: 57px; padding: 0 1.4%; line-height: 57px; margin-right: .4%; font-size: 14px; color: #666; border: 0; float: left; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff url(../img/ab38.png) no-repeat 95% center } .join-box .submit { width: 8%; float: right; height: 57px; line-height: 57px; background: #de241b url(../img/ab37.png) no-repeat center; border: 0; transition: background .3s } .join-box .title { overflow: hidden; color: #fff; background: #b4b4b4; font-size: 16px; padding: 0 20px; line-height: 50px; height: 50px } .join-box .title p { text-align: center; float: left; width: 20% } .join-box ul { border: 1px solid #efefef; border-top: 0; padding-bottom: 52px; background: #fff } .join-box li { background: #fff; padding: 0 3.5% } .join-box li .tit { font-size: 14px; line-height: 60px; height: 60px; cursor: pointer; overflow: hidden; border-bottom: 1px solid #efefef } .join-box li .tit.on p:last-child { color: #d40b17 } .join-box li .tit p { float: left; width: 20%; text-align: center } .join-box li .in { padding: 20px 50px; background: #f5f5f5; display: none } .join-box li .in.on { display: block } .join-box li .in .top dd { float: left; width: 25%; font-size: 14px; line-height: 22px; margin-bottom: 3px } .join-box li .in .top dd span { color: #666 } .join-box li .in .bot h1 { font-size: 16px; color: #333 } .join-box li .in .bot dl dd { color: #777; font-size: 12px; line-height: 26px } .join-box li .in .bot>div { float: left; width: 46%; margin-right: 4% } .join-box li .in .bot { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px } .join-box li .in .link { padding-top: 17px } .join-box li .in .more { display: none; text-align: center; line-height: 40px; color: #fff; background: #c30d18; margin-top: 10px; font-size: 16px; width: 200px } .join-box li .in .link img { margin-right: 3% } .join-box li .in .link .box-img { width: 160px } .join-box li .in .more.on { display: block; width: 150px } .join-box li .in .more:hover { background: #e50f1c } .inliner-banner .now { top: auto; bottom: 0; width: 100%; line-height: 59px; text-align: right; /*border-top: 1px solid rgba(255, 255, 255, .1)*/ } .contact { padding: 30px 0 110px; width: 100%; background: #fff } .contact .cont-tit { width: 100%; line-height: 38px; padding-bottom: 22px; border-bottom: 1px solid #e5e5e5; font-size: 18px; color: #666 } .contact ul { width: 100% } .contact li { float: left; width: 33.33%; padding: 60px 2.8% 0; border-left: 1px solid #e5e5e5; min-height: 610px } .contact li:first-child { border-left: none } .contact li img { margin-bottom: 15px } .contact li h2 { font-size: 30px; color: #000; line-height: 48px; margin-bottom: 12px } .contact li p { font-size: 16px; color: #333; line-height: 36px } .contact li dl { width: 100%; padding-top: 40px } .contact li dd { float: left; width: 50% } .contact li img { max-width: 100%; margin-bottom: 5px } .contact li dd p { font-size: 14px; color: #000; line-height: 35px; padding-left: 5% } .contact li .link { padding-left: 40px; font-size: 14px; color: #d9271b; line-height: 25px; background: url(../img/ab08.png) no-repeat left center; display: block; margin: 30px 0 60px; transition: padding .3s } .contact li h3 { font-size: 24px; color: #000; line-height: 61px } .contact li .cha { width: 80%; border: 1px solid #ddd; padding: 0 3%; height: 48px; line-height: 48px; font-size: 14px; color: #666; display: block; margin-bottom: 20px; background: url(../img/ab38.png) no-repeat 94% center } .contact li .ban { position: relative } .contact li .box { background: #f5f5f5; padding: 30px 0 35px; position: absolute; top: 90px; left: -10%; opacity: 0; filter: alpha(opacity=0) } .contact li .box h4 { font-size: 24px; color: #000; line-height: 43px; padding-left: 10%; margin-bottom: 6px } .contact li .box p { font-size: 14px; color: #666; line-height: 30px; padding: 0 10% } .contact li .box:after { border-bottom: 13px solid #f5f5f5; border-right: 12px solid transparent; border-left: 12px solid transparent; position: absolute; top: -13px; left: 13%; content: ""; width: 0; height: 0 } .manage-box { width: 100%; background: #fff; padding: 70px 0 90px } .manage-box .right { width: 34.2%; float: right } .manage-box .right img { width: 100% } .manage-box .left { width: 54%; float: left } .manage-box .left h2 { font-size: 30px; color: #333; line-height: 48px; margin-top: 30px; margin-bottom: 10px } .manage-box .left p { font-size: 16px; color: #666; line-height: 36px } .manage-bot { width: 100%; height: 800px; overflow: hidden; position: relative } .manage-bot .w1400 { height: 100% } .manage-bot .slides { float: left; height: 100%; border-right: 1px solid rgba(255, 255, 255, .25) } .manage-bot .slides li { width: 25%; float: left; height: 100%; border-left: 1px solid rgba(255, 255, 255, .25); padding: 136px 3% 0; position: relative; cursor: pointer; transition: width .3s } .manage-bot.edge .slides li { width: 16.66% } .manage-bot.edge .slides li.on { width: 25% } .manage-bot.edge .slides li.cur { width: 15% } .manage-bot .slides li h2 { font-size: 72px; color: #fff; font-weight: bold; line-height: 87px; margin-bottom: 28px; transition: font-size .3s } .manage-bot .slides li h3 { font-size: 24px; color: #fff; line-height: 43px } .manage-bot .slides li p { font-size: 16px; color: #fff; line-height: 29px; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s } .manage-bot .slides li p.en { font-size: 16px; color: #fff; opacity: .5; filter: alpha(opacity=50); line-height: 26px; transition: opacity .3s } .manage-bot .slides li i { display: block; width: 3px; height: 0; background: #fff; position: absolute; top: 158px; left: -2px; transition: height .3s, top .3s } .manage-bot .slides li.on { width: 40% } .manage-bot .slides li.cur { width: 20% } .manage-bot .slides li.on i { top: 142px; height: 70px } .manage-bot .slides li.on p { opacity: 1; filter: alpha(opacity=100) } .manage-bot .slides li.on p.en { opacity: 0; filter: alpha(opacity=0) } .manage-bot .slides li.on h3 { font-size: 42px } .manage-bot-list { height: 0; overflow: hidden } .contact { padding: 30px 0 300px; width: 100%; background: #fff } .contact li .cha { appearance: none; -moz-appearance: none; -webkit-appearance: none } .contact li .box { background: #f5f5f5; padding: 30px 0 35px; position: absolute; top: 70px; left: -10.5%; opacity: 1; filter: alpha(opacity=100) } .font-ajax { position: fixed; top: 0; left: 0; z-index: 11; display: none } .font-ajax .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1; cursor: pointer } .font-ajax .font { width: 80%; height: 65%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 2; font-size: 16px; color: #333; line-height: 36px; padding: 3%; background: #fff } .wel-case .slides li img { width: auto } .font-ajax .box { width: 100%; height: 100%; padding-right: 3%; overflow: auto } .font-ajax .box::-webkit-scrollbar { width: 3px; height: 3px; background-color: #ececec } .font-ajax .box::-webkit-scrollbar-track { border-radius: 10px; background-color: #ececec } .font-ajax .box::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d9271b } .insdie-wrap #spred { font-size: 18px; font-family: 'Microsoft YaHei',寰蒋闆呴粦; color: #F00; margin-left: 12px } .insdie-wrap table { width: 100%; max-width: 100%; border: 0 } .insdie-wrap { border: 0; border-width: 0 0 1px 1px } .insdie-wrap td { padding: 8px 6px; border: 0; border-width: 1px 1px 0 0; font-size: 14px } .insdie-wrap td { line-height: 1.8 } .insdie-wrap td label { width: 100% } .insdie-wrap .applay-input { width: 250px; height: 36px; padding: 8px 10px; line-height: 18px; color: #666; border: 1px solid #ddd; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; font-size: 14px } .insdie-wrap select.applay-input { height: 36px; float: none; width: 250px } .insdie-wrap textarea.applay-input { width: 93%; height: 140px } .insdie-wrap .applay-input.code { width: 90px; margin-right: 8px } .insdie-wrap .submit1 { width: 150px; height: 36px; background: #de241b; font-size: 16px; color: #fff; border: 0; cursor: pointer } .search-hbox { padding: 47px 0 18px; background: #f5f5f5; width: 100% } .search-hbox .left { width: 75%; float: left; background: #fff; padding: 30px 4% 60px; box-shadow: 0 0 5px rgba(0, 0, 0, .1) } .search-hbox .left ul { width: 100%; padding-bottom: 40px } .search-hbox .left li { width: 100%; float: left; border-bottom: 1px solid #e5e5e5 } .search-hbox .left li a { width: 100%; float: left; padding: 17px 0 } .search-hbox .left h2 { font-size: 16px; color: #333; line-height: 36px; float: left; width: 80%; height: 36px; overflow: hidden; transition: color .3s } .search-hbox .left span { float: right; line-height: 36px; font-size: 12px; color: #808080; transition: color .3s } .search-hbox .left li:hover h2, .search-hbox .left li:hover span { color: #de241b } .search-hbox .right, .map-hbox .right { width: 22.8%; float: right } .search-hbox .left, .map-hbox .left { width: 74%; background: #fff; float: left; padding: 40px 4%; border-radius: 0 0 10px rgba(0, 0, 0, .1) } .search-hbox .right .tit { width: 100%; padding: 10px 0 10px 57px; background: #d82117 url(../img/a20.png) no-repeat 22px center; font-size: 18px; color: #fff; margin-bottom: 4px } .search-hbox .right ul { width: 100% } .search-hbox .right li { width: 100%; display: block; margin-bottom: 4px; font-size: 16px; color: #333; background: #fff; padding: 15px 0 15px 22px; line-height: 26px } .map-hbox .right ul { width: 100% } .map-hbox .right li { width: 100%; margin-bottom: 10px; text-align: center; background: #fff; transition: background .3s } .map-hbox .right a { width: 100%; display: block; padding: 20px 0 } .map-hbox .right span { font-size: 24px; color: #666; line-height: 40px; padding-left: 45px; display: inline-block; transition: background .3s, color .3s } .map-hbox .right span.ico01 { background: url(../img/a21.png) no-repeat left center } .map-hbox .right span.ico02 { background: url(../img/a22.png) no-repeat left center } .map-hbox .right li.cur { background: #db261d } .map-hbox .right li.cur span { color: #fff } .map-hbox .right li.cur span.ico01 { background: url(../img/a21_h.png) no-repeat left center } .map-hbox .right li.cur span.ico02 { background: url(../img/a22_h.png) no-repeat left center } .map-hbox { padding: 60px 0 80px } .map-hbox .left h1 { font-size: 36px; color: #000; line-height: 54px; text-align: center; padding: 26px 0 19px; border-bottom: 1px solid #f2f2f2; margin-bottom: 20px } .map-hbox .left p { font-size: 18px; color: #666; line-height: 37px; margin-bottom: 10px } .map-hbox .left .line { padding: 56px 0 24px; border-bottom: 1px solid #e5e5e5; width: 100% } .map-hbox .left .line.but { border-bottom: 0 } .map-hbox .left h2 { font-size: 24px; color: #db261d; line-height: 36px; margin-bottom: 22px } .map-hbox .left .mun { width: 37px; height: 37px; text-align: center; line-height: 37px; border-radius: 50%; margin-right: 18px; display: inline-block; font-size: 24px; color: #fff; float: left; background: #db261d } .map-hbox .left .tit { float: left; width: 90% } .map-hbox .left .box { width: 100%; border: 1px solid #c7c7c7; padding: 54px 4% 37px; margin: 42px 0 22px } .map-hbox .left h3 { font-size: 24px; color: #db261d; line-height: 42px; margin-bottom: 10px } .map-hbox .left .box p { margin-bottom: 20px } .map-hbox .left p.time { margin-top: 53px } .map-hbox .left h4 { font-size: 24px; line-height: 42px; margin-bottom: 12px } .map-hbox .left h4 a { color: #000 } .map-hbox.on .left p { padding-left: 15px; background: url(../img/a23.png) no-repeat left 15px } .map-hbox.on .left p a { color: #666; padding: 0 3px } .right-flex { width: 45px; position: fixed; top: 50%; right: 0; z-index: 10; height: 403px; margin-top: -201px } .right-flex ul { width: 100% } .right-flex li { margin-bottom: 5px; position: relative; width: 45px; height: 45px; float: right; line-height: 45px; background: #c8c8c8; transition: width .3s, background .3s, margin .3s } .right-flex li .ico { width: 45px; height: 45px; position: absolute; top: 0; right: 0; transition: right .3s } .right-flex li a { display: block; width: 100%; height: 100% } .right-flex li p { font-size: 15px; color: #fff; line-height: 45px; padding: 0 20px; transition: transform .3s } .right-flex li.one { width: 140px; margin-right: -95px } .right-flex li.one .ico, .right-flex li.two .ico { left: 0 } .right-flex li.one p, .right-flex li.two p { padding: 0 20px 0 45px } .right-flex li.two { width: 200px; margin-right: -155px } .right-flex li .ico.ico01 { background: url(../img/a24.png) no-repeat center } .right-flex li .ico.ico02 { background: url(../img/a25.png) no-repeat center } .right-flex li .ico.ico03 { background: url(../img/a26.png) no-repeat center } .right-flex li .ico.ico04 { background: url(../img/a27.png) no-repeat center } .right-flex li .ico.ico05 { background: url(../img/a28.png) no-repeat center } .right-flex li .ico.ico06 { background: url(../img/a29.png) no-repeat center } .right-flex li .ico.ico07 { background: url(../img/a30.png) no-repeat center } .right-flex li .ico.ico08 { background: url(../img/a31.png) no-repeat center } .right-flex li .ico.ico09 { background: url(../img/memory_icon.png) no-repeat center } .right-flex li .ico.icoHX { background: url(../img/huaxiao_logo.png) no-repeat center } .right-flex li .ico.icoHS { background: url(../img/waythcan.png) no-repeat center } .right-flex li .ico.icoHC { background: url(../img/hitry.png) no-repeat center } .right-flex li .ico.icoFS { background: url(../img/feuvision.png) no-repeat center } .right-flex li .ico.icoCar { background: url(../img/hirige.png) no-repeat center } .right-flex li .ico.icoHG { background: url(../img/pixfra.png) no-repeat center } @media screen and (max-width: 1366px) { .right-flex li { margin-bottom: 2px; width: 34px; height: 34px; line-height: 34px; } .right-flex li .ico { width: 24px; height: 24px; top: 5px; right: 5px; background-size: 24px 24px !important; } .right-flex li p { font-size: 13px; line-height: 32px; padding: 0 15px; } .right-flex li.one { width: 120px !important; margin-right: -86px; } .right-flex li.one .ico, .right-flex li.two .ico { left: 5px; } .right-flex li.one p, .right-flex li.two p { padding: 0 20px 0 34px; } .right-flex li.two { width: 140px !important; margin-right: -106px; } .right-flex li:hover .ico, .right-flex li.one:hover .ico, .right-flex li.two:hover .ico { right: 5px !important; left: auto; } } .wel-case-list .flex-direction-nav a { opacity: 1; filter: alpha(opacity=100); width: 56px; height: 56px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); text-shadow: none; background-size: 100% !important; transition: background .3s; z-index: 1 } .wel-case-list .flex-direction-nav a:before { font-size: 0 } .wel-case .flex-viewport { overflow: visible !important } .wel-case-list .flex-direction-nav .flex-prev { background: url(../img/a32.png) no-repeat center; left: 46px } .wel-case-list .flex-direction-nav .flex-next { background: url(../img/a33.png) no-repeat center; right: -400px } @media screen and (max-width:1680px){ .wel-case-list .flex-direction-nav .flex-prev { left: 16px } .wel-case-list .flex-direction-nav .flex-next { right: 16px } .wel-case .flex-control-nav { left:0; } .wel-case .w1400{ max-width:1100px; margin: 0 0 0 4%; } } .wel-case-list .flex-direction-nav .flex-prev:hover { background: url(../img/a32_h.png) no-repeat center } .wel-case-list .flex-direction-nav .flex-next:hover { background: url(../img/a33_h.png) no-repeat center } .wel-case .slides li:hover .con { bottom: 0 } .wel-case .slides li:hover .font-bg { opacity: .3; filter: alpha(opacity=30) } .wel-product-title a:hover { color: #dd231f } .wel-product-title a:hover span { background: #dd231f url(../img/wel04.png) no-repeat center } .wel-product .container a:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .1) } .wel-product a:hover .bg { height: 46px } .wel-product a:hover .contrast { background: url(../img/wel09_h.png) no-repeat center } .wel-product .container a:hover h2, .wel-product .container a:hover p.font { opacity: 1; filter: alpha(opacity=100) } .wel-product .product-4 a:hover .bg { height: 86px } .download-list-box-b { width: 100% } .download-list-box-b li { width: 25%; font-size: 16px; float: left; line-height: 36px } .download-list-box-b li a { color: #666; transition: color .3s } .download-list-box-b li:hover a, .download-list-box-b li.cur a { color: #d9271b; font-weight: bold } .wel-banner.case-banner.on .slides img { width: 1450px; margin-left: -725px } .wel-banner.case-banner.on .slides li { height: 316px } .clearfix h1 { font-weight: normal; font-size: 32px; color: #404040; border-bottom: 2px solid #e6e6e6; padding-bottom: 15px; padding-top: 8px } .page_error { margin-top: 30px; margin-bottom: 30px; min-height: 200px } .page_error p { margin-bottom: 20px; font-size: 14px } .clearfix { z-index: 1; position: relative; padding-bottom: 60px } .product-contrast { position: fixed; bottom: 0; left: 50%; height: 0; overflow: hidden; margin-left: -700px; z-index: 999; background: #fff; border: 1px solid #d6d6d6; box-shadow: 0 0 10px rgba(0, 0, 0, .1) } .product-contrast .title { font-size: 14px; color: #d9271b; line-height: 15px; padding: 10px 1.4%; position: relative; border-bottom: 1px solid #dbdbdb } .product-contrast .product-hide { font-size: 14px; color: #666; position: absolute; top: 10px; right: 6.5%; cursor: pointer; transition: color .3s } .product-contrast .contrast-con { padding: 18px 0 18px 5px; width: 100% } .product-contrast .contrast-right { width: 11%; float: right; text-align: center } .product-contrast .contrast-btn { width: 72px; display: block; height: 32px; line-height: 32px; margin: 7px auto; color: #fff; background: #999; font-size: 14px; border-radius: 20px } .product-contrast .contrast-btn.on { background: #d9271b } .product-contrast .contrast-empty { font-size: 12px; color: #c3c4c5; line-height: 16px; margin-top: 5px; transition: color .3s } .product-contrast .contrast-list { width: 89%; float: left } .product-contrast .contrast-list .slides li { border-right: 1px solid #dbdbdb; float: left; width: 310px; height: 66px; position: relative } .product-contrast .contrast-list .slides a { display: block; float: left; width: 100%; padding: 0 8% 0 6% } .product-contrast .contrast-list .pic { border: 1px solid #e6e6e6; width: 31.1%; height: 64px; line-height: 64px; margin-right: 8% } .product-contrast .contrast-list img { width: 100% } .product-contrast .contrast-list h2, .product-contrast .contrast-list .font { font-size: 12px; color: #666; line-height: 20px; height: 20px; overflow: hidden; position: relative } .product-contrast .contrast-list h2 { margin-top: 8px } .product-contrast .contrast-list .font-none { width: 100%; float: left; font-size: 12px; color: #c3c3c3; text-align: center; line-height: 66px } .product-contrast .contrast-list .flex-control-nav { display: none } .product-contrast .flex-direction-nav a { position: absolute; top: 10px; margin-top: 0; opacity: 1 !important; left: auto; right: 1.7%; width: 8px; height: 15px } .product-contrast .contrast-list .slides li .closes { position: absolute; width: 9px; height: 9px; top: 0; right: 5%; display: block; background: url(../img/cur01.png) no-repeat center; opacity: 1; cursor: pointer } .product-contrast .flex-direction-nav .flex-prev { background: url(../img/cur02.png) no-repeat center; right: 3.5% } .product-contrast .flex-direction-nav .flex-next { background: url(../img/cur03.png) no-repeat center } .product-contrast .flex-direction-nav a:before { font-size: 0 } .contrast-box { width: 100%; padding: 120px 0 59px } .contrast-box .title { width: 100%; padding: 15px 4%; font-size: 24px; color: #333; line-height: 43px; border: 1px solid #e4e4e4; background: #fff } .contrast-box .inequality, .contrast-box .identical { float: right; margin-left: 3.3%; padding-left: 30px; font-size: 16px; color: #333; background: url(../img/tra01.jpg) no-repeat left center; transition: background .3s } .contrast-box .inequality.on, .contrast-box .identical.on { background: url(../img/tra01_h.jpg) no-repeat left center } .contrast-table { width: 100%; background: #fff; overflow: hidden; border: 1px solid #e4e4e4; border-top: 0 } .contrast-table-right { width: 88.5%; float: right; overflow: auto; height: 500px; border-left: 1px solid #e4e4e4 } .contrast-table-top { width: 88.5%; float: right; margin-left: 11.5%; overflow-y: hidden; overflow-x: auto; position: relative; border-left: 1px solid #e4e4e4 } .contrast-table-top td { background: #fff; border-left: 1px solid #e4e4e4 } .contrast-table-top td:first-child { border-left: none } .contrast-table-right tr td:first-child { border-left: none } .contrast-table-right tr:first-child td { border-top: 0 } .contrast-table-left td:first-child { border-top: 0 } .contrast-table-top .goods-item { padding-bottom: 15px; text-align: center } .contrast-table-top .pic { width: 100%; height: 148px; line-height: 148px } .contrast-table-top .pic a { display: block; width: 100% } .contrast-table-top .pic img { max-width: 80%; height: auto } .contrast-table-top .con { display: block; width: 77%; margin: 0 auto; text-align: left } .contrast-table-top h2 { font-size: 16px; color: #999; line-height: 21px; height: 21px; overflow: hidden; margin-bottom: 12px } .contrast-table-top .more { display: inline-block; width: 52%; height: 38px; text-align: center; line-height: 38px; background: #f9f9f9; border-radius: 2px; border: 1px solid #e4e4e4; color: #333; font-size: 15px; transition: background .3s, color .3s, border .3s } .contrast-table-top .delete { height: 38px; line-height: 38px; color: #333; font-size: 14px; transition: color .3s; margin-left: 11.5% } .contrast-table-left table { width: 100% } .contrast-table-right tr.bar, .contrast-table-left tr.bar { background: #fff } .contrast-table-right tr.yew, .contrast-table-left tr.yew { background: #ffffce } .contrast-table-right td { border: 1px solid #e4e4e4; height: 40px } .contrast-table-left td { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; height: 40px; font-size: 14px; color: #333; text-align: center } .contrast-table-right .goods-w { font-size: 14px; color: #333; line-height: 20px } .contrast-table-right .goods-w p { padding: 0 8%; font-size: 14px; color: #333; word-wrap: break-word; line-height: 20px } .contrast-table-top .add-product { text-align: center; font-size: 14px; cursor: pointer } .contrast-table-top .add-product .en { font-size: 17px } .contrast-table-top .font { font-size: 14px; color: #333; height: 44px; overflow: hidden; line-height: 22px; margin-bottom: 15px } .contrast-table .off { overflow: hidden } .contrast-table-bot { width: 100%; border-top: 1px solid #e4e4e4 } .contrast-table-left { float: left; overflow: hidden } .contrast-table-left-off { float: left; width: 11.5%; overflow: hidden } .contrast-table-right::-webkit-scrollbar, .contrast-table-left::-webkit-scrollbar { width: 10px; height: 10px; background-color: #fff } .contrast-table-right::-webkit-scrollbar-track, .contrast-table-left::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff } .contrast-table-right::-webkit-scrollbar-thumb, .contrast-table-left::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d9271b } .recommend { position: fixed; bottom: 0; left: 50%; height: 0; overflow: hidden; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); margin-left: -700px; z-index: 99 } .recommend .title { height: 35px; line-height: 35px; border-bottom: 2px solid #d9271b; padding: 0 5%; position: relative; color: #d9271b; font-size: 14px; font-weight: bold } .recommend .close { width: 16px; height: 15px; background: url(../img/tra03.jpg) no-repeat center; position: absolute; top: 10px; right: 20px; opacity: 1; cursor: pointer } .recommend .cont { padding: 10px 0 20px } .recommend .slides li { width: 275px; position: relative; float: left } .recommend .slides li a { display: block; width: 100%; padding: 0 2% } .recommend .slides li .pic { height: 150px; text-align: center; line-height: 150px } .recommend .slides li img { max-width: 80%; max-height: 120px } .recommend .slides li .font { padding: 7px 0 15px; background: #fff; width: 92%; margin: 0 auto; display: block } .recommend .slides li h2 { font-size: 15px; color: #999; font-weight: bold; line-height: 36px; height: 36px; overflow: hidden } .recommend .slides li p.z { font-size: 13px; color: #333; line-height: 25px; height: 50px; overflow: hidden } .recommend .add { width: 120px; height: 36px; background: #d9271b; text-align: center; line-height: 36px; border-radius: 3px; color: #fff; margin: 10px 0 0; display: block } .recommend .add.on { background: #eaeaea; color: #666 } .recommend .flex-control-nav { display: none } .recommend .flex-direction-nav a { position: absolute; top: 50%; margin-top: 0; opacity: 1 !important; left: auto; width: 8px; height: 15px; margin-top: -7px } .recommend .flex-direction-nav .flex-prev { background: url(../img/cur02_h.png) no-repeat center; left: 5px } .recommend .flex-direction-nav .flex-next { background: url(../img/cur03_h.png) no-repeat center; right: 5px } .recommend .flex-direction-nav a:before { font-size: 0 } .repair-map { padding: 72px 0; width: 100%; display: none; background: #f5f5f5 } .repair-map h2 { font-size: 24px; color: #333; line-height: 44px; margin-top: 8px } .repair-map-list { width: 800px; position: relative; margin: -52px auto 0 } .repair-map-list .map-bg { width: 100% } .repair-map-list li.li0 { position: absolute; top: 8%; right: 0 } .repair-map-list li.li1 { position: absolute; top: 27%; right: 75% } .repair-map-list li.li2 { position: absolute; top: 25%; right: 28% } .repair-map-list li { cursor: pointer; z-index: 1 } .repair-map-list li.on { z-index: 2 } .repair-map-list li.bg1 { width: 140px; height: 140px } .repair-map-list li .bg { position: absolute; top: 0; left: 0; z-index: 1; border-radius: 50%; background: rgba(255, 255, 255, .6); transition: background .3s, box-shadow .3s } .repair-map-list li.bg1 .bg { width: 140px; height: 140px } .repair-map-list .bg b { width: 8px; height: 8px; position: absolute; top: 50%; left: 50%; cursor: pointer; margin: -4px 0 0 -4px; background: url(../img/rm02.png) no-repeat center; background-size: 100% } .repair-map-list h3 { font-size: 13px; color: #333; line-height: 26px; padding-top: 80px; position: relative; z-index: 2; text-align: center } .repair-map-list li .map-list { width: 353px; position: absolute; left: 50%; margin-left: -176px; background: #fff; top: 145px; display: none } .repair-map-list li .tit { width: 100%; padding: 0 7%; background: #d90708; color: #fff; line-height: 45px; font-size: 16px } .repair-map-list li .con { width: 100%; padding: 27px 7% 30px } .repair-map-list li p { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 15px; padding-left: 28px } .repair-map-list li p.tel { background: url(../img/rm03.png) no-repeat left 3px } .repair-map-list li p.add { background: url(../img/rm04.png) no-repeat left 3px } .repair-map-list li.bg2 { width: 80px; height: 80px } .repair-map-list li.bg2 .bg { width: 80px; height: 80px } .repair-map-list li.bg2 .map-list { top: 90px } .repair-map-list li.li3 { position: absolute; top: 23%; right: 5% } .repair-map-list li.li4 { position: absolute; top: 30%; right: 11% } .repair-map-list li.li5 { position: absolute; top: 47%; right: 59% } .repair-map-list li.li6 { position: absolute; top: 63%; right: 46% } .repair-map-list li.li7 { position: absolute; top: 80%; right: 50% } .repair-map-list li.li8 { position: absolute; top: 74%; right: 38% } .repair-map-list li.li9 { position: absolute; top: 82%; right: 34% } .repair-map-list li.bg2 h3 { padding-top: 47px } .repair-map-list li.bg3 { width: 45px; height: 45px } .repair-map-list li.bg3 .bg { width: 30px; height: 30px } .repair-map-list li.bg3 .map-list { top: 55px } .repair-map-list li.li10 { position: absolute; top: 38%; right: 14% } .repair-map-list li.bg3 h3 { padding-top: 13px } .repair-map-list li.li17 { position: absolute; top: 52%; right: 21% } .repair-map-list li.li17 h3 { font-size: 14px } .repair-map-list li.li11 { position: absolute; top: 35%; right: 23% } .repair-map-list li.li12 { position: absolute; top: 38%; right: 21% } .repair-map-list li.li13 { position: absolute; top: 41%; right: 25% } .repair-map-list li.li14 { position: absolute; top: 45%; right: 20% } .repair-map-list li.li15 { position: absolute; top: 45%; right: 14% } .repair-map-list li.li16 { position: absolute; top: 53%; right: 14% } .repair-map-list li.li18 { position: absolute; top: 58%; right: 11% } .repair-map-list li.li19 { position: absolute; top: 54%; right: 26% } .repair-map-list li.li20 { position: absolute; top: 46%; right: 30% } .repair-map-list li.li21 { position: absolute; top: 55%; right: 37% } .repair-map-list li.li22 { position: absolute; top: 44%; right: 41% } .repair-map-list li.li23 { position: absolute; top: 54%; right: 44% } .repair-map-list li.li24 { position: absolute; top: 65%; right: 37% } .repair-map-list li.li25 { position: absolute; top: 63%; right: 30% } .repair-map-list li.li26 { position: absolute; top: 61%; right: 16% } .repair-map-list li.li27 { position: absolute; top: 59%; right: 13% } .repair-map-list li.li28 { position: absolute; top: 65%; right: 11% } .repair-map-list li.li29 { position: absolute; top: 68%; right: 13% } .repair-map-list li.li30 { position: absolute; top: 72%; right: 30% } .repair-map-list li.li31 { position: absolute; top: 72%; right: 22% } .repair-map-list li.li32 { position: absolute; top: 74%; right: 17% } .repair-map-list li.li33 { position: absolute; top: 79%; right: 19% } .repair-map-list li.li34 { position: absolute; top: 83%; right: 22% } .repair-map-list li.li35 { position: absolute; top: 83%; right: 28% } .repair-map-list li.li36 { position: absolute; top: 96%; right: 33% } .repair-map-list li.li37 { position: absolute; top: 88%; right: 29% } .repair-map-list li.li38 { position: absolute; top: 61%; right: 5% } .repair-map-list li.bg3.bg4 h3 { padding-top: 14px; text-align: left; padding-left: 16px } .repair-map-list li.bg3.bg4, .repair-map-list li.bg3.bg5 { width: 80px } .repair-map-list li.bg5 .bg { left: auto; right: 0 } .repair-map-list li.bg3.bg5 h3 { padding-top: 14px; text-align: left } .repair-map-list li.li39 { position: absolute; top: 66%; right: 4% } .repair-map-list li.li40 { position: absolute; top: 71%; right: 6% } .repair-map-list li.li41 { position: absolute; top: 91%; right: 33% } .contrast-table-top td:last-child .goods-w { margin-right: 11px !important } .repair-che { width: 100%; background: #f5f5f5; padding: 82px 0 0 } .repair-che-top { padding-bottom: 36px } .repair-che-top h2 { font-size: 24px; color: #333; line-height: 44px; margin-bottom: 22px } .repair-che-top .box { border: 1px solid #eee; height: 48px; line-height: 48px; width: 23.7%; margin-right: 1%; font-size: 14px; float: left; color: #a3a3a3; padding: 0 1% 0 3.5% } .repair-che-top .box.province { background: #fff url(../img/map01.png) no-repeat 4% center } .repair-che-top .box.city { background: #fff url(../img/map02.png) no-repeat 4% center } .repair-che-top .submit-b { width: 68px; height: 48px; text-align: center; line-height: 48px; background: #d90708; color: #fff; font-size: 14px; float: left; border: 0 } .repair-che-pc { display: block } .repair-che-pcb { width: 100%; /* height: 450px; */ height: 800px } .repair-che-m { display: none; background: #fff; margin-top: 20px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 10px 0 0 } .map-b h2 { margin-bottom: 10px } .map-b img { margin-right: 10px } .repair-che-m ul { width: 92%; margin: 0 auto; position: relative } .repair-che-m li { width: 100%; padding: 15px 0; border-bottom: 1px solid #c2c2c2 } .repair-che-m li .con { display: none } .repair-che-m li.cur h2 { background: url(../img/bg_sign24.png) no-repeat left top } .repair-che-m li.cur h2 em { background: url(../img/bg_sign23.png) no-repeat left top } .repair-che-m li h2 { width: 100%; padding-left: 25px; font-size: 14px; line-height: 20px; position: relative; background: url(../img/bg_sign25.png) no-repeat left top; background-size: 18px !important; color: #000; margin-bottom: 10px } .repair-che-m li h2 em { display: block; position: absolute; right: 0; top: 0; width: 20px; height: 20px; border: 1px solid #9b9b9b; border-radius: 50%; background: url(../img/bg_sign22.png) no-repeat center; background-size: 100% 100% !important } .repair-che-m li p { font-size: 12px; color: #666; width: 100%; margin: 0; width: 95%; padding-left: 25px; line-height: 24px } .repair-che-m a { display: inline-block; width: 47%; height: 40px; margin: 12px 0; border-radius: 6px; padding-left: 16%; background-size: auto 100% !important; font-size: 14px; line-height: 3.5rem; color: #fff } .repair-che-m .box { width: 100%; padding-left: 25px } .repair-che-m a.tel { background: #d90708 url(../img/bg_sign13.png) no-repeat 10% center } .repair-che-m a.add { background: #d90708 url(../img/bg_sign14.png) no-repeat 10% center } .info-page { width: 100%; float: left; padding: 17px 3.6%; background: #fff; margin-top: 29px; text-align: center } .info-page.on { box-shadow: 0 0 10px rgba(0, 0, 0, .2) } .info-page a { display: inline-block; font-size: 16px; line-height: 36px; color: #666; transition: color .3s } .info-page a.prev { float: left } .info-page a.next { float: right } .info-page a.return { padding: 0 15px 0 45px; background: url(../pic/news11.png) no-repeat 15px center; transition: background .3s, color .3s } .link-error { padding-top: 32px } .link-error a { float: left; border: 1px solid #c9c9c9; padding: 55px 100px 44px; margin-right: 8px; text-align: center; transition: background .3s, border .3s } .link-error i { width: 53px; height: 53px; display: block; margin: 0 auto 8px; background-size: 100% !important; transition: background .3s } .link-error i.ico1 { background: url(../pic/news01.png) no-repeat center } .link-error i.ico2 { background: url(../pic/news02.png) no-repeat center } .link-error p { font-size: 24px; line-height: 44px; color: #242424; transition: color .3s } .product-list .form.on { border-color: #d9271b } .pn-title { position: fixed; top: 50%; left: 0; z-index: 9; background: #d9271b; color: #fff; font-size: 16px; text-align: center; box-shadow: inset 0 0 30px rgba(0, 0, 0, .2); line-height: 26px; width: 45px; padding: 10px 0; cursor: pointer; border-radius: 0 10px 10px 0; margin-top: -62px; } .pn-title span { display: block } .pn-list { position: fixed; top: 50%; left: -305px; z-index: 10; background: #fff; width: 305px; height: 700px; margin-top: -350px; overflow: auto; transition: left .5s; box-shadow: 0 0 20px rgba(0, 0, 0, .2); border-radius: 0 10px 10px 0; } .pn-list.on { left: 0 } .pn-list ul { width: 100% } .pn-list li { width: 100 } .pn-list li .pn-tit-one { display: block; width: 100%; height: 50px; line-height: 50px; color: #010101; font-size: 16px; padding: 0 2% 0 15%; background: #fff url(../pic/pro01.png) no-repeat 6% center; transition: background .3s } .pn-list li .pn-con-one { display: none } .pn-list li .pn-tit-one.cut { background: #d9271b url(../pic/pro01_h.png) no-repeat 6% center; color: #fff } .pn-list li .pn-tit-two.cur, .pn-list li .pn-tit-three.cut, .pn-list li .pn-tit-four.cur, .pn-list li .pn-tit-five.cur { color: #d9271b } .pn-list li .pn-con-two { display: none; background: #fafafa; } .pn-list li .pn-tit-two { width: 100%; height: 50px; line-height: 50px; overflow: hidden; display: block; font-size: 14px; color: #666; padding: 0 2% 0 15%; border: 1px solid #e6e6e6; transition: color .3s } .pn-list li .pn-con-two { width: 100%; padding: 16px 2% 20px 15%; display: none } .pn-list li .pn-tit-three { display: block; width: 100%; font-size: 13px; color: #666; line-height: 30px; height: 30px; overflow: hidden } .pn-list::-webkit-scrollbar { width: 4px; background-color: #d9271b; border-radius:50px; } .pn-list::-webkit-scrollbar-track { border-radius: 50px; background-color: #d9271b } .pn-list::-webkit-scrollbar-thumb { border-radius: 50px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #fff } .pn-list li .font-blod { font-weight: bold; } .pn-list li .pn-con-three { width: 100%; padding: 8px 0; display: none; } .pn-list li .pn-tit-four { display: block; width: 100%; font-size: 12px; color: #666; /*padding: 0 0 0 8px;*/ /*background: url(../img/111_h.png) no-repeat left center;*/ background-size: 4px !important; line-height: 30px; height: 30px; overflow: hidden; } .pn-list li .pn-con-four { width: 100%; display: none; padding: 0 } .pn-list li .pn-tit-five { display: block; width: 100%; font-size: 11px; color: #666; /* padding: 0 0 0 8px; background: url(../img/111_h.png) no-repeat left center;*/ background-size: 4px !important; line-height: 25px; height: 30px; overflow: hidden; } .product-contrast .contrast-empty:hover { color: #d9271b; } #pageNum { border: 1px solid #eee; background: none; padding: 0 5px; line-height: 40px; width: 40px; height: 40px; font-size: 14px; color: #686868; background: #fff; } .news-page .go { font-size: 14px; line-height: 40px; width: 40px; height: 40px; border: none; display: inline-block; background: #f7f7f7; color: #686868; transition: background .3s, color .3s; } .email_subscr h2 { font-size: 30px; } .email_subscr p { font-size: 16px; } .email_subscr form { width: 30%; padding-bottom: 100px; position: relative; } .email_subscr label { display: block; } .email_subscr label p { font-size: 18px; font-weight: normal; } .email_subscr label p.prompt { font-size: 14px; font-weight: normal; } .email_subscr label input { width: 100%; font-weight: normal; height: 48px; padding: 8px 10px; line-height: 32px; color: #666; border: 1px solid #ddd; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; font-size: 14px; } .email_subscr label input::-webkit-input-placeholder { color: #666; font-weight: normal; } .email_subscr label input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; font-weight: normal; } .email_subscr label input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; font-weight: normal; } .email_subscr label input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666; font-weight: normal; } .email_subscr label select { border: 1px solid #ddd; height: 48px; line-height: 48px; width: 100%; font-weight: normal; margin-right: 1%; font-size: 14px; color: #666; padding: 0 1% 0 3.5%; } .email_subscr .submit { color: #fff; border: 0; cursor: pointer; position: absolute; right: 0; bottom: 50px; width: 155px; height: 40px; line-height: 40px; padding-left: 36px; font-size: 14px; background: #da2418 url(../img/head05.png) no-repeat 103px center; display: block; text-align: left; color: #fff; margin-top: 35px; } .email_subscr .red_icon:after { content: "*"; color: #ff4949; } .RSS .RSS_content ul { min-height: 400px; } .RSS .RSS_content h2 { font-size: 40px; font-weight: 900; color: #000; } .RSS .RSS_content h2 a { height: 30px; padding-left: 35px; color: #333; display: inline-block; font-size: 14px; background: url(../img/rss02.png) 5px top no-repeat; } .RSS .RSS_content h2 a:hover { text-decoration: underline; } .RSS .RSS_content li strong { font-size: 18px; font-weight: bold; color: #222; } .RSS .RSS_content li { padding: 8px; border-top: 1px solid #e7e7e7; } .RSS .RSS_content li span { font-size: 14px; color: #666; display: block; } .safe-content { padding-bottom: 90px; } .safe-container a{ text-decoration: underline !important; } .safe-container table a{ text-decoration: none !important; } .safe-box { overflow: hidden; padding: 62px 0 90px; background: #fff; width: 100% } .safe-box .safe-suBox { float: left; min-height: 400px; } .safe-box .left, .safe-box .right { width: 22.8%; } .safe-box .center { width: 54.4%; padding: 0 30px 0 50px; } .safe-box .center li { padding: 15px 0; } .safe-box .center .notice-aList { font-size: 20px; font-weight: bold; color: #333; display: block; } .safe-internet-nav .safe-headline { font-size: 20px; color: #333; } .safe-internet-nav .safe-headline:hover { color: #d9271b; } .safe-internet-nav .list .slides a { font-weight: bold; } .safe-box .center p { color: #666; font-size: 14px; } .safe-box .center a:hover { color: #d9271b; } .safe-box .center span { font-size: 14px; color: #777; display: block; } .safe-box .link-box { width: 100%; background: #fff; } .safe-box .link-box .safe-cur { background: #d9271b; color: #fff; } .safe-box .link-box a { display: block; width: 100%; padding-left: 8%; line-height: 50px; font-size: 16px; color: #333; border-bottom: 1px solid #f2f2f2; transition: color .3s, background .3s; } .safe-box .right a, .safe-box .right .tel { display: block; width: 100%; padding: 8px 0 8px 21%; font-size: 16px; color: #333; margin-bottom: 10px; transition: color .3s, background .3; } /* .safe-box .right .emailto01 { padding-top: 5px; padding-bottom: 5px; line-height: 20px; } */ .safe-box .right a.search { background: #f5f5f5 url(../img/ser14.png) no-repeat 5% center; } .safe-box .right a.email { background: #f5f5f5 url(../img/ser45.png) no-repeat 5% center; } .safe-box .right a.rss { background: #f5f5f5 url(../img/rss02.png) no-repeat 5% center; } .safe-box .right a.emailto { background: #f5f5f5 url(../img/emailto.png) no-repeat 5% center; word-wrap: break-word; } .safe-box .right span.tel { background: #f5f5f5 url(../img/ser29.png) no-repeat 5% center; } .safe-box .right a.search:hover { background: #e7e7e7 url(../img/ser14.png) no-repeat 5% center; } .safe-box .right a.email:hover { background: #e7e7e7 url(../img/ser45.png) no-repeat 5% center; } .safe-box .right a.rss:hover { background: #e7e7e7 url(../img/rss02.png) no-repeat 5% center; } .safe-box .right a.emailto:hover { background: #e7e7e7 url(../img/emailto.png) no-repeat 5% center; } .safe-box .right span.tel:hover { background: #e7e7e7 url(../img/ser29.png) no-repeat 5% center; } .safe-box .right a:hover, .safe-box .right span:hover { color: #d9271b; } .safe-box .link-box a:hover { background: #d9271b; color: #fff; } .DHCC { margin-bottom: 40px; } .DHCC H3 { font-size: 24px; color: #24272b; line-height: 42px; font-weight: bold; margin-bottom: 22px; } .DHCC p { font-size: 18px; color: #24272b; } .link-box-FAQ a { display: block; width: 100%; padding-left: 8%; line-height: 40px; font-size: 16px; border-bottom: 1px solid #f2f2f2; color: #666666; transition: color .3s, background .3s; } .link-box-FAQ a:hover { color: #d9271b; background: #e7e7e7; } .link-box-FAQ a.first { border-top: 1px solid #f2f2f2; } .safe-box .left h2 { font-weight: 600px; font-size: 24px; margin-bottom: 35px; } .FAQ-list { width: 100%; } .FAQ-list dl { width: 100%; } .FAQ-list dl dd { width: 100%; display: block; cursor: pointer; } .center-FAQ { width: 77.2%; padding: 0 0 0 50px; } .center-FAQ h1 { font-weight: 900; font-size: 30px; margin-bottom: 30px; } .FAQ-list dl dd span.FAQ-tit { width: 100%; display: block; padding-left: 35px; font-size: 18px; color: #222; line-height: 50px; background: url(../img/FAQ_add.png) no-repeat 2px center; transition: background .3s, color .3s; } .FAQ-content { border-top: 1px solid #eaeaea; padding: 15px 0; } .FAQ-list dl dd span.FAQ-tit:hover { background: url(../img/FAQ_mius.png) no-repeat 2px center; } .FAQ-list dl dd span.FAQ-cur { background: url(../img/FAQ_mius.png) no-repeat 2px center; } .FAQ-list dl dd p { width: 100%; font-size: 16px; color: #333; line-height: 32px; } .emergencyResponse-list li .pic { height: 13vw; } .emergencyResponse-list ul { padding: 0 8%; } .emergencyResponse-list li { width: 45%; transition: box-shadow .3s; } .emergencyResponse-list li.first { margin: 0 5% 55px 0; float: left; } .emergencyResponse-list li.tw { margin: 0 0 55px 5%; float: right; } .emergencyResponse-list .more { padding-left: 40px; font-size: 16px; color: #da2418; margin-top: 10px; line-height: 28px; background: url(../img/case28.png) no-repeat left center; } .emergencyResponse-list .font-rep { color: #000; } #banner-silder .flex-direction-nav .flex-next, #banner-silder .flex-direction-nav .flex-prev { display: none; } .safe-info { padding: 45px 0 108px; background: #f5f5f5; } .safe-info .now { top: -80px; } .safe-info h1 { text-align: left; margin-bottom: 32px; font-size: 34px; color: #000; line-height: 54px; padding: 19px 0; border-bottom: 1px solid #f2f2f2; } .case-link-list .safe-tech-list { overflow: hidden; height: auto; } .safe-info p { font-size: 16px; color: #666; line-height: 36px; word-wrap: break-word; } .safe-info .download-box { font-size: 16px; color: #333; } .safe-info .safe-info-tit, .safe-info hr { border-bottom: 1px solid #e7e7e7; } .safe-info .download-box a { display: inline-block; padding-left: 40px; background: url(../img/download_icon.png) no-repeat 10px center; } .safe-info .dl-box { overflow: hidden; padding: 10px; } .safe-info dl { float: left; width: 20%; height: 210px; position: relative; } .safe-info dl dt { color: #fff; padding-right: 20px; font-size: 26px; font-weight: bold; line-height: 60px; text-align: center; } .safe-info img { max-width: 100%; } .safe-info dl dt.icon { background: url(../img/shangbao_jiantou.png) no-repeat right center; } .safe-info dl dd { color: #4e8cee; font-size: 12px; max-width: 130px; margin: 0 auto; padding: 14px 0; } .safe-info dl span { width: 20px; height: 20px; position: absolute; right: -20px; top: 50%; transform: translate(0, -50%); } .safe-banner.flexslider { margin: 0; border: 0; } .safe-banner .flex-control-nav { bottom: 13px; z-index: 2 } .safe-banner .flex-control-nav li { margin: 0 2px } .safe-banner .flex-control-nav li a { width: 12px; height: 12px; background: url(../img/btn01.png) no-repeat center; background-size: 100% 100%; transition: background .3s; box-shadow: none } .safe-banner .flex-control-paging li a.flex-active, .safe-banner .flex-control-paging li a:hover { background: url(../img/btn01_h.png) no-repeat center; background-size: 100% 100%; box-shadow: none } .safe-internet-nav { margin-bottom: 30px; } .safe-internet-nav .flexslider { margin: 0; border: 0; background: #f5f5f5; } .safe-info table td { border: 1px solid #000; } .ca_center{ width: 100%; /*cursor: pointer;*/ padding-left: 64px; background: url(../img/ser22.png) no-repeat left center; line-height: 75px; color: #666; border-bottom: 1px solid #e0e0e0; } #ca_title:hover{ color: #d9271b; opacity: 1; } #ca_down{ color: #666; } #ca_down:hover{ color: #d9271b; } header .nav-box .link-b.ico_40 { background: url(../img/head/缃戠粶瀹夊叏锛堟湭閫変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_40.cur { background: #da2418 url(../img/head/缃戠粶瀹夊叏锛堥€変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_41 { background: url(../img/head/鑱旂郴鏀寔锛堟湭閫変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_41.cur { background: #da2418 url(../img/head/鑱旂郴鏀寔锛堥€変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_42 { background: url(../img/head/宸ュ叿涓撳尯锛堟湭閫変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_42.cur { background: #da2418 url(../img/head/宸ュ叿涓撳尯锛堥€変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_43 { background: url(../img/head/鍩硅璁よ瘉锛堟湭閫変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_43.cur { background: #da2418 url(../img/head/鍩硅璁よ瘉锛堥€変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_44 { background: url(../img/head/缁翠慨鏈嶅姟锛堟湭閫変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_44.cur { background: #da2418 url(../img/head/缁翠慨鏈嶅姟锛堥€変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_45 { background: url(../img/head/浜у搧鏀寔涓績锛堟湭閫変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_45.cur { background: #da2418 url(../img/head/浜у搧鏀寔涓績锛堥€変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_46 { background: url(../img/head/瑙e喅鏂规鏀寔涓績锛堟湭閫変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_46.cur { background: #da2418 url(../img/head/瑙e喅鏂规鏀寔涓績锛堥€変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_47 { background: url(../img/head/澶氬獟浣擄紙鏈€変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_47.cur { background: #da2418 url(../img/head/澶氬獟浣擄紙閫変腑锛?png) no-repeat 8% center } header .nav-box .link-b.ico_48 { background: url(../img/head15.png) no-repeat 8% center } header .nav-box .link-b.ico_48.cur { background: #da2418 url(../img/head15_h.png) no-repeat 8% center } header .nav-box .link-b.ico_49 { background: url(../img/head08.png) no-repeat 8% center } header .nav-box .link-b.ico_49.cur { background: #da2418 url(../img/head08_h.png) no-repeat 8% center } header .nav-box .link-b.ico_50 { background: url(../img/head/library.png) no-repeat 8% center } header .nav-box .link-b.ico_50.cur { background: #da2418 url(../img/head/library_h.png) no-repeat 8% center } .pn-retract { display: none; } @media(max-width:1024px) { .pn-retract { width: 30px; height: 80px; position: fixed; top: 50%; margin-top: -175px; left: -92%; z-index: 9; background: #d9271b; cursor: pointer; color: #fff; font-size: 20px; font-family: 'Microsoft YaHei',寰蒋闆呴粦; font-weight: bold; line-height: 80px; text-align: center; border-radius: 0 10px 10px 0; transition: left .5s; display: block; } } .announcement{ padding-left: 64px; display: flex; justify-content: space-between; background: url(../img/announcement.png) no-repeat left center; } .announcement:hover{ background: url(../img/announcement_h.png) no-repeat left center; } header .nav-box .link-b.ico_tools { background: url(../support_new_icon/menu_icon_tools_n.png) no-repeat 8% center } header .nav-box .link-b.ico_tools.cur { background: #da2418 url(../support_new_icon/menu_icon_tools_h.png) no-repeat 8% center } header .nav-box .link-b.ico_video { background: url(../support_new_icon/menu_icon_vidios_n.png) no-repeat 8% center } header .nav-box .link-b.ico_video.cur { background: #da2418 url(../support_new_icon/menu_icon_vidios_h.png) no-repeat 8% center } header .nav-box .link-b.ico_safe { background: url(../support_new_icon/menu_icon_cyber_security_n.png) no-repeat 8% center } header .nav-box .link-b.ico_safe.cur { background: #da2418 url(../support_new_icon/menu_icon_cyber_security_h.png) no-repeat 8% center } header .nav-box .link-b.ico_partner { background: url(../support_new_icon/menu_icon_partner_n.png) no-repeat 8% center } header .nav-box .link-b.ico_partner.cur { background: #da2418 url(../support_new_icon/menu_icon_partner_h.png) no-repeat 8% center } header .nav-box .link-b.ico_train { background: url(../support_new_icon/menu_icon_training_n.png) no-repeat 8% center } header .nav-box .link-b.ico_train.cur { background: #da2418 url(../support_new_icon/menu_icon_training_h.png) no-repeat 8% center } header .nav-box .link-b.ico_after { background: url(../support_new_icon/menu_icon_service_n.png) no-repeat 8% center } header .nav-box .link-b.ico_after.cur { background: #da2418 url(../support_new_icon/menu_icon_service_h.png) no-repeat 8% center } header .nav-box .link-b.ico_sdk { background: url(../support_new_icon/menu_icon_SDK_n.png) no-repeat 8% center } header .nav-box .link-b.ico_sdk.cur { background: #da2418 url(../support_new_icon/menu_icon_SDK_h.png) no-repeat 8% center } header .nav-box .link-b.ico_service { background: url(../support_new_icon/menu_icon_requirement_n.png) no-repeat 8% center } header .nav-box .link-b.ico_service.cur { background: #da2418 url(../support_new_icon/menu_icon_requirement_h.png) no-repeat 8% center } header .nav-box .link-b.ico_bulletin { background: url(../support_new_icon/menu_icon_announcement_n.png) no-repeat 8% center } header .nav-box .link-b.ico_bulletin.cur { background: #da2418 url(../support_new_icon/menu_icon_announcement_h.png) no-repeat 8% center }