/*! 首页  */
body{background:#fff;}
/*! 固定图片高宽比:padding-bottom = height / width */
.scale-img{position:relative;width:100%;padding-bottom:100%;}
.scale-img img{position:absolute;top:0;left:0;width:100%;height:100%;}
.space-box{width:100%;height:120px;}
.space-box-mini{width:100%;height:20px;}
/*! 导航部分 */
.header-nav{position:absolute;left:0;top:0;z-index:999;width:100%;height:60px;overflow:hidden;transition:.3s;}
.index-body .header-nav{background:rgba(0,0,0,.08);}
.header-nav .layui-container{position:relative;transition:all .4s ease-out;}
.header-nav .nav-call{position:absolute;top:0;left:auto;right:90px;height:100%;line-height:60px;}
.header-nav .nav-call img{width:25px;height:25px;margin:-5px 5px 0 0;display:none;}
.header-nav .nav-call span{font-size:14px;}
.header-nav .nav-list{display:inline-block;height:60px;}
.header-nav .nav-list button{position:absolute;top:20px;left:25px;width:30px;height:30px;background-color:transparent;border:none;outline:0;cursor:pointer;}
.header-nav .nav-list button span{display:block;width:25px;height:2px;background:#009cff;margin-bottom:6px;transition:.5s;}
.header-nav .nav-list button span.spa1{transform:rotate(45deg);}
.header-nav .nav-list button span.spa3{transform:rotate(-45deg) translate(5px,-5px);}
.header-nav .layui-nav{position:absolute;left:0;width:100%;color:#000;background:0 0;}
.header-nav .layui-nav *{font-size:14px;}
.header-nav .layui-nav .layui-nav-item{display:block;line-height:60px;}
.header-nav .layui-nav .layui-nav-item a{padding:0 10px;color:#000;}
.header-nav .layui-nav .layui-this:after,
.header-nav .layui-nav-bar{height:2px;background-color:#009cff;}
.header-nav .layui-nav .layui-nav-item a:hover,
.header-nav .layui-nav .layui-this a{color:#009cff;}
.index-body .header-nav .layui-nav,
.index-body .header-nav .layui-nav .layui-nav-item a,
.index-body .nav-call span{color:#fff;}
.index-body .header-nav .layui-nav .active:after{position:absolute;left:0;top:auto;bottom:0;content:'';height:2px;width:100%;background-color:#009cff;}
/*! 页脚部分 */
.footer{padding:100px 50px;background:#383838;}
.index-body .footer{padding:50px;}
.footer .layui-row{padding-top:30px;}
.footer .footer-contact p{margin:10px 0;font-size:14px;color:#fff;}
.footer .footer-contact p:first-child{margin-bottom:40px;}
.footer .footer-form{font-size:14px;color:#afafaf;}
.footer .footer-form .layui-form-item{position:relative;margin:0 40px;height:70px;line-height:70px;}
.footer .footer-form .layui-form-item:last-child{text-align:center;}
.footer .footer-form .layui-inline{margin:0 0;line-height:50px;height:50px;vertical-align:middle;border-bottom:1px solid #969696;}
.footer .footer-form .layui-inline:first-child{position:absolute;left:0;}
.footer .footer-form .layui-inline:last-child{position:absolute;right:0;}
.footer .footer-form .layui-form-label{width:40px;padding:9px 0;text-align:left;}
.footer .footer-form .layui-input-inline{width:200px;margin-right:0;}
.footer .footer-form .layui-input-block{margin-left:40px;}
.footer .footer-form input{border:none;background-color:#383838;color:#fff;}
.footer .footer-form .layui-btn{padding:0 25px;height:40px;line-height:40px;background-color:#383838;border:1px solid #969696;}
.footer .wechat{margin-top:20px;text-align:right;}
.footer .wechat img{display:inline-block;width:160px;height:160px;}
.footer .wechat span{display:inline-block;margin-top:10px;width:160px;text-align:center;font-size:14px;color:#afafaf;}
.footer .copyright,
.footer .copyright a{font-size:14px;color:#fff;text-align:center;}
.footer .copyright span{margin-right:10px;}
/*! 首页-banner */
.header-banner{margin-top:60px;width:100%;}
.index-body .header-banner{margin-top:0;}
.header-banner > .layui-container{padding:0;}
.header-banner .scale-img{padding-bottom:32%;}
.header-banner .index-banner-img{padding-bottom:56%;}
.header-banner .vembox-banner-img{padding-bottom:32%;}
.header-banner .layui-carousel-ind{height:0;}
.header-banner .layui-carousel-ind li.layui-this{background-color:#009cff;}
.index-body .header-banner img{width:100%;height:100%;}
.index-body .header-banner .fp-prev{left:15px;border-width:10px 10px 10px 0;}
.index-body .header-banner .fp-next{right:15px;border-width:10px 0 10px 10px;}
.index-body .header-banner .fp-bottom{position:relative;width:100%;line-height:0!important;text-align:center;top:-50px;}
.index-body .header-banner .fp-bottom ul{display:inline-block;padding:0 5px;background-color:rgba(0,0,0,.2);border-radius:15px;-webkit-transition-duration:.3s;transition-duration:.3s;}
.index-body #fp-nav.fp-right{right:30px;}
/*! 首页-展示区域标题 */
.show-title{width:100%;text-align:center;margin-bottom:50px;}
.index-body .show-title{margin-bottom:0;}
.show-title h3{font-size:30px;line-height:40px;}
.show-title span{font-size:14px;color:#999;line-height:20px;}
.show-title-new h3{color:#000;font-size:20px;font-weight:700;}
.show-title-new span{color:#000;font-size:12px;}
/*! 首页-产品展示 */
.product-show .scale-img{padding-bottom:79%;transition-duration:.5s;}
.product-show .scale-img:hover{transform:scale(1.1);box-shadow:5px 5px 20px grey;}
/*! 首页-案例展示 */
.case-show,
.news-list-show{padding:30px 0;background-color:#f4f4f4;}
.case-show .case-slider .case-object{position:relative;}
.case-show .case-slider .case-object > span{position:absolute;left:0;bottom:0;width:100%;height:120px;line-height:120px;background-color:rgba(0,0,0,.3);color:#fff;font-size:20px;text-align:center;vertical-align:middle;}
.case-show .case-slider .case-object > span.active{background-color:rgba(0,156,255,.3);}
.case-show .bx-wrapper{border:none;background-color:#f4f4f4;box-shadow:none;}
.case-show .bx-wrapper .bx-controls .bx-pager-item > a.active{background-color:#009cff;}
/*! 首页-招商加盟 */
.merchant-show{padding:100px;background-image:url(../img/merchant_bg.png);background-size:cover;background-repeat:no-repeat;}
.index-body .merchant-show{padding:0 100px;}
.merchant-show .merchant-icon-row{padding:50px;}
.merchant-show .scale-img{cursor:pointer;}
.merchant-show .scale-img ~ span{margin-top:20px;display:inline-block;width:100%;text-align:center;font-size:18px;font-weight:700;}
/*! 首页-新闻动态 */
.news-list-show a{display:inline-block;}
.news-list-show a.layui-btn:hover{border:1px solid #c9c9c9;}
.news-list-show .scale-img{padding-bottom:41%;}
.news-list-show .layui-row{padding:25px 0;border-bottom:1px solid #d9d9d9;}
.news-list-show .layui-row a:hover{color:#009cff;}
.news-list-show .news-list-content{margin:0 50px 0 20px;}
.news-list-show .news-list-content a{margin:20px 0;font-size:26px;}
.news-list-show .news-list-content p{font-size:16px;color:#484848;}
.news-list-show .news-list-time{position:relative;height:180px;}
.news-list-show .news-list-time h3{position:absolute;top:20px;right:0;font-size:26px;color:#888;}
.news-list-show .news-list-time a{position:absolute;bottom:0;right:0;transform:rotate(180deg);border-right:1px solid #888;}
.news-list-show .news-list-time a > i{font-size:26px;color:#888;margin-right:25px;}
.news-list-show .news-list-time a:hover > i{color:#009cff;}
/*! 首页-关于我们 */
.about-show{padding:100px;background-image:url(../img/about-bg.png);background-size:cover;background-repeat:no-repeat;}
.about-show .about-content-box{padding:50px;margin:0 auto;}
.about-show .about-content{width:100%;height:100%;background:rgba(255,255,255,.6);}
.about-show .about-content p{padding:50px;text-indent:2em;color:#484848;font-size:14px;line-height:28px;}
.index-body .about-show{height:60%;}
.index-body .footer{height:40%;}
/*! 自助售卖-产品介绍 */
.vembox-show .layui-row{padding:20px 100px;}
.vembox-show .scale-img{padding-bottom:56%;}
.vembox-show .vembox-spec{padding:20px;}
.vembox-show .vembox-spec p{font-size:18px;line-height:30px;}
.vembox-show .vembox-spec p:first-child{font-weight:700;margin-bottom:40px;}
/*! 招商加盟-我们的优势 */
p.advantage-mask{text-align:left;margin:0 200px 0 40px;font-size:16px;}
.advantage-show .scale-img{padding-bottom:25%;cursor:pointer;}
.advantage-show .advantage-img{padding-bottom:40%;}
.advantage-show .advantage-content{display:none;position:relative;width:100%;background-color:#f3f3f3;color:#444;}
.advantage-show .advantage-content > *{position:absolute;left:50px;top:25%;font-size:36px;font-weight:700;}
.advantage-show .advantage-content > span{top:60%;font-size:24px;}
/*! 招商加盟-产品特点 */
.feature-show .feature-container{display:table;width:100%;}
.feature-show .feature-container > div{display:table-cell;margin:0;padding:0;}
.feature-show .feature-container > div:first-child{width:55%;}
.feature-show .feature-container > div:last-child{position:relative;width:45%;min-width:600px;background-color:#009cff;color:#fff;}
.feature-show .scale-img{padding-bottom:51%;}
.feature-show .feature-content{position:absolute;top:30px;bottom:30px;left:40px;}
.feature-show .feature-content > div:first-child{height:60px;vertical-align:middle;}
.feature-show .feature-content > div:first-child > *{display:inline-block;margin:15px 0;height:30px;line-height:30px;vertical-align:middle;font-size:24px;}
.feature-show .feature-content > div:first-child > h3{padding-left:10px;border-left:10px solid #fff;}
.feature-show .feature-content > div:first-child > span{color:#a3d2fe;margin-left:20px;}
.feature-show .feature-content > div:last-child{margin-top:20px;height:calc(100% - 80px);}
.feature-show .feature-content ul{padding:0 20px;height:100%;min-height:240px;}
.feature-show .feature-content ul li{list-style:disc;height:14%;font-size:20px;white-space:nowrap;}
/*! 招商加盟-扶持政策 */
.support-show .support-card{padding:20px;border:1px solid #f5f5f5;text-align:center;font-size:16px;cursor:pointer;}
.support-show .support-card:hover{box-shadow:5px 5px 5px #f6f6f6;}
.support-show .support-card .support-icon{margin:0 auto;width:80px;height:80px;border-radius:90%;background-color:#f7f7f7;background-repeat:no-repeat;background-position:center;background-size:30px 30px;}
.support-show .support-card:hover .support-icon{background-color:#009cff;}
.support-show .support-card .icon-programme{background-image:url(../img/programme.png);}
.support-show .support-card:hover .icon-programme{background-image:url(../img/programme-selected.png);}
.support-show .support-card .icon-course{background-image:url(../img/course.png);}
.support-show .support-card:hover .icon-course{background-image:url(../img/course-selected.png);}
.support-show .support-card .icon-threshold{background-image:url(../img/threshold.png);}
.support-show .support-card:hover .icon-threshold{background-image:url(../img/threshold-selected.png);}
.support-show .support-card .icon-sale{background-image:url(../img/sale.png);}
.support-show .support-card:hover .icon-sale{background-image:url(../img/sale-selected.png);}
.support-show .support-card h3{color:#000;font-weight:700;margin:20px 0;}
.support-show .support-card p{color:#989898;margin-bottom:60px;font-size:14px;}
.youshi-show{padding:50px;background-image:url(../img/youshi_bg.png);background-size:cover;background-repeat:no-repeat;}
.youshi-show .support-card{background-color:#fff;}
.youshi-show .support-card:hover .youshi-box{background-color:#099bfd;}
.youshi-show .support-card p{height:40px;}
.youshi-show .youshi-row .youshi-box{border-radius:50%;}
.youshi-show .youshi-row .youshi-box,
.youshi-show .youshi-row .youshi-box img{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;width:150px;height:150px;}
.youshi-show .youshi-row .youshi-box img{width:80px;height:80px;}
/*! 招商加盟-预期收益 */
.revenue-show{padding:30px 0;color:#fff;background-image:url(../img/revenue.png);background-size:cover;background-repeat:no-repeat;}
.revenue-show .layui-table{margin-bottom:20px;text-align:center;background:rgba(0,0,0,0);}
.revenue-show .layui-table tr:hover{background-color:#2d3236;}
.revenue-show .layui-table td{font-size:18px;color:#fff;}
/*! 招商加盟-使用场景*/
.usage-show{background-color:#fff;}
/*! 新闻详情页 */
.news-banner{margin-top:100px;width:100%;}
.news-banner .scale-img{padding-bottom:18%;}
.news-show .news-title{margin:50px 0 20px 0;text-align:center;font-size:28px;color:#000;}
.news-show .news-time{padding-bottom:20px;margin-bottom:20px;text-align:center;font-size:20px;color:#a1a1a1;border-bottom:1px dashed #ddd;}
.news-show .news-content{font-size:18px;color:#676767;}
/*! 超小屏幕 */
@media screen and (max-width:768px){
.header-nav{background:rgba(255,255,255 ,.8);box-shadow:0 0 0 0 rgba(0,0,0,.05);}
.header-nav .layui-nav{top:60px;}
.space-box{height:30px;}
.case-show .case-slider .case-object > span,
.feature-show .feature-container > div:last-child,
.footer .footer-form,
.news-list-show .layui-row > div:first-child,
.news-list-show .layui-row > div:last-child{display:none;}
.about-show,
.merchant-show{padding:20px;}
.about-show .about-content p,
.about-show .about-content-box{padding:10px;}
}
/*! 小屏幕 */
@media screen and (min-width:768px){
.header-nav .nav-list button{display:none;}
.header-nav .layui-nav{position:absolute;top:0;right:250px;width:auto;padding:0 5px;border-radius:0;margin:0;text-align:right;}
.header-nav .layui-nav .layui-nav-item{display:inline-block;margin:0 30px;line-height:60px;}
}