
/* 公共 */
.main{ padding: 20px 0; }
.main-title span{color: #00AFEC; font-size: 20px; font-weight: 500; line-height: 1.8;}
.main-title span.title-tips{ color: #999; font-size: 12px; font-weight: normal; margin-left: 8px;}
.bg-gray{background: #f8f8f8;}
.bg-grey{background: #f2f4f6;}
.bg-white{background: #fff;}
.bg-black{background: #30383E;}
dl,dl dt,dl dd,ul,ul li{list-style: none;}
.modal-open{ padding-right: 0 !important;}

/* 顶部条 */
.nav-top{ height: auto; overflow: hidden;}
.nav-top .top{ height: 32px; border-bottom: 1px solid #e4e4e4;}
.nav-top .top a{font-size: 12px; font-weight: normal; color: #727272; line-height: 32px; cursor: pointer;}
.nav-top .top a.city i:first-child{margin-right: 8px;}
.nav-top .top a.city i:last-child{margin-left: 8px;}
.nav-top .top .right{ float: right; font-size: 12px; font-weight: normal; color: #999; line-height: 32px;}
.nav-top .top .right a{ margin: 0 8px;}
.nav-top .top .right a:last-child{ margin-right: 0;}
.nav-top .top .right a:hover{color: #00AFEC;}

.citySelector{font:12px/1.5 tahoma,arial;background:#fff;text-align:left;}
.cityslide{width:250px;list-style:none;margin:0;padding:0;border:1px solid #8fddf4;box-shadow:2px 2px 3px rgba(0,0,0,0.3);overflow:auto;max-height:300px;}
.cityslide li{list-style:none;overflow:hidden;height:30px;padding:0px 10px;line-height:30px;}
.cityslide li.on{background:#00AFEC;color:#fff;cursor:pointer;}
.cityslide li:hover{background:#00AFEC;color:#fff;cursor:pointer;}
.cityslide li b{font-weight:normal;}
.cityslide li.empty{background:#fff2e8;color:#666;}
.cityslide li.empty em{color:red;font-style:normal;}
.cityname{float:left;}
.cityspell{float:right;}
.cityBox{width:380px;border:1px solid #8fddf4;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.3);}
.cityBox ul{margin:0;padding:0;overflow:hidden;}
.cityBox ul li:first-child{margin-left:5px;}
.cityBox ul li{float:left;list-style:none;padding:5px;border-bottom:1px solid #DDD;cursor:pointer;display:inline;color:#00AFEC;}
.cityBox ul li.on{border-bottom-color:#00AFEC;position:relative;}
.hide{display:none;}
p.tip{color:#999;line-height:20px;padding:5px;margin:0;text-indent:3px;}
.hotCity{border-top:1px solid #DDD;margin-top:-1px;clear:left;overflow:hidden;padding-bottom:10px;padding-top:10px;_margin-bottom:8px;}
.cityTab{overflow:hidden;}
.cityTab dl{margin:0;padding:0 0 0 10px;overflow:hidden;}
.cityTab dl dt{float:left;padding-left:3px;color:#00AFEC;margin-top:1px;text-indent:5px;line-height:25px;font-size:14px;width:20px;}
.cityTab dl dd{margin-left:2px;float:left;width:335px;}
.cityTab dl dd a{padding-left:5px;min-width:66px;line-height:25px;display:inline-block;color:#333;text-decoration:none;}
.cityTab dl dd a:hover{color:#00AFEC;}
.cityinput{ font-size: 12px; border: none; border-radius: 0; background: none; height: 32px; width: 72px; color: #666; padding: 0;}
.cityinput:focus,.cityinput:active{outline: none !important; border-color: transparent; box-shadow: none;}

/* 导航 */
.header{ display: block; width: 100%; background: #fff; box-shadow: 0 2px 5px #bbb;}
.row{ margin-left: 0; margin-right: 0;}
.menuzord{margin-top: 2px;}
.main-nav a{padding-left: 12px !important; padding-right: 12px !important;}
.dropdown p{font-size: 12px; color: #727272; font-weight: normal; margin: 0; padding: 0;}
.main-nav .search-box{ display: inline-block; width: 260px; overflow: hidden; margin-left: 15px;padding-right: 0;}
.main-nav .search-box .search{display: flex; width: 100%; box-sizing: border-box; border: 1px solid #00AFEC; align-items: center;}
.main-nav .search-box button{ border: none; background: #00AFEC; border-radius: 0; font-size: 16px; color: #fff; text-align: center; line-height: 34px; padding: 0 15px;}
.main-nav .search-box input{ background: #fff; font-size: 12px; color: #333; line-height: 34px; border: none; padding: 0 6px; border-radius: 0; flex: 1;}
.main-nav .search-box .form-control:focus,.main-nav .search-box .form-control:active{outline: none !important; border-color: transparent; box-shadow: none;}

/* 页脚 */
footer .copyright{margin:33px 0;color:#b5b5b5;font-size:12px;line-height:1}
footer.link .link-lists{padding:48px 0 16px; list-style: none;}
footer.link .link-lists li{float:left; margin-left:78px}
footer.link .link-lists li h5{margin-bottom:23px;color:#666;font-weight:700;font-size:14px}
footer.link .link-lists li a{display:block;margin-bottom:12px;width:100%;color:#999;font-size:12px; font-weight: normal;}
footer.link .link-lists li a:hover{color:#00c9ff;}
footer.link .link-lists li .bd{margin: 35px 65px 0 0; width:1px; height:122px; background:#dfdfdf}
footer.link .link-lists li .link-code{width: 280px; margin-top: 32px;}
footer.link .link-lists li .link-code img{float:left;display:inline-block;margin-top:-8px;width:142px;height:142px;}
footer.link .link-lists li .link-code .link-code-text{padding:42px 0 0 12px}
footer.link .link-lists li .link-code .link-code-text span{display:block; color:#666;text-align:left; font-size:12px; line-height:1.8;}
footer.link .link-lists li .link-th{padding-left:20px; width:190px;}
footer.link .link-lists li .link-th h5{margin-bottom:24px;color:#666;font-size:14px}
footer.link .link-lists li .link-th span{display:inline-block;margin-bottom:20px;width:100%;color:#333;font-size:12px}
footer.link .link-lists li .link-th .tel{margin-bottom:2px;font-weight:700;font-size:22px;color:#00c9ff;}
footer.link .link-lists li .link-th .link-btn{width:140px;height:24px;border:1px solid #00c9ff;border-radius:2px;background-color:#fff;color:#00c9ff;text-align:center;font-size:12px;cursor:pointer;}
footer.link .link-lists li .link-th .link-btn:hover{background-color:#00c9ff;color:#fff}
footer.link .footer-inner{padding:15px 0;border-top:1px solid #e0e0e0}
footer.link .footer-inner .footer-link{margin:0;color:#b5b5b5;text-align:center;font-size:12px;line-height:24px}
footer.link .footer-inner .footer-link .link-inner{display:inline-block;overflow:hidden;width:770px;vertical-align:middle}
footer.link .footer-inner .footer-link .link-inner p{overflow:hidden;height:24px; margin: 0;}
footer.link .footer-link .link-inner a{float:left;display:block;overflow:hidden;width:70px;color:#b5b5b5;text-overflow:ellipsis;white-space:nowrap; font-weight: normal;}
footer.link .footer-inner .copyright{margin:0;padding:0;border:none;color:#b5b5b5;font-size:12px;line-height:24px}
footer.list .copyright{margin:24px 0;color:#666}
footer.list .six-list-index li {float: left;background:url(../../img/foot-icon.png) no-repeat -21px -252px;text-align: center;width: 196px;padding:18px 0;}
footer.list .six-list-index li.first-li {background:none;}
footer.list .six-list-index li .foot-icon {width: 43px;height: 42px;background:url(../../img/foot-icon.png) no-repeat center;display: inline-block;}
footer.list .six-list-index li .foot-icon-title {color: #333;font-size: 16px;margin:10px 0;}
footer.list .six-list-index li .foot-icon-content {color: #999;font-size: 12px;}
.floatleft{float: left;}
footer.link .link-lists li.n-m-l{margin-left: 0;}

.scrollToTop{cursor: pointer;}

/* 侧边悬浮 */
.side-tool-bar{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side-tool-bar ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side-tool-bar ul li:hover{background:#00AFEC;color:#fff}
.side-tool-bar ul li:hover a{color:#fff}
.side-tool-bar ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side-tool-bar ul li i.bgs1{background-image:url(../img/toolbar/right_pic5.png)}
.side-tool-bar ul li i.bgs2{background-image:url(../img/toolbar/right_pic7.png)}
.side-tool-bar ul li i.bgs3{background-image:url(../img/toolbar/right_pic2.png)}
.side-tool-bar ul li i.bgs4{background-image:url(../img/toolbar/right_pic1.png)}
.side-tool-bar ul li i.bgs5{background-image:url(../img/toolbar/right_pic3.png)}
.side-tool-bar ul li:hover i.bgs1{background-image:url(../img/toolbar/right_pic5_on.png)}
.side-tool-bar ul li:hover i.bgs2{background-image:url(../img/toolbar/right_pic7_on.png)}
.side-tool-bar ul li:hover i.bgs3{background-image:url(../img/toolbar/right_pic2_on.png)}
.side-tool-bar ul li:hover i.bgs4{background-image:url(../img/toolbar/right_pic1_on.png)}
.side-tool-bar ul li:hover i.bgs5{background-image:url(../img/toolbar/right_pic3_on.png)}
.side-tool-bar ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side-tool-bar ul li.sidetop{background:#00AFEC;color:#fff}
.side-tool-bar ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side-tool-bar ul li.sideewm .ewBox.son{width:300px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../img/toolbar/wx.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side-tool-bar ul li.sideetel .telBox.son{width:300px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#00AFEC}
.side-tool-bar ul li.sideetel .telBox dd{display:block;height:72px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side-tool-bar ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:12px;font-size:18px}
.side-tool-bar ul li.sideetel .telBox dd.bgs1{background:url(../img/toolbar/right_pic8.png) 28px center no-repeat;background-color:#00AFEC}
.side-tool-bar ul li.sideetel .telBox dd.bgs2{background:url(../img/toolbar/right_pic9.png) 28px center no-repeat}
.side-tool-bar ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}