html{overflow-x:hidden;}

a{color:#4a4a4a;text-decoration:none !important;}

a:hover{color:#4a4a4a;}

ul,li{list-style-type:none;}

.max-block{display:block;width:100%;}

.site-navbar{z-index:999;background-color:#fff;}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
@media (min-width: 1200px){
    .container {
    width: 1500px!important;
}
}


.col-xs-1-5 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
	.site-navbar .navbar-nav>li>a{
		padding-left:25px;
		padding-right:25px;
	}
}

.site-navbar .navbar-nav .active{color:#0067ff;}

.site-navbar .navbar-brand{padding:5px 15px;height:50px;}

.site-navbar .navbar-toggle{border-color:#428bca;}

.site-navbar .navbar-toggle .icon-bar{background-color:#428bca}

.site-navbar .navbar-phone{margin-top:14px;margin-bottom:14px;}

.site-navbar .navbar-phone>a{padding-left:35px;background:url('../img/icon-phone.png') no-repeat left;background-size:25px;font-size:16px;font-weight:600;color:#0083ff;}

.site-banner{margin-top:50px;}

.site-banner .carousel-indicators li{width:15px;height:8px;margin:0 4px;border-radius:5px;background:#c1a394;border:none;}

.site-banner .carousel-indicators .active{width:35px;background:#fff;}

.site-footer{padding-top:50px;padding-bottom:50px;background:#111429;color:#dcdcdc;}

.site-footer a{color:#dcdcdc;}

.site-footer li{margin-bottom:10px;font-size:12px;}

.site-footer .customer-service{padding-left:50px;padding-top:10px;background:url('../img/customer-service.png') no-repeat left;background-size:40px;}

.site-footer .customer-service>span{padding:2px 8px;border:1px solid #a6a7ac;border-radius:2px;font-size:12px;}

.site-footer .service-phone{margin-top:25px;font-size:18px;color:#fff;}

.site-footer .footer-info{margin-top:50px;padding-top:30px;box-shadow:0 -1px 0 #393c4a;font-size:12px;text-align:center;}

.site-footer .footer-copyright{margin-top:30px;}

.float{position:absolute;z-index:-1;top:200px;left:10px;z-index:6666;background:url(../img/float-line.png) no-repeat left top;padding-left:4px;width:auto;padding-top:16px;}

.float_list ul,.float_qq ul{padding-left:0;}

.float_list li{width:auto;height:30px; line-height:30px; background:url(../img/float-icon.png) no-repeat left; margin-bottom:9px;}

.float_list li a{ display:block;text-decoration:none; color:#FFF; font-size:14px; width:30px; height:30px; background-color:#000; opacity:0.7; margin-left:15px; border-radius:15px; text-align:center;}

.float_list li.floag_on{ background:url(../img/float-icon-active.png) no-repeat left;}

.float_qq{ position:absolute; top:125px; right:0; width:50px; z-index:6666;}

.float_qq li{ width:auto; height:50px; z-index:20;list-style-type:none;}

.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}

.float_qq li.float_qq1{ top:0;}

.float_qq li.float_qq2{ position:absolute; top:51px; left:0; width:126px;-webkit-transition:all 0.6s;}

.float_qq li.float_qq2:hover{-webkit-transform:translateX(-70px)}

.float_qq li.float_qq3{ position:absolute; top:102px; left:0; width:172px;-webkit-transition:all 0.6s;}

.float_qq li.float_qq3:hover{-webkit-transform:translateX(-116px)}

.float_qq li.float_qq4{ top:153px;}

.float_qq4{ position:absolute; top:153px; left:0;}

.float_qq li a{ display:block;text-decoration:none;font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}

.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}

.float_qq li a:hover{ background-color:#c70c1f; opacity:1;}

.float_shwx{ position:absolute; top:-170px; left:-216px; background:url(../img/float_wxbd.png) no-repeat bottom right; width:216px; height:216px; padding-bottom:9px; display:none;}

.float_shwx img{ display:block; padding:14px; background-color:#FFF; width:188px; height:188px;}

#qLpercentage{ width:105px; height:104px; line-height:104px; text-align:center;}

.public-title h4{margin-top:20px;margin-bottom:50px;}

.business{padding:60px 0;text-align:center;background:#f8f8f8;}

.business .busines-list{display:block;background:#fff;box-shadow:0 0 5px 2px #e6e6e6;margin-bottom:20px;}

.business .busines-list .busines-info{padding-top:10px;padding-bottom:20px;}

.business .busines-list .busines-header{position:relative;}

.business .busines-list .busines-layer{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);padding:10% 35%;}

.products{padding:60px 0;text-align:center;}

.products .cate-list{display:block;padding-top:10px;padding-bottom:20px;box-shadow:0 0 0 1px #e5e5e5;margin-bottom:50px;}

.products .cate-list:hover{color:#fff;background:#0067ff;}

.products .cate-list:hover .product-more{color:#fff;}

.products .cate-list .product-more{color:#0067ff;}

.cases{padding:60px 0;text-align:center;background:#f8f8f8;}

.cases .case-list{display:block;margin-bottom:30px;}

.cases .case-list .case-header{position:relative;}

.cases .case-list .case-header .case-logo{position:absolute;width:100%;margin:0 auto;bottom:-50px;}

.cases .case-list .case-header .case-logo>img{width:100px;height:100px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 1px 1px #e5e5e5;}

.cases .case-list .case-header .case-bg{width:1px;height:50px;background:#9b9b9b;position:absolute;bottom:0;left:50%;bottom:-110px;}

.cases .case-list .case-info{padding-top:50px;padding-bottom:10px;background:#fff;}

.cases .case-list .case-info h3{margin-top:10px;}

.cases .case-btn{display:inline-block;margin-top:30px;padding:5px 15px;background: linear-gradient(to right ,#0045ff,#0072ff, #0083ff);color:#fff;border-radius:2px;}

.service{padding:60px 0;text-align:center;}

.service .service-list{margin-bottom:30px;}

.service .service-list .service-pic{width:60%;margin:30px auto;}

.clients{padding:60px 0;text-align:center;}

.clients .client-list{display:block;width:80%;margin:30px auto;}

.clients .client-btn{display:inline-block;margin-top:30px;margin-bottom:30px;color:#0045ff;}

.clients .count-list{margin-top:60px;margin-bottom:30px;}

.clients .count-list h2{background-image:linear-gradient(to right ,#0045ff,#0072ff, #0083ff);-webkit-background-clip:text;-webkit-text-fill-color: transparent;}

.wechat-icons{padding:60px 0;text-align:center;}

.wechat-icons .icon-list{display:block;padding:30px 0;margin-bottom:30px;box-shadow:0 0 0 1px #2589ff;}

.wechat-icons .icon-list .icon-pic{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto;margin-bottom:20px;position:relative;}

.wechat-icons .icon-list .icon-pic>i{display:block;width:100%;height:100%;background:none;position:absolute;left:0;top:0;}

.wechat-icons .icon-list:hover .icon-pic>i{background:none;}

.icon-line{background:#7cb8ff;width:20%;height:5px;margin:20px auto;border-radius:2px;}

.wechat-icons .icon-list:hover .icon-line{background:#2589ff;}

.wechat_solutions{padding:60px 0;background:#f8f8f8;}

.wechat_solutions .solution-info>h3{margin-top:0;}

.wechat_solutions .solution-info>p{margin-top:30px;line-height:25px;margin-bottom:30px;}

.solution-icons .icon-list{padding-top:20px;padding-bottom:5px;margin-bottom:30px;box-shadow:0 0 0 1px #9b9b9b;text-align:center;}

.solution-icons .icon-list .icon-title{margin-top:15px;}

.icon-list:hover{box-shadow:0 0 0 1px #2589ff;}

.public-cases{text-align:center;padding:60px 0;}

.public-cases .case-list{margin-top:30px;margin-bottom:30px;box-shadow:0 0 1px 1px #e6e6e6;position:relative;}

.public-cases .case-list .active{position:absolute;left:0;top:0;display:none;}

.public-cases .case-list:hover .active{display:block;}

.public-cases .case-btn{display:inline-block;padding:7px 25px;margin-top:30px;border:1px solid #f4f4f4;border-radius:50px;color:#808080;}

.applet-shops{padding:60px 0;text-align:center;color:#fff;background:url(../img/shop-bg.jpg) no-repeat;background-size:100%;}

.applet-shops .shop-list{display:block;position:relative;border-radius:5px;overflow:hidden;color:#fff;margin-bottom:30px;}

.applet-shops .shop-list .shop-layer{position:absolute;left:0;width:100%;height:100%;top:0;}

.applet-shops .shop-list:hover .shop-layer{top: -60%;}

.shop-layer .shop-header{background:rgba(0,0,0,0.5);height:90%;padding-top:25%;}

.shop-layer .shop-header .shop-icon{width:25%;margin:0 auto;margin-bottom:30px;}

.shop-layer .shop-remark{position:relative;background:#5ba7ff;padding-top:50px;padding-bottom:100%;line-height:25px;}

.shop-layer .shop-remark .icon-triangle{position:absolute;width:100%;top:-18px;height:18px;}

.shop-layer .shop-remark .icon-triangle>img{height:100%;display:block;margin:0 auto;}

.applet-flow{text-align:center;padding:60px 0;}

.applet-flow .flow-list{box-shadow:0 0 2px 2px #f0f0f0;padding:25px 0;}

.applet-cases{text-align:center;}

.applet-cases .applet-list{margin-bottom:30px;background:#f8f8f8;width:1400px;}

.applet-cases .applet-list .applet-info{margin-bottom:25px;margin-top:25px;}

.applet-cases .applet-list .applet-info .applet-logo{width:125px;height:125px;border-radius:50%;overflow:hidden;margin:25px auto;}

.applet-cases .applet-list .applet-info .applet-qrcode{width:58%;margin:15px auto;}

.applet-cases .applet-list .applet-info .applet-time{display:inline-block;padding:2px 10px;color:#3491ff;border:1px solid #3491ff;border-radius:30px;font-size:12px;}

.applet-cases .applet-list .applet-pics{padding:50px 40px;}

.applet-cases .case-more{padding-top:30px;}

.case-cates .cate-list{display:inline-block;background:#ededed;padding:5px 20px;border-radius:30px;margin-right:15px;margin-bottom:15px;margin-top:60px;}

.case-cates .cate-list.active{background: linear-gradient(to right ,#0045ff,#0072ff, #0083ff);color:#fff;}

.operate-apps{padding:60px 0;text-align:center;color:#fff;background:url(../img/app-bg.jpg) no-repeat;background-size:100%;}

.operate-apps .app-list{margin-top:60px;position:relative;border-radius:8px;overflow:hidden;}

.operate-apps .app-list .app-info{position:absolute;bottom:0;left:0;width:100%;padding-top:5px;background:rgba(0,0,0,0.9);}

.operate-solutions{text-align:center;padding-top:60px;padding-bottom:30px;}

.operate-solutions .solution-list{margin-top:30px;margin-bottom:30px;padding-bottom:60px;box-shadow:0 0 0 1px #9b9b9b;}

.operate-solutions .solution-list .solution-title{box-shadow:0 0 0 1px #9b9b9b;padding:10px 0;font-size:16px;margin-bottom:60px;border-top:5px solid;border-image:linear-gradient(to right ,#0045ff, #0088ff) 30 30;color:#3388ff;}

.operate-solutions .col-sm-3:nth-child(2n) .solution-title{border-top:5px solid;border-image:linear-gradient(to right ,#ff2a00, #ff731b) 30 30;color:#ff6c0b;}

.operate-solutions .col-sm-3:nth-child(3n) .solution-title{border-top:5px solid;border-image:linear-gradient(to right ,#03cc99, #0088ff) 30 30;color:#00cc99;}

.operate-solutions .col-sm-3:nth-child(4n) .solution-title{border-top:5px solid;border-image:linear-gradient(to right ,#ff0000, #ff0056) 30 30;color:#f01e22;}

.company-info{padding:60px 0;background:#f8f8f8;}

.company-info .company-remark img{max-width:100%;}

.company-info .company-count .count-list{margin-top:90px;text-align:center;box-shadow:1px 0 0 #979797;}

.company-info .company-count .count-list>h1{font-size:45px;color:#4a4a4a;}

.company-info .company-count .col-sm-3:last-child .count-list{box-shadow:1px 0 0 #fff;}

.company-pics{text-align:center;padding:80px 0;}

.company-sales{text-align:center;padding:60px;background:#f8f8f8;}

.company-sales .sale-list{padding-top:15px;margin-bottom:30px;background:#fff;box-shadow:0 0 0 1px #c9c9c9;}

.company-sales .sale-list .sale-info>p{color:#9b9b9b;}

.company-sales .sale-list .sale-pic{height:100px;}

.company-work .icon-title{color:#2589ff;margin-top:30px;margin-bottom:30px;}

.product-page{background:#fafafa;padding:30px 0;}

.product-page .product-cate{display:block;padding:15px;border-bottom:1px solid #d9d9d9;background:#fff;color:#4a4a4a;}

.product-page .product-cate>img{margin:0 10px;}

.product-page .product-cate.active{background: linear-gradient(to right ,#0045ff,#0072ff, #0083ff);color:#fff;}

.product-page .cate-info .cate-name{margin-bottom:30px;border-bottom:1px solid #979797;}

.product-page .cate-info .cate-name>span{display:inline-block;font-size:20px;padding-bottom:15px;padding-left:3px;padding-right:3px;position:relative;}

.product-page .cate-info .cate-name>span>i{display:block;width:100%;height:3px;position:absolute;background: linear-gradient(to right ,#0045ff,#0072ff, #0083ff);bottom:-1px;left:0;}

.news-page .item-news{border-top:1px solid #ccc;padding:20px 0;position:relative;}

.item-news .news-type{position:absolute;right:10px;bottom:10px;font-size:12px;color:#fff;padding:1px 8px;border-radius:2px;}

.item-news .news-type.type1{background:linear-gradient(to right ,#ff4200,#ff0900);}

.item-news .news-type.type2{color:#fff;background:linear-gradient(to right ,#004eff,#0083ff);}

.news-page .news-more{border:1px solid #ccc;padding:10px 0;text-align:center;margin-bottom:30px;}

.details-page{padding:30px 0;border-top:2px solid #ccc;}

.details-page .content img{max-width:100%;}

.news-hot{padding-bottom:30px;background:#f1f1f1;}

.news-hot .hot-title{padding:30px 0;text-align:center;}

.news-hot .item-news{position:relative;}

.news-hot .item-news .news-title{background:#fff;padding:30px;margin:0;}

.news-hot .item-news .send-time{background:#fff;padding:15px 30px;margin:0;}
.diy_box{
	display: inline-block;
	width: 19.5%;
}
.diy_box .flow-list{
	box-shadow: none;
}
.diy_box .icon-remark{
	color: #BEBEBE;
}
.cate_box .cate_list{
	background:rgba(237,237,237,1);
	border-radius:14px;
	display: inline-block;
	padding: 5px 15px;
	margin:20px 7px -10px  10px;
}
.cate_box .c_active{
	background:linear-gradient(136.9805deg,rgba(0,69,255,1) 0%,rgba(0,136,255,1) 100%);
	color: #FFF;
}
.kefu{
	width: 100%;
	height: 167px;
	background:rgba(46,140,251,1);
}
.kefu img{
	width: 100px;
	height: 100px;
	margin-top: -55px;
	margin-left: 18%;
	margin-right: 25px;
}
.kefu .inline_box{
	display: inline-block;
	margin-top: 25px;
}
.kefu .inline_box h1{
	font-size:25px;
	font-weight:400;
	color:rgba(255,255,255,1);
}
.kefu .inline_box h4{
	font-size:13px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height: 25px;
}
.kefu button{
	border:1px solid rgba(255,255,255,1);
	border-radius:3px;
	background: none;
	color: #FFF;
	padding: 5px 25px;
	position: relative;
	top: -24px;
	left: 150px;
}