/* CSS Document */
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0; }

input, textarea { outline: none; }

body, html { width: 100%; height: 100%; }

body { font: 18px "PingFang SC","Arial","Microsoft yahei"; color: #333; min-width: 1200px; background: #fff !important; }

a { text-decoration: none; outline: none; }

a:hover { text-decoration: none; }

em { font-style: normal; }

li { list-style: none; }

img { border: 0; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

input, textarea { outline: none; -webkit-appearance: none; }

input, select, textarea { font-size: 100%; }

.fl { float: left; }

.fr { float: right; }

.clearfix:after { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden; }

.clearfix { zoom: 1; }

.con { width: 1200px; margin: 0 auto; }

.clear { clear: both; }

.color1 { color: #3759ba; }

.color2 { color: #ed8335; }

.color3 { color: #ee5200; }

.color4 { color: #fe751a; }

.c1 { color: #ff5050; }

a.color1:hover { border-bottom: 1px solid #3759ba; line-height: 1.2; }

a.color2:hover { border-bottom: 1px solid #ed8335; line-height: 1.2; }

.fs16 { font-size: 16px; }

.fs18 { font-size: 18px; }

.fs22 { font-size: 22px; }

.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.pb20 { padding-bottom: 20px; }

.ti2 { text-indent: 2em; }

.tal { text-align: left; }

.header a:hover { color: #2484c0; }

.hide { display: none; }

.vhide { visibility: hidden; }

/** header **/
.header { height: 40px; line-height: 40px; }
.header .header-ul { margin-left: 40px; }
.header .header-ul li { float: left; margin-left: 20px; }
.header a { color: #333; font-size: 12px; }
.header .logo img { height: 26px; }

.header-right { font-size: 0; }
.header-right a { position: relative; margin-left: 20px; }
.header-right a:before { content: ''; width: 1px; height: 12px; background: #9c9c9c; position: absolute; top: 3px; left: -10px; }
.header-right a:first-child:before { content: normal; }

/** banner **/
.banner { background: url(../images/banner.png) no-repeat center center; height: 450px; min-width: 1200px; }
.banner .ban-t { text-align: center; }
.banner .ban-t img { width: 782px; height: 170px; margin-top: 160px; }

/** wrap **/
.wrap { min-width: 1200px; padding: 50px 0; }

.wrap-tit { font-size: 42px; font-weight: bold; line-height: 50px; position: relative; text-align: center; }
.wrap-tit h1, .wrap-tit h2 { font-size: 42px; display: inline-block; padding: 0 10px; color: #005d90; position: relative; }
.wrap-tit h1:before, .wrap-tit h1:after, .wrap-tit h2:before, .wrap-tit h2:after { content: ''; width: 45px; height: 4px; background-color: #e0e0e0; position: absolute; top: 50%; margin-top: -2px; }
.wrap-tit h1:before, .wrap-tit h2:before { left: -55px; }
.wrap-tit h1:after, .wrap-tit h2:after { right: -55px; }
.wrap-tit span { color: #333; }
.wrap-tit .more { float: right; font-size: 18px; color: #666; margin-top: -18px; margin-right: 58px; font-weight: normal; }

.wrap-con { margin-top: 30px; position: relative; }
.wrap-con:after { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden; }

.wrap1 .left { width: 280px; height: 280px; position: relative; z-index: 2; }
.wrap1 .right { background-color: #f8f8f8; height: 245px; width: 955px; color: #555; padding: 30px 30px 30px 60px; box-sizing: border-box; position: absolute; right: 0; top: 18px; }
.wrap1 .right p { text-indent: 2em; margin-bottom: 14px; }

.wrap2 { background-color: #f2f8ff; }

.wrap3 .dbBtn { top: 0; margin-top: -5px; }

.wrap4 { background-color: #f2f8ff; }
.wrap4 .dbBtn { top: 0; margin-top: -5px; }

.wrap6 { background-color: #f2f8ff; }
.wrap6 li { display: inline-block; width: 33.33%; float: left; height: 35px; line-height: 35px; overflow: hidden; }
.wrap6 li:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #799cc6; vertical-align: 5px; margin-right: 5px; display: inline-block; }
.wrap6 li a { color: #555; }
.wrap6 li a:hover { color: #ff5050; }

.list { float: left; width: 580px; margin-bottom: 30px; }
.list.list1 .tit { background-color: #71b089; }
.list.list1 .tit span { color: #71b089; }
.list.list1 .top { color: #71b089; }
.list.list1 .wbtn a { border-color: #71b089; color: #71b089; }
.list.list1 .wbtn a:hover { background-color: #71b089; color: #fff; }
.list.list2 .tit { background-color: #6786bd; }
.list.list2 .tit span { color: #6786bd; }
.list.list2 .top { color: #6786bd; }
.list.list2 .wbtn a { border-color: #6786bd; color: #6786bd; }
.list.list2 .wbtn a:hover { background-color: #6786bd; color: #fff; }
.list.list3 .tit { background-color: #f38382; }
.list.list3 .tit span { color: #f38382; }
.list.list3 .top { color: #f38382; }
.list.list3 .wbtn a { border-color: #f38382; color: #f38382; }
.list.list3 .wbtn a:hover { background-color: #f38382; color: #fff; }
.list.list4 .tit { background-color: #fba35c; }
.list.list4 .tit span { color: #fba35c; }
.list.list4 .top { color: #fba35c; }
.list.list4 .wbtn a { border-color: #fba35c; color: #fba35c; }
.list.list4 .wbtn a:hover { background-color: #fba35c; color: #fff; }
.list.list5 .tit { background-color: #8890d9; }
.list.list5 .tit span { color: #8890d9; }
.list.list5 .cont { height: 280px; background-color: #f9f9f9; }
.list.list5 .wbtn { margin-top: 20px; }
.list.list5 .top { color: #8890d9; }
.list.list5 .wbtn a { border-color: #8890d9; color: #8890d9; }
.list.list5 .wbtn a:hover { background-color: #8890d9; color: #fff; }
.list.list6 .tit { background-color: #7296c4; }
.list.list6 .tit span { color: #7296c4; }
.list.list6 .cont { height: 280px; background-color: #f9f9f9; }
.list.list6 .wbtn { margin-top: 20px; }
.list.list6 .top { color: #7296c4; }
.list.list6 .wbtn a { border-color: #7296c4; color: #7296c4; }
.list.list6 .wbtn a:hover { background-color: #7296c4; color: #fff; }
.list.list7 .tit { background-color: #838e7b; }
.list.list7 .tit span { color: #838e7b; }
.list.list7 .wbtn { margin-top: 35px; }
.list.list7 .top { color: #838e7b; }
.list.list7 .wbtn a { border-color: #838e7b; color: #838e7b; }
.list.list7 .wbtn a:hover { background-color: #838e7b; color: #fff; }
.list.list8 .tit { background-color: #6b7a8a; }
.list.list8 .tit span { color: #6b7a8a; }
.list.list8 .top { color: #6b7a8a; }
.list.list8 .wbtn a { border-color: #6b7a8a; color: #6b7a8a; }
.list.list8 .wbtn a:hover { background-color: #6b7a8a; color: #fff; }
.list.list2, .list.list4, .list.list6, .list.list8 { margin-left: 40px; }
.list .tit { height: 55px; line-height: 55px; text-align: center; font-size: 22px; color: #fff; }
.list .tit span { font-size: 18px; background-color: #fff; display: inline-block; width: 70px; height: 30px; line-height: 30px; border-radius: 4px; vertical-align: middle; position: relative; margin-left: 15px; }
.list .tit span:before { content: ''; border-right: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; left: -5px; top: 10px; }
.list .cont { height: 250px; background-color: #fff; box-sizing: border-box; padding: 30px 35px; line-height: 1.6; }
.list .cont .top { margin-bottom: 10px; }
.list .cont .top span { color: #fc722f; }
.list .cont .top span:before { content: ''; background-image: url("../images/ys.png"); width: 19px; height: 23px; display: inline-block; vertical-align: middle; margin-right: 5px; }
.list .cont a { color: #1b569b; }

.wbtn { text-align: center; margin-top: 5px; }
.wbtn a { display: inline-block; font-size: 18px; height: 40px; line-height: 40px; border: 1px solid #ccc; border-radius: 40px; padding: 0 15px; }

.dbBtn { position: absolute; width: 95px; height: 95px; background-color: #fc722f; font-size: 16px; color: #fff; text-align: center; border-radius: 50%; box-sizing: border-box; padding-top: 15px; border: 5px solid #f2f8ff; left: 50%; margin-left: -48px; top: 50%; margin-top: -65px; }
.dbBtn a { display: block; color: #fff; }

.good { float: left; width: 300px; padding: 0 40px; box-sizing: border-box; }
.good.good2 .gIcon { background-color: #f1b349; }
.good.good2 .gTit:after { background-color: #f1b349; }
.good.good3 .gIcon { background-color: #52c4c5; }
.good.good3 .gTit:after { background-color: #52c4c5; }
.good.good4 .gIcon { background-color: #ed7784; }
.good.good4 .gTit:after { background-color: #ed7784; }
.good .gIcon { width: 90px; height: 90px; background-color: #5989c1; border-radius: 6px; margin: 30px auto; transform: rotate(45deg); box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.good .gIcon img { transform: rotate(-45deg); }
.good .gTit { font-size: 22px; color: #666; text-align: center; position: relative; margin: 13px 0 23px; }
.good .gTit:after { content: ''; width: 36px; height: 3px; background-color: #5989c1; position: absolute; left: 50%; margin-left: -18px; bottom: -13px; }
.good p { font-size: 16px; color: #666; }

/* special */
.special .wrap-tit { position: relative; }
.special .more { position: absolute; right: 0; margin-top: 10px; margin-right: 0; }

.swiper-con { position: relative; }

.swiper-ul { width: 1200px; height: 172px; overflow: hidden; position: relative; }
.swiper-ul li { width: 280px; float: left; height: 150px; overflow: hidden; margin: 0 10px; }
.swiper-ul li a { float: left; width: 280px; height: 150px; }
.swiper-ul li a img { width: 100%; height: 100%; border-radius: 4px; }

.swiper-btn ul { width: 1200px; text-align: center; }
.swiper-btn li { margin-top: 2px; width: 13px; height: 13px; background: #e3e3e3; border-radius: 50%; text-indent: 99999em; overflow: hidden; margin-left: 10px; cursor: pointer; display: inline-block; }
.swiper-btn li.on { background: url(../images/ss.png) no-repeat; width: 18px; height: 18px; vertical-align: middle; margin-top: -4px; }
.swiper-btn a { display: block; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -50px; }
.swiper-btn a.prev { background: url(../images/prev.png) no-repeat; left: -50px; }
.swiper-btn a.next { background: url(../images/next.png) no-repeat; right: -50px; }

.goTop { width: 55px; height: 55px; position: fixed; right: 150px; bottom: 30px; background: #b31952 url(../images/goTop.png) no-repeat center center; cursor: pointer; display: none; }
.goTop:hover { background-color: #9a1041; }

/** wrap-bottm **/
.wrap-bottm { background: url(../images/bottom.png) no-repeat center center; min-width: 1200px; height: 360px; position: relative; padding: 0; }
.wrap-bottm .wrap-con { text-align: center; position: static; }

.wrapb-btn { position: absolute; bottom: 50px; left: 0; right: 0; }
.wrapb-btn a { width: 150px; height: 50px; line-height: 50px; color: #fff; background: #fdc929; font-size: 20px; text-align: center; display: inline-block; border-radius: 5px; margin: 0 20px; }
.wrapb-btn a:hover { opacity: .9; }
.wrapb-btn a:first-child { background: #0cb9f2; }
.wrapb-btn .wrapb-img2 { margin-top: 10px; }

.btn { position: absolute; width: 1200px; height: 10px; padding: 5px 10px; right: 0; bottom: 5px; text-align: center; }
.btn span { display: inline-block; _display: inline; _zoom: 1; width: 13px; height: 13px; _font-size: 0; margin-left: 10px; cursor: pointer; background: #e3e3e3; border-radius: 50%; }
.btn span.on { background: url(../images/ss.png) no-repeat; width: 18px; height: 18px; vertical-align: bottom; }

.wrapper { width: 1200px; margin: 0 auto; }

.footer-index-up ul { margin-right: 86px; }
.footer-index-up ul.spe { margin-right: 0; }
.footer-index-up li { line-height: 26px; font-size: 14px; color: #666; }
.footer-index-up li.tit { line-height: 30px; font-size: 16px; font-weight: 700; }
.footer-index-up li a { font-size: 14px; }
.footer-index-up dl { margin-left: 38px; width: 80px; text-align: center; }
.footer-index-up dl.spe { margin-left: 0; }
.footer-index-up dl dd { line-height: 26px; font-size: 14px; font-weight: 700; color: #666; }
.footer-index-up dl dt { width: 80px; height: 80px; }
.footer-index-up dl dt img { width: 100%; height: 100%; }

.footer-index-mid { text-align: center; }
.footer-index-mid a { display: inline-block; margin-left: 8px; margin-right: 8px; }

.footer-index-botm { text-align: center; color: #666; font-size: 12px; }

.footer-index a { color: #666; }
.footer-index a:hover { color: #dd3635; }

/**右侧客服**/
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1531106965506');
  src: url('iconfont.eot?t=1531106965506#iefix') format('embedded-opentype'),
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAjwAAsAAAAADMQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kjGY21hcAAAAYAAAAB1AAAByJu90NZnbHlmAAAB+AAABNcAAAY8YWRa7GhlYWQAAAbQAAAALwAAADYSnjMmaGhlYQAABwAAAAAeAAAAJAiLBGBobXR4AAAHIAAAABYAAAAYGMIAAGxvY2EAAAc4AAAADgAAAA4FygSybWF4cAAAB0gAAAAfAAAAIAEZAOBuYW1lAAAHaAAAAUUAAAJtPlT+fXBvc3QAAAiwAAAAPwAAAFFiXPYAeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkUWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKp5tYW7438AQw9zA0AAUZgTJAQDq9QxJeJzFkcsJgDAQRN9qFBEPFuHRSsR6xINlWdO2obOJHqzACS9khvxggAaoxSwS2IER2pRazmv6nCcW+YGOSuvd8dEnP69L6de9Mu1+R7hGdyWdxlp+k/339FdDntfHRQ/7g77oFCL3sRA9+VSIrvwsUN1JZBrrAAAAeJxVVN1vG0UQ39n13fo+/HU+39l39p19Z/uSNL4kPvucpCRpkxQETZSKqh+kVKUSNKJVA6JCLRJVQ6siKEWqKBISbQX9UPmQ+oAEEiotDyAe+lpeEOpDEbwg/gZc9pzUqPbczu5vdna0O/MbxCH06A9yh+RRFg2gMTSPdiAE/CZwkrgEFa/l402Qq3A5XU0Sz/Uq1HV8MgW6w6taM2zVdZ7yKUiCBUGlGXo+9qDdmsaboamVAAqmsVOpFRVyAcS8Z53tPoevQc52i6npRvfZ4Rm1Wc7Gj8uKUlCU83Ge4+IYx1JJOKprAieIfPcGlzJyd+xBbINc8IyFFxJlUzn4Xmu1VNMFgLU1yJrl5BczGSPD5G1DyyoFmk7E80bCrapw/C8pn5VL9T8R+wnsrjfIQ7IfbUPn0YfoGrqObqMf0H30K0KcD54PI9BT3jR0mIS6BetCteiWPLWoHs5AyCyhtmHUaBKYgEWaYc+pd0ydje66D+/ybEUY0G51wt6/FZkjqVOe+ebU6DAbak7dq0eYH4WwsK7x1O0wP588gdVpx9k44cm9+PfRw0MTx0Ktta9m+BiPZpJztaKnVKSUKaXZe5V1XZFioNT94fHxKo1xcTGZK9OypTa0zGB2CJM5RVvuLgWrR3a3tzopQ8wAGRn1smlNxYSlRhCzBh0NSlNjTdVJlxRNlQVCRSGfcBqUzxX0gulUKnvHNFikEsRrAyNCggiCPRU4HBaE+EkqU3/77oaQiAli65U9HYGhGK6zzYmlqS0fLTCDKOz6/NzeJAgC2Qe+6e5vaeGx8cZhv7WcU2cJDClDaa2hlm3e0pOiEIvR6kSn4dcU4MVMIVcGENKSmZIqileszieVEXCDPVtd05B0SY9Rv1KQBZESTMuaUsLpqtocfcpuj3LFjEzjlCdY1dIDSqdJQNEtZzZf3BOErwXGPZEOG4YIgpLAvOwEJSGBOyDQoW0jGdpDhdzkzoChBFJC/OkTA4MlGQtZGafK+87uYDirwYhvn7EafAnFUQaV0AJaRKg2zdii8k6dPJ4AKyRWW6yyWJbZhC313LpmAIO9sM2KqKMFfYTVEK1HE/wQwudDJlc3dNfGy/Pzy7g3zuJTB+ZeLf7Wh8YW1PvELv5sWI+3YEO7G2w5cApvGYzcQ/zVuu5O9HewkdlhbrzO9zFoDtay6vCi/ZPY3+RMaj/awEJG/KPs7jdjtzbuPol2oyPoTXSK9ZuokUQNxXvcVSIatrz/L8ZrMxHZgiYjz8ZzaOEIe6Ua7/boloqIV2/3n405ORxvRwxLgrvO6IisPEQhgihG0J/hZ3TT9F33kV6t+qZJXo59fw6sv6988w+3tOjGFOndtD1ZVrNxrv7tCWtzcUVSiDjb+Xc8o5TaRY3nlqyY+DG+e+n92+aFWxgIYIOxYjPPF8eLZy5jfPnM2hUMje7VVD6fYrF+2dB4ymQlNWweZB+bdQ+99XWSkLVrJHbvk6UPJo5IqdgcoYwf/ItvYJDoOJeSDrZez2NgvRJIOJGgKxdOX8JwYpX78mRaylyMS9PDBOISrB1dXQN452h7F+C8petWfn1keYAoGeQBPs2ygGqs3DwBWM21OhA2ddDIg7wtd1e6K7Kdl+E72YqGm2ldgk+7hyTdZktJ6m6X/wPIF/ZTAHicY2BkYGAA4rmqXufj+W2+MnCzMIDA9YzvUxH0//ksa5kTgFwOBiaQKABFkAveAHicY2BkYGBu+N/AEMNykwEIWNYyMDKgAjYAaRQD9QAAeJxjYWBgYH7JwMDCAMU3ITQAGI4B2gAAAAAAAAB2AbgCNgL6Ax4AAHicY2BkYGBgY7jCwMkAAkxAzAWEDAz/wXwGAB5vAfoAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAjZGJkZmRhZGVkY2RnYGxgj0lMzEvozSRIy01rwLITGcrT82syMxjTc8vyS9gYAAA1I4LrgA=') format('woff'),
  url('iconfont.ttf?t=1531106965506') format('truetype'),
  url('iconfont.svg?t=1531106965506#iconfont') format('svg');
}

.right-kefu {position: fixed;right: 19px;top: 30%;font-size: 12px;z-index: 999;line-height: normal;}
.right-kefu ul li {position: relative;}
.right-kefu ul li a.kefu-hob {background: #376ed3;color: #fff;}
.right-kefu ul li a.kefu-online {background: #376ed3}
.kefu-close {position: absolute;width: 14px;height: 14px;background: url(../images/right-kefu.png) no-repeat;background-position: -70px -40px;right: 0;top: -16px;}
.kefu-hov {width: 55px;height: 55px;background: #fff;display: block;text-align: center;padding-top: 6px;box-sizing: border-box;color: #376ed3;margin-top: 5px;border-radius: 4px;box-shadow: 0 0 8px rgba(102,102,102,.2);}
.kefu-i:before {content:'';display: block;width: 30px;height: 27px;margin:0 auto;font-family:"iconfont" !important;font-size:24px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.kefu-online {background: #376ed3;padding-top: 3px;}
.kefu-online i:before {content: '';display: block;background: url(../images/right-kefu.png) no-repeat center;width: 30px;height: 30px;background-position: -5px -35px;}
.kefu-online p {color: #fff;}
.kefu-phone i:before {content: '\e6b4';}
.kefu-code i:before {content: '\e624';}
.kefu-share i:before {content: '\e610';}
.kefu-gotop i:before {content: '\e600';}
.kefu-con {position: absolute;right: 55px;top: 0;width: 134px;overflow: hidden;display: none;box-shadow: -5px 0 8px rgba(102,102,102,.2);}
.kefu-cono {width: 80px;}
.kefu-hide {background-color: #fff;color: #376ed3;padding: 10px;transform: translate(134px);transition: transform .3s;overflow: hidden;}
.kefu-hide.show {transform: translate(0);}
.kefu-arrow {width: 7px;height: 10px;background: url(../images/right-kefu.png) no-repeat;background-position: -150px -60px;position: absolute;right: 4px;top: 10px;display: none;}
.kefu-ol-con {border-top: 1px solid #F2F2F2;padding-top: 10px;}
.kefu-ol .kefu-ol-con:first-child {border-top: none;padding-top: 0;}
.kefu-hide .kefu-tit {font-size: 14px;font-weight: normal;}
.kefu-ol-con ul li a {width: 52px;height: 22px;display: inline-block;background: url(../images/right-kefu.png) no-repeat;margin-top: 10px;margin-bottom: 10px;}
.kefu-ol-con ul li:first-child a {margin-right: 6px;}
.kefu-ol-con ul li {float: left;}
.kefu-ol-con ul li a.kefu-qq {background-position: -5px -60px;}
.kefu-ol-con ul li a.kefu-zx {background-position: -70px -60px;}
.kefu-hide .kefu-mobile .kefu-h3 {margin-bottom: 5px;}
.kefu-hide .kefu-mobile .kefu-h4 {font-size: 18px;white-space: nowrap;padding-bottom: 5px;margin-bottom: 7px;font-family: arial;font-weight: bold;color: #dd3635;border-bottom: 1px solid #e8e8e8;}
.kefu-ewm img {width: 111px;height: 111px;}
.kefu-ewm p {margin-top: 5px;text-align: center;}
.kefu-more {width: 50px;display: block;text-align: center;background: rgba(204,204,204,.8);margin-bottom: 5px;display: none;float: left;}
.kefu-more i {width: 22px;height: 7px;display: inline-block;background: url(../images/right-kefu.png) no-repeat;background-position: -5px -40px;}
.kefu-gotop {margin-top: 10px;}
.kefu-txt p {float: left;width: 116px;text-align: center;}
.kefu-con.kefu-ewm-con {width: 254px;}
.kefu-con.kefu-ewm-con .kefu-hide {height: 129px;}

#share-iconn {margin-right: -10px;}
#share-iconn a {margin-right: 10px;margin-top: 10px;margin-bottom: 0;padding: 0;width: 30px;height: 30px;background: url(../images/right-kefu.png) no-repeat;float: left;}
#share-iconn a:hover {color: #333;opacity: .8;filter: alpha(opacity=80);}
#share-iconn .bds_qzone {background-position: 0 -36px;}
#share-iconn .bds_weixin {background-position: -5px -110px;}
#share-iconn .bds_tsina {background-position: -80px -70px;}
#share-iconn .bds_tqq {background-position: -40px -70px;}
#share-iconn .bds_renren {background-position: 0 -114px;}
#share-iconn .bds_sqq {background-position: -39px -110px;}
#share-iconn .bds_bdhome {background-position: -5px -70px;}
#share-iconn .bds_more {background-position: -80px -110px;}
.kefu-hob {background: #376ed3;color: #fff;}
.kefu-hob i.kefu-i:before {background-position-y: -35px;}
.kefu-hob p.kefu-font {color: #fff;}