/*css init*/
html,body {
    background: #f0f0f1;
    font-family: "Microsoft Yahei","Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
a:hover,a:active,a:link,a:visited {
    color:#06B9D1;
    text-decoration: none;
    font-weight: normal;
}
.cyf-line-ellipsis {
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;     
}
.cyf-box-ellipsis {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.md-container {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}
.lg-container {
    width: 100%;
    overflow: hidden;
}
.header {
    background-color:#fff;
}
.header .sub-menu {
    background: #323232; 
}
.header .sub-menu a {
    font-size: 13px;
    font-weight: 300;
    padding: 8px 0;
    text-decoration: none;
}
.header .sub-menu a,.header .sub-menu a:active,.header .sub-menu a:link,.header .sub-menu a:visited { 
    color:#ababab;
}
.header .sub-menu a:hover {
    color:#fafafa;
}
.header .sub-menu a.pull-right {
    margin-left:10px;
}
.header .sub-menu a.login-active {
    max-width:150px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.header .sub-menu a.signup {
    background: #06B9D1;
    padding: 8px 20px;
    color:#fff;
    font-weight: normal;
}
.header .logo-search {
    padding-top:20px;
}
.header .logo-search .logo{
    width:150px;
}
.header .logo-search form {
    padding:10px 0px 0px 28%;
    color:#666;
}
.header .logo-search .search-input {
    height:35px;
    line-height:35px;
    outline:0px solid rgba(0,0,0,0);
    border:1px solid #d0d0d0;
    width: 50%;
    padding-left:10px;      
}
.header .logo-search .search-input:focus {
    border-left: 1px solid #06B9D1;     
    border-top: 1px solid #06B9D1; 
    border-bottom: 1px solid #06B9D1; 
}
.header .logo-search .search-btn {
    height:35px;
    line-height:33px;
    background: #06B9D1;
    width:12%;
    text-align: center;
    border:1px solid #06B9D1;
    color:#fff;
    outline:0px solid rgba(0,0,0,0);
}
.header .logo-search .search-btn.active,
.header .logo-search .search-btn:hover {
    border:1px solid #04A9BF;
    background: #04A9BF;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;    
}
.header .main-menu {
    background: #06B9D1;
}
.header .main-menu .nav-navbar li {
    min-width:100px;
    float:left;
    text-align: center;
    font-weight: 500;
    height: 35px;
    line-height: 35px;
}
.header .main-menu .nav-navbar li a {
    padding: 0px 15px;    
    color: #fff;
}
.header .main-menu .nav-navbar li a:focus {
    background:#06B9D1;
}
.header .main-menu .nav-navbar li:hover a,.header .main-menu .nav-navbar li.active a {
    padding: 0px 15px;    
    background:#04A9BF;
    color:#fff;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}
.header .main-menu.up {
    position:fixed;
    top:0px;
    left:0px;
    width: 100%;
    background: #0906eb;   
    transition-duration: 0.3s;
    transition-timing-function: ease-in;   
    z-index:100;
}
.header .main-menu ul li {
    border-right: 1px solid #04A9BF;
}
.header .main-menu ul li:last-child {
    border-right: 1px solid #06B9D1;
}
.footer {    
    background-color: #283140;
    padding: 15px 0;
    font-weight: 300;
    font-size: 13px;
    color:#ababab;    
}
.footer .content {
    padding: 15px 0;
}
.footer .content .col {
    float: left;   
}
.footer .content .col.col-aboutus,
.footer .content .col.col-prod,
.footer .content .col.col-cooperation{
    width:20%;
}
.footer .content .col .sub-title {
    color:#fafafa;
    font-size:15px;
    font-weight: bold;
}
.footer .content .col .tel {
    font-size:16px;
    font-weight: 400;
}
.footer .content .img {
    width: 110px;
}
.footer .content .col-right-2 {
    width:50%;
    float: right;
    text-align: center;
}
.footer .content .col-right-2 .text {
    padding: 10px 0;
}
.footer .site-info {
    border-top:1px solid #ababab;    
    padding-top: 15px;
}
.footer .content .col a,
.footer .site-info a {
    color:#ababab;
    text-decoration: none;
}
.footer .content .col a:active,
.footer .content .col a:link,
.footer .content .col a:visited,
.footer .site-info a:hover,
.footer .site-info a:active,
.footer .site-info a:link,
.footer .site-info a:visited{
    color:#ababab;
    text-decoration: none;
}
.footer .content .col a:hover {
    color:#fafafa;
}
.footer .site-info .site-logo {
    height: 40px;
}
/*browser-update-hint*/
.browser-update-hint {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height: 100%;
    background: #27303F;
    z-index:100;
    text-align: center;
    color:#fff;
}
.browser-update-hint .logo {
    margin-top: 5%;
    width:200px;
}
.browser-update-hint p {
    display: block;
    width:600px;
    margin: 0 auto;
    text-align: left;
    padding: 5px 0px;
    font-size: 16px;
}
.browser-update-hint .text {
    font-size:35px;    
    border-bottom: 2px solid #fff;   
    margin-bottom: 10px;
}
.browser-update-hint p .cyf-btn {
    border:1px solid #fff;
    padding: 3px 10px;
    margin: 5px 0px 0px 10px;
    color:#fff;
}
/*pageMask*/
.page-mask {
    position:fixed;
    z-index: 10;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: rgba(22, 22, 22,0.5);
    display: none;
}
/*cyf-modal*/
.cyf-modal {
    position: fixed;
    z-index: 11;
    width: 680px;   
    top:20%;
    left:50%;
    margin: 0 -340px;
    background:#fff;
    display: none;
}
.cyf-modal .cyf-modal-header,
.cyf-modal .cyf-modal-footer {
    height: 50px;
    background: #efefef;
    line-height: 50px;
}
.cyf-modal .cyf-modal-header {
    border-bottom: 1px solid #e6e6e6;
}
.cyf-modal .cyf-modal-footer {
    border-top: 1px solid #e6e6e6;
}
.cyf-modal .cyf-modal-header .title {
    font-size: 18px;
    padding: 0px 10px;
    color:#555;
}
.cyf-modal .cyf-modal-header .title .close {
    margin: 10px 5px 0px;
}
.cyf-modal .cyf-modal-content {
    padding-bottom: 50px;
}
.cyf-modal .cyf-modal-content .qrcode {
    margin: 0 auto;
    text-align: center;
}
.cyf-modal .cyf-modal-content .qrcode img {
    margin-top: 40px;
    width: 200px;
    height: 200px;
    display: inline-block!important;
}
.cyf-modal .cyf-modal-content .text {
    padding-top: 20px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #27303F;
    line-height: 1.5em;
}
.cyf-modal .cyf-modal-footer .cyf-btn {
    display: inline-block;
    background: #ddd;
    height: 30px;
    width:70px;
    line-height: 30px;
    cursor: pointer;
    margin:0px 10px; 
}
.cyf-modal .cyf-modal-footer .cyf-btn-default {
    background: #06B9D1;
    color:#fff;
}
.cyf-modal .cyf-modal-footer .cyf-btn:hover,
.cyf-modal .cyf-modal-footer .cyf-btn.active {
    background: #06B9D1;
    color: #fff;
}
/*right-bottom-tool-wrap*/
.right-bottom-tool-wrap {
    position:fixed;
    z-index: 9;
    right:0;
    bottom:0;
    width:46px;
    overflow: hidden;
    background: #eee;
    
}
.right-bottom-tool-wrap .square {
    width:40px;
    height:40px;
    overflow: hidden;
    background: #fff;
    margin-top: 1px;
    box-shadow: 0px 0px 1px #eee;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.right-bottom-tool-wrap .square.active-qrcode {
    margin-top: -1px; 
}
.right-bottom-tool-wrap .square i {
    font-size: 20px;
    margin: 10px;
    color:#555;
}
.right-bottom-tool-wrap .text {
    display: none;
    line-height: 16px;
    margin: 4px;
    color: #fff;
}
.right-bottom-tool-wrap .square:hover {
    background: #06B9D1;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}
.right-bottom-tool-wrap .square:hover i {
    display: none;
}
.right-bottom-tool-wrap .square:hover .text {
    display: block;
}
/*cyf-toast*/
.cyf-toast {
    position:fixed;
    z-index: 11;
    top:5px;
    left:50%;
    width:250px;
    min-height: 40px;
    padding: 10px;
    background: rgba(59,59,59,.8);
    margin:0px -125px;
    border-radius: 1px;
    color: #fff;
    display:none;
}
/*link-pager*/
.md-container .link-pager {
    margin: 0 auto;
    text-align: center;
}
.md-container .link-pager li a,.md-container .link-pager li span {
    margin: 0px 5px;
    height: 30px;
    border-radius: 3px;
    color:#999;
}
.md-container .link-pager li a:hover {
    border:1px solid #06B9D1;
    background: #fff;
    color:#06B9D1;
}
.md-container .link-pager li.active a {
    background:#06B9D1;
    border:1px solid #06B9D1;
    width: 50px;
    color:#fff;
}
.md-container .link-pager li.prev a,.md-container .link-pager li.next a {
    width: 70px;
    height: 30px;  
}
/*error page*/
/* site-error-page */
.site-error {
    position: relative;
    background:#fff;
    margin:15px auto;
    text-align: center;
}
.site-error .other-error {
    min-height:450px;
    padding-top:80px;
    color:#06b9d1;
}
.site-error .other-error .name {
    font-size:55px;
    font-weight: 100;
}
.site-error .other-error .desc {
    text-align:left;
    padding-left: 35%;
    line-height:2em;
    font-weight: 100;
}
.site-error .btn-wrap {
    position: absolute;
    bottom: 0px;
    width:100%;
    text-align: center;
    padding-bottom: 25px;
}
.site-error .btn-wrap .btn {
    border: 1px solid #06b9d1;
    padding: 6px 35px;
    font-size:16px;
    margin:15px;
    color: #06b9d1;
    border-radius: 1px;
}
.site-error .btn-wrap .btn.go-home {
    background-color: #06b9d1;
    color:#fff;
}
.site-error .btn:hover,
.site-error .btn.go-home:hover{
    background-color:#06b9d1;
    border-color:#06b9d1;
    color:#fff;
}
.site-error .btn-wrap .error-tips {
    letter-spacing: 1px;
    color:#aaa;
}
.site-error .btn-wrap .error-tips .num {
    color:#06b9d1;
    font-size:16px;
}
/* site-feedback */
.site-feedback .feedback-header {
    margin-top: 15px;
    background-color:#fff;
}
.site-feedback .feedback-header .feedback-banner {
    width:100%;    
}
.site-feedback .feedback-body {
    background-color: #fff;
    margin:15px auto;
    padding: 15px 25px;
}
.site-feedback .feedback-body-header .title {
    font-size:18px;
    color:#666;
    padding: 10px 0 15px;
}
.site-feedback .feedback-body-header .title .desc {
    font-size:14px;
    color:#888;
    margin-left: 5px;
}
.site-feedback .feedback-body-content {
    border-top:1px solid #dfdfdf;
    padding: 15px 0px 50px;
}
.site-feedback .feedback-form .row-name label {
    font-size:15px;
    color:#888;
    font-weight: 400;
    margin-bottom: 15px;
}
.site-feedback .feedback-form .content {
    width:600px;
    outline-width:0;
    border:1px solid #dfdfdf;
    padding: 10px;
    margin-bottom: 25px;
    color:#888;
}
.site-feedback .feedback-form .email {
    border:1px solid #dfdfdf;
    height:38px;
    width:300px;
    line-height: 38px;
    outline-width: 0;
    padding-left: 10px;
    color:#888;    
}
.site-feedback .feedback-form .submit {
    display: block;
    width: 168px;
    height:50px;
    background-color: #06B9D1;
    border: 1px solid #06B9D1;
    margin-top: 35px;
    border-radius: 1px;
    font-size: 16px;
    color:#fff;
    outline-width: 0;
}
.site-feedback .feedback-form .submit:hover {
    background-color:rgba(6, 185, 209, 0.89);
}
/*breadcrumb*/
.cyf-breadcrumb {
    background:#dfdfdf;
    margin-top: 10px;
    padding: 3px 10px;
    color:#555;
}
.cyf-breadcrumb .line-ellipsis {
    max-width: 500px;
    margin-bottom:0;
}
.cyf-breadcrumb a {
    color:#555;
    overflow: hidden;
}
.cyf-breadcrumb a.active,.cyf-breadcrumb a.active:hover {
    color:#999;
}
.cyf-breadcrumb span {
    color:#555;
    margin:0px 5px 0px 10px;
}
.cyf-breadcrumb a:hover {
    color:#06B9D1;
}
/*site-index*/
.bd-zones {
    display:none;
   }
.site-index {
    padding: 60px 0;
}   
.site-index .loading-wrap {
   position:fixed;
   width:80px;
   height:80px;
   top:50%;
   left:50%;
   margin:-40px -40px;
}
.site-index .loading-wrap .loading {
   width:80px;
}         
.site-index .map{width:1180px;height:664px;margin:0px auto;position:relative; background:url(//www.cyfeng.com/upload/root/important/zone/chinaMap2.jpg) no-repeat 0 0 ;} 
.site-index .mp{position:absolute;cursor:pointer;background:url(//www.cyfeng.com/upload/root/important/zfi1_1.png) no-repeat 4px 20px;width:24px;height:56px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.site-index .mp:hover{background:url(//www.cyfeng.com/upload/root/important/zfi2.png) no-repeat 4px 20px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.site-index .hover_tu{background:url(//www.cyfeng.com/upload/root/important/zfi2.png) no-repeat 4px 20px;}
.site-index .mp .mito{position:absolute;left:0px;bottom:0px;font-size:10px;color:#666;}
.site-index .mp .find_mi1{left:-12px;width:55px;text-align:center;}
.site-index .mp .find_mi2{left:-5px;width:55px;}
.site-index .feng{position:absolute;display:none;width:347px;height:85px;left:-230px;top:-78px;background:url(//www.cyfeng.com/upload/root/important/zvf1.png) no-repeat 0 top;z-index:10;}
.site-index .feng .sang{position:absolute;left:235px;bottom:0px;background:url(//www.cyfeng.com/upload/root/important/zvf2.png) no-repeat 0 0;width:14px;height:8px;}
.site-index .feng .tree{height:62px;width:330px;margin:9px;}
.site-index .feng .tree .boou{width:86px;height:62px;float:left;}
.site-index .feng .tree .boou img{width:86px;height:62px;}        
.site-index .feng .tree .du_size{float:right;height:62px;width:230px;} 
.site-index .feng .tree .du_size p{font-size:12px;color:#FFF;line-height:20px;}
.site-index .mp1{left:733px;top:232px;}
.site-index .mp2{left:765px;top:222px;}   
.site-index .mp3{left:810px;top:232px;}   
.site-index .mp4{left:800px;top:332px;}  
.site-index .mp5{left:830px;top:352px;} 
.site-index .mp6{left:810px;top:392px;} 
.site-index .mp7{left:810px;top:442px;}     
.site-index .mp8{left:800px;top:482px;}      
.site-index .mp9{left:730px;top:502px;}     
.site-index .mp10{left:740px;top:522px;}  
.site-index .mp11{left:640px;top:452px;}  
.site-index .mp12{left:640px;top:412px;}   
.site-index .mp13{left:560px;top:402px;} 
.site-index .mp14{left:660px;top:322px;}    
.site-index .mp15{left:730px;top:322px;}   
.site-index .mp16{left:730px;top:382px;} 
.site-index .mp17{left:560px;top:492px;} 
.site-index .mp18{left:387px;top:162px;}         
.site-index .mp19{left:795px;top:372px;}
.site-index .mp20{left:715px;top:422px;}
.site-index .mp21{left:577px;top:302px;}
.site-index .mp22{left:767px;top:282px;}
.site-index .mp23{left:817px;top:342px;display:none;}
.site-index .mp24{left:777px;top:362px;}
.site-index .mp25{left:847px;top:146px;}
.site-index .mp26{left:697px;top:282px;}
.site-index .mp27{left:727px;top:267px;}
.site-index .mp28{left:847px;top:107px;}
.site-index .mp29{left:417px;top:372px;}
.site-index .mp30{left:617px;top:272px;}
.site-index .mp31{left:387px;top:162px;}
.site-index .zcactive {background:url(//www.cyfeng.com/upload/root/important/zfi2.png) no-repeat 4px 20px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.site-index .mp .site-index .feng {
    display: none;
}
.site-index .mp .site-index .feng .tree .du_size span {
    font-size: 14px;
    font-weight: bold;
    color:#00FEFF;
    margin: 0px 5px 0px 3px;
    font-style: italic;
}
.site-index .md-container .section {
    width: 100%;
    margin-bottom: 20px;
}
.site-index .md-container .section .section-header {
    text-align: center;
}
.site-index .md-container .section .section-header .title {
    font-size:25px;
    line-height: 35px;
    font-weight: 500;
    color: #444;
}
.site-index .md-container .section .section-header .sub-title {
    font-size: 16px;
    color:#666;
}
.md-container .section .section-content {
    width:100%;
    padding: 0px 17px;
}
.md-container .section .section-content:after {
    content: '';
    display: block;
    height: 0px;
    clear: both;
    overflow: hidden;
}
.md-container .section .section-content .item {
    display: inline-block;
    float: left;
    background: #fff;
    width:351px;
    height:400px;
    margin:15px 15px;
    border:1px solid #eee;
    box-shadow: 0px 0px 5px #eee;
}
.md-container .section .section-content .item .img-wrap {
    width:349px;
    height:230px;
    background: #BEDC94;
    text-align: center;
    position: absolute;
    background-image: url('//www.cyfeng.com/upload/root/important/zone/zone_img_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.md-container .section .section-content div:nth-of-type(6n+1) .img-wrap {
    background-image: url('//www.cyfeng.com/upload/root/important/zone/zone_img_bg_1.jpg');
}
.md-container .section .section-content div:nth-of-type(6n+2) .img-wrap {
    background-image: url('//www.cyfeng.com/upload/root/important/zone/zone_img_bg_2.jpg');
}
.md-container .section .section-content div:nth-of-type(6n+3) .img-wrap {
    background-image: url('//www.cyfeng.com/upload/root/important/zone/zone_img_bg_3.jpg');
}
.md-container .section .section-content div:nth-of-type(6n+4) .img-wrap {
    background-image: url('//www.cyfeng.com/upload/root/important/zone/zone_img_bg_4.jpg');
}
.md-container .section .section-content div:nth-of-type(6n+5) .img-wrap {
    background-image: url('//www.cyfeng.com/upload/root/important/zone/zone_img_bg_5.jpg');
}
.md-container .section .section-content div:nth-of-type(6n+6) .img-wrap {
    background-image: url('//www.cyfeng.com/upload/root/important/zone/zone_img_bg_6.jpg');
}
.md-container .section .section-content .item .img-wrap .img {
    margin: 30px;
    width:170px;
    height: 170px;
    border-radius: 100px;
    border:5px solid rgba(243,243,243,0.8);
}
.md-container .section .section-content .item .img-wrap .join-btn {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 150px;
    height: 40px;
    margin-left: -75px;
    display: inline-block;
    background: #FFF;
    border:1px solid #06B9D1;
    border-radius: 2px;
    line-height: 40px;
    font-size:15px;
    color: #06B9D1;
}
.md-container .section .section-content .item .info {
    position: relative;
    margin-top: 270px;
}
.md-container .section .section-content .item .info p {
    text-align: center;
}
.md-container .section .section-content .item .info .name {
    padding:0 10%;
}
.md-container .section .section-content .item .info .name,
.md-container .section .section-content .item .info .name a {
    font-size: 16px;
    color: #666;
}
.md-container .section .section-content .item .info .btn-wrap a {
    padding-top: 10px;
    color:#06B9D1;
}
.md-container .section .section-content .item:hover {
    box-shadow: 0px 5px 15px #dfdfdf;
    border:1px solid #06B9D1;
    transition: all 0.3s ease-in-out; 
}
.md-container .section .section-content .item:hover .img-wrap .img {
    border:10px solid rgba(255,255,255,0.5); 
    transition: all 0.3s ease-in-out; 
}
.md-container .section .section-content .item:hover .img-wrap .join-btn {
    background: #06B9D1;
    color: #fff;    
    transition: all 0.3s ease-in-out; 
}
.md-container .section .section-content .item:hover .info .btn-wrap a {
    text-decoration: underline;
}
.site-index .md-container .section .load-more-wrap {
    padding-top: 25px;
    text-align: center;
}
.site-index .md-container .section .load-more-wrap a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 168px;
    background: #FFF;
    border:1px solid #06B9D1;
    color: #06B9D1;
    font-size: 15px;
}
.site-index .md-container .section .load-more-wrap a:hover {
    background:#06B9D1;
    color: #fff;
    transition: all 0.3s ease-in-out;    
}
/*zone-index*/
.zone-index {
    margin: 10px auto 50px;
}
.zone-index .section.zone-list {
    background:#fff;
    padding:25px 0px 50px;
}
.zone-index .section.zone-list .select-list {
    padding: 0px 35px;
    color: #444;
    margin-bottom: 35px;
}
.zone-index .section.zone-list .select-list dl:nth-child(3n+1),
.md-container .section.zone-list .select-list dl:nth-child(3n+2) {
    margin-bottom:15px;
    display:block;
    border-bottom: 1px dashed rgb(228,231,233);
}
.zone-index .section.zone-list .select-list dl dt {
    display: inline-block;
    width:100px;
    height:60px;
    float: left;
}
.zone-index .section.zone-list .select-list dl dd span {
    padding-left: 5px;
    display:none;
}
.zone-index .section.zone-list .select-list .grade dt {
    height:30px;
}
.zone-index .section.zone-list .select-list dl div {
    display: inline-block;
    width:1000px;
}
.zone-index .section.zone-list .select-list dl .city {
    margin: 10px 0px;
    padding: 10px 0px 0px;
    background: #eee;
    margin-left: 100px;
}
.zone-index .section.zone-list .select-list dl dd {
    display: inline-block;
    margin: 0px 8px 10px;
    min-width:40px;
    padding: 2px 6px;
    cursor: pointer;
    color:#666;
    text-align:center;
}
.zone-index .section.zone-list .select-list .province dd.active,
.md-container .section.zone-list .select-list dl dd:hover {
    background: #06B9D1;
    color: #fff;
}
.zone-index .section.zone-list .select-list dl dd.active {
    background: #06B9D1;
    color: #fff;    
}
.zone-index .section.zone-list .select-list dl dd.active span {  
    display: inline-block;
}
.zone-index .section .section-content .not-found {
    text-align: center;
    font-size: 20px;
    padding: 10px;
    color:#06B9D1;
}
/*site-map*/
.site-map {
    padding:20px 0px 50px;
}
.site-map .m-box {
    padding:0px 20px;
}
.site-map .m-box .m-box-header {
    border-left: 3px solid #06B9D1;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    color: #666;
    padding-left: 10px;
}
.site-map .m-box .m-box-content {
    padding: 20px 0px;
}
.site-map .m-box .m-box-content a {
    display: inline-block;
    min-width: 50px;
    color: #888;
    margin: 5px;
    text-align: center;
}
.site-map .m-box .m-box-content div a {
    border-left: 2px solid #06B9D1;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    padding-left: 10px;   
    margin-left: 10px;
}
.site-map .m-box .m-box-content a:hover {
    color:  #06B9D1;
}
/*zone-view*/
.zone-view {
    margin-bottom: 20px;
}
.zone-view.lg-container .zone-header {
    display: block;
    max-height: 700px;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}
.zone-view.lg-container .zone-header .bg {
    display: block;
    width:100%;
    max-height:600px;
}
.zone-view.lg-container .zone-header .logo-wrap {
    position:absolute;
    top:5%;
    width: 100%;
}
.zone-view.lg-container .zone-header .logo-wrap .logo {
    width:150px;
    height: 150px;
    border-radius: 50%;
    border:3px solid #fff;
    background: #fff;
}
.zone-view.lg-container .zone-header .logo-wrap .name {
    margin-top:1%;
    font-size: 28px;
    font-weight: 600;
    color:#fff;
}
.zone-view.lg-container .zone-header .logo-wrap .desc {
    color:#fff;
    font-size: 16px;
    margin-top:0.5%;
    padding: 0 20%;
}
.zone-view.lg-container .zone-header .logo-wrap .city {
    font-size: 20px;
    color:#06B9D1;
    font-weight: bold;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;  
    margin-top:0.5%;
}
.zone-view.lg-container .md-container .left {
    margin-top: 20px;
    display:inline-block;
    width:830px;
    float: left;
    background: #fff;
    padding: 0px 15px 50px;
}
.zone-view.lg-container .md-container .right {
    margin-top: 20px;
    display:inline-block;
    width:330px;  
    float: right;
}
.zone-view.lg-container .md-container .right .zd-box {
    background:#fff;
    margin-bottom: 20px;
}
.zone-view.lg-container .md-container .right .zd-box .zd-box-title {
    font-size: 16px;
    color:#597a96;
    padding: 10px 15px;
    border-bottom: 1px dashed #cccccc;
}
.zone-view.lg-container .md-container .right .zd-box .zd-box-title i {
    font-size: 16px;
    margin-right: 5px;
}
.zone-view.lg-container .md-container .right .zd-box .zd-box-content {
    padding: 15px;
    color:#aab8c2;
}
.zone-view.lg-container .md-container .right .zd-box .zd-box-content .service-tag {
    display: block;
    padding: 3px 8px;
    background: #06B9D1;
    float: left;
    margin:0px 0px 10px 15px;
    color:#888;
    cursor: pointer;
}
.zone-view.lg-container .md-container .right .zd-box .zd-box-content .service-tag:nth-of-type(6n){
    background: #9AD3E2;
}
.zone-view.lg-container .md-container .right .zd-box .zd-box-content .service-tag:nth-of-type(6n+1){
    background: #F7E081;
}
.zone-view.lg-container .md-container .right .zd-box .zd-box-content .service-tag:nth-of-type(6n+2){
    background: #BEDC94;
}
.zone-view.lg-container .md-container .right .zd-box .zd-box-content .service-tag:nth-of-type(6n+3){
    background: #EE8C9B;
}
.zone-view.lg-container .md-container .right .zd-box .zd-box-content .service-tag:nth-of-type(6n+4){
    background: #C2EAEA;
}
.zone-view.lg-container .md-container .right .zd-box .zd-box-content .service-tag:nth-of-type(6n+5){
    background: #E8D7F1;
}
.zone-view.lg-container .md-container .right .zd-box .zd-box-content .service-tag:hover {
    background: #06B9D1;
    color:#fff;
}
.zone-view.lg-container .md-container .right .service .zd-box-content,.zone-view.lg-container .md-container .right .cost .zd-box-content,.zone-view.lg-container .md-container .right .taxes .zd-box-content,.zone-view.lg-container .md-container .right .fs .zd-box-content,.zone-view.lg-container .md-container .right .field .zd-box-content {
    padding: 15px 30px;
}
.zone-view.lg-container .md-container .right .cost .zd-box-content .cost {
    font-size: 18px;
    color:#06B9D1;
}
.zone-view.lg-container .md-container .right .field .zd-box-content .field-tag {
    display: block;
    padding: 2px 8px;
    background: #fff;
    float: left;
    margin:0px 0px 10px 15px;
    color:#888;
    border-radius: 3px;
    cursor: pointer;    
}
.zone-view.lg-container .md-container .right .field .zd-box-content .field-tag:nth-of-type(6n) {
    border:1px solid #9AD3E2;
}
.zone-view.lg-container .md-container .right .field .zd-box-content .field-tag:nth-of-type(6n+1) {
    border:1px solid #BEDC94;
}
.zone-view.lg-container .md-container .right .field .zd-box-content .field-tag:nth-of-type(6n+2) {
    border:1px solid #C2EAEA;
}
.zone-view.lg-container .md-container .right .field .zd-box-content .field-tag:nth-of-type(6n+3) {
    border:1px solid #EE8C9B;
}
.zone-view.lg-container .md-container .right .field .zd-box-content .field-tag:nth-of-type(6n+4) {
    border:1px solid #F7E081;
}
.zone-view.lg-container .md-container .right .field .zd-box-content .field-tag:nth-of-type(6n+5) {
    border:1px solid #F0586C;
}
.zone-view.lg-container .md-container .right .field .zd-box-content .field-tag:hover {
    background: #06B9D1;
    border:1px solid #06B9D1;
    color:#fff;
}
.zone-view.lg-container .md-container .zone-section {
    padding: 20px 0px 0px;    
}
.zone-view.lg-container .md-container .zone-section .zone-section-title {
    font-size: 16px;
    color:#597a96;
    border-left:3px solid #06B9D1;
    padding-left: 10px;
    padding-bottom: 5px;
}
.zone-view.lg-container .md-container .zone-section .zone-section-content {
    padding:10px;
    font-size: 15px;
    line-height: 25px;
    color:#aab8c2;
}
.zone-view.lg-container .md-container .zone-section .zone-section-content a:link {
    color:#aab8c2;
}
.zone-view.lg-container .md-container .zone-section .zone-section-content #map {
    width:100%;
    height:300px;
}
.zone-view.lg-container .md-container .zone-section .project {
    padding:10px 5px 10px 15px;
}
.zone-view.lg-container .md-container .zone-section .project .item {
    width:250px;
    border:1px dashed #eee;
    background: #fff;
    display: inline-block;
    margin: 5px 7px 7px 0px;
}
.zone-view.lg-container .md-container .zone-section .project .item:hover {
    background: #06B9D1;
    border:1px solid #06B9D1;
}
.zone-view.lg-container .md-container .zone-section .project .item .img-wrap{
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.zone-view.lg-container .md-container .zone-section .project .item .img-wrap img {
    width: 100%;
    height:100%;
}
.zone-view.lg-container .md-container .zone-section .project .item .name p{
    color: #aab8c2;
    padding: 0px 5px;
    overflow: hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;   
    height: 45px;
    line-height: 45px;
    margin-bottom: 0px;
}
.zone-view.lg-container .md-container .zone-section .project .item .name p a,.zone-view.lg-container .md-container .zone-section .project .item .name p a:link,.zone-view.lg-container .md-container .zone-section .project .item .name p a:active,.zone-view.lg-container .md-container .zone-section .project .item .name p a:visited {
    color:#aab8c2;
    font-weight:600;
}
.zone-view.lg-container .md-container .zone-section .project .item:hover p {
    color: #fff;
}
.zone-view.lg-container .md-container .zone-section .project .item:hover p a:link,.zone-view.lg-container .md-container .zone-section .project .item:hover p a:visited {
    color: #fff;
    text-decoration: underline;
}
.zone-view.lg-container .zone-footer {
    position: relative;
}
.zone-view.lg-container .zone-footer.zone-join img {
    width:100%;
    display: block;
}
.zone-view.lg-container .zone-footer.zone-join .join-btn {
    position: absolute;
    left:50%;
    margin-left: -200px;
    width:400px;
    height:80px;
    bottom: 6%;
}
/*site-search*/
.site-search {
    min-height: 500px;
}
.site-search .not-found-wrap {
    width:100%;
    text-align: center;
    padding:50px 0px;
    background: #fff;
}
.site-search .z-box {
    background: #fff;
    padding: 10px;
    border-radius: 3px;
}
.site-search .z-box-header {
    font-size: 18px;
    color:#06B9D1;
    border-bottom: 1px solid #eeeeee;
    padding: 5px 5px 0px;
}
.site-search .z-box-content {
    padding:5px;
}
.site-search .z-box-content .item {
    border-bottom: 1px solid #eeeeee;
    padding: 15px 5px;
}
.site-search .z-box-content .item:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.site-search .z-box-content .item .img-wrap {
    display: inline-block;
    float: left;
}
.site-search .z-box-content .item .img-wrap img {
    width:80px;
    height:80px;
    border-radius: 3px;
    border:1px solid #fafafa;
}
.site-search .z-box-content .item .info-wrap {
    display: inline-block;
    height: 80px;
    padding-left: 10px;
    float: left;
}
.site-search .z-box-content .item .info-wrap p {
    height:30px;
    line-height: 30px;
}
.site-search .z-box-content .item .info-wrap .name{
    font-size: 16px; 
    color:#666;
}
.site-search .z-box-content .item .info-wrap .name:hover {
    color:#06B9D1;
}
.site-search .z-box-content .item .info-wrap .desc{
    width:1000px;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;     
    color: #999;
}
.site-search .z-box-header span {
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 3px solid #06B9D1;
}
.site-search .link-pager {
    margin: 0 auto;
    text-align: center;
}
.site-search .link-pager li a,.site-search .link-pager li span {
    margin: 0px 5px;
    height: 30px;
    border-radius: 3px;
    color:#999;
}
.site-search .link-pager li a:hover {
    border:1px solid #06B9D1;
    background: #fff;
    color:#06B9D1;
}
.site-search .link-pager li.active a {
    background:#06B9D1;
    border:1px solid #06B9D1;
    width: 50px;
    color:#fff;
}
.site-search .link-pager li.prev a,.site-search .link-pager li.next a {
    width: 70px;
    height: 30px;  
}