@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, button, input, textarea, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0px none; font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
* { margin: 0; padding: 0; }
select, input, textarea { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; border: none; margin: 0; padding: 0; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
 -webkit-appearance: none!important;
 margin:0;
}
dl, dt, dd, p, div, input, img { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol, li { list-style: none outside none; }
em, i { font-style: normal; }
img { border: 0 none; }
textarea { outline: medium none; }
a, a:visited { color: #333; text-decoration: none; }
body { min-width: 320px; font-size: 1em; font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; color: #000; -webkit-text-size-adjust: none; }
img, fieldset { border: 0; }
ul, ol { list-style: none; }
em, address { font-style: normal; }
a { color: #000; text-decoration: none; }
table { border-collapse: collapse; }
.clear { clear: both; width: 100%; }
#clear:after { display: block; clear: both; height: 1px; margin-top: -1px; content: ''; }
.fleft { float: left; }
.fright { float: right; }
.icon { background: url(../images/icon.png) no-repeat; }
.index { background: #f8f8f8; }
.red { color: #e4000f; }
.yellow { color: #ff9f00; }
.green { color: #339901 }
.blue { color: #469af2; }
.orange { color: #F60 }
a { color: #666; }
.redxian { border-bottom: 2px solid #e4000f }
img { max-width: 100%; height: auto; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; vertical-align: middle; }
.m10 { margin-top: 10px; }
/* 当前位置 */
.location { height: 36px; line-height: 36px; padding: 0 10px; color: #666; background: #fff }
.location a { color: #666; }
/* header */
.header { height: 40px; position: relative; }
.header .logo { display: block; height: 26px; width: 68px; background: url(../images/logo.png) no-repeat; background-size: 100%; position: absolute; top: 8px; left: 11px; }
.header .city_a { display: block; height: 24px; overflow: hidden; color: #fff; position: absolute; top: 10px; left: 90px; }
.header .city { height: 24px; line-height: 24px; overflow: hidden; float: left; color: #020202; padding: 0; font-size: 13px; }
.header .city_ico { width: 12px; height: 24px; float: left; position: relative; }
.header .city_ico::after { border: 4px solid transparent; border-top-color: #020202; content: ''; position: absolute; right: 0; top: 10px; }
.header .mffb { width: 60px; height: 30px; display: block; float: right; background-position: 0px -180px; background-size: 200px auto; position: absolute; top: 6px; right: 80px; }
.header .loginer { width: 30px; height: 30px; display: block; float: right; background-position: 0 0; background-size: 200px auto; position: absolute; top: 6px; right: 45px; }
.header .menu { width: 30px; height: 30px; display: block; float: right; background-position: -60px 0px; background-size: 200px auto; position: absolute; top: 6px; right: 10px; z-index: 9999; }
/* banner */
.box_swipe { height: auto; overflow: hidden; position: relative; }
.box_swipe ul { overflow: hidden; position: relative; }
.box_swipe ul > li { float: left; width: 100%; position: relative; }
.box_swipe ul > li a { color: #FFF; text-decoration: none; }
.box_swipe ul > li .title { position: absolute; bottom: 6px; display: block; width: 70%; height: 20px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #FFF; z-index: 100; }
.box_swipe>ol { height: 15px; position: relative; z-index: 10; margin-top: -15px; text-align: right; padding-right: 15px; }
.box_swipe>ol>li { display: inline-block; margin-bottom: 1px; width: 8px; height: 8px; background-color: #757575; border-radius: 8px; margin-left: 5px; }
.box_swipe>ol>li.on { background-color: #ff0000; }
/* banner */
.swiper-pagination-bullet { width: 10px; height: 10px; }
.swiper-pagination-bullet-active { background: #ff0000; }
#top-slide > .swiper-pagination { left: auto; right: 10px; bottom: 10px; text-align: center; }
/* foot */
.footnav { border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; }
.footnav li { display: block; width: 25%; height: 34px; line-height: 34px; float: left; text-align: center; }
.footnav li a { display: block; border-right: 1px solid #eeeeee; font-size: 0.8em; color: #c7c7c7; }
.foot-nav { }
.foot-nav li { display: block; width: 50%; height: 30px; line-height: 30px; float: left; text-align: center; }
.foot-nav a { display: inline-block; width: 100%; font-size: 0.8em; color: #676767; }
.foottu { height: 65px; padding: 10px 0; box-sizing: content-box; }
.foottu a { display: block; width: 25%; height: 45px; float: left; position: relative; font-size: 0.8em; text-align: center }
.foottu a i { width: 45px; height: 45px; background-size: 250px auto; margin: 0 auto; display: block; }
.foottu a i.app_icon { background-position: -100px -167px; }
.foottu a i.jiang_icon { position: absolute; width: 15px; height: 15px; background-position: -125px -145px; background-size: 200px; top: 5px; left: 60%; }
.foottu a i.mobile_icon { background-position: 0 -167px; }
.foottu a i.web_icon { background-position: -50px -167px; }
.foottu a i.kefu_icon { background-position: -46px -421px; }
.foottu a i.zhongjie_icon { background-position: 0px -421px; }
.copyright { border-top: 1px solid #eeeeee; text-align: center; font-size: 0.8em; color: #676767; line-height: 32px; margin-bottom: 10px }
/* 头部导航 */
.pop-nav { top: 43px; font-size: 0.8em; z-index: 9999; position: absolute; width: 100%; }
.tan { background: #fff; }
.zhezhao { width: 100%; position: fixed; top: 0px; left: 0px; z-index: 1001; padding: 1px; height: 3822.09px; background: rgba(102, 102, 102, 0.498039); }
.pop-nav i { display: block; width: 0; height: 6px; border: 6px solid #fff; border-width: 0 6px 6px 6px; border-color: #fff transparent; position: absolute; top: -12px; right: 19px; }
* .pop-nav ul { width: 100%; overflow: scroll; height: 150px; position: relative; z-index: 2; }
.nav_shadow { position: relative; }
.nav_shadow:before { content: ""; position: absolute; bottom: 0; width: 100%; height: 20px; z-index: 6; background: -webkit-linear-gradient(bottom, #e1e1e1, rgba(225,225,225,0)); }
.pop-nav ul li { position: relative; z-index: 2; float: left; width: 33.333%; }
.pop-nav ul li a { position: relative; display: block; padding: 18px 0 18px 40px; height: 20px; line-height: 20px; color: #222; font-size: 14px; border-bottom: solid 1px #ddd; background: url(../images/nav-icon.png) no-repeat; background-size: 40px }
.pop-nav ul li a.pop-nav01 { background-position: 0 18px; }
.pop-nav ul li a.pop-nav02 { background-position: 0 -22px; }
.pop-nav ul li a.pop-nav03 { background-position: 0 -105px; }
.pop-nav ul li a.pop-nav04 { background-position: 0 -195px; }
.pop-nav ul li a.pop-nav05 { background-position: 0 -62px; }
.pop-nav ul li a.pop-nav06 { background-position: 0 -146px; }
.pop-nav ul li a.pop-nav07 { background-position: 0 -245px; }
.pop-nav ul li a.pop-nav08 { background-position: 0 -290px; }
.pop-nav ul li a.pop-nav09 { background-position: 0 -335px; }
.pop-nav ul li a.pop-nav10 { background-position: 0 -570px; }
.pop-nav ul li a.pop-nav11 { background-position: 0 -385px; }
.pop-nav ul li a.pop-nav12 { background-position: 0 -432px; }
.pop-nav ul li a.pop-nav13 { background-position: 0 -613px; }
.pop-nav ul li a.pop-nav14 { background-position: 0 -480px; }
.pop-nav ul li a.pop-nav15 { background-position: 0 -528px; }
.pop-nav ul li a.pop-nav16 { background-position: 0 -658px; }
.pop-nav ul li:nth-child(3n+1) a, .pop-nav ul li:nth-child(3n+2) a { border-right: solid 1px #ddd; }
.tan-xuanhao-bt { height: 40px; line-height: 40px; padding-left: 10px; }
.tan-xuanhao { margin-bottom: 15px; }
.tan-xuanhao a { padding: 0px 10px; height: 30px; line-height: 30px; display: inline-block; border-radius: 15px; border: 1px solid #fbe5bc; margin: 0 10px 10px; }
.tel .tel_inner { display: block; }
.tel img { width: 100%; display: block; }
/*定制号码*/
.search-main { position: relative; overflow: hidden; background: #F5F5EF; width: 100%; }
.cus-select { border: 1px solid #CCC; position: relative; padding-right: 5px; background-color: #FFF; display: block; height: 36px; width: 47%; }
.cus-select select { height: 36px; line-height: 36px; vertical-align: top; font-size: 1em; border: 0; padding-left: 10px; background-color: #FFF; width: 100%; display: block; text-align: center; }
.cus-select i { display: block; float: left; margin-left: 5px; }
.cus-select i::after { border: 4px solid transparent; border-top-color: #020202; content: ''; position: absolute; right: 5px; ; top: 15px; }
.m-title { height: 50px; line-height: 50px; font-size: 18px; background: #fff; font-weight: normal; text-align: center; }
.form-dz { padding: 0 15px; background: #fff }
.m-xinxi { background: #fff; font-size: 0.8em; height: 35px; line-height: 35px; color: #666 }
.m-content { background: #fff; padding: 15px; line-height: 30px; font-size: 14px; }
.m-content input { margin: 0 auto 5px; height: 45px; line-height: 45px; }
.cus-input, .cus-txtea { width: 99%; height: 45px; line-height: 45px; border: 1px solid #D5D5D5; color: #666; background: #FFF; border-radius: 0; text-indent: 9px }
.cus-text { width: 96%; border: 1px solid #D5D5D5; color: #999; background: #FFF; border-radius: 0; padding-left: 9px; margin-bottom: 10px }
.error { display: none; }
.cus-msg { height: 25px; line-height: 25px; color: red; text-align: right; }
.cus-txtea { height: 60px; }
.s-box { position: relative; overflow: auto; width: 100%; margin: 0 auto 10px }
.s-btn { display: block; background: #F00; height: 45px; line-height: 45px; width: 100%; color: #FFF; border: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; border-radius: 0; }
.p08 { margin: 0 8px; }
.mb8 { margin-bottom: 8px; }
.cus-tips { width: 90%; margin: 0 auto; font-size: 0.8em; margin-bottom: 10px; padding: 15px 5px; color: #666; line-height: 20px; }
/*字体颜色*/
.haoma .hmlist li a h2 { color: #333; }
.cityhaoma li a .ch_show h1 { color: #333; }
.modellist li a h2 { color: #333; }
/*分页样式*/
.m-pages { height: 34px; line-height: 34px; position: relative; font-size: 1em; padding: 10px 15px; background: #fff; }
.m-pages-pre, .m-pages-next { display: block; width: 80px; height: 32px; background: #fff; border: 1px solid #D2D2D2; color: #3369B1; text-align: center; border-radius: 3px; }
.m-pages .none { color: #B7B7B7; }
.m-pages-pre { float: left; }
.m-pages-next { float: right; }
.m-pages select { width: 103px; height: 34px; position: absolute; top: 10px; left: 50%; margin-left: -51px; opacity: 0; border-radius: 3px; border: 1px solid #D2D2D2; }
.m-pages-num { width: 101px; height: 32px; background: #fff; border: 1px solid #D2D2D2; position: absolute; top: 10px; left: 50%; margin-left: -51px; color: #666; border-radius: 3px; }
.m-pages-num-con { width: 68px; height: 100%; text-align: center; float: left; }
.m-pages-num-arrow { width: 30px; height: 100%; border-left: 1px solid #D2D2D2; float: right; text-align: center; background: url(../images/ico_arrow_down.png) no-repeat center center; background-size: 13px 8px; }
.m-pages option { font-weight: normal; display: block; padding: 0px 2px 1px; white-space: pre; min-height: 1.2em; }
/*选号页面的搜索*/
input.sousuo { width: 70%; float: left; height: 35px; line-height: 30px; border: 1px solid #e8e8e8; margin-left: 5px; margin-top: 10px; }
input.button-ss { width: 25%; float: right; height: 37px; line-height: 37px; margin-right: 5px; margin-top: 10px; background: #e8e8e8 }
/*营业厅页面*/
/*图标导航*/
.yys_icon { background: url(../images/yys.png) no-repeat; }
.nav-yyt, .diqu-yyt { background: #FFF; padding-bottom: 15px; margin-bottom: 10px; }
.nav-yyt li { display: block; width: 25%; float: left; text-align: center; }
.nav-yyt li a { display: block; color: #666; font-size: 0.4em }
.nav-yyt li a.action { color: #f00 }
.nav-yyt li i { display: block; width: 45px; height: 45px; background-size: 290px auto; margin: 15px auto 0; }
.nav-yyt li.ico-yidong i { background-position: 0 0; }
.nav-yyt li.ico-liantong i { background-position: -46px 0px; }
.nav-yyt li.ico-dianxin i { background-position: -91px 0px; }
.nav-yyt li.ico-xuni i { background-position: -136px 0px; }
.nav-yyt li.ico-guangdian i { background-position: -181px 0px; }
.diqu-yyt { padding: 10px 10px 0px; }
.diqu-yyt a { display: inline-block; margin: 0px 10px 10px 0; font-size: 0.8em; border: 1px solid #0784d5; color: #0784d5; border-radius: 5px; padding: 3px; }
.diqu-yyt a.active { background: #0784d5; color: #fff }
.yyt-con { background: #FFF; padding-bottom: 15px; margin-bottom: 10px; }
.yyt-con li { border-bottom: 1px dashed #bfbfbf; padding: 5px }
.yyt-con li dl dt { color: #0784d5; margin-bottom: 10px; }
.yyt-con li dl dd { font-size: 0.8em }
/*选号导航页面*/
.xuanhao { background: #fff; padding-bottom: 15px; margin: 0 10px 10px; }
.xuanhao-bt { padding: 10px 0; background-color: #fc8d80; color: #fff; text-align: center; margin-bottom: 3px; }
.xuanhao dl dt { padding: 5px; background: #e5e4e4; padding-left: 10px; margin-bottom: 10px; }
.xuanhao dl .haoduan { height: 35px; overflow: hidden }
.xuanhao dl dd { float: left; margin: 0px 10px 10px 0; font-size: 0.8em; border: 1px solid #0784d5; border-radius: 5px; padding: 3px; }
.xuanhao dl dd a { color: #0784d5; }
.xuanhao dl dd.first { border: none }
;
/*订购列表样式*/
.order-list { background: #fff; }
.order-list .order-listbt { padding: 10px 0; background: #ebeaea; text-align: center; margin-bottom: 5px; }
.order-tips { background-color: #fcf8e3; border-color: #faebcc; padding: 15px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 4px; font-size: 0.8em; }
.order-tips a { color: #00F }
.order-list ul li { padding: 5px 10px; font-size: 14px; }
.order-list ul li span { float: right }
.order-list .more { text-align: center; padding: 15px 0; }
.order-list .more a { display: inline-block; padding: 5px; background: #F60; color: #fff; border-radius: 5px; }
/*底部弹出微信*/
#tck { display: none; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 1001; padding: 1px; height: 3822.09px; background: rgba(102, 102, 102, 0.498039); }
.jlkk { width: 280px; position: fixed; background: #FFF; font-family: "黑体"; font-size: 18px; }
.tc_zj { width: 280px; position: fixed; left: 50%; top: 50%; padding: 1px; margin-left: -142px; margin-top: -114px; background: #fff; font-family: '黑体'; font-size: .9rem;
}
.tc_title { height: 30px; margin-top: 10px; border-bottom: 3px solid #308EF0; font-weight: 700; padding-left: 17px; font-size: 18px; background: #FFF; }
.tc_contact { padding: 10% 8%; background: #FFF; }
.tc_ewm { text-align: center; }
.gb { height: 40px; background-color: #F5F5F5; line-height: 40px; text-align: center; }
.gb a { color: #000000; text-decoration: none; display: block; margin: 0 auto; }
.jzgd .gdicon { display: inline-block; width: 20px; height: 20px; background-position: -140px 0px; background-size: 170px; }
.cd-top { display: none; height: 40px; width: 40px; position: fixed; bottom: 50px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */
overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat scroll center 50%; visibility: visible; opacity: 0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 40px; z-index: 1000; }
.cd-top .cd-is-visible { /* the button becomes visible */
visibility: visible; opacity: 1; }
.cd-top .cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
opacity: .5; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
@media only screen and (min-width: 480px) {
.cd-top { right: 20px; bottom: 20px; height: 40px; width: 40px; border-radius: 40px; }
}
@media only screen and (min-width: 640px) {
.cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; border-radius: 60px; }
}
/*底部导航*/


.nav4 { height: 45px; }
.nav4 ul { position: fixed; z-index: 200; bottom: 0; left: 0; width: 100%; border-top: 1px solid #cecdcd; padding-top: 2px; background: #f1f1f1; }
.nav4 li { height: 45px; border-bottom: 0; border-right: 0; position: relative; float: left; width: 25%; }
.nav4 li:nth-of-type(1) { border-left;
0;
}
.nav4 li>a { font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; /*border:1px solid #f9f8f9;*/
-webkit-tap-highlight-color: rgba(0,0,0,0); border-bottom: 0; display: block; height: 45px; text-align: center; color: #5e5e5e; padding-top: 26px; text-decoration: none; }
.nav4 li>a.icon-home { background: url(../images/icon-home.png) no-repeat center top; background-size: 24px; }
.nav4 li>a.icon-phone { background: url(../images/icon-phone.png) no-repeat center top; background-size: 24px; }
.nav4 li>a.icon-qq { background: url(../images/icon-qq.png) no-repeat center top; background-size: 24px; }
.nav4 li>a.icon-user { background: url(../images/icon-user.png) no-repeat center top; background-size: 24px; }
.nav4 li a label { margin: 0 5px; font-size: 12px; display: block!important; line-height: 18px; text-align: center; overflow: hidden; }
.gsd-tj { margin: 10px; }
.gsd-tj-bt { line-height: 40px; padding: 0 10px; background: #fff; height: 40px; border-bottom: 1px solid #dadada; }
.gsd-tj-bt i { display: inline-block; width: 3px; height: 14px; margin-top: 13px; margin-right: 3px; background: #F00; float: left; }
.gsd-tj ul { background: #fff }
.gsd-tj ul.gsd-tj-hao li { padding: 5px 10px; border-bottom: 1px dotted #efefef }
.gsd-tj ul.gsd-tj-hao li span { float: right; color: #f00 }
.gsd-tj-more { text-align: center; padding: 10px 0; text-align: center; background: #fff }
.gsd-tj ul.gsd-tj-cha li { width: 50%; float: left; text-align: center; padding: 9px 0; border-bottom: 1px dotted #efefef }
.footbar { position: fixed; right: 0; bottom: 0; left: 0; background-color: #fff; height: 60px; z-index: 50; border-top: solid 1px #ebebeb; }
.btn { font-size: 15px; padding: 0; display: inline-block; -ms-box-sizing: border-box; box-sizing: border-box; background-clip: padding-box; border: 0 none; font-family: helvetica neue, tahoma, arial, hiragino sans gb, microsoft yahei, sans-serif; font-weight: 500; text-align: center; text-decoration: none; cursor: pointer; }
.btn-primary { width: 100%; background-color: #0c1124; color: #ffd200; }
.btn-group { padding-left: 15px; padding-right: 15px; height: 60px; }
.btn-group .person { width: 40%; height: 60px; }
.btn-group .person-name { padding-top: 13px; color: #000; font-size: 12px;  margin-bottom: .03125rem;
}
.btn-group .person-phoneNumber { color: #ff552e; font-size: 12px; }
.IconBottom { width: 60%; height: 60px; position: absolute; height: 53px; top: 7px; right: 0; }
.IconBottom a { display: block; width: 48px; float: right; text-align: center; }
.IconBottom a:nth-child(1) { margin-right: 15px; }
.IconBottom a i { display: block; margin: 0 auto; width: 35px; height: 35px; background: url(http://img.58cdn.com.cn/olympia/img/ershouche/detail/icon5.png) no-repeat; background-size: 279px auto; }
.IconBottom a .mm { background-position: -40px -43px; }
.IconBottom a .phone { background-position: -5px -43px; }
.IconBottom a .btn-mm { display: block; clear: both; padding-top: 0; font-size: 9px; text-align: center; color: #aaa; }
.IconBottom a .btn-phone { clear: both; display: block; padding-top: 0; font-size: 9px; text-align: center; color: #aaa; }
.baidu_kefu a { position: fixed; right: 0px; top: 350px; z-index: 9999999; width: 70px; height: 70px; }
.menu_list { width: 100%; }
.menu_head { height: 40px; line-height: 40px; padding-left: 18px; font-size: 14px; color: #525252; cursor: pointer; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; position: relative; margin: 0px; font-weight: bold; background: url(../../images/pro_left.png) center right no-repeat; }
.menu_list .current { background: url(../../images/pro_down.png) center right no-repeat; }
.menu_body { line-height: 24px; padding:0 10px; backguound: #fff; }
.menu_body a { display: inline-block; color: #777777; text-decoration: none; font-size: 0.8em; }
.menu_body a:hover { text-decoration: none; }
a.morestyle { display: inline-block; border: solid 1px #3e81e3; height: 24px; line-height: 24px; border-radius: 3px; font-size: 14px; padding: 0 5px; margin-top: 6px; color: #3e81e3; }
a.morestyle span { width: 10px; padding: 0 0 0 2px; }
/*友情链接*/
.friendlink { border-top: 1px solid #eeeeee; text-align: left; font-size: 0.8em; color: #676767; line-height: 32px; padding-left: 10px }
.friendlink a { color: #676767; }

.baidu_kefu a { position: fixed; right: 5px; bottom: 100px; z-index: 99; width: 50px; height: 50px; }
/*车牌代选底部*/
.cpdx_bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 500;
    width: 100%;
}