@charset "utf-8";
:root{
    --color:#358cff;
    --radius5:5px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
    margin:0;
    padding:0;
    /*touch-action: none;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    max-width: 750px;
    background: #fff;
    margin: 0 auto;
    padding-bottom: 78px;
}
body.ceng{ overflow: hidden; }
body.pofix{padding-top: 60px;}
ul,li{list-style-type: none;padding: 0;margin: 0;}
table{border-collapse:collapse;border-spacing:0;}
.tcen {text-align: center;}
.fl{float: left;}
.fr{float: right;}
.maximg{width: 100%;vertical-align:middle;}
.images{width:100%;max-width: 100%;vertical-align:middle;}
.back-white{background:#fff;}
.after:after,
.back-white:after{display:block;clear:both;content:""}
.hg15{width:100%;height:15px;clear:both;}
.mt10{margin-top: 10px;}.mt15{margin-top:15px;}
.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb30{padding-bottom: 30px;}.pb60{padding-bottom:60px;}
.lr15{ padding: 0 15px; }
.hide{ display: none !important; }
.ovh{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.ovhs{ display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.bgh{ width: 100%;height: 10px;background: #f5f5f5;clear: both; }
.vmore{display:block;width:100%;height:45px;line-height:45px;border-radius:50px;text-align:center;color:var(--color);background:#f5f5f5;border:0;
    margin-top:30px;outline:0}
.vmore.otel{ background: var(--color); }
.vmore.otel a{ color: #fff;font-size: 16px; }
.app-loding{ display: none; }
.dask-ceng{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 666;
}
body.ceng .dask-ceng{ display: block; }
/** .clo-a-3 **/
.clo-a-3 a{display:block;float:left;width:32%;height:40px;line-height:40px;text-align:center;background:#f5f5f5;margin:0 2% 2% 0;
    border-radius:var(--radius5);color:#000;}
.clo-a-3 a:nth-of-type(3n){ margin-right: 0; }
/** lables **/
.lables span{
    display:inline-block;
    color: #999;
    font-size: 12px;
    border: 1px solid #ebebeb;
    border-radius: 65px;
    padding: 4px 15px;
    margin:0 5px 5px 0;
}
.lables span:last-child{ margin-right: 0 }
/**--- Header ---*/
.header{
    position: relative;
    padding: 0 15px;
    width: 100%;
    height: 60px;
    background: var(--color);
    z-index: 10099;
}
.pofix .header{
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.header .event-citys{ position: absolute; line-height: 60px;color: #fff;cursor: pointer; }
.header .event-citys img{ width: 18px; vertical-align: -6px;margin-right: 2px; }
.header .event-citys span{ font-size: 16px;font-weight: 600; }
.header .event-citys a{ color: #fff;font-size: 16px; }
.header .logo{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}
.header .logo img{ width: 120px; }
/**--- Slide ---*/
.slide-data{ margin: 20px 0; }
.slide-data .swiper-slide img{ display: block;width: 100%; }
/**--- Menu ---*/
.wap-menus{ padding: 0 15px 20px; }
.wap-menus ul li{ width: 33.33%;float: left;text-align: center; }
.wap-menus ul li a{ display: block;padding: 0 12px 25px; }
.wap-menus ul li .imgs{ width: 90%;margin: 0 auto; }
.wap-menus ul li img{ width: 100%;height: 100%; }
.wap-menus ul li .catname{
    font-size: 12px;
    color: #000;
    line-height: 15px;
    display: block;
    width: 100%;
    height: 15px;
    margin-top: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.comm-tel img{ margin-top: -15px; }
/**--- hot-city ---*/
.hot-city .am-tabs-nav.am-nav{ height: 60px;line-height: 60px;border-bottom: 3px solid #f5f5f5; }
.hot-city .am-tabs-nav.am-nav li{
    float: left;
    width: calc(100% / 4);
    text-align: center;
    margin: 0;
}
.hot-city.hotnews .am-tabs-nav.am-nav li{ width: calc(100% / 3); }
.hot-city .am-tabs-nav.am-nav li:after{ position: absolute;bottom: 1px;left: 0; display: block;width: 100%;height:2px;content: "";z-index: 65; }
.hot-city .am-tabs-nav.am-nav li a{ padding: 0;color: #333;font-weight: bold;background: none; }
.hot-city .am-tabs-nav.am-nav li.am-active:after{ background: var(--color); }
.hot-city .am-tabs-nav.am-nav li.am-active a{ color: var(--color); }
/** tab-ul **/
.hot-city .am-tabs-bd{ border: 0; }
.hot-city .am-tabs-bd ul{ padding: 10px 5px; }
.hot-city .am-tabs-bd ul li{ float: left; width: 32%;text-align: center;line-height: 40px;background: #f5f5f5;border-radius:var(--radius5);margin-bottom: 2%; overflow: hidden; }
.hot-city .am-tabs-bd ul li:nth-of-type(3n-1){ margin: 0 2%; }
.hot-city .am-tabs-bd ul li a{ display: block; color: #000; }
/** hotnews **/
.hot-city.hotnews .am-tabs-bd ul li{ width: 100%;background: transparent;text-align: left;line-height: normal;margin: 0;padding: 8px 0; }
.hot-city.hotnews .am-tabs-bd ul li:nth-of-type(3n-1){ margin: 0; }
.hot-city.hotnews .am-tabs-bd ul li a{ display: inline-block; width: calc(100% - 70px); }
/**--- footer-nav ---*/
.footer-nav{
    width: 100%;
    height: 78px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: var(--color);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    overflow: hidden;
    z-index: 10080;
}
.footer-nav ul li{
    position: relative;
    padding: 15px 0;
    float: left;
    width: 33.3333333%;
    text-align: center;
}
.footer-nav ul li:nth-of-type(2):after,
.footer-nav ul li:nth-of-type(2):before{ display: block;position: absolute;top: 0;width: 1px;height: 100%;background: #5da3ff;content: "";z-index: 6; }
.footer-nav ul li:nth-of-type(2):after{ left: 0; }
.footer-nav ul li:nth-of-type(2):before{ right: 0; }
.footer-nav ul li img{ display: block;width: 25px;margin: 0 auto 6px; }
.footer-nav ul li a{ color: #fff; }
/**--- Message ---*/
.message-list{ height: 40px;line-height: 40px;margin-top: 10px; overflow: hidden; }
.message-list .swiper-slide{ width: 100%;line-height: 40px;font-size: 14px;color: #999;font-weight: 600;text-align: center; }
.message-list .swiper-slide span{ padding: 0 10px; }
.message-list .swiper-slide span.ctel{ color: var(--color); }
.message-list .swiper-slide span.ctime{ color: #ff5383; }
/**--- Module-list ---*/
.common-title{ height: 50px;line-height: 50px;margin: 20px 0 10px; }
.common-title h3{ position: relative; font-size: 22px;color: #000;padding-left: 15px; }
.common-title h3::after{ position: absolute;left: 0;top: 14px; display: block;content: "";background: var(--color);width: 6px;height: 24px;z-index: 66; }
.common-title.nobor h3::after{ opacity: 0; }
.common-title h3 a{
    display: block;
    width: 18px;
    height: 25px;
    background: url("../images/icon-right18x31.png") no-repeat center right;
    background-size: 12px;
    margin: 12px 15px 0 0;
}
/** module-list **/
.module-list{ padding: 0 15px 30px; }
/**--- reco-company ---*/
.company-lists .list{ padding: 0 15px 30px; }
.part.company-lists .list{ padding-bottom: 0; }
.company-lists .list ul li{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.company-lists .list ul li img{
    display: block;
    width: 120px;
    margin-right: 15px;
}
.company-lists .list ul li .remark{
    width: calc(100% - 135px);
}
.company-lists .list ul li .remark h5{ padding: 10px 0 0; }
.company-lists .list ul li .remark h5 a{ color: #000;font-size: 16px; }
.company-lists .list ul li .remark .desc{ margin: 10px 0 15px;font-size: 12px;color: #666;}
.company-lists .list ul li .remark .address{ font-size: 12px;color: #666;padding: 10px 0 15px 20px;
    background: url("../images/address19x24.png") no-repeat 0 11px;background-size: 13px; }
.dial-tel{
    position: absolute;
    right: 0;
    bottom: 10px;
    display: block;
    width: 35px;
    z-index: 56;
}
/**--- module-article ---*/
.module-article{ padding: 0 15px 30px; }
.module-article .list{ margin-top: 20px; }
.module-article ul li{ padding: 20px 0;border-top:2px solid #f5f5f5; }
.module-article ul li a{
    display: block;
    color: #000;
}
.module-article ul li p{ font-size: 12px;margin: 5px 0 20px;color: #666; }
/**--- Dropload ---*/
.dropload-down,.dropload-up{position:relative;height:0;overflow:hidden;font-size:12px;-webkit-transform:translateZ(0);transform:translateZ(0)}
.dropload-down{height:50px}
.dropload-load,.dropload-noData,.dropload-refresh,.dropload-update{height:50px;line-height:50px;text-align:center}
.dropload-load .loading{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #666;border-bottom-color:transparent;
    vertical-align:middle;-webkit-animation:rotate .75s linear infinite;animation:rotate .75s linear infinite}
@-webkit-keyframes rotate {
    0% {-webkit-transform: rotate(0deg);}
    50% {-webkit-transform: rotate(180deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
/**----------------
  Slide-subcat
-------------------*/
.slide-subcat{ padding: 0 0 0 15px; height:59px;line-height:60px;position:relative;overflow: hidden; }
.slide-subcat .swiper-slide { text-align:center;width:auto;margin-right:25px; }
.slide-subcat .swiper-slide a{ display: block; }
.slide-subcat .swiper-slide:last-child{ background:none; }
.slide-subcat .swiper-slide a{ font-size:15px;color:#000; }
.slide-subcat .swiper-slide.active a{ color: var(--color);font-weight: 600; }
/**--- Article ---*/
.article-list{ padding: 0 0 30px; }
.article-con{padding: 0 15px;}
.article-con ul li{padding: 20px 0;border-top: 2px solid #f5f5f5;}
.article-con ul li a{display: flex;align-items: center;color: #000;}
.article-con ul li.noimg .imgs{ display: none; }
.article-con ul li .imgs{width: 120px;margin-right: 15px;}
.article-con ul li .imgs img{ border-radius:var(--radius5);overflow: hidden; }
.article-con ul li .remark{width: calc(100% - 135px);}
.article-con ul li.noimg .remark{ width: 100% }
.article-con ul li .remark h5{ padding-bottom: 5px; }
.article-con ul li .remark p{ font-size: 12px;color: #666; }
.article-con ul li .remark .lables{ margin-top: 15px; }
/**--- Show ---*/
.article-show{padding: 30px 15px 0;}
h1.sh1{ font-size: 18px;color: #000; }
.article-show .uptime{ padding-top: 6px;color: #666; }
.article-show .u-title .user-info{
    padding: 20px 0;
    display: flex;
    align-items: center;
}
.article-show .u-title .user-info img{ display: block;width: 65px;height: 65px; border-radius: 65px;margin-right: 15px; overflow: hidden; }
.article-show .u-title .user-info .utxt{ width: calc(100% - 80px); }
.article-show .u-title .user-info h5{ font-size: 16px;padding-bottom: 5px; }
.article-show .u-title .user-info p{ color: #666;font-size: 13px; }
.article-show .detail{line-height: 26px;}
.article-show .detail span{ color: #333 !important;text-decoration: none !important; }
.article-show .detail img{ display: block;width: 100% !important; }
/**--- Content-list ---*/
/** filter-list **/
.filter-list{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    z-index: 999;
}
.filter-list ul li{
    position: relative;
    float: left;
    width: calc((100% - 53px) / 3);
    font-size: 16px;
    font-weight: 600;
}
.filter-list ul li:after{
    position: absolute;
    top: 22px;
    left: 37px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("../images/ico-up.png") no-repeat;
    background-size: 12px;
    content: "";
    transition: all .3s;
    z-index: 6;
}
.filter-list ul li:last-child{ float: right; width: 53px;padding-right: 18px; }
/** dask **/
.dask-list .childer::-webkit-scrollbar,
.pledg-con::-webkit-scrollbar{display: none;}
.dask-list{
    width: 100%;
    height: 0;
    max-width: 750px;
    position: fixed;
    top: 50px;
    left: 0;
    background: #fff;
    transition: all .3s;
    z-index: 1008;
    overflow: hidden;
}
.dask-list .childer{
    position: relative;
    float: left;
    width: 50%;
    height: calc(320px - 61px);
    overflow-y: auto;
}
.dask-list .childer.evet-province,
.dask-list .childer.evet-city{ height: 95% }
.dask-list .childer:after{
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height:100%;
    background: #f5f5f5;
    content: "";
    z-index: 65;
}
.dask-list .childer a{
    display: block;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    background: url("../images/ico-right.png") no-repeat calc(100% - 15px) 50%;
    background-size: 8px;
}
.dask-list .childer a .cbox{
    position: relative;
    float: right;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #e4e4e4;
    margin-top: 18px;
}
.dask-list .childer a .cbox:after{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: url("../images/yes.png") no-repeat;
    background-size: 12px;
    content: "";
}
.dask-list .childer a.on{ color: var(--color); }
.dask-list .childer a.on{
    background: url("../images/ico-righthv.png") no-repeat calc(100% - 15px) 50%;
    background-size: 8px;
}
.dask-list .childer a.on .cbox{ border-color: var(--color); }
.dask-list .childer a.on .cbox:after{ opacity: 1; }
.dask-list .childer:last-child:after{ display: none; }
.dask-list .childer:nth-last-child(2) a{ background: none; }
.dask-list .gets{
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    padding: 10px 15px 0;
    border-top: 1px solid #f5f5f5;
}
.dask-list .gets .bth{ float: left; display: block;width: 48%;border: 0;height: 40px;line-height: 40px;font-size: 14px;font-weight: normal;
    border-radius: var(--radius5);outline: none;color: #2c2adc;background: #f5f5f5;
}
.dask-list .gets .bth:last-child{ float: right;background: var(--color);color: #fff; }
/** event-pledge **/
.event-pledge{ padding: 0 15px; }
.event-pledge h5{ font-size: 18px;color: #000;padding: 30px 0 15px;font-weight: normal; }
.event-pledge .pledg-con{
    position: relative;
    height: calc(320px - 130px);
    overflow-y: auto;
}
.event-pledge a{ float: left; display: block;width: 23%;margin: 0 2.5% 2.5% 0;text-align: center;background: #f5f5f5;color: #333;
    border-radius: var(--radius5);height: 35px;line-height: 35px;text-overflow: ellipsis;white-space: normal;overflow: hidden; }
.event-pledge a:nth-of-type(4n){ margin-right: 0; }
.event-pledge a.on{ background: var(--color);color: #fff; }
.event-pledge.dask-list .gets .bth{ width: 100%; }
/** active **/
.filter-list ul li.active{ color: var(--color); }
.filter-list ul li.active:after{ background: url("../images/ico-down.png") no-repeat;background-size: 12px; }
.dask-list.vopen{ height: 320px; }
/** slide-cate **/
.cate-ishot{ padding-top: 50px;  }
.slide-cate{ padding: 20px 15px 0; }
.slide-cate .swiper-slide{ position: relative;border-radius: var(--radius5);overflow: hidden; }
.slide-cate .swiper-slide a{ display: block; }
.slide-cate .swiper-slide img{ display: block;width: 100%; }
.slide-cate .swiper-slide h5{ display: flex;position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 16px;color: #fff;
    justify-content: center;align-items: center;background: rgba(0,0,0,.6);z-index: 65; }
/** company-lists **/
.part.company-lists{ padding: 20px 0; }
.part.company-lists .list ul{ padding-top: 20px; border-top: 2px solid #f5f5f5; }
.part.company-lists .empty{ text-align: center; }
/**--- Content-show ---*/
.content-show .slide-show .swiper-pagination-fraction{
    text-align: right;
    padding: 0 15px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    bottom: 60px;
}
.content-show .sintro{
    position: relative;
    padding: 30px 15px;
    border-top-left-radius : 25px;
    border-top-right-radius : 25px;
    margin-top: -40px;
    background: #fff;
    z-index: 6;
    overflow: hidden;
}
.sintro .lables{ margin: 12px 0; }
.sintro .address-tel{ position: relative; }
.sintro .address-tel .address-txt{
    width: 70%;
    color: #666;
    line-height: 22px;
}
.sintro .address-tel a{
    position: absolute;
    right: 0;
    top: -30px;
    display: block;
    width: 28%;
    transform: translateY(-50%);
    z-index: 65;
}
.sintro .cite-date{ color: #666; }
/** tab-detail **/
.tab-detail{ padding: 15px 0; }
.shead-list{ padding: 20px 0 0; }
.shead{
    width: 100%;
    padding: 0 15px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    overflow: hidden;
    z-index: 70;
}
.shead ul li{ width: 25%; float: left; display: block; text-align: center;cursor: pointer; }
.shead ul li a{ font-size: 16px; font-weight: bold;color: #333; }
.shead ul li a.am-active{ color: var(--color); }
.table-content.detail{ padding: 20px 15px;line-height: 26px; }
.table-content.detail span{ color: #333 !important;text-decoration: none !important; }
.table-content.detail img{ display: block;max-width: 100%;margin: 0 auto; }
/**--- Citys-list ---*/
.citys-list{ background: #f5f5f5; padding: 15px 0 10px; }
.hotcity,.indexed-list{ width: calc(100% - 55px); }
.hotcity,.citys-all{ padding: 0 15px; }
.hotcity .cons h2,
.indexed-list h2{ color: #000;font-size:18px;padding-bottom: 10px; }
.incity{ width: calc(100% - 70px); background: #fff;margin-bottom: 15px;text-indent: 15px;color: #000;font-size: 18px;padding: 20px 0;
    border-top-right-radius: 5px;border-bottom-right-radius: 5px;font-weight: bold; }
.incity span{ padding: 6px 18px;background: var(--color);color: #fff;font-size: 14px;margin-left: 15px;border-radius:var(--radius5);font-weight: normal;vertical-align: 2px; }
.hotcity .cons{ padding: 15px; background: #fff;margin-bottom: 15px; }
/** indexed-list **/
.indexed-list li{ padding: 15px 15px 10px; background: #fff;margin-bottom: 15px;border-radius:var(--radius5);overflow: hidden; }
.indexed-list dd,
.hotcity .cons ul li{ float: left; display: block;width: 30%;height: 30px;line-height: 30px; margin-bottom: 5%;background: #f5f5f5;
    text-align: center;border-radius:var(--radius5);text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.indexed-list dd:nth-of-type(3n-1),
.hotcity .cons ul li:nth-of-type(3n-1){ margin: 0 5%; }
.indexed-list dd a,
.hotcity .cons ul li a{display: block;color: #000;}
.indexed-list dd a:hover,
.hotcity .cons ul li a:hover{ background: var(--color);color: #fff; }
.indexed-nav{ padding:15px 0;  width: 40px; background-color: #fff;position: fixed;top: 50%;right: 15px;z-index: 99;color: #666;
    -webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 65px; }
.indexed-nav li{ text-align: center;line-height: 24px; }
.indexed-nav li.active{ color: var(--color);font-weight: 600; }
#hhb_prompt{position: fixed;left: 50%;top: 50%;z-index: 10;margin: -30px 0 0 -30px;width: 60px;height: 60px;text-align: center;line-height: 60px;font-size: 30px;color: #fff;background: rgba(0,0,0,.5);border-radius: 4px;}
/**--- Wenda ---*/
.wenda-list ul li{margin-bottom: 25px;}
.wenda-list ul li h5,
.wenda-list ul li p{ line-height: 30px; }
.wenda-list ul li h5{ font-size: 16px;color: #000;font-weight: normal;margin-bottom: 10px; }
.wenda-list ul li p{ color: #666; }
.wenda-list ul li h5:before,
.wenda-list ul li p:before{
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    content: "";
    margin-right: 10px;
}
.wenda-list ul li h5:before{
    background: url("../images/wen.png") no-repeat center left;
    background-size: 30px;
}
.wenda-list ul li p:before{
    background: url("../images/da.png") no-repeat center left;
    background-size: 30px;
}
/**--- Service ---*/
.service-con{
    padding: 0 15px;
}
.service-con ul li{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.service-con ul li img{
    display: block;
    width: 120px;
    border-radius:var(--radius5);
    margin-right: 15px;
    overflow: hidden;
}
.service-con ul li .remark{width: calc(100% - 135px);}
.service-con ul li .remark h5{ font-size: 16px;color: #000; }
.service-con ul li .remark p{ color: #666;margin: 3px 0 15px; }
.service-con ul li .remark strong{ color: #ff0012; }
.service-con ul li .dial-tel{ bottom: 0; }
/**--- news ---*/
.table-content .module-article{ padding: 0 0 30px; }
.table-content .module-article ul li:last-child{ border-bottom: 2px solid #f5f5f5 }
/** breadcrumbs **/
.statement{ padding: 20px 15px; background:#f7f8fa; }
.statement .statement-cons{ color: #333; }
.scurrent{ margin-bottom: 20px; }
.scurrent a{ position: relative; color: #666;padding: 0 10px; }
.scurrent a:first-child{ padding-left: 0; }
.scurrent a:after{ display: block; width: 8px;height: 12px; position: absolute;top: 5px;right: -5px;content: "";
    background: url("/static/images/icon-right18x31.png") no-repeat;background-size: 6px; }
.scurrent a:last-child:after{ background: none; }
.scurrent a.last{ color: #333; }
/**--- Prenext ---*/
.prenext:after{ display: block;content: "";clear: both; }
.prenext{ padding: 20px 0; }
.prenext p{ font-size: 12px; float: inherit !important;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.prenext a{ font-size: 12px; height: 25px;line-height: 25px;color: #666;}
@media screen and (min-width:755px){
    .header{ width: 750px; }
}