h1,h2,h3,h4,h5,h6,p,ul,li{ margin: 0; padding: 0;}
@font-face {
    font-family:'AliHYAiHei';
    src:url(font/AliHYAiHei.ttf);
  }
  @font-face {
    font-family:'MicrosoftYaHeiLight';
    src:url(font/Microsoft\ YaHei\ UI\ Light.ttf);
  }
  @media (min-width: 1200px){
  .container {
      width: 1000px;
  }
}
img{ margin: 0; padding: 0; border: none;max-width: 100%;}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder
{font-size:16px; font-family:'Microsoft YaHei';font-weight:400; color:rgba(92,92,92,1);}
ul,li{ list-style: none;}
body{ font-family: 'MicrosoftYaHeiLight','Microsoft YaHei'; font-size: 14px; line-height: 30px;}
a,a:link,a:visited,a:hover,a:active{ text-decoration: none;}
.f12{ font-size: 12px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
.bg{background:rgba(241,241,241,1);}
.green{ color:#18B70C;}
.red{ color: #F72E2E;}
/* 头部 */
.header{ }
.header .search{ width: 250px;border:1px solid rgba(79,161,247,1); padding: 0 10px; line-height: 40px; border-radius:21px; position: relative;}
.header .search .input-text{ border: none; outline: none; line-height: 18px; margin-top: 11px;}
.header .search .input-btn{border: none; outline: none; width: 60px;position: absolute; top:-1px; right: -1px;  background:url(../images/input-btn-ico.png)  no-repeat center center #4FA1F7;border-radius:21px;}
.header .logo h1{ line-height:42px; font-size: 28px;}
.header .logo h1 a{ font-family:MicrosoftYaHeiLight;font-weight:400;color:rgba(79,161,247,1);}
.header .tel{ padding: 0 0 0 31px;font-size:22px; background:url(../images/tel.png)  no-repeat left center; line-height: 42px;font-family:Microsoft YaHei;font-weight:400;color:rgba(36,36,36,1);}
.header .weather{  margin-left: 43px; line-height: 42px;}
.header .weather .weather-city{font-size:22px;font-family:Microsoft YaHei;font-weight:400;color:rgba(36,36,36,1);}
.header .weather .weather-ico{ margin: 0 5px;}
.header .weather .weather-temperature{font-size:22px;font-family:Microsoft YaHei;font-weight:400;color:#242424;}
/* 导航 */
.nav{background:rgba(79,161,247,1); line-height: 46px;}
.nav li{ float:left;}
.nav li a{font-size:16px;font-family:'MicrosoftYaHei';font-weight:400;color:rgba(255,255,255,1); padding: 0 67px; display: block; line-height: 45px; border-left: solid 1px rgba(126,188,253,1) }
.nav li.active a,.nav li:hover a{background:rgba(126,188,253,1); }
.nav li:first-child a{ border-left: none;}
/* 首页 */
.banner{ position: relative;}
.banner img{ max-width: 100%;}
.banner .owl-pagination{ position:absolute; left:0px; right:0px; bottom:0px; text-align: center;}
.banner .owl-theme .owl-controls .owl-page span{ width:10px; height:10px; margin: 5px 5px 10px;}
.banner  .owl-theme .owl-controls .owl-page.active span, 
.banner .owl-theme .owl-controls.clickable .owl-page:hover span{background:rgba(79,161,247,1);;}

.index-box{ padding: 30px 0;}
.index-box .title{ border-bottom: solid 1px #E2E1E1; position: relative;}
.index-box .title a{ display:inline-block; margin-bottom: 10px; cursor: pointer;width:72px; text-align: center; line-height: 24px; border:1px solid rgba(136,136,136,1);border-radius:15px; color: #585858; font-size: 12px; position: absolute; right: 0;}
.index-box .title strong{color:rgba(36,36,36,1); display: inline-block; line-height:30px; border-bottom: solid 2px rgba(79,161,247,1); width: 80px;position: relative; bottom: -1px;}
.index-box .index-line .title strong{font-family:'MicrosoftYaHei'; color: #4FA1F7;}
.index-box .index-line>ul,.index-box .index-new ul{ padding: 5px 0 0 0;}
.index-box .index-line>ul>li{ margin-top: 30px; cursor: pointer;}
.index-box .index-line>ul>li h3{ height: 30px; overflow:hidden; line-height: 30px;}
.index-box .index-line>ul>li h3 a{ color: #242424;}
.index-box .index-line>ul>li:hover h3 a{ color: #4FA1F7;}
.index-box .index-line>ul>li .describe{ line-height: 21px; height: 84px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
   margin-top: 10px;
   text-indent: 2em;
  }

.index-box .index-new { padding-left: 30px;}
.index-box .index-new li{margin-top: 30px; cursor: pointer;}
.index-box .index-new h3 { line-height: 30px; height: 30px; overflow:hidden;}
.index-box .index-new h3 a{ color: #242424;}
.index-box .index-new li:hover h3 a{color: #4FA1F7;}
.index-box .index-new .describe{line-height: 18px; height:36px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 8px; font-size: 12px; text-indent: 2em;}
.index-box .index-new li .date{background:rgba(248,248,248,1); text-align: center;}
.index-box .index-new li .date .day{background:rgba(228,228,228,1); line-height: 45px; font-size: 30px; color: #999; font-family:'MicrosoftYaHei'; font-weight: bold;}
.index-box .index-new li:hover .date .day{ background: #4FA1F7; color: #fff;}

.index-carousel{ margin: 50px; position: relative;}
.index-carousel .bg1{background:rgba(253,112,109,1);}
.index-carousel .bg2{background:rgba(79,161,247,1);}
.index-carousel .bg3{background:rgba(241,145,24,1);}
.index-carousel .bg4{background:rgba(105,185,177,1);}
.index-carousel .bg5{background:rgba(253,112,109,1);}
.index-carousel .item{ padding: 18px 0 0 0; cursor: pointer;}
.index-carousel h6{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(255,255,255,1);line-height:21px;}
.index-carousel .ico{ height: 80px; line-height: 80px; margin-top:40px;}
.index-carousel h4{ text-align: center; color: #4FA1F7; margin-bottom: 30px; font-family: 'MicrosoftYaHei';}
.index-carousel .owl-controls{ position: absolute;left:-50px; right: -50px; top: 50%; margin-top: -15px;}
.index-carousel .owl-controls .owl-buttons div{ position: absolute;width: 30px; height: 30px; border-radius: 50%;overflow: hidden; text-align: center; line-height: 30px; border: solid 1px #4FA1F7; background: url(../images/owl-btn.png) no-repeat center center; background-size: 20px; }
.index-carousel .owl-controls .owl-buttons div.owl-next{ left: 0;transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.index-carousel .owl-controls .owl-buttons div.owl-prev{ right: 0;}
/* 底部 */
.footer{background:rgba(79,161,247,1); padding: 46px 0 30px;}
.footer p,.footer p a{ color: #fff;}
.footer .coder-img img{ width: 110px; padding: 8px; background: #fff; border-radius: 5px; overflow: hidden; }
.footer .copy{ text-align: center; color: #fff; margin-top: 55px;line-height:40px;}
/* 漫步步道 */
.healthy-list{ padding: 30px 0;}
.healthy-list li{ margin-bottom: 20px;}
.healthy-list .healthy-li{ margin-left: -5px; margin-right: -5px;}
.healthy-list .healthy-li .healthy-li-content{ display: block;background:rgba(255,255,255,1);border-radius:4px; padding: 10px;}
.healthy-list .healthy-li .thumb{ height: 230px; overflow: hidden; text-align: center;}
.healthy-list .healthy-li .thumb img{ max-width: 100%; max-height: 230px;}
.healthy-list .healthy-li h3{font-size:20px;font-weight:bold;color:rgba(51,51,51,1); line-height: 30px; height: 30px; overflow: hidden; margin: 20px;}
/* 单页 */
.about{ padding: 50px 0; color: #242424;}
.about .article{ padding: 30px; line-height: 45px;}
/* 新闻列表 */
.news-list{padding: 50px 0;}
.news-list-item li{ margin-bottom: 32px; border-bottom: solid 1px #ddd; padding: 10px 0; cursor: pointer;}
.news-list-item li .thumb img{ width: 100%;}
.news-list-item li h3{ height: 30px; line-height: 30px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  }
.news-list-item li h3 a{ font-size: 22px;  color: #333;}
.news-list-item li:hover h3 a{ color:#4FA1F7;}
.news-list-item li .tag{ margin: 20px 0 30px;}
.news-list-item li .tag a{ color: #888888; display: inline; padding: 5px 15px; border:1px solid #888; margin-right: 12px;}
.news-list-item li .describe{ line-height: 30px; height: 60px; text-indent: 2em; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  }
.news-list-item li .time{ font-size: 12px; color: #999;font-weight:bold; padding: 18px 20px 20px 25px; background: url(../images/time-ico@2x.png) no-repeat center left; background-size: 20px;}
.selection-time{ width: 100px;}
.selection-time h3{font-size:22px;font-weight:bold;color:rgba(51,51,51,1); margin-bottom: 20px;}
.selection-time li{ line-height: 55px;  }
.selection-time li a{color: #999;}
.selection-time li.active{ border-bottom: solid 2px #E30000;}
/* 走进步道 */
.list-container{width: 1140px;margin: 0 auto;}
.list-box{ padding: 50px 0;}
.list-info{width: 1140px;margin: 0 auto;box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.05);border-radius:10px;background: #fff;margin-top: -50px;position: relative;z-index: 9;padding: 40px 46px 40px 129px;}
.list-info-lable{position: absolute;top: -2px;left: 40px;text-align: center; height: 88px;width: 64px;background-size: cover;background-position: center;font-size: 20px;color: #fff;padding-top: 20px;}
.list-info-content{line-height: 30px;color: #585858;font-size: 20px;}
.list-box-item{width: 900px;height: 210px;padding: 30px;padding-left: 274px;position: relative;}
.list-box-item:hover{background: #F8F8F8;}
.list-box-item::after{content:"";width: 840px;bottom: 0;left:30px;position: absolute; border-bottom: solid 1px #E1E1E1;}
.list-box-item .img{width: 220px;height: 150px;position: absolute;top: 30px;left: 30px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.list-box-item .title{width:100%;color: #4FA1F7;font-size: 18px;margin-bottom: 14px;overflow: hidden;text-overflow: ellipsis;}
.list-box-item .content{font-size: 14px;width: 100%;height: 80px;overflow: hidden;line-height: 21px;color: #585858;}
.list-box-item .time{color: #999999;font-size: 12px;margin-top: 15px;line-height: 1;}
.list-side ul{ background: #F8F8F8; text-align: center; width: 180px;}
.list-side ul li{ line-height: 50px; cursor: pointer;font-weight: bold; font-size: 16px;color: #333333;border-bottom: solid 1px #E1E1E1;}
.list-side ul li.title{background: #4FA1F7;color: #fff;font-size: 24px;}
.list-side ul li.active,.list-side ul li:hover{ color: #4FA1F7;}
.list-side ul li.active::after,.list-side ul li:hover::after{content: "";display: inline-block;width: 12px;height: 12px;vertical-align: middle;margin-left: 10px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA1UlEQVQoU2NkIBEwIqv3X/h963+G/z////gQszld6hs2s1A0+C36fpfxP4MSA8P/U4z/ON03JDJ+QNeEbsMdBgYGZZCi/wwMNxj+/HPelMz9DFkTTg1gTf8Z7jEzMnquj+e4BdOEVwNYESPDy/+/Ge03JXPchHCRgP/C73AnIYT/f/jP8M9+UzzPJWI0PPn3n8ljcwL7VYJOArn/PxODy+Y4zvs4Pe234PtdRkZQsDJe+vX3t8v2JN7XeIPVb+H3A4z/GX4z/v8RuiFRECMOMPxATCoBALRzWQ1DGadvAAAAAElFTkSuQmCC) no-repeat;background-size: cover;}
.list-side ul li.active a{ color: #fff;}
/* 新闻详情 */
.news-info{ padding: 50px 0;}
.news-info .news-info-title .time{font-size:18px;font-family:Microsoft YaHei; color:rgba(102,102,102,1);}
.news-info .news-info-title{ border: solid 1px #ddd;border-radius:4px; padding: 30px 50px;}
.news-info .news-info-title h2{ font-size:24px;font-family:MicrosoftYaHei; font-weight:bold;color:rgba(51,51,51,1);line-height:79px; text-align: center; margin-bottom: 20px;}
.news-info .news-info-title .shara-div li{  display: inline-block; margin-right: 5px; cursor: pointer; position: relative;}
.news-info .news-info-title .shara-div li .wx-coder{ width: 260px; padding:20px; border: solid 1px #ddd; position: absolute; left: -50%; 
    top: 55px; z-index: 22; background: #fff; text-align: left; font-size: 12px;}
.news-info .news-info-title .shara-div li .wx-coder .close{ position: absolute; right: 20px; top: 10px;}
.news-info .news-info-title .shara-div li .wx-coder .code-img{ width: 185px; margin: 5px auto;}
.news-info .news-info-title .shara-div li .ico{ border: dotted 1px #333; padding: 1px; border-radius: 5px;}
.bsBox *,.bsBox,#bsPanel{ box-sizing: content-box !important;}
.news-article{ padding: 50px;}
.news-article,.news-article p,.news-article div,.news-article span,.news-article strong{ font-family:'MicrosoftYaHeiLight' !important;  font-size: 14px !important; color:#333333!important; line-height: 30px !important;font-weight:bold;}
.news-article img{ display: block; max-width: 100%; margin: 30px auto;}
/* 分页 */
.pageBox{ padding: 40px 0; text-align: center;}
.pageBox li{ display: inline-block; padding: 0 10px; border:1px solid rgba(79,161,247,1);border-radius:4px; margin: 0 5px; cursor: pointer;}
.pageBox li a{color:rgba(79,161,247,1);line-height: 20px; display: inline-block;}
.pageBox li.active,.pageBox li:hover{ background: #4FA1F7; color: #fff;}
.pageBox li.active a,.pageBox li:hover a{color: #fff;}

.scroll-box{ transition: all 0.6s ease-out 0s;}
.scroll-box>ul ,.scroll-box .selection-time{ margin-top: 50px;}
.scroll-box.active{ position: fixed; top: 0;}


.footer-box-left { width: 300px;}
.footer-box-mid{ width:210px;}
.footer-box-code{ width: 460px;}

/* 步道服务 */
.about-nav{box-shadow:0px 3px 5px 0px rgba(4,0,0,0.15);background: #fff;}
.about-nav ul{width: 100%;height: 82px;text-align: center;}
.about-nav ul li{display: inline-block;text-align: center;line-height: 80px;color: #333;font-size: 16px;font-weight: bold;}
.about-nav ul a:first-child{float: left;}
.about-nav ul a:last-child{float: right;}
.about-nav ul li:hover,.about-nav ul li.active{
  color: #4FA1F7;
  font-size: 16px;
  border-bottom: solid 2px #4FA1F7;
}
.about .article p{font-weight: bold;}

/* 步道美图 */

.img-view{position: fixed;z-index: 999;top: 0;left: 0;height: 100vh;width: 100vw; display: none;}
.img-view .bg{position: absolute;width: 100%;height: 100%;z-index: 1;background: rgba(0, 0, 0, 0.6);top: 0;left: 0;}
.img-view .main{width: 900px;height: 80vh;position: absolute;z-index: 2;left: calc(50% - 450px);top: 10vh;}
.img-swiper {width: 100%;height: 100%;overflow: hidden;}
.img-swiper .swiper-slide{text-align: center;display: flex;justify-content: center;align-items: center;}
.img-swiper .swiper-slide img{max-width: 900px;height: auto;}
.swiper-pagination{color: #fff !important;}