@charset "UTF-8"; blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, select, td, textarea, th, ul { margin: 0; padding: 0 } body { background: #fafafa; } body, button, input, select, textarea { font-size: 12px; color: #555; font-family: "PingFang SC", PingHei, STHeitiSC-Light, tahoma, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "microsoft yahei", Helvetica, Arial, Verdana, sans-serif } h1, h2, h3, h4, h5, h6 { font-size: 100% } address, cite, dfn, em, var { font-style: normal } code, kbd, pre, samp { font-family: courier new, courier, monospace } button, input, select, textarea { outline: 0 } textarea { resize: none } ol, ul { list-style: none } a { text-decoration: none; color: #555; cursor: pointer } a:hover { text-decoration: none; color: #000; outline: 0; hide-focus:expression(this.hideFocus=true) } a:active, a:visited { text-decoration: none; } sup { vertical-align: text-top; vertical-align: super } sub { vertical-align: text-bottom } fieldset, img { border: 0 } button, input, select, textarea { font-size: 100% } table { border-collapse: collapse; border-spacing: 0 } .clear_float:after { display: block; visibility: hidden; height: 0; clear: both; content: "" } .clear_float { display: inline-block } * html .clear_float { zoom: 1 } .clear_float { display: block } .clear_float { clear: both } .red { color: #ea544a } .green { color: #40bc90 } .arial, .en { font-family: Arial, Helvetica, sans-serif } .fr { float: right } .mr30 { margin-right: 30px } .h18 { height: 18px; line-height: 18px; overflow: hidden; width: 100% } .w368 { width: 380px; height: 24px; line-height: 24px } .w1200 { width: 1200px; margin: 0 auto; display: block;} .w1024 { width: 1024px; margin: 0 auto; display: block } .wrap { margin: 0 auto } .bgcolor { background: #f5f5f5 } ::-webkit-scrollbar { width:5px; height:5px } ::-webkit-scrollbar-track { border-radius:0; background:rgba(255,255,255,0) } ::-webkit-scrollbar-thumb { border-radius:5px; background:#aaaaaa } ::-webkit-scrollbar-thumb:hover { border-radius:5px; background:#aaaaaa } body { background: #fff } .bodyHidden { overflow: hidden; } .color3 { background: #e8eff6 } /*css3*/ a, a:hover { -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } /*product color产品颜色*/ .proListMain .proItem .color1, .color1 { background: #FFF; } .proListMain .proItem .color2, .color2 { background: #FFF; } .proListMain .proItem .color3, .color3 { background: #FFF; } .proListMain .proItem .color4, .color4 { background: #FFF; } .proListMain .proItem .color5, .color5 { background: #FFF; } .proListMain .proItem .color6, .color6 { background: #FFF; } .proListMain .proItem .color7, .color7 { background: #FFF; } .proListMain .proItem .color8, .color8 { background: #FFF; } .proListMain .proItem .color9, .color9 { background: #FFF; } .proListMain .proItem .color10, .color9 { background: } /*product*/ .proListMain { width: 1240px; position: relative; left: -20px; } .proListMain .bigItem { width: 50%; float: left; height: 340px; overflow: hidden; padding: 0; } .proListMain .proItem { width: 25%; float: left; height: 340px; overflow: hidden; } .proListMain .proItem>div h2, .proListMain .proItem span { font-size: 14px; margin-bottom: 3px; } .proListMain .proItem { text-align: center; font-size: 15px; line-height: 18px; margin-bottom: 40px; color: #000; } .proListMain .proItem .img img { font-size: 0; display: inline-block; } .proListMain .proItem>div h2 { padding-top: 13px; } .proListMain .proItem span { display: inline-block; padding-bottom: 33px; } .proListMain .proItem>div { cursor: pointer; } .proListMain .proItem>div:hover { box-shadow: 0px 0px 50px rgba(0,0,0,0.08); } .proListMain .proItem>div, .proListMain .proItem>div:hover { -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } .proListMain { width: 1240px; position: relative; left: -20px; } .proListMain .proItem>div { margin: 0 20px; } .proListMain .proItem>div .img { height: 270px; overflow: hidden; } /*product tab*/ #tiWmenu { background: #fff; } #tiWmenu.fixedtop { position: fixed; left: 0; top: 0; z-index: 999; margin: 0 auto; width: 100%; } #tiWmenu.fixedtop .proMenu { width: 1200px; margin: 0 auto; } .proMenu { padding: 30px 0 30px 0; line-height: 50px; width: 100%; overflow: hidden; } .proMenu .tab { float: right; } .proMenu .tab ul li { float: left; margin-right: 28px; color: #000; font-size: 12px; padding-bottom: 10px; line-height: 18px; height: 30px; overflow: hidden; cursor: pointer; } .proMenu .tab ul li a { color: #222; } .proMenu .tab ul li a:hover { color: #000; } .proMenu .tab ul li.active { border-bottom: 2px solid #ed2336; } .proMenu .tab ul li i { display: inline-block; width: 20px; height: 21px; margin-right: 14px; float: left; } .proMenu .tab ul li .icon-xilie { background: url(../img/product/icon_02.png) center no-repeat; background-size: 100%; } .proMenu .tab ul li .icon-chanpin { background: url(../img/product/icon_03.png) center no-repeat; background-size: 100%; } .proMenu .tab ul li .i-dian { display: inline-block; width: 4px; height: 4px; background: #000; margin: 0 4px; border-radius: 50%; position: relative; top: -2px; *left: 3px; *top:-4px; } .proMenu .tab ul li .icon-xuangou { background: url(../img/product/icon_04.png) center no-repeat; background-size: 100%; } .proMenu .tab ul li span { float: left; line-height: 22px; } .proMenu .icon { float: left; padding: 0px 0 0 15px; overflow: hidden; position: relative; top: -12px; color: #000; } .proMenu .icon .icon-chaxianban, .proMenu .icon .icon-chazuo, .proMenu .icon .icon-peijian, .proMenu .icon .icon-zhaoming, .proMenu .icon .icon-duanluqi, .proMenu .icon .icon-switch { float: left; display: inline-block; width: 25px; height: 36px; background: url(../img/product/icon_01.png) center no-repeat; background-size: 100%; margin-right: 10px; position: relative; top: 5px; } .proMenu .icon .icon-chazuo { background: url(../img/product/icon_12.png) no-repeat left center; width: 32px; margin-right: 5px; } .proMenu .icon .icon-chazuo2 { background: url(../img/product/icon_12_new.png) no-repeat left center; width: 32px; margin-right: 5px; } .proMenu .icon .icon-peijian { background: url(../img/icon/icon-shuma.png) no-repeat left center; width: 32px; margin-right: 0px; } .proMenu .icon span { float: left; } .proMenu .icon .icon-switch { background: url(../img/icon/icon-switch.png) no-repeat left center; width: 45px; margin-right: 0px; display: inline-block; } .proMenu .icon .icon-zhaoming { background: url(../img/icon/icon-zhaoming.png) no-repeat left center; width: 32px; margin-right: 0px; display: inline-block; } .proMenu .icon .icon-duanluqi { background: url(../img/icon/icon-duanluqi.png) no-repeat left center; width: 32px; margin-right: 0px; display: inline-block; } /*product dialog产品弹框*/ .device .arrow-left { background: url(../images/product/icon-left.png) no-repeat center; position: absolute; left: -10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 3; } .device .arrow-right { background: url(../images/product/icon-right.png) no-repeat center; position: absolute; right: -10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 3; } .content-slide { padding: 20px; color: #fff; } .title { font-size: 25px; margin-bottom: 10px; } .pagination { position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; } .swiper-pagination-switch { display: inline-block; width: 7px; height: 7px; border-radius: 10px; background: #999; background: #fff; margin: 0 3px; cursor: pointer; border: 1px solid #000; } .swiper-active-switch { background: #000; } .row { margin: 0; } .col-md-3 { padding: 0; } .allWrap .row { width: 1240px; position: relative; left: -20px; } .proDialog { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; } .lt100 { left: 120%; top: -100%; display: block; } .proDialog .bgcolor { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/product/bg.png) repeat; } .basic ul { overflow: hidden; height: 250px; } .basic li { width: 20%; *width:24.5%; float: left; border-right:1px #CCCCCC solid; } .basic li .lableName { color: #000; } .basic li .labelContent { color: #666; white-space: normal; word-break: break-all; padding-top: 8px; } .basic td { border:1px #EEE solid; vertical-align:top; } .basic td .lableName { color: #000; border-bottom:1px #EEE solid; line-height:30px; } .basic td .labelContent { color: #666; white-space: normal; word-break: break-all; padding-top: 8px; } .basic h3 { font-size: 14px; line-height: 18px; margin-bottom: 20px; font-weight: bold; } .basic .goBuy { width: 240px; height: 50px; margin: 0 auto; border-radius: 3px; background: -webkit-linear-gradient(left, #21B3BA, #21B3BA); background: linear-gradient(to right, #21B3BA, #21B3BA); background: #d71f30\9; *overflow:hidden; *margin-top:20px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .basic .goBuy.noPro { background: url(../images/i-dp.png) #a1a1a1 20px center no-repeat; padding-left: 34px; width: 165px; background-size: 20px } .basic .goBuy a { display: inline-block; width: 100%; height: 100%; color: #fff; font-size: 16px; line-height: 50px; } .proDialog .popWrap .describe { font-size: 14px; color: #666; line-height: 24px; margin: 0 auto; margin-bottom: 20px; width: 76%; } .proDialog .popWrap .proName { font-size: 30px; line-height: 32px; margin-bottom: 30px; font-weight: bold; } .proDialog .popWrap .fuTitle { line-height: 24px; font-size: 24px; margin-bottom: 20px; } .proDialog .popWrap .flSlider { height: 530px; width: 500px; float: left; padding: 0 15px 0 15px; margin-left: -530px; position: relative; } .proDialog .popWrap .infoBox { height: 530px; padding: 0 40px; text-align: center; color: #000; position: relative; } .popWrap .pad .row { padding-left: 530px; } .popWrap .pad .row .flSlider .device { height: 100%; } .popWrap { z-index: 3; width: 1200px; height: 640px; background: #fafafa; position: absolute; left: 50%; top: 50%; margin: -320px 0 0 -600px; } .popWrap .pad { margin: 55px; } .popWrap .pad .row .flSlider .device .swiper-container { height: 100%; } .popWrap .closeH { display: none; width: 31px; height: 81px; background: url(../images/i-closeH.png) center no-repeat; position: absolute; left: 50%; top: -8px; margin-left: -15px; cursor: pointer } /*serve*/ .col-md-6, .col-md-3, .col-md-8, .col-md-4 { float: left; } .col-md-3 { width: 25%; } .col-md-6 { width: 50%; } .col-md-8 { width: 66.666666%; } .col-md-4 { width: 33.33%; } .crumbsWrap { font-size: 12px; color: #000; height: 20px; line-height: 20px; margin: 20px auto; width: 1200px; } .crumbsWrap ul li { margin-right: 15px; float: left; } .crumbsWrap ul li i { display: inline-block; width: 7px; height: 11px; background: url(../img/icon/icon-right2.png) center no-repeat; background-size: 7px; margin-left: 12px; position: relative; top: 1px; } .crumbsWrap ul li.active { color: #888888; } .crumbsWrap a { color: #000; } /*分页*/ .paging { font-size: 14px; color: #000; width: 100%; margin: 0 auto; line-height: 26px; text-align: center; } .paging ul { } .paging ul li { margin: 0 8px 0 8px; padding: 0 2px 0 2px; padding-bottom: 3px; cursor: pointer; display: inline-block; *float:left; } .paging ul li.active { border-bottom: 2px solid #21b3ba; } .paging ul em { display: inline-block; width: 26px; height: 26px; background: url(../img/serve/icon-nextTo.png) center no-repeat; margin-left: 10px; cursor: pointer; position: relative; top: 8px; *float:left; } .paging ul i { display: inline-block; width: 26px; height: 26px; background: url(../img/serve/icon-prevTo.png) center no-repeat; margin-left: 10px; cursor: pointer; position: relative; top: 8px; *float:left; } .paging ul b { display: inline-block; width: 1px; height: 16px; background: #000; margin: 0 10px 0 12px; position: relative; top: 4px; *float:left; } .paging ul span { } #search { width: 100%; overflow: hidden; } /* 头部 */ .headWrap { font-size: 14px; width: 100%; z-index: 999; background-color: #000; height: 60px; } .headWrap h1 { width: 114px; height: 60px; float: left; /* padding-top: 5px; */ margin: 0; } .headWrap h1 a { text-decoration: none; cursor: pointer; } .headWrap .menu { height: 100%; width: 730px; color: #fff; } .headWrap .menu li { float: left; height: 100%; margin-right: 60px; height: 60px; } .headWrap .menu li a { text-align: center; padding-top: 20px; display: block; cursor: pointer; font-size: 14px; color: #fff; position: relative; white-space: normal; transition: color .2s ease; } .headWrap .menu li a em { display: inline-block; width: 0px; height: 2px; background: #21b3ba; transition: all 1s; position: relative; top: -5px; } .headWrap .menu li a:hover em { width: 100%; } .headWrap .menu li.active a em { width: 100%; } .headWrap .seUp { position: absolute; right: 0; top: 22px; } .headWrap .seUp a { display: block; color: #fff; } .headWrap .seUp .searchA { width: 16px; height: 16px; font-size: 14px; margin-right: 50px; float: left; background: url(../images/i-search.png) center no-repeat; } .headWrap .seUp .language { float: left; line-height: 16px; text-decoration: underline; } /* 底部 */ .footWrap { padding-top: 70px; height: 400px; background: url(../images/bottomBg.png) center bottom #f2f2f2 no-repeat; } .footWrap .w1200 { } .footWrap .ulWrap { float: left; width: 750px; } .footWrap .ulWrap ul { float: left; font-size: 13px; color: #000; } .footWrap .ulWrap ul li { margin-bottom: 17px; } .footWrap .ulWrap ul li h2 { font-size: 14px; margin-bottom: 26px; } .footWrap .ulWrap ul li a { color: #000; } .footWrap .ulWrap ul li h2 a { font-weight: bold; } .footWrap .rightWrap { float: right; } .footWrap .shopWrap { margin-bottom: 80px; *width:628px; } .footWrap .shopWrap ul { /*overflow: hidden;*/ } .footWrap .shopWrap li { float: right; margin-left: 79px; } .footWrap .shopWrap li a { display: block; padding-top: 54px; font-size: 14px; color: #000; text-align: center; } .footWrap .shopWrap li .tm { background: url(../images/head_foot/tianmao.png) center top no-repeat;/* background-size: 68%; */ } .footWrap .shopWrap li .jd { background: url(../images/head_foot/jingdong.png) center top no-repeat;/* background-size: 68%; */ } .footWrap .shopWrap li .kf { background: url(../images/head_foot/kefu.png) center top no-repeat;/* background-size: 68%; */ } .footWrap .shopWrap li .kf { position: relative; } .footWrap .shopWrap li .kf img { display: none; } .footWrap .shopWrap li .kf:hover img { display: block; position: absolute; left: -38px; top: 90px; width: 150px; } .footWrap .server { text-align: right; } .footWrap .server p { margin-bottom: 18px; font-size: 14px; } .footWrap .server p em { font-size: 25px; display: inline-block; padding-left: 40px; height: 36px; line-height: 33px; background: url(../images/head_foot/aixin.png) left top no-repeat; } .footWrap .server span { font-size: 19px; display: block; margin-bottom: 30px; } .footWrap .server .sIcon { float: right; } .footWrap .server a { display: block; float: left; width: 31px; height: 31px; margin-left: 10px; position: relative; } .footWrap .server .i-weibo { background: url(../images/i-weibo.png) center no-repeat; } .footWrap .server .i-weixin { background: url(../images/i-weixin.png) center no-repeat; } .main { padding-bottom: 50px; background: #fff; } a:link { text-decoration: none; } /* 指正常的未被访问过的链接*/ a:visited { text-decoration: none; } /*指已经访问过的链接*/ a:hover { text-decoration: none; }/*指鼠标在链接*/ a:active { text-decoration: none; }/* 指正在点的链接*/ /* headWrap */ .headWrap .menu li { opacity: 1; transition: all .8s ease; } .headWrap .seUp { opacity: 1; transition: all .8s ease; } .golW.active .menu li { opacity: 0; transform: scale(0); } .golW.active .seUp { opacity: 0; transform: scale(0); } .golW.active .bgcolor { opacity: 1; } .golW.active .v_h_search { opacity: 1; } .golW .bgcolor { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); top: 0; right: 0; bottom: 0; left: 0; z-index: 990; opacity: 1;/*transition: all .8s ease;*/ } .golW { width: 900px; margin-left: 400px; position: relative; } .hidd { overflow: hidden; width: 100%; height: 100%; position: relative; } .v_h_search { width: 515px; height: 358px; position: fixed; left: 50%; top: 50%; margin: -179px 0 0 -257px; z-index: 991; } .v_h_search .searchContent { width: 100%; } .v_h_search .searchContent.animate .closeBig:hover { transform: rotate(180deg); transition: all .5s ease; } .v_h_search .searchContent.animate .closeBig { opacity: 1; transform: translate(0); } .v_h_search .searchContent.animate .searchCase { opacity: 1; transform: translate(0); } .v_h_search .searchContent.animate .whatContent .list { opacity: 1; transform: translate(0); } .v_h_search .closeBig { display: block; width: 40px; height: 40px; margin: 0 auto 46px; background: url(../images/head_foot/i-closeBig.png) center no-repeat; cursor: pointer; opacity: 0; transform: translateY(40px); transition: all .3s ease; } .v_h_search .searchCase { width: 100%; position: relative; height: 68px; margin-bottom: 40px; opacity: 0; transform: translateY(40px); transition: all .3s ease .1s; } .v_h_search .searchCase input { border: none; display: block; width: 100%; height: 68px; background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-indent: 64px; font-size: 20px; } .v_h_search .searchCase .searchBig { display: block; width: 21px; height: 23px; position: absolute; left: 20px; top: 50%; margin-top: -11.5px; background: url(../images/head_foot/i-searchBig.png) center no-repeat; } .v_h_search .whatContent { width: 100%; } .v_h_search .whatContent .list:nth-of-type(1) { transition: all .3s ease .2s; } .v_h_search .whatContent .list:nth-of-type(2) { transition: all .3s ease .3s; } .v_h_search .whatContent .list:nth-of-type(3) { transition: all .3s ease .4s; } .v_h_search .whatContent .list:nth-of-type(4) { transition: all .3s ease .5s; } .v_h_search .whatContent .list { float: left; margin-bottom: 36px; padding: 0 25px; width: 50%; opacity: 0; transform: translateY(40px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .v_h_search .whatContent .list .pad { padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.5); } .v_h_search .whatContent .list a { color: #fff; font-style: 16px; } html, body { width: 100%; height: 100%; } .slideMenu { height: 60px; line-height: 60px; background: #424242; width: 100%; position: absolute; top: 60px; left: 0; z-index: 2; font-size: 14px; display: none; } .slideMenu .slideContent { position: relative; text-align: center; } .slideMenu .slideContent ul { margin: 0 auto 10px; display: inline-block; } .slideMenu .slideContent li { float: left; margin-right: 50px; padding-top: 5px; display: none; } main-header .logo .ewm { position: absolute; display: none; left: 20px; top: 110px; width: 50px !important; height: 50px !important; } .slideMenu .slideContent li a { padding-left: 40px; color: #fff; display: block; width: auto; height: 50px; line-height: 50px; opacity: .7; } .slideMenu .slideContent li a:hover { opacity: 1; } .slideMenu .slideContent li .c-01 { background: url(../images/c1.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .c-02 { background: url(../images/c2.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .c-02-new { background: url(../images/c2_new.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .c-03 { background: url(../images/head_foot/c3.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .q-01 { background: url(../images/head_foot/c1.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .q-02 { background: url(../images/head_foot/c2.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .q-03 { background: url(../images/head_foot/c3.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .q-04 { background: url(../images/head_foot/c4.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .q-05 { background: url(../images/head_foot/c5.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .q-06 { background: url(../images/head_foot/c6.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .q-07 { background: url(../images/head_foot/c7.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .q-08 { background: url(../images/head_foot/c8.png) left center no-repeat; background-size: 30px; } .slideMenu .slideContent li .c-06 { background: url(../images/head_foot/c6.png) left center no-repeat; background-size: 30px; } .ft-btm { height: 60px; background: #1f1f1f; font-size: 13px; padding-top: 22px; } .ft-btm .b-l { color: #939393; float: left; } .ft-btm .b-r { float: right; width: 128px; height: 14px; line-height: 14px; } .ft-btm .b-r span { display: inline-block; float: left; padding: 0 10px; color: #d8d8d8; font-size: 12px; } .ft-btm .b-r span a { color: #d8d8d8; } .footWrap .server .i-weixin .erCode { display: block; position: absolute; right: 0; bottom: 40px; font-size: 0; background: #fff; padding: 0 5px; border: 1px solid #cfcfcf; text-align: center; } .footWrap .server .i-weixin .erCode:after, .footWrap .server .i-weixin .erCode:before { border: solid transparent; content: ' '; height: 0; top: 100%; position: absolute; width: 0; } .footWrap .server .i-weixin .erCode:after { border-width: 6px; border-top-color: #fff; right: 10px; } .footWrap .server .i-weixin .erCode:before { border-width: 8px; border-top-color: #cfcfcf; right: 8px; } .footWrap .server .i-weixin .erCode .list { display: inline-block; text-align: center; padding: 10px 0; } .footWrap .server .i-weixin .erCode img { width: 140px; height: auto; padding: 0 5px; box-sizing: content-box; } .footWrap .server .i-weixin .erCode p { font-size: 12px; color: #000; margin: 0; } .noKill { height: 50px; line-height: 50px; font-size: 14px; color: #888; text-align: center; padding-top: 5px; } /*系列渐变*/ .proListMain .color101, .proListMain .color102 { background: url(../images/whiteBg.jpg) center no-repeat; color: #1c1c1c; } .proListMain .color201, .proListMain .color202 { background: url(../images/whiteBg.jpg) center no-repeat; color: #1c1c1c; } .proListMain .color301 { background: url(../images/whiteBg.jpg) center no-repeat; color: #1c1c1c; } .proListMain .color401 { background: url(../images/whiteBg.jpg) center no-repeat; color: #1c1c1c; } .proListMain .color501 { background: url(../images/whiteBg.jpg) center no-repeat; color: #1c1c1c; } .proListMain .color601 { background: url(../images/whiteBg.jpg) center no-repeat; color: #1c1c1c; } .proListMain .color701 { background: url(../images/whiteBg.jpg) center no-repeat; color: #1c1c1c; } .Bcolor101, .Bcolor102 { background: url(../images/whiteBg.jpg) center no-repeat; } .Bcolor201, .Bcolor202 { background: url(../images/whiteBg.jpg) center no-repeat; } .Bcolor301 { background: url(../images/whiteBg.jpg) center no-repeat; } .Bcolor401 { background: url(../images/whiteBg.jpg) center no-repeat; } .Bcolor501 { background: url(../images/whiteBg.jpg) center no-repeat; } .Bcolor601 { background: url(../images/whiteBg.jpg) center no-repeat; } .Bcolor701 { background: url(../images/whiteBg.jpg) center no-repeat; } /*弹框图片背景色*/ .swiper-slide { background-color: #fff; } .contact_top_bg { width: 100%; height: 450px; background-image: url(../images/contact.jpg) }