.service{}
.service .service-info{width: 100%; padding:0 0 60px 0;}
.service .service-img{}
.service .service-img img{width: 100%;
	-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.08);
	box-shadow: 10px 10px 10px rgba(0,0,0,0.08);
}
.service .service-text{}
.service .service-text p{font-size: 18px;line-height: 40px;color: #666;margin: 0 0 30px 0;}

@media (max-width: 992px) {
	.service .service-info{padding:0 0 50px 0;flex-wrap: wrap;}
	.service .service-img{width: 100%!important;order: 2;margin-right: 0!important;}
	.service .service-img img{}
	.service .service-text{order: 1;width: 100%!important;}
	.service .service-text p{font-size: 1.6rem;line-height:3rem;margin: 0 0 10px 0;}
}

.support{padding: 30px 0;background-color: #fff}
.support h4{font-size: 30px;text-align: center;color: #666;line-height: 50px;}
.support-ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	padding: 50px 0;
}
.support-ul li{width: 30%;margin-right: 5%;margin-bottom: 2%;border: 1px solid #eee;padding: 20px;}
.support-ul li:nth-child(3n){margin-right: 0;}
.support-ul li .icon{text-align: center}
.support-ul li .icon i{font-size: 6rem;color: #ccc;font-weight: 500;
	background-image: linear-gradient(45deg, #1f56a7 3%, #2c9dd9 100%);
	-webkit-background-image: linear-gradient(45deg,  #1f56a7 3%, #2c9dd9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.support-ul li .info{text-align: center;}
.support-ul li .info h5{font-size: 22px;color: #666;font-weight: 600;letter-spacing: 2px;margin-bottom: 10px;}
.support-ul li .info p{font-size: 14px;color:#999;text-align: center;line-height: 25px;}
@media (max-width: 992px) {
	.support{padding: 10px 0;}
	.support h4{font-size: 2.5rem;line-height:3rem;}
	.support-ul{padding: 20px 10px;}
	.support-ul li{width: 100%;margin-right: 0;margin-bottom: 5%;padding: 0 20px 20px 20px;}
	.support-ul li .icon i{font-size: 6rem;}
	.support-ul li .info h5{font-size: 2rem;font-weight: 700;letter-spacing: 0;}
	.support-ul li .info p{font-size: 1.4rem;line-height: 2.5rem;}
}

.hotline{
	width: 100%;padding:30px 0;
	background-size:cover;background-image: url(404.png);background-repeat:no-repeat;background-position:center bottom;}
.hotline h4{font-size: 30px;text-align: center;color: #666;line-height: 50px;position: relative;letter-spacing: 2px;}
.hotline h4:after{
	content:'';
	width:150px;
	height:1px;
	background-color:rgba(0,0,0,0.2);
	display:block;
	position:absolute; left:30%;bottom:15px;}
.hotline h4:before{
	content:'';
	width:150px;
	height:1px;
	background-color:rgba(0,0,0,0.2);
	display:block;
	position:absolute; right:30%;bottom:15px;
}

.hotline .hotline-cont{text-align: center;padding: 50px 0;}
.hotline .tel{font-size: 18px;color: #888;margin-bottom: 30px;}
.hotline .tel span{display: block;font-family: Montserrat-Regular;font-size: 40px;font-weight: 600;}
.hotline .tel p{font-size: 14px;color: #888;line-height: 28px;text-align: center;}
.hotline .qq{letter-spacing: 2px;display: block;width: 280px;line-height: 45px;margin: 0 auto;background-color: #1f56a7;color: #fff;font-size: 18px;border-radius: 4px;}
.hotline .qq i{font-size: 2.2rem;}
.hotline .qq:hover{text-decoration: none;color: #fff;
	background-image: linear-gradient(45deg, #1f56a7 3%, #2c9dd9 100%);
	-webkit-background-image: linear-gradient(45deg,  #1f56a7 3%, #2c9dd9 100%);
}
@media (max-width: 992px) {
	.hotline{padding:10px 0;}
	.hotline h4{font-size: 2.5rem;line-height: 3.5rem;letter-spacing:0;font-weight: 700;}
	.hotline h4:after{width:60px;left:10%;bottom:20px;}
	.hotline h4:before{width:60px;right:10%;bottom:20px;}
	.hotline .hotline-cont{tpadding: 10px 0;}
	.hotline .tel{font-size:1.6rem;margin-bottom: 20px;}
	.hotline .tel span{font-size:2.2rem;}
	.hotline .tel p{font-size: 1.4rem;line-height: 2.5rem;}
	.hotline .qq{letter-spacing: 1px;width: 250px;font-size:1.6rem;}
}

.download{padding: 0;}
.download .downlist{margin: 0 0 50px 0;}
.download .downlist li{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	align-items: center;
	padding: 20px;
	margin: 0 0 30px 0;
	background-color: #fff;}
.download .downlist li:hover{
	-webkit-box-shadow: 5px 10px 30px rgba(0,0,0,0.05);
	box-shadow: 5px 10px 30px rgba(0,0,0,0.05);
}
.download .downlist li:last-child{
	border-bottom:none;
}
.download .downlist li .info{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;
	-o-justify-content:flex-start;
	justify-content:flex-start;
}
.download .downlist li .info i{font-size: 3.8rem;color: #999;}
.download .downlist li .info .txt{padding: 0 0 0 30px;}
.download .downlist li .info .txt .title{font-size: 18px;color: #333;line-height: 30px;margin-bottom: 5px;}
.download .downlist li .info .txt p{font-size:13px;color: #999;line-height: 25px;font-weight: 300; }
.download .downlist li .info .txt p span{padding: 0 10px 0 0}
.download .downlist li a{display: block;}
.download .downlist li a span{display: inline-block; padding: 0 20px; width: 140px;line-height: 35px;background-color: #1f56a7;text-align: center;font-size: 14px;border-radius:4px;color: #fff;}
.download .downlist li a span:hover{
	background-image: linear-gradient(45deg, #1f56a7 3%, #2c9dd9 100%);
	-webkit-background-image: linear-gradient(45deg, #1f56a7 3%, #2c9dd9 100%);
}
@media (max-width: 992px) {
	.download .downlist li{padding: 10px;margin: 0 0 20px 0;}
	.download .downlist li:hover{
		-webkit-box-shadow: 5px 10px 10px rgba(0,0,0,0.05);
		box-shadow: 5px 10px 10px rgba(0,0,0,0.05);
	}
	.download .downlist li .info{flex-wrap: wrap;}
	.download .downlist li .info i{display: none;}
	.download .downlist li .info .txt{padding:0;}
	.download .downlist li .info .txt .title{font-size: 1.4rem;line-height: 2.2rem}
	.download .downlist li .info .txt p{font-size:1.2rem;line-height:2rem;}
	.download .downlist li a span{ padding: 0 10px; width: 80px;font-size: 1.3rem;line-height: 30px;}
}

.err{
	width:30%;
	text-align:center;
	margin:5% auto;
	padding:2% 0;
	border:1px solid rgba(0,0,0,0.07);
	background-color:rgba(255,255,255,0.8);
	background-image: url(../image/no.svg);
	background-repeat: no-repeat;background-size:auto 50%; background-position: center 30px;

}
.err p{color:rgba(0,0,0,0.3);line-height:30px;font-size:22px;display: block;margin-top: 100px;}

.online{padding: 50px 0;background-color: #f6f6f6;}
.online .yuyue-cont{padding: 0 0 50px 0;}
.online .yuyue-cont h4{font-size: 16px;line-height: 30px;color: #666;padding: 0 0 30px 0;font-weight: 800;}
.online .yuyue-cont p{flex-wrap: wrap;margin: 0 auto;width: 100%;}
.online .yuyue-cont label{display: block;width: 45%;margin-right: 10%;margin-bottom: 2%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
}
.online .yuyue-cont label:nth-child(2n){margin-right: 0;}
.online .yuyue-cont label span{font-size: 16px;font-weight: 500;color: #666;width: 20%;display: block;}
.online .yuyue-cont label input{border: 1px solid #ddd;line-height: 40px;width: 80%;font-size: 16px;padding: 0 10px;color: #999;font-weight: 500;border-radius: 6px;}
.online .yuyue-cont label select{border: 1px solid #ddd;line-height: 40px;width: 80%;height: 40px;margin: 0;font-size: 16px;padding: 0 10px;color: #999;font-weight: 500;border-radius: 6px;}
.online .yuyue-cont button{width: 150px;margin: 20px 0;background-color:#1f56a7;line-height: 40px;border: none;text-align: center;font-size: 16px;color: #fff;border-radius: 6px;}
.online .yuyue-cont #y_code{width: 50%}
.online .yuyue-cont #canvas{width: 30%;height: 40px;overflow: hidden;}

@media screen and (max-width: 992px){
	.online{padding: 10px 0 0 0;}
	.online .yuyue-cont{padding: 10px 20px;}
	.online .yuyue-cont h4{font-size: 1.4rem;line-height:2rem;padding: 0 0 10px 0;text-align: center}
	.online .yuyue-cont p{width: 100%;}
	.online .yuyue-cont label{display: block;width: 100%;margin-right:0;margin-bottom: 10px}
	.online .yuyue-cont label span{display: none;}
	.online .yuyue-cont label input{font-size: 1.4rem;width: 100%;}
	.online .yuyue-cont label select{font-size: 1.4rem;background-color: #fff;width: 100%;}
	.online .yuyue-cont button{width: 100%;font-size: 1.8rem;font-weight: 800;}
}