/*basic style*/
.breadtitle::after { content: "" !important; }
.breadcrumb-item { line-height: 2em; }
.breadcrumb { margin-bottom: 0px; }
hr {    /* margin-top: 20px; */

    /* margin-bottom: 20px; */
border: 0; border-top: 1px solid #eee; padding: 0; margin: 0; }
.nav_left { border: 0; background: #FFF; padding-top: 4px !important; margin-top: 10px; }
.filter dd { line-height: 50px }
.filter dt { line-height: 50px }
.containt-div { width: 1200px; position: relative; height: 360px; margin: 0 auto; }
.newslist li { border-bottom: 1px #eee dashed; margin: 0px 0 0px 0px; padding-bottom: 12px; }
.newsDate { color: #999; text-align: right; line-height: 36px; }
.nav_left .nav-item .active {/* background-position: 15px 10px; */ }
.nav_left .nav-item .nav-link {/* background-position: 15px 10px; */ }
.nav_left .nav-item { cursor: pointer }
.border { border: 1px solid #eee !important; border-radius: 5px }
.box-title>h5 { line-height: 22px; color: #000; font-size: 14px; }
.newslist h5 { font-size: 14px; line-height: 26px; color: #000; font-weight: normal; line-height: 18px; }
.newslist h5:hover { color: #c71302; }
.newsinfo { color: #999; font-size: 12px }
.newsinfo dd { padding-left: 0 }
.newsDate { color: #999; text-align: right; }
dl { margin: 0px !important; }
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, a { font-family: "PingHei", "STHeitiSC-Light", "tahoma", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif", "microsoft yahei" "\5b8b\4f53", sans-serif; }
body { background: #f6f6f6; }
h1 { font-size: 18px;/* 18px / 12px = 1.5*/ font-weight: normal }
h2 { font-size: 16px; font-weight: normal }
h3 { font-size: 15px; font-weight: normal }
h4, h5, h6 { font-size: 100%; font-weight: normal }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help; }
q:before, q:after { content: ''; }
legend { color: #000; }
.container { min-width: 1200px; *width: 1170px !important; }
.bgWhite { background: #fff }
.relative { position: relative }
.absolute { position: absolute }
.ml-26 { margin-left: 32px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mr-3 { margin-right: 3px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-35 { margin-right: 35px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 35px; }
.ml-35 { margin-left: 35px; }
.ml-65 { margin-left: 65px; }
.ml-75 { margin-left: 75px; }
.ml-80 { margin-left: 80px; }
.ml-100 { margin-left: 100px; }
.ml-145 { margin-left: 145px; }
.mlr-10 { margin-left: 10px; margin-right: 10px; }
.pt-20 { padding-top: 20px; }
.pt-2 { padding-top: 2px; }
.pt-5 { padding-top: 5px; }
.pb-15 { padding-bottom: 15px; }
.pl-50 { padding-left: 50px; }
.w85 { width: 85px; }
.w95 { width: 95px; }
.w115 { width: 115px; }
.w135 { width: 135px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w178 { width: 178px; }
.w195 { width: 195px !important; }
.w205 { width: 205px; }
.w440 { width: 440px; }
.color-red { color: #f40000; }
.color-orange { color: #ff8e42; }
.color-price { color: #c30; }
.color-purple { color: #a018e0; }
.color-grey_big { color: #80756c; font-size: 14px; font-weight: bold; }
.color-grey { color: #87827f; }
.hide { display: none; }
.span-w63 { display: inline-block; width: 63px; }
.span-w60 { display: inline-block; width: 60px; }
.span-w65 { display: inline-block; width: 65px; }
.span-w70 { display: inline-block; width: 70px; }
.span-w75 { display: inline-block; width: 75px; }
.span-w80 { display: inline-block; width: 80px; }
.span-w160 { display: inline-block; width: 160px; }
.span-w180 { display: inline-block; width: 180px; }
.span-w300 { display: inline-block; width: 300px; }
.input-w55 { width: 55px; height: 22px; line-height: 22px; font-size: 12px; background: #fff; border: 1px solid #d4d4d4; padding-left: 2px; }
.input-w87 { width: 87px; height: 22px; line-height: 22px; font-size: 12px; background: #fff; border: 1px solid #d4d4d4; padding-left: 2px; }
.input-w90 { width: 90px; height: 22px; line-height: 22px; font-size: 12px; background: #fff; border: 1px solid #d4d4d4; padding-left: 2px; }
.input-w152 { width: 150px; _width: 148px; height: 22px; line-height: 22px; font-size: 12px; background: #fff; border: 1px solid #d4d4d4; padding-left: 2px; }
.input-w172 { width: 170px; height: 22px; line-height: 22px; font-size: 12px; background: #fff; border: 1px solid #d4d4d4; padding-left: 2px; }
.input-w178 { width: 176px; height: 22px; line-height: 22px; font-size: 12px; background: #fff; border: 1px solid #d4d4d4; padding-left: 2px; }
.input-w125 { width: 123px; height: 22px; line-height: 22px; font-size: 12px; background: #fff; border: 1px solid #d4d4d4; padding-left: 2px; }
.input-w210 { width: 210px; height: 22px; line-height: 22px; font-size: 12px; background: #fff; border: 1px solid #d4d4d4; padding-left: 2px; }
.input-w440 { width: 438px; height: 22px; line-height: 22px; font-size: 12px; background: #fff; border: 1px solid #d4d4d4; padding-left: 2px; }
.select-h22 { position: relative; height: 22px; line-height: 22px; background: #fff; border: 1px solid #d4d4d4; margin-right: 5px; z-index: 9; }
ul { *margin-left: 0 !important }
.z-trade-header { background: #f5f5f5; position: fixed; left: 0; top: 0; width: 100%; z-index: 999999; height: 150px; box-shadow: 0px 0px 15px 0px rgba(57, 52, 55, 0.1); }

/*index head style--*/
.header { line-height: 30px; font-size: 12px; background: #fff; z-index: 10; }
.header > .container >.left { float: left; color: #666; }
.header > .container >.pull-left   a { font-size: 14px; color: #666; font-weight: normal; margin: 0 10px; line-height: 40px }
.header > .container >.pull-left  > span { font-size: 13px; color: #666; line-height: 30px; }
.header > .container >.pull-left > span>b { font-size: 14px; color: #fff; font-weight: bold; background: url(../img/home.png) no-repeat left center; }
.header > .container >.pull-right { float: right; padding-right: 0px; text-align: right; }
.header > .container >.pull-right b { padding: 0 8px; color: #ccc; font-size: 12px; font-weight: normal }
.header > .container >.pull-right  a { padding: 0 8px; color: #666; line-height: 40px; font-size: 13px; }
.header > .container >.pull-right  a:hover { color: #333; text-decoration: none; }
.logobox { background: #fff; padding: 28px 0 16px 0; }
.toptel { font-size: 12px; color: #999; margin-left: 60px; margin-top: 5px; }
.toptel b { display: block; font-size: 26px; color: #2888e4; font-family: Helvetica, Tahoma, Arial; font-weight: normal; }
.topsearch { width: 360px; margin-top: 14px; }
.topsearch input { border: 2px #0955c6 solid; border-radius: 0; height: 37px; background: #fff; border-right: 0; color: #999; }
.topsearch button { background: #0955c6; color: #fff; border: 0px #17b225 solid; border-radius: 0; font-size: 14px; width: 80px; line-height: 25px; }
.topsearch button:hover, .topsearch button:active, .topsearch button:focus { background: #0955c6; color: #fff; border: 0px #17b225 solid; }
.topsearch button i { color: #fff; }
.logobox .pull-right i { background-image: url("../images/trade3.png"); padding-right: 25px; }
.logobox .pull-right .z-seller { background-position: -18px -4px; }
.logobox .pull-right .z-buyer { background-position: -17px -29px; width: 16px; }
.logobox .pull-right .z-search-btn { background-position: -19px -56px; height: 15px; }
.logobox .pull-right .z-help { background-position: -20px -93px; height: 15px; }
.logobox .pull-right { margin-top: 0px; }
.logobox .pull-right a { margin: 0px 0px 0 30px; }
.logobox .pull-right a:hover { text-decoration: none; }

/* login */
.loginbgbox { width: 1200px; margin: 0 auto; position: relative }
.loginSwitchBox { padding: 0; line-height: normal; margin-top: 0px; overflow: hidden; }
.loginSwitch li { margin: 0px 0 0 0; float: left; width: 50%; background: #fff; line-height: 50px; text-align: center; font-size: 14px; color: #000; font-weight: bold; cursor: pointer; border-bottom: 2px #333 solid; }
.loginSwitch li.loginCurrent { color: #dd3041; background: #fff; line-height: 50px; padding: 0px 0 0 0; margin-top: 0px; border-bottom: 2px #dd3041 solid; }
.loginSwitch li a { color: #097ee5; }
.loginField { width: 250px; margin: 10px auto; margin-bottom: 5px; font-size: 0; position: relative; overflow: hidden; border: 0px #000 solid; }
.loginField label { display: inline-block; width: 85px; text-align: right; font-size: 12px; color: #999; vertical-align: middle; font-weight: normal; }
.loginFieldText { width: 100%; padding: 0 4px 0 65px; border: 1px #e0e0e0 solid; height: 35px; line-height: 24px \9; font-size: 12px; vertical-align: middle; }
.loginIdentify { width: 70px; margin-right: 10px; }
.loginField img { vertical-align: middle; }
.columnBox2 { margin-top: 15px; }
.loginReg, .loginPost { display: inline-block; width: 46%; height: 36px; line-height: 36px; font-size: 15px; }
.loginReg { background: #E9EBED; text-align: center; color: #aaa9a9; }
.loginPost { background: #0955c6; border: none; color: #fff; width: 250px; border-radius: 3px; margin-top: 0px; }
.columnNormal .columnBox { padding-bottom: 6px; }
.loginBtn { text-align: center; }
.danbao { height: 320px; width: 360px; margin-left: 820px; margin-top: 20px; position: absolute }
.danbaoBG { background: #1A58B0; opacity: 0.8; border: 0px #fff solid; height: 320px; width: 360px; position: absolute; left: 0; top: 0; z-index: 0; }
.danbaoContent { height: 280px; width: 300px; z-index: 2; position: absolute; right: 0px; top: 30px; background: #fff; }
.dbTitle { padding: 10px 0 0 10px; }
.dbList { padding: 20px 0 20px 15px; overflow: hidden; border-bottom: 1px #6bbee4 solid; }
.dbList>div { float: left; text-align: center; padding: 0 5px; }
.dbList>div>b { display: block; color: #fff; font-weight: normal; padding-top: 5px; }
.relative { position: relative }
.loginField div { position: absolute; left: 15px; right: 0; line-height: 38px; font-family: Microsoft YaHei; font-size: 14px; width: 45px; color: #a5a5a5; margin-left: 0; }
.danbaoContent { height: 280px; width: 300px; z-index: 0; position: absolute; right: 15px; top: 150px; background: #fff; }
.dbTitle { padding: 10px 0 0 10px; }
.dbList { padding: 20px 0 20px 15px; overflow: hidden; border-bottom: 1px #6bbee4 solid; }
.dbList>div { float: left; text-align: center; padding: 0 5px; }
.dbList>div>b { display: block; color: #fff; font-weight: normal; padding-top: 5px; }
.relative { position: relative }
.loginField div { position: absolute; left: 15px; right: 0; line-height: 38px; font-family: Microsoft YaHei; font-size: 14px; width: 45px; color: #a5a5a5; margin-left: 0; }

/*listhead*/
.listheadbg { background: #fff; border-bottom: 1px #eee solid; overflow: hidden; height: 70px; }
.headlist { height: 70px; width: 1170px; margin: 0 auto; }
.headlist .pull-left { margin-top: 0px; }
.headlist .pull-right .navtop { margin-top: 10px; }
.headlist .pull-right .navtop li { float: left; padding: 0 0px; }
.headlist .pull-right .navtop li a { color: #333; font-size: 15px; opacity: 1 }
.headlist .pull-right .navtop li em { color: #000; opacity: .2; padding: 0px 25px; font-size: 12px; font-style: normal }
.headlist .pull-right .navtop li a:hover { opacity: 1; text-decoration: none; }

/* tel */
.sideContact1 { overflow: hidden; height: 175px; font-size: 12px; padding: 0px 20px; background-image: url(../images/lie.png); background-repeat: no-repeat; margin: 20px 0 0 16px; }
.sideContact1 li { line-height: 34px; margin: 0 0 0 10px; padding: 0 0 0 20px; }

/*endlisthead*/
.foottext { text-align: center; color: #999; line-height: 26px }
.footWrap { width: 1200px; margin: 10px auto 0 auto; padding-bottom: 20px; background: #fff }
.foot { /*background: url(../img/rep_foot_nav.jpg) top repeat-x;*/
background: #d81d3c; margin-bottom: 10px; }
.foot .navBox { padding: 0; }
.foot .navBox li { float: left; width: 180px; text-align: center; background: url(../img/space_foot_nav.jpg) right center no-repeat; }
.foot .navBox li select { vertical-align: middle; }
.foot .navBox .navLink { height: 42px; line-height: 42px; color: #fff }
.navSpace { display: inline-block; height: 40px; vertical-align: middle; }
.footWrap p { text-align: center; line-height: 2; color: #5C5C5D; }
.footWrap p span { padding: 0 6px; }

/* pages */
.pages { padding: 20px 0px 20px 0; text-align: center; position: absolute; bottom: 0px; left: 0%; width: 870px;/* margin: 0 auto; */ }
.pages label { padding: 0 5px; color: #f90; font-weight: normal; }
.pages a { border: 1px #eee solid; padding: 5px; margin: 0 5px; color: #000; }
.pages a:hover { border: 1px #f90 solid; color: #f90; }
.pages a.disabled { color: #ccc; border: 1px #e9e9e9 solid; }
.pages a.disabled:hover { border: 1px #e9e9e9 solid; color: #ccc; }

/*load*/
.load { border-bottom: 1px #f0f0f0 solid; height: 50px; line-height: 50px; font-size: 12px; color: #999; background: #fff }
.load a { font-size: 12px; background: url(../images/arrow1.png) no-repeat right 5px; padding: 0 20px; font-weight: bold; color: #333; text-decoration: none; }
.Position { color: #ccc; padding-right: 20px; border-right: 1px #e0e0e0 solid; background-image: none; line-height: 12px; }
.load span { padding: 0 20px; }
.load a:hover { color: #0163bf; }

/* feet */
.z-footer-wrap { background: #212324; /* height: 100%;*/ min-width: 1200px; }
.z-footer-bar { background: #1a1c1f; width: 100%; height: 100px; }
.z-scene .z-footer-bar { margin-top: 100px; }
.z-footer-bar li { width: 20%; float: left; padding-top: 30px; color: #fff; text-align: center; }
.z-footer-bar li .z-footbar-item { color: #fff; border-right: 1px solid #323334; display: block; transition: 0.6s; }
.z-footer-bar li .z-footbar-item:hover { color: #2888e4; }
.z-footer-bar li:last-child .z-footbar-item { border-right: none; }
.z-footer-bar li .z-f-ic { height: 44px; background-image: url("../images/icon_foot.png")/*tpa=https://att.zzcycn.com/res/cms/www/default/images/icon_foot.png*/ ; background-repeat: no-repeat; padding-left: 60px; display: inline-block; }
.z-footer-bar .z-ic-clock { background-position: 0 0; }
.z-footer-bar .z-ic-retreat { background-position: 0 -48px; }
.z-footer-bar .z-ic-free { background-position: 0 -99px; }
.z-footer-bar .z-ic-views { background-position: 0 -152px; }
.z-footer-bar .z-ic-service { background-position: 0 -195px; }
.z-footer-bar li .z-footbar-item strong { font-size: 14px; }
.z-footer { background: #fff; color: #333; }
.z-footer-top { padding: 0px 0 0px; }
.feet-title { font-size: 22px; margin: 0px auto 0 auto; padding-top: 20px }
.z-footer-details { width: 300px; overflow: hidden; margin: 10px auto 0 auto; padding-bottom: 40px; }
.z-footer-details li { float: left; width: 30%; text-align: center; line-height: 20px; }
.z-footer-details li:nth-child(1), .z-footer-details li:nth-child(2) { text-align: center; border-right: 1px #999 solid; margin-top: 0px; }
.z-footer-details li h3 { font-size: 16px; color: #fff; font-weight: normal; margin-bottom: 0px; margin-top: 0; line-height: 24px; }
.z-footer-details li a { display: block; margin-top: 0px; color: #969899; font-size: 15px; }
.z-footer-details li a:hover { color: #2888e4; }
.z-footer-phone { text-align: left; margin-left: 50px; }
.z-footer-phone p { line-height: 18px; font-size: 15px; }
.z-footer-phone strong { font-size: 26px; color: #fff; font-weight: normal; margin-top: 10px; display: block; }
.z-footer-phone .z-online-ask { background: #2888e4; padding: 0 7px; height: 24px; line-height: 24px; border-radius: 2px; display: inline-block; margin-top: 10px; color: #aecef2; }
.z-footer-phone .z-online-ask:hover { color: #fff; }
.z-footer-code { float: left; width: 31%; margin-left: 20px; }
.z-footer-code { height: 60px; border: 1px #eee solid; }
.z-footer-code:nth-child(1) { margin-left: 0 }
.z-footer-code img { width: 240px; height: 60px; }
.z-footer-bottom { background: #1a1c1f; height: 120px; }
.z-footer-bottom .z-friendship { text-align: center; padding-top: 24px; }
.z-footer-bottom .z-friendship a { border-right: 1px solid #969899; color: #969899; padding: 0 8px; height: 12px; display: inline-block; line-height: 12px; }
.z-footer-bottom .z-friendship a:last-child { border: none; }
.z-footer-bottom .z-friendship a:hover { color: #2888e4; }
.z-footer-copyright { text-align: center; margin-top: 15px; font-size: 15px; margin-bottom: 15px; }
.z-footer-copyright span { display: inline-block; margin: 0 15px; }
.z-footer-copyright .z-footer-police, .z-footer-copyright .z-footer-police1 { background: url("../images/icon_foot.png")/*tpa=https://att.zzcycn.com/res/cms/www/default/images/icon_foot.png*/ no-repeat -7px -443px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; }
.z-footer-copyright .z-footer-police1 { background: url("../images/icon_foot.png")/*tpa=https://att.zzcycn.com/res/cms/www/default/images/icon_foot.png*/ no-repeat -31px -443px; }
.z-product-description { height: 380px; overflow: hidden; margin: 40px auto 0; }
.z-accordion { height: 430px; margin-top: 10px; }
.z-product-description li { float: left; width: 16.66666%; height: 100%; white-space: nowrap; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.z-content-center { width: 1200px; margin: 0 auto; text-align: center; overflow: hidden; }
.z-content-center { text-align: center; width: 1200px; position: relative; overflow: hidden; }
.code { overflow: hidden; width: 900px; margin: 22px auto 0 auto; }

/* search */
.search-form { width: 270px; overflow: hidden; margin-top: 5px; }
.search-form .search-bd { height: 22px; }
.search-form .search-bd li { font-size: 12px; width: 60px; height: 22px; margin-right: 4px; line-height: 22px; text-align: center; float: left; cursor: pointer; background-color: #eee; color: #666; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.search-form .search-bd li.selected { color: #fff; font-weight: 700; background-color: #2888e4; }
.search-form .search-hd { height: 30px; background-color: #2888e4; padding: 3px; position: relative; }
.search-form .search-hd .search-input { width: 230px; height: 28px; line-height: 22px; padding: 0px 0; background: none; text-indent: 10px; border: 0; outline: none; position: relative; left: 3px; top: 0; z-index: 5; margin-left: -10px; }
.search-form .search-hd .btn-search { width: 40px; height: 22px; line-height: 22px; position: absolute; right: 3px; top: 3px; border: 0; z-index: 6; cursor: pointer; font-size: 12px; color: #fff; font-weight: 700; background: none; outline: none; }
.search-form .search-hd .pholder { display: inline-block; padding: 2px 0; font-size: 12px; color: #999; position: absolute; left: 14px; top: 7px; z-index: 4; background: url(images/zoom.jpg) no-repeat 0 0; }
.search-form .search-hd .s2, .search-form .search-hd #s2 { display: none; }
.search-form .search-bg { width: 220px; height: 26px; background-color: #fff; position: absolute; left: 2px; top: 2px; z-index: 1; }

/* icon */
.tel-ico { background: url(../images/tel-ico.png) no-repeat 0 9px; padding-left: 30px; line-height: 45px; display: inline-block; font-size: 24px; color: #CA2011; }
.shoucang-ico { background: url(../images/shoucang.png) no-repeat; padding-left: 30px; line-height: 30px; font-size: 15px; line-height: 30px; display: inline-block }

/* float right bottom */
.online-service { position: fixed; z-index: 55; right: 0; bottom: 10%; width: 160px; height: 160px; }
.suspension { position: fixed; z-index: 55; right: 5px; top: 35%; width: 76px; height: 350px; background: #FFFFFF;/* box-shadow: 0px 0px 20px 0px rgba(57, 52, 55, 0.06); */ border-radius: 25px; z-index: 9999999; }
.suspension-box { position: relative; float: right; padding-right: 6px; padding-top: 10px; }
.suspension .a { display: block; width: 63px; height: 63px; border-radius: 32px; margin-bottom: 4px; cursor: pointer; outline: none; }
.suspension .a.active, .suspension .a:hover { }
.suspension .a .i { float: left; width: 63px; height: 63px; background-image: url(../images/side_icon.png); background-repeat: no-repeat; opacity: .8; }
.suspension .a .i:hover { float: left; width: 63px; height: 63px; opacity: 1; }
.suspension .a-Frist .i { background-position: 0px 0px; }
.suspension .a-Second .i { background-position: -75px 0px; }
.suspension .a-Third .i { background-position: -151px 0px; }
.suspension .a-Forth .i { background-position: -226px 0px; }
.suspension .a-fifth .i { background-position: -301px 0px; }
.suspension .a-top .i { background-position: -128px 0px; }
.suspension .a-top { background: #fff; display: none; }
.suspension .a-top:hover { background: #178AE6; }
.suspension .d { display: none; width: 160px;height: 165px; background: #fff; position: absolute; right: 78px; min-height: 80px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); }
.suspension .d .arrow { position: absolute; width: 8px; height: 12px; background: url(../images/side_bg_arrow.png) no-repeat; right: -8px; top: 31px; }
.suspension .d-Third{top: 110px}
.suspension .d-Second{top: 80px}
.suspension .d-Third-item,.suspension .d-Second-item {  padding: 0px 0; }
.suspension .d-Third-item img,.suspension .d-Second-item img{width: 150px;}
.suspension .d .inner-box { padding: 5px 5px 0px; }
/* .suspension .d-service { top: 0; }
.suspension .d-service-phone { top: 34px; }
.suspension .d-qrcode { top: 78px; }
.suspension .d .inner-box { padding: 8px 22px 12px; }
.suspension .d-service-item { border-bottom: 1px solid #eee; padding: 14px 0; }
.suspension .d-service .d-service-item { border-bottom: none; }
.suspension .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left; }
.suspension .d-service-item .i-qq { width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
.suspension .d-service-item:hover .i-qq { background-position: center 3px; }
.suspension .d-service-item .i-tel { width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block; }
.suspension .d-service-item h3 { float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text { float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text .number { font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; }
.suspension .d-service-intro { padding-top: 10px; }
.suspension .d-service-intro p { float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888; }
.suspension .d-service-intro i { background: url(../images/side_con_icon01.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block; }
.suspension .d-qrcode { text-align: center; }
.suspension .d-qrcode .inner-box { padding: 20px 0; }
.suspension .d-qrcode p { font-size: 16px; color: #93959c; } */