@charset "utf-8";
/*头部样式*/
.header-w{height: 4.5rem;width: 100%;}
.header-box{height: 4.5rem;width: 100%;position: fixed;display: inline-block;top: 0;left: 0;background: #fff;border-bottom: 1px solid #f8f8f8;z-index: 999;}
.logo img{width: 65% !important;margin: 0 0 0 0.5rem;margin-bottom: 0 !important;}
.more-icon{width: 5%;margin:1.5rem 0.8rem 1.5rem 1.5rem;/* margin: 1.5rem 0.3rem 0 0; */}
/*banner*/
.banner-box{width: 100% !important;margin: 0 !important;padding: 0 !important;height: auto !important; }
/*视频实验展示*/
.video-tit{width: 80%;display: block;margin: 0.5rem auto 0.3rem;}
.video-text{font-size: 0.9rem;color: #999;margin-bottom: 1rem;}
.show-wrap{width: 98%;display: block;margin: 1rem auto 1rem;background: #eee;border-radius: 0.2rem;height: 2rem;overflow: hidden;}
.bofang-list video{width: 95%;/*height: 6rem;*/display: block;margin: 0 auto;}
.show-wrap ul{float: left;list-style: none;width: 100%;display: inline-block;}
.show-wrap ul li{float: left;text-align: center;width: 19%;font-size: 1rem;line-height: 2rem;overflow: hidden;}
.bofang-box{width: 100%;margin: 0 auto;background: #fff;/* padding-bottom: 1.5rem; */}
.bofang-list{width: 33%;/* margin-top: 1.5rem; */}
.bofang-list a{width: 100%; height: 5rem;}
.bofang-list a img{width: 95.5%;display: block;margin: 0 auto;height: 100%;}
.bofang-list a p{color: #666;font-size: 0.9rem;text-align: center;padding-top: 0.3rem;}
.show-wrap ul li.active{background: #2067c6;color: #fff;}
.company-box{width: 98%;display: block;margin: 1rem auto;}
.company-tit{padding: 0 0.5rem;font-size: 1rem;}
.company-intro{font-size: 0.9rem !important;color: #666;padding: 0 0.5rem;box-sizing:  border-box;}
.more-link,.more-link-bg{width: 35%;color: #666666;border-radius: 0.2rem;font-size: 0.9rem;text-align:center;display: block;margin: 2.5rem auto 1rem;height: 2rem;line-height: 2rem;background: #fff;}
/*服务流程*/
.serv-wrap{width: 100%;background: #f6f6f6;display: inline-block;}
.service-tit{font-size: 1.1rem;font-weight: bold;padding-top: 1.5rem;padding-left: 0.5rem;}
.service-tit span{color: #999;padding-left: 0.3rem;font-size: 0.8rem;font-weight: normal;display: inline-block;}
.serv-box{width: 100%;}
.serv-list{width: 20%;}
.serv-item{display: block;margin: 1rem auto;width: 93%;background: #fff;border-radius: 0.2rem;padding-bottom: 0.3rem;/* height: 5rem; */}
.serv-img{display: block;width:40%;padding-top: 0.5rem;margin: 0 auto 0.5rem;}
.serv-img img{}
.serv-item p,.serv-item a{font-size: 0.9rem;text-align: center;}
.serv-item a{display: block;}
/*案例*/
.case-wrap{width: 100%;background:url(../images/bg_case.jpg) no-repeat center top #356db9; background-size: 100% 100%;padding-bottom: 1rem;padding-top: 1rem;}
.case-tit,.proj-tit,.fa-tit{text-align: center;font-size: 1.1rem;color: #fff;font-weight: bold;}
.case-little-tit,.pro-little-tit,.fa-little-tit,.show-little-tit{font-size: 0.9rem;color: #fff;text-align: center;}
.case-tab{width: 100%;display: inline-block;margin-top: 1.2rem;}
.case-tab ul{list-style: none;}
.case-tab ul li{width: 15%;height: 1.8rem;border-radius: 0.2rem;background: #fff;float: left;font-size: 0.8rem;text-align: center;line-height: 1.8rem;margin-left: 0.3rem;margin-bottom: 0.5rem;}
.case-tab ul li.active{background: #202122;color: #fff;}
.case-item{width: 100%;}
.case-item-list{width: 50%;height: 7.2rem;overflow: hidden;margin-top:0.5rem;}
.case-item-list img{width: 95%;display: block;margin: 0 auto;}
/*项目展示*/
.proj-wrap{width: 100%;background: url(../images/bg_proj.jpg) no-repeat center top #fefefe;background-size: 100% 100%;padding-bottom: 1.8rem;}
.proj-tit{color: #333;padding-top: 1.5rem;}
.pro-little-tit{font-size: 0.8rem;color: #333;}
.proj-img-box{height: auto;width: 100%;}
.proj-img-box img{width: 100%;overflow: hidden;}
.proj-img-tit{font-size: 0.9rem;text-align: left;font-weight: bold;padding-top: 0.7rem;text-align: center;color: #2067c6;}
.proj-little-tit{color: #999;font-size: 0.8rem;text-align: center;}
.s-project{
    padding: 1rem;
}

/*解决方案*/
.fa-wraps{width: 100%;background: url(../images/bg_fangan.jpg) no-repeat center top; background-size: 100% 100%;}
.fa-list-box{width: 100%;height: 5rem;margin-top: 2rem;}
.fa-item{width: 25%;float: left;position: relative;}
.fa-item img{width: 93%;height: 100%;margin: 0 auto;display: block;}
.fa-little-tit{font-size: 0.7rem;margin-top: 0.5rem;}
.fa-tit{margin-top:0rem !important;padding-top: 1rem;}
.fa-text{width: 80%;background: rgba(0,0,0,0.6);margin: 0 auto;font-size: 0.9rem;text-align: center;display: block;position: absolute;left:10%;color: #fff;top: 65%;padding-top: 0.1rem;padding-bottom: 0.1rem;}
.morecase-box{width: 100%;margin-top: 0.5rem;}
.morecase-list{width: 20%;float: left;padding:  0.5rem;box-sizing:  border-box;}
.morecase-list img{display: block;margin: 0 auto;border-radius: 50%;border: 1px solid #fff; height: 4rem !important; width: 4rem;}
.morecase-list p{text-align: center;font-size: 0.8rem;color: #fff;padding-top: 0.5rem;padding-bottom: 1rem;}
.more-fa{width: 40%;color: #fff;border-radius: 0.2rem;font-size: 0.9rem;text-align:center;display: block;margin: 1rem auto;height: 1.8rem;line-height: 1.8rem;background: #367fd8;}
/*施工优势*/
.sg-wrap{background: #f6f6f6;}
.sg-swiper-container{width: 100% !important;margin: 0 !important; height: auto !important;background:none !important;}
.sg-swiper-wrapper{background:none !important;padding-bottom: 1.5rem;}
.sg-boxs{width: 70%;margin: 1rem auto;}
.sg-swiper-slide{background: none !important;}
.sg-boxs img{width: 100%;max-height: 11rem;overflow: hidden;}
.sg-text-box{width: 100%;background: #efefef;height: 5rem;}
.sg-text-tit{padding: 0.5rem 0 0.2rem 0.5rem;font-size: 1rem;text-align: left}
.sg-text-con{color:#999999;font-size: 0.8rem;text-align: left;padding: 0rem 0.2rem 0.2rem 0.5rem;}
/*案例展示*/
.show-ul-box{width: 100%;list-style: none;margin-top: 1rem;}
.show-ul-box li{width: 19%;float: left;text-align: center;font-size:0.8rem;height: 1.5rem;line-height: 1.5rem;margin-left: 0.1rem;}
.show-ul-box li.active{color: #fff;background: #367fd8;border-radius: 0.2rem;}
.show-little-tit{color: #999;}
.show-img-box{width: 100%;margin-top: 1rem;display: inline-block;padding: 0.3rem;}
.show-img-list{float: left;width: 32%;position: relative;overflow: hidden;margin-right: 0.2rem;margin-bottom: 0.3rem;}
.show-img-list img{width: 100%;height:6.5rem;display: block;margin: 0 auto;}
.show-img-text{width: 100%;position: absolute;bottom: 0;font-size: 0.8rem;color: #fff;background: rgb(0,0,0,0.5);overflow: hidden;padding-left: 0.2rem;padding-bottom: 0.2rem;}
.more-link-bg{background: #367fd8;color: #fff;border: none;}
/*加盟*/
.add-wrap{width: 100%;background: url(../images/bg_add.jpg) no-repeat center top #f6f6f6;background-size: 100% 100%;display: inline-block;}
.add-con-box{width: 98%;margin: 1.5rem auto;}
.add-con-left{width: 33%;background: #fff;height: 12rem;border-radius: .2rem;}
.add-con-right{width: 65%;background: #fff;height: 12rem;border-radius: .2rem;/* padding: 0.5rem; */}
.add-con-left img{width: 3.3rem;height: 3.3rem;display: block;margin: -1.5rem auto 0.8rem;}
.add-con-ul{text-align: center;font-size: 0.9rem;}
.add-con-ul li{line-height: 2rem;height:2rem;}
.add-con-ul li.active{background: #367fd8;color: #fff;border-radius: 10rem 0rem 0rem 10rem;}
.addimg img{width: 100%;overflow: hidden;}
/*代理*/
.dali-wrap{background: #f6f6f6;width: 100%;display: inline-block;padding-bottom: 0.8rem;}
.tel-wrap{width: 100%;margin-top: 1rem;}
.tel-w{width: 25%;float: left;height: 3.5rem;margin-bottom: 0.2rem;}
.tel-list{width: 95%;display: block;margin: 0 auto;background: #fff !important;height: 3.5rem;padding-left: 0.3rem;}
.tel-list p{font-size: 0.7rem;padding-top: 0.8rem;}
.tel-company{color: #999;font-size: 0.7rem !important;padding-top:0.3rem !important;}
.tel-list.active{background: #367fd8 !important;color: #fff !important;}
.tel-list.active p{color: #fff;}
.morei{width: 1.2rem;height: 1.2rem;display: block;margin: 0 auto;}
.modl{font-size: 1rem;padding-top: 1.2rem;}
/*关于畅步*/
.about-wrap{background: #fff;}
.about-text{padding: 0.5rem;font-size: 0.8rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-break:break-all;height: 7.8rem;line-height: 1.8;}
.about-text p{text-indent: 2em;line-height: 1.6;}
.about-img-list{width: 25%;height: 3rem;float: left;background: #fff;}
.about-img-list img{width: 95%;display: block;margin: 0 auto;}
.about-w{width: 100%;background: #fff;display: inline-block;margin-top:1rem;}
/*荣誉*/
.honor-wrap{display: inline-block;width: 100%;background: #fff;}
.honor-list{width: 33%;overflow: hidden;margin-top: 0.8rem;float: left;}
.honor-list img{width: 95%;display: block;margin: 0 auto;height: 10rem;}
.honor-list p{text-align: center;font-size: 0.9rem;line-height: 2.2;}
.honer-bott{width: 50%;float: left;height: 9rem;}
.honer-bott img{width: 95%;display: block;margin: 0 auto;}
.honer-bott p{text-align: center;font-size: 0.9rem;line-height: 2.2;}
/*常见问题*/
.que-wrap{width: 100%;background: #f6f6f6;display: inline-block;}
.que-tit-box{width: 100%;margin-top: 1rem;margin-bottom: 0.5rem;}
.que-tit-box li{width: 50%;float: left;}
.que-tit-box li a{background: #dedede;height: 1.8rem;line-height: 1.8rem;text-align: center;border-radius: .2rem;font-size: 1rem;display: inline-block;width: 60%;margin: 0.5rem;}
.que-tit-box li a.active{background: #2f87e1;color: #fff;}
.que-wd-list{width: 97%;display: block;margin: 0 auto;}
.que-weiti{border-bottom: 1px solid #dcdcdc;font-size: 0.9rem;color: #333;padding-bottom: 0.3rem;margin-bottom: 0.3rem;}
.que-weiti span{border-radius: 0.2rem;color: #fff;background: #356db9;display: inline-block;font-size: 0.9rem;padding: 0.1rem 0.2rem;margin-right: 0.3rem;}
.que-da{font-size: 0.9rem;color: #333;margin-bottom: 1.3rem;display: inline-block;}
.que-da span{border-radius: 0.2rem;color: #fff;background: #b8b8b8;display: inline-block;font-size: 0.9rem;padding: 0.1rem 0.2rem;margin-right: 0.3rem;float: left;}
.que-daan{float: left;width: 89%;background:none !important;color: #999 !important;}
.morea{margin-top: 0 !important;}
/*底部*/
.foot-wrap{height: 3.8rem;}
.foot-box{height: 3.2rem;position: fixed;width: 100%;bottom: 0;background: #fff;box-shadow: 0 -4px 10px rgba(210,210,210,.3);z-index: 9;}
.foot-box a{width: 25%;float: left;text-align: center;}
.foot-box a i{margin-top:0.2rem;}
.foot-box a i.icon-sy{margin-bottom:-0.5rem !important;width: 1.5rem;height: 1.5rem;background: url(../images/foot_sy.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a i.icon-case{margin-bottom:-0.5rem !important;width: 1.5rem;height: 1.5rem;background: url(../images/foot_sj.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a i.icon-video{margin-bottom:-0.5rem !important;width: 1.5rem;height: 1.5rem;background: url(../images/foot_video.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a i.icon-hhr{margin-bottom:-0.5rem !important;width: 1.5rem;height: 1.5rem;background: url(../images/foot_hhr.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a i.icon-tel{margin-bottom:-0.5rem !important;width: 1.5rem;height: 1.5rem;background: url(../images/foot_tel.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a i.icon-wd{margin-bottom:-0.5rem !important;width: 1.5rem;height: 1.5rem;background: url(../images/foot_wd.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a i.icon-sy.active{background: url(../images/foot_sy_active.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a i.icon-case.active{background: url(../images/foot_sj_active.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a i.icon-video.active{background: url(../images/foot_video_active.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a i.icon-hhr.active{background: url(../images/foot_hh_active.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a i.icon-tel.active{background: url(../images/foot_tel_active.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a i.icon-wd.active{background: url(../images/foot_wd_active.png) no-repeat;display: inline-block;background-size: 100% 100%;}
.foot-box a p{font-size: 0.9rem;color: #b8b8b8;}
.foot-box a p.active{color: #d20e1e;}
/*头部展开导航css*/
.navs {
    height: 100%;
    width: 45%;
    background: #333;
    position: fixed;
    z-index: 1000;
    display:  none;
    top: 0;
    right: 0;
    padding: 2rem 0.3rem;
}

.navs-mask{
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(64, 64, 64, 0.85);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    }
.navs li {display:  block;height: 2.5rem;line-height: 2.5rem;}

.navs li>a {
    display: block;
    padding: 0 26px;
    font-size: 1rem;
    color: #fff;
    border-bottom: 2px solid transparent;
}

.navs li>a:hover {
    /*color: #f5a100;*/
    /*border-bottom: 2px solid #307cd5;*/
}

.nav li a.active {
    color: #175fca;
}
/*返回顶部*/
.return-top{
	position: fixed;
	right: 1rem;
	bottom: 5rem;
	background: #d20e1e;
	color: #fff;
	border-radius: 100%;
	width: 3.3rem;
	height: 3.3rem;
	text-align: center;
	line-height: 3.5rem;
	display: none;
	z-index: 8;
}
.return-top i{
	background: url(../images/s_tops.png) no-repeat;
	display: inline-block;
	width: 1.8rem;
	height: 1.8rem;
	margin: 1rem auto;
}
/* 快速拔号 */
.bohao-icon{
	width: 1.5rem;
	height: 1.5rem;
	margin: 1.5rem 0rem 0 0.5rem;
	background: url(../images/icon_bohao.png) no-repeat;
	display: inline-block;
	background-size: cover;
	animation: swing 2s infinite;
}
@-webkit-keyframes swing {
		10% {
			transform: rotate(15deg);
		}
		20% {
			transform: rotate(-10deg);
		}
		30% {
			transform: rotate(5deg);
		}
		40% {
			transform: rotate(-5deg);
		}
		50%,100% {
			transform: rotate(0deg);
		}