@import 'global.less';

html , body{overflow-x: hidden;}
body{.bgff;}

#header{
	width: 100%;height: 100px;.bgff;
	.main{.wrap;}
	#logo{
		margin-top: 28px;.fl;.relative;
		span{font-size: 16px;color: #333;margin-top: 5px;.absolute;top: 100%;right: 0;left: 0;.text-center;white-space: nowrap;}
		h1{.absolute;}
	}
	#nav{
		height: 100px;margin-left: 260px;.relative;.flex-box;/*justify-content: flex-end;*/align-items: center;
		.item{
			width: 86px;margin-left: 3%;.relative;.text-center;
			& > a{line-height: 100px;font-size: 16px;color: #333;.block;}
			&.on{
				&:after{height: 4px;.bgc(@baseColor);.absolute;right: 0;bottom: 0;left: 0;content: '';}
				& > a{color: @baseColor;}
			}
		}
		.btn{width: 130px;height: 36px;line-height: 36px;font-size: 16px;color: #fff;.bgc(@baseColor);border-radius: 36px;margin-left: 3.5%;.text-center;cursor: pointer;}
		.hotline{line-height: 36px;.bold;font-size: 18px;color: @baseColor;background: url('https://www.sangqiao.com/static/alimail/images/hotline.png') no-repeat center left;padding-left: 30px;margin-left: 2%;/*.absolute;top: 32px;left: 100%;*/.nowrap;}
	}
}

#header-form{
	.fixed(50);top: 0;right: 0;bottom: 0;left: 0;.hide;
	&.on{.visible;}
	.box{
		width: 510px;height: 525px;.bgff;padding: 25px 45px 30px;margin: auto;border-top: 6px solid #f23414;border-bottom: 6px solid #f23414;.absolute;top: 0;right: 0;bottom: 0;left: 0;.border-box;
		.close{width: 20px;height: 20px;background: url('https://www.sangqiao.com/static/alimail/images/close.png') no-repeat;.absolute;top: 16px;right: 16px;cursor: pointer;}
		.logo{width: 224px;height: 43px;margin: 0 auto 20px;}
		.subtitle{font-size: 16px;color: #666;margin-bottom: 30px;.text-center;}
		.row{
			margin-bottom: 25px;
			.name{font-size: 16px;color: #333;.fl;}
			.input{margin-left: 95px;}
			.text{.w100;height: 26px;font-size: 16px;.bgff;padding: 0 5px;border: 0;border-bottom: 1px solid #e5e5e5;.block;.border-box;}
		}
		.submit{width: 170px;height: 36px;font-size: 16px;color: #fff;.bgc(#999);.margin-auto;border: 0;cursor: pointer;.block;}
	}
}

#banner{
	.item{.relative;}
	.url{.absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.hd{
		.absolute;bottom: 30px;right: 0;left: 0;.text-center;
		span{width: 30px;height: 3px;.bgc(#fff);border-radius: 0;margin: 0 5px;.inline-block;opacity: 1;cursor: pointer;}
		.on{.bgc(#f23414);}
	}
}

#banner2{
	.w100;.absolute;left: 100%;.hide;
	.item{.relative;}
	.url{.absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.hd{
		.absolute;bottom: 10px;right: 0;left: 0;.text-center;
		span{width: 4px;height: 4px;.bgc(transparent);border: 2px solid #f23414;border-radius: 50%;margin: 0 2px;.inline-block;opacity: 1;cursor: pointer;}
		.on{.bgc(#f23414);}
	}
}

.web-row{padding-top: 70px;padding-bottom: 100px;}

.web-title{
	margin-bottom: 40px;.text-center;
	&.inner{padding: 75px 0 45px;margin-bottom: 0;}
	.title-0{font-size: 36px;color: #333;margin-bottom: 15px;}
	.title-1{font-size: 14px;color: #666;}
}

.inner-row{
	padding-top: 90px;padding-bottom: 100px;
	#version{margin-bottom: 80px;}
}

#index-21{
	background: url('https://www.sangqiao.com/static/alimail/images/index-21.jpg') no-repeat center center / 1920px auto;
	.info{
		margin-left: 45px;
		.font-0{font-size: 40px;color: #fff;}
		.font-1{font-weight: bold;font-size: 46px;color: #fff;margin-top: 20px;}
		.font-2{height: 60px;line-height: 60px;font-weight: bold;font-size: 32px;color: #f33414;.bgff;padding: 0 20px;margin-top: 50px;.inline-block;}
		.font-3{font-size: 24px;color: #fff;margin-top: 5px;}
		.font-4{font-weight: bold;font-size: 30px;color: #fff;margin-top: 45px;}
		.font-5{width: 285px;height: 48px;line-height: 48px;font-size: 20px;color: #fff;.bgc(#008cee);border-radius: 48px;margin-top: 15px;.inline-block;.text-center;}
	}
}

#price-table{
    margin-bottom: 60px;
    .price-box{
        .bgc(#fff);padding: 60px 80px;
        .table-box{
            .row{
                border-bottom: 1px solid #ebebeb;.flex-box;align-items: center;justify-content: space-between;
                .col{line-height: 30px;font-size: 16px;color: #333;padding: 5px 20px;flex: 1;}
                
                &.head{
                    border-bottom: 3px solid #ff0000;margin-bottom: 15px;
                    .col{line-height: 30px;font-size: 24px;color: #333;padding: 0 20px 15px;}
                }
            }
        }
        .btn{width: 80%;max-width: 300px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;.bgc(#ff3300);border-radius: 20px;margin: 50px auto 0;display: block;.text-center;}
    }
}

#function{
	&.inner{padding: 80px 0 100px;}
	.tag-list{
		margin-bottom: 25px;.text-center;
		.btn{
			width: 200px;height: 40px;line-height: 40px;font-size: 16px;color: #333;.bgc(#fbfbfb);border-radius: 40px;margin: 0 23px 25px;.inline-block;.text-center;cursor: pointer;
			&:hover{color: @baseColor;}
			&.on{color: #fff;.bgc(@baseColor);}
		}
	}
	.box{
		.left{
			width: 26%;height: 550px;.bgc(#33d2ea);padding: 105px 18px 0;.border-box;.fl;.text-center;
			.img{margin-bottom: 30px;}
			.title{.bold;font-size: 24px;color: #fff;margin-bottom: 30px;}
			.brief{line-height: 36px;font-size: 16px;color: #fff;}
		}
		.list{
			margin-left: 27.259259%;.flex-box;flex-wrap: wrap;
			.item{
				width: 32.586558%;.bgff;padding: 25px 30px;border: 1px solid #fbfbfb;margin-left: 1.0183299%;.border-box;.text-center;
				&:nth-child(3) ~ .item{margin-top: 1.0183299389%;}
				&:nth-child(3n+1){margin-left: 0;}
				.ico{width: 100px;height: 100px;background-repeat: no-repeat;background-position: center;background-size: 100% auto;margin: 0 auto 20px;}
				.name{.bold;font-size: 18px;color: #333;margin-bottom: 10px;}
				.brief{height: 60px;line-height: 30px;font-size: 14px;color: #666;.over;}
				.p{
					.text-left;
					&:nth-child(1){margin-top: 5px;}
					&:nth-child(2){margin-top: 25px;}
				}
			}
		}
	}
	.box-1 .list .item .ico{
		&.i1{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-1-1.jpg');}
		&.i2{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-1-2.jpg');}
		&.i3{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-1-3.jpg');}
		&.i4{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-1-4.jpg');}
		&.i5{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-1-5.jpg');}
		&.i6{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-1-6.jpg');}
	}
	.box-2 .list .item .ico{
		&.i1{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-2-1.jpg');}
		&.i2{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-2-2.jpg');}
		&.i3{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-2-3.jpg');}
		&.i4{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-2-4.jpg');}
		&.i5{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-2-5.jpg');}
		&.i6{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-2-6.jpg');}
	}
	.box-3 .list .item .ico{
		&.i1{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-3-1.jpg');}
		&.i2{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-3-2.jpg');}
		&.i3{background-image: url('https://www.sangqiao.com/static/alimail/images/fun-3-3.jpg');}
	}
}

#version{
	& + #superiority{padding-top: 20px}
	.list{
		padding-top: 10px;.flex-box;-webkit-justify-content: space-between;justify-content: space-between;
		.item{
			width: 32%;max-width: 400px;.bgff;padding: 20px 20px 40px;.border-box;.text-center;
			.ico{
				width: 150px;height: 150px;background-repeat: no-repeat;background-position: center;background-size: 100% auto;margin: 0 auto 10px;
				&.i1{background-image: url('https://www.sangqiao.com/static/alimail/images/version-1.jpg');}
				&.i2{background-image: url('https://www.sangqiao.com/static/alimail/images/version-2.jpg');}
				&.i3{background-image: url('https://www.sangqiao.com/static/alimail/images/version-3.jpg');}
			}
			.name{font-size: 36px;margin-bottom: 20px;}
			.brief{width: 165px;height: 40px;line-height: 20px;font-size: 16px;color: #666;.margin-auto;}
			.line{height: 1px;.bgf8;margin: 20px auto;}
			.price{
				font-size: 16px;color: #ff3300;margin-bottom: 25px;
				&.highlight{color: #2f64ff;}
				span{font-size: 60px;color: inherit;}
			}
			.info{
				width: 200px;margin: 0 auto 20px;.translateX(10px);.text-left;
				.p{line-height: 24px;font-size: 16px;color: #333;}
				span{font-size: inherit;color: inherit;.inline-block;}
				.r{margin-left: 35px;}
			}
			.btn-row{
			    margin: 0 10%;.flex-box;justify-content: space-between;align-items: center;
			}
			.btn{
				width: 120px;.max-w100;height: 40px;line-height: 40px;font-size: 16px;color: #fff;.bgc(#ff3300);border-radius: 40px;.margin-auto;.block;
				&.highlight{.bgc(#2f64ff);}
				&.btn2{color: #333;.bgc(#fff);border: 1px solid #ff491c;}
				&.btn3{color: #333;.bgc(#fff);border: 1px solid #2f64ff;}
			}
		}
	}
}

#ad-form{
    min-height: 124px;background: url('https://www.sangqiao.com/static/alimail/images/ad-form.jpg') no-repeat center center / cover;.flex-box;justify-content: space-between;align-items: center;margin-top: 60px;
    .content{
        margin-left: 5%;
        .txt1{line-height: 42px;font-size: 34px;color: #fff;}
        .txt2{font-size: 16px;color: #fff;margin-top: 10px;}
    }
    .form-col{
        width: 33.333333%;margin-right: 5%;
        .form{
            .flex-box;justify-content: space-between;
            .text{width: 60%;height: 52px;font-size: 16px;background: #fff url('https://www.sangqiao.com/static/alimail/images/phone-icon.png') no-repeat 15px center;padding: 0 10px 0 40px;border: 1px solid #dfa755;border-radius: 10px;}
            .error{color: #fff;background-color: #ff6262;}
            .submit{width: 160px;height: 52px;font-size: 18px;color: #333;.bgc(#f6dcb2);border: 0;border-radius: 10px;margin-left: 15px;cursor: pointer;}
        }
        .slide{
            height: 20px;line-height: 20px; .over;margin-top: 10px;margin-left: 15px;
            .item{color: #fff;}
        }
    }
}

#superiority{
	&.inner{padding: 70px 0;}
	.list{
		padding-top: 30px;.flex-box;flex-wrap: wrap;
		.item{
			width: 33.333333333%;padding: 30px 10px;border-left: 1px solid #f8f8f8;.border-box;.text-center;
			&:nth-child(3n+1){border-left: 0;}
			&:nth-child(3) ~ .item{border-top: 1px solid #f8f8f8;}
			.ico{
				width: 120px;height: 120px;background-repeat: no-repeat;background-position: center;background-size: 100% auto;margin: 0 auto 15px;
				&.i1{background-image: url('https://www.sangqiao.com/static/alimail/images/superiority-1.jpg');}
				&.i2{background-image: url('https://www.sangqiao.com/static/alimail/images/superiority-2.jpg');}
				&.i3{background-image: url('https://www.sangqiao.com/static/alimail/images/superiority-3.jpg');}
				&.i4{background-image: url('https://www.sangqiao.com/static/alimail/images/superiority-4.jpg');}
				&.i5{background-image: url('https://www.sangqiao.com/static/alimail/images/superiority-5.jpg');}
				&.i6{background-image: url('https://www.sangqiao.com/static/alimail/images/superiority-6.jpg');}
				&.i7{background-image: url('https://www.sangqiao.com/static/alimail/images/superiority-7.jpg');}
				&.i8{background-image: url('https://www.sangqiao.com/static/alimail/images/superiority-8.jpg');}
				&.i9{background-image: url('https://www.sangqiao.com/static/alimail/images/superiority-9.jpg');}
			}
			.name{font-size: 18px;color: #333;margin-bottom: 20px;}
			.brief{height: 44px;line-height: 22px;font-size: 14px;color: #666;.over;}
		}
	}
}

#index-count{
	height: 400px;background: url('https://www.sangqiao.com/static/alimail/images/count-bg.jpg') no-repeat center center / cover;padding-top: 55px;.border-box;
	.title{font-size: 36px;color: #fff;margin-bottom: 55px;.text-center;}
	.list{
		.flex-box;-webkit-justify-content: space-between;justify-content: space-between;
		.item{
			width: 24%;max-width: 307px;height: 200px;.bgc(rgba(0,0,0,.2));padding: 50px 20px;.border-box;.text-center;
			.name{font-size: 18px;color: #fff;margin-bottom: 20px;}
			.count{font-size: 40px;color: #fff;}
		}
	}
}

#index-process{
	.list{
		.flex-box;-webkit-justify-content: space-between;justify-content: space-between;
		.item{
			max-width: 194px;
			.ico{
				width: 104px;height: 104px;background-repeat: no-repeat;background-position: center center;border-radius: 50%;margin: 50px auto 50px;box-shadow: 0 0 20px #f9f9f9; .over;
				&.i1{background-image: url('https://www.sangqiao.com/static/alimail/images/process-1.jpg');}
				&.i2{background-image: url('https://www.sangqiao.com/static/alimail/images/process-2.jpg');}
				&.i3{background-image: url('https://www.sangqiao.com/static/alimail/images/process-3.jpg');}
				&.i4{background-image: url('https://www.sangqiao.com/static/alimail/images/process-4.jpg');}
				&.i5{background-image: url('https://www.sangqiao.com/static/alimail/images/process-5.jpg');}
			}
			.name{font-size: 18px;color: #ff3300;padding: 0 30px;margin-bottom: 15px;.text-center;}
			.brief{line-height: 24px;font-size: 14px;color: #333;padding: 0 30px;}
		}
		.arrow{width: 20px;height: 35px;background: url('https://www.sangqiao.com/static/alimail/images/right.jpg') no-repeat center center;margin-top: 85px;}
	}
}

#index-case{
	padding-bottom: 45px;
	.box{
		padding-top: 30px;.relative;
		.hd{
			margin-left: 40px;.absolute;bottom: 60px;left: 62.07407%;
			span{width: 30px;height: 2px;.bgc(#fff);margin: 0 10px;border-radius: 0;.inline-block;opacity: 1;}
			.on{.bgc(#e33239);}
		}
	}
	/*.item{
		.info{.bgff;padding: 25px 40px;}
		.name{
			font-size: 18px;color: #ff3300;margin-bottom: 20px;.text-over;
			a{font-size: inherit;color: inherit;.inline-block;}
		}
		.brief{height: 60px;line-height: 30px;font-size: 16px;color: #333;.over;}
	}*/
	.item{
		.bgc(#262a33);
		.flex{.flex-box;}
		.img{width: 62.07407%;flex-shrink: 0;}
		.info{
			height: 100%;padding: 5.5555555% 40px 10%;.flex-box;align-content: flex-start;flex-wrap: wrap;
			.name{.w100;font-size: 28px;color: #fff;margin-bottom: 11.570407%;}
			.ver{.w100;font-size: 18px;color: #fff;margin-bottom: 5.5%;}
			.brief{.w100;height: 120px;line-height: 30px;font-size: 14px;color: #ccc;}
			.line{.w100;height: 1px;.bgc(#686b70);margin-top: 10px;margin-bottom: 30px;}
			.number{.w100;font-size: 16px;color: #fff;}
		}
	}
}

#index-client{
	.list{
		border-top: 1px solid #f0f0f0;border-left: 1px solid #f0f0f0;
		.item{
			width: 25%;padding: 15px 20px;border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;.fl;.border-box;
		}
	}
}

.news-title-row{
	.title{font-size: 36px;color: #333;text-align: center;cursor: pointer;}
	.title-list{
		margin: 50px 0 40px;border-bottom: 1px solid #f3f3f3;.flex-box;justify-content: center;flex-wrap: wrap;
		.sub{
			font-size: 18px;padding-bottom: 25px;border-bottom: 2px solid transparent;margin: 0 15px;
			&.on{border-bottom-color: @baseColor;}
		}
	}
}

#news-module{
	padding: 45px 0 60px;
	.title{font-size: 30px;margin-bottom: 30px;}
	.color{color: #ff3300;}
	.list{
		.item{
			width: 48.518518%;line-height: 26px;padding: 15px 0;border-bottom: 1px solid #e8e8e8;.relative;
			&:nth-child(2n){.fr;}
			&:nth-child(2n+1){.fl;}
			.name{
				.max-w100;font-size: 16px;color: #333;padding-right: 100px;.border-box;.text-over;.inline-block;
				&:hover{color: @baseColor;}
			}
			.date{font-size: 14px;color: #333;.absolute;top: 15px;right: 0;}
		}
	}
	.list-box{
		.list{
			.none;
			&.on{display: block;}
		}
	}
}

#bottom-ad{
	background: url('https://www.sangqiao.com/static/alimail/images/bottom-ad-bg.jpg') no-repeat center center / 100% 100%;/*background-color: #ff2c60;*/padding: 40px 0 32px;.text-center;
	.title{font-size: 30px;color: #fff;margin-bottom: 30px;}
	.btn{width: 200px;height: 36px;line-height: 36px;font-size: 20px;color: #ff2f5d;background-color: #fff;border-radius: 36px;margin: 0 auto;display: block;}
}

#case{
	padding: 90px 0 40px;
	.list{
		margin-top: 75px;
		.item{
			width: 48.444444444%;margin-bottom: 4.444444%;.fl;
			&:nth-child(2n){margin-left: 2.96296296%;}
			.info{.bgff;padding: 25px 40px;}
			.name{
				font-size: 18px;color: #ff3300;margin-bottom: 20px;.text-over;
				a{font-size: inherit;color: inherit;.inline-block;}
			}
			.brief{height: 60px;line-height: 30px;font-size: 16px;color: #333;.over;}
		}
	}
}

.crumb{
	line-height: 24px;.bgf5;padding: 15px 0;
	.t{
		font-size: 14px;color: #999;
		a , span{font-size: inherit;color: inherit;}
		a:hover{color: #333;}
	}
}

.news-list{
	.item{
		padding-bottom: 25px;border-bottom: 1px solid #fbfbfb;margin-bottom: 25px;
		.name{
			font-size: 20px;color: #333;margin-bottom: 20px;.text-over;
			a{font-size: inherit;color: inherit;}
		}
		.biref{height: 48px;line-height: 24px;font-size: 14px;color: #666;margin-bottom: 15px;.over;}
		.time{font-size: 14px;color: @baseColor;.fl;}
		.read{font-size: 14px;color: #999;.fr;}
	}
}

.news-list2{
	.title{font-size: 18px;color: @baseColor;padding-bottom: 15px;border-bottom: 1px solid #fbfbfb;margin-bottom: 25px;}
	.i{
		width: 49%;font-size: 16px;color: #333;margin-bottom: 10px;.text-over;.fl;
		&:hover{color: @baseColor;}
		a{font-size: inherit;color: inherit;}
		&:nth-child(2n){margin-left: 2%;}
	}
}

#news-detail{
	padding-bottom: 30px;border-bottom: 1px solid #fbfbfb;margin-bottom: 35px;
	.detail-title{font-size: 36px;color: #333;margin-bottom: 20px;.text-center;}
	.detail-info{
		font-size: 14px;color: #999;margin-bottom: 30px;.text-center;
		span{font-size: inherit;color: inherit;margin: 0 15px;.inline-block;}
	}
	.content{margin-bottom: 25px;}
	.tag{
		font-size: 16px;color: #333;margin-bottom: 25px;
		a{font-size: inherit;color: inherit;margin-right: 10px;.inline-block;}
		a:hover{color: @baseColor;}
	}
	.turn{
		line-height: 30px;
		a{font-size: 16px;color: #333;.text-over;}
		a:hover{color: @baseColor;}
	}
}


.content{line-height: 30px;font-size: 16px;color: #333;}

.web-box{
	padding: 70px 0 60px;.flex-box;
	.web-main{
		.w100;margin-right: 80px;
	}
	.web-side{
		width: 340px;flex-shrink: 0;
		.side-ad{
			margin-bottom: 40px;
			.url{.absolute;top: 0;right: 0;bottom: 0;left: 0;}
		}
		.container{
			margin-bottom: 10px;
			&.box{border: 1px solid #f2f2f2;}
			.title{font-size: 18px;color: @baseColor;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;margin: 0 20px 15px;}
			.recommend-list{
				padding: 10px 20px;
				.i{
					margin-bottom: 20px;.text-over;
					a{font-size: 14px;color: #333;}
				}
			}
			.tag-list{
				padding: 0 10px 0 20px;
				a{.max-w100;line-height: 30px;font-size: 14px;color: #333;padding: 0 20px;border: 1px solid #f2f2f2;border-radius: 30px;margin-right: 10px;margin-bottom: 10px;.inline-block;.text-over;}
			}
		}
	}
}

#pages{
	.text-center;
	span , font , a{height: 30px;line-height: 30px;font-size: 14px;.bgff;.inline-block;margin: 0 10px;.border-box;}
	span , font , .page-num{width: 30px;}
	font , a{color: #333;border: 1px solid #f2f2f2;}
	a:hover{color: @baseColor;}
	.page-btn{padding: 0 20px;}
	a.page-on{color: #fff;background-color: @baseColor;}
}

#contact{
	padding: 100px 0 10px;
	.contact-box{margin: 0 65px 0 55px;}
	.title{font-size: 30px;color: #333;margin-bottom: 40px;}
	.p{
		line-height: 36px;font-size: 18px;color: #333;margin-bottom: 75px;
		span{font-size: inherit;color: #f23414;}
		.contact-logo{margin-top: 5px;margin-right: 35px;}
	}
}

#page404{
	padding: 120px 0 230px;
	.title{font-size: 180px;color: #da0000;margin-bottom: 60px;.text-center;}
	.url{
		.text-center;
		a{font-size: 18px;color: #333;margin: 0 25px;.inline-block;}
	}
}


#footer{
	.bgc(#212121);
	.main{
		padding: 60px 0 55px;
		.logo{.fl;}
		.nav{
			margin-left: 260px;.flex-box;justify-content: flex-end;
			.i{line-height: 44px;font-size: 16px;color: #fff;margin-left: 5%;}
		}
	}
	.links{
		font-size: 14px;color: #666;padding: 25px 0;margin-bottom: 10px;border-top: 1px solid #313131;
		.title-tab{
			.title{font-size: 14px;color: #666;margin-right: 20px;margin-bottom: 20px;.inline-block;cursor: pointer;}
			.on{color: #fff}
		}
		.list-tab{
			.list{
				.none;
				&.on{.block;}
				span{font-size: 14px;color: #666;margin-right: 5px;margin-bottom: 5px;}
				a{font-size: 14px;color: #666;margin-right: 20px;margin-bottom: 5px;/*margin-left: 5px;*/}
				a:hover{color: #fff;}
			}
		}
	}
	.copyright{
		line-height: 24px;font-size: 14px;color: #666;padding: 25px 0 20px;border-top: 1px solid #313131;.text-center;
		a{font-size: inherit;color: inherit;margin-left: 15px;}
		a:hover{color: #fff;}
	}
}

#follow{
	.fixed(13);right: 10px;top: 50%;.translateY(-50%);
	.i{
		width: 82px;font-size: 14px;color: #fff;.bgc(#f23414);padding: 15px 0;.text-center;.block;cursor: pointer;.relative;
		&:hover{
			.bgc(#fe5f44);
			.wechat-box{opacity: 1;.visible;}
		}
		&:first-child{border-radius: 5px 5px 0 0;}
		&:last-child{border-radius: 0 0 5px 5px;}
		.wechat{width: 35px;height: 29px;background: url('https://www.sangqiao.com/static/alimail/images/wechat.png') no-repeat center center;margin: 0 auto 5px;.block;}
		.qq{width: 28px;height: 31px;background: url('https://www.sangqiao.com/static/alimail/images/qq.png') no-repeat center center;margin: 0 auto 5px;.block;}
		.tel{width: 25px;height: 25px;background: url('https://www.sangqiao.com/static/alimail/images/tel.png') no-repeat center center;margin: 0 auto 5px;.block;}
		.totop{width: 22px;height: 11px;background: url('https://www.sangqiao.com/static/alimail/images/totop.png') no-repeat center center;margin: 0 auto 5px;.block;}
	}
	#phone-box{
		width: auto;.bgff;padding: 25px 20px;border: 1px solid #f23414;margin-top: 40px;margin-right: 15px;.absolute;top: 50%;right: 100%;.translateY(-50%);.hide;opacity: 0;.trans;
		&.show{.visible;opacity: 1;}
		.title{font-size: 16px;color: #333;margin-bottom: 15px;}
		.form{
			margin-bottom: 20px;.flex-box;
			.text{width: 200px;height: 50px;font-size: 14px;color: #333;.bgc(#f9f9fc);padding: 10px 20px;border: 1px solid #ececf2;.border-box;.trans;}
			.error{border-color: #f23414;}
			.btn{width: 88px;height: 50px;font-size: 14px;color: #fff;.bgc(#f23414);flex-shrink: 0;border: 0;cursor: pointer;}
		}
		.hotline{
			font-size: 18px;color: #f23414;
			span{.bold;font-size: inherit;color: inherit;}
		}
	}
	.wechat-box{
		width: 170px;font-size: 14px;color: #333;.bgc(#fff);padding: 10px;border: 1px solid #f23414;margin-right: 15px;.absolute;top: 50%;right: 100%;.translateY(-50%);.text-center;.trans;opacity: 0;.hide;
		img{width: 147px;.margin-auto;display: block;}
	}
}

#p-follow{
	width: 100%;.flex-box;.margin-auto;.fixed(6);right: 0;bottom: 0;left: 0;.hide;
	.i{
		width: 100%;height: 50px;line-height: 50px;font-size: 14px;color: #fff;.text-center;
		&:before{background-repeat: no-repeat;background-size: 100% auto;margin-top: -3px;margin-right: 6px;.inline-block;.middle;content: '';}
		&.qq{
			.bgc(#f76e7a);
			&:before{width: 16px;height: 18px;background-image: url('https://www.sangqiao.com/static/alimail/images/p-qq.png');}
		}
		&.price{
			width: 60%;.bgc(#fc3725);
			&:before{width: 19px;height: 16px;background-image: url('https://www.sangqiao.com/static/alimail/images/p-price.png');}
		}
		&.tel{
			width: 40%;.bgc(#ff6723);
			&:before{width: 13px;height: 17px;background-image: url('https://www.sangqiao.com/static/alimail/images/p-tel.png');}
		}
		&.service{
			.bgc(#db0f21);
			&:before{width: 22px;height: 19px;background-image: url('https://www.sangqiao.com/static/alimail/images/p-service.png');}
		}
	}
}

#p-form{
	.fixed(31);top: 0;right: 0;bottom: 0;left: 0;.over;.trans;.hide;opacity: 0;.none;
	&.show{.visible;opacity: 1;}
	&:before{.bgc(#000);.absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: .5;content: '';}
	.box{width: 330px;height: 417px;margin: auto;.absolute(2);top: 0;right: 0;bottom: 0;left: 0;}
	.top{height: 101px;background: url('https://www.sangqiao.com/static/alimail/images/p-form-top.png') no-repeat center center / auto 100%;}
	.tips{width: 80%;padding: 0 20px;.margin-auto;.text-left;.border-box;}
	.tips1{font-size: 18px;color: #fc3725;margin-bottom: 10px;}
	.tips2{
		font-size: 12px;color: #333;margin-bottom: 20px;
		span{font-size: inherit;color: #f64500;}
	}
	.main{
		.bgff;padding: 30px 0;border-radius: 0 0 5px 5px;.over;.text-center;
		.text{
			width: 80%;height: 60px;font-size: 16px;.bgc(#f9f9f9);background-repeat: no-repeat;padding: 0 10px 0 50px;border: 1px solid #f9f9f9;border-radius: 60px;margin-bottom: 15px;.margin-auto;.border-box;.block;
			&.user{background-image: url('https://www.sangqiao.com/static/alimail/images/p-user.png');background-position: 20px center;background-size: 20px auto;}
			&.phone{background-image: url('https://www.sangqiao.com/static/alimail/images/p-phone.png');background-position: 24px center;background-size: 16px auto;}
			&.error{border-color: #f23414;}
		}
		.btn{width: 80%;height: 60px;font-size: 16px;color: #fff;.bgc(#ef1e25);border: 0;border-radius: 60px;margin: 0 auto 25px;.block;}
		.hotline{.bold;font-size: 22px;color: #ef1e25;}
	}
}

#pop-box{
	width: 580px;height: 307px;/*height: 375px;*/.bgc(#fff0ea);margin: auto;.fixed(15);top: 0;right: 0;bottom: 0;left: 0;border-radius: 5px;.over;.hide;opacity: 0;.trans;
	&.show{.visible;opacity: 1;}
	.close{width: 15px;height: 15px;background: url('https://www.sangqiao.com/static/alimail/images/zixun-close.png') no-repeat center center;padding: 5px;.absolute;top: 7px;right: 7px;}
	.fonts{
		height: 207px;line-height: 45px;font-size: 28px;color: #fff;background: url('https://www.sangqiao.com/static/alimail/images/zixun-bg.jpg') no-repeat center center;padding: 15px;.text-center;.border-box;
		span{font-size: 48px;color: inherit;}
	}
	.btn{width: 160px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;.bgc(#f64500);border-radius: 40px;margin: 30px auto 0;.text-center;.block;}
	.info{
		width: 415px;line-height: 30px;font-size: 16px;color: #333;margin: 25px auto;
		.t{.bold;font-size: 24px;color: #333;margin-right: 15px;}
		.c{font-size: inherit;color: #f64500;}
		form{
			margin-top: 15px;.flex-box;
			.text{width: 100%;height: 42px;font-size: 16px;color: #333;background-color: #fff;padding: 0 20px;border: 1px solid #fff;borer-radis: 0;.border-box;}
			.error{border-color: #f23414;}
			.submit{width: 100px;height: 42px;.bold;font-size: 16px;color: #fff;background-color: #f64500;border: 0;border-radius: 0;flex-shrink: 0;cursor: pointer;}
		}
	}
}

#service-box{
	height: 140px;.bgff;padding: 15px 0;.fixed(30);right: 0;bottom: 0;left: 0;box-shadow: 0 0 20px #ccc;.border-box;
	.close{width: 20px;height: 20px;background: url('https://www.sangqiao.com/static/alimail/images/service-close.png') no-repeat center center;.absolute;top: -26px;right: -10px;}
	.wrap2{.relative;}
	.box{
		width: 400px;margin-top: 32px;
		.form{
			font-size: 0;.flex-box;
			.text{width: 100%;height: 48px;font-size: 14px;padding: 0 20px;border: 2px solid #eb2629;border-radius: 48px 0 0 48px;.border-box;}
			.error{color: #fff;background-color: #ff6262;}
			.submit{width: 147px;height: 48px;font-size: 16px;color: #fff;.bgc(#eb2629);border: 0;border-radius: 0 48px 48px 0;flex-shrink: 0;cursor: pointer;}
		}
		.tips{font-size: 14px;color: #999;margin-top: 10px;}
	}
}

@media only screen and (max-width: 1540px) {
	//#header #nav .hotline{margin: 0 2%;.relative;top: auto;left: auto;}
}


@media only screen and (max-width: 1200px) {
	body{padding-top: 80px;}

	#header{
		height: 80px;.fixed(30);top: 0;right: 0;left: 0;
		#logo{margin-top: 10px;}
		#nav-btn{
			width: 60px;height: 60px;background: url('https://www.sangqiao.com/static/alimail/images/menu.svg') no-repeat center center / 150% auto;margin-top: 10px;.fr;
		}
		#nav{
			width: 60%;.bgff;.fixed(40);top: 80px;bottom: 0;left: 100%;flex-wrap: wrap;align-content: flex-start;flex-direction: column;
			&.on{height: auto;left: 40%;margin-left: 0;}
			.item{
				width: 100%;height: 50px;line-height: 40px;margin-left: 0;
				& > a{line-height: inherit;}
			}
			.btn{margin-top: 10px;}
			.hotline{margin-top: 10px;}
			.hotline:before{width: 100%;height: 1px;.block;content: '';}
		}
	}
	
	#ad-form{
	    padding: 10px;flex-direction: column;
	    .content {
	        width: 90%;margin: 10px auto;.text-center;
	        .txt1{font-size: 24px;}
	    }
	    .form-col {
	        width: 90%;max-width: 420px;margin: 10px auto;
	        .form {
    	        .text{height: 40px;font-size: 14px;}
    	        .submit{height: 40px;font-size: 14px;margin-left: 8px;}
	        }
	    }
	}
	
	#price-table{
	    .price-box{
	        padding: 20px 30px;
	    }
	}

	#service-box{.none;}
}

@media only screen and (max-width: 980px) {
	body{padding-bottom: 50px;}

	#banner{.w100;.absolute;.hide;}

	#banner2{
		max-width: 940px;.margin-auto;.relative;left: auto;.visible;
	}

	.web-row{padding-top: 40px;padding-bottom: 40px;}

	.inner-row{
		padding-top: 40px;padding-bottom: 40px;
		#version{margin-bottom: 40px;}
	}

	.web-title{
		margin-bottom: 20px;
		.title-0{font-size: 28px;}
		.inner{padding-top: 40px;padding-bottom: 20px;}
	}

	#function{
		&.inner{padding: 40px 0 50px;}
		.tag-list .btn{width: 120px;font-size: 14px;margin: 0 15px 15px;}
		.box{
			.left{
				width: 100%;height: auto;padding: 20px;float: none;
				.img{.none;}
				.title{margin-bottom: 10px;}
			}
			.list{
				margin-left: 0;
				.item{
					padding: 10px;
				}
			}
		}
	}

	#version{
		.list{
			max-width: 400px;.margin-auto;flex-wrap: wrap;
			.item{
				width: 100%;padding-bottom: 20px;margin-bottom: 20px;
				.ico{width: 100px;height: 100px;}
				.name{font-size: 24px;margin-bottom: 10px;}
				.brief{font-size: 14px;}
				// .price{line-height: 20px;margin-top: 40px;}
				.price span{font-size: 40px;}
				// .price span:after{display: block;content: '';}
				.info .p{font-size: 14px;}
			}
		}
	}

	#index-count{
		height: auto;padding: 40px 0;
		.title{font-size: 28px;margin-bottom: 30px;}
		.list .item{
			height: 140px;padding: 30px 10px;
			.count{font-size: 26px;}
		}
	}

	#index-process .list{

		.item{

			.ico{
				width: 120px;height: 120px;.margin-auto;
			}
			.name{font-size: 14px;padding: 0;}
			.brief{.none;}
		}
		.arrow{.none;}
	}

	#superiority{
		&.inner{padding: 0 0 10px;}
		.list .item{
			padding: 20px;
			.ico{width: 100px;height: 100px;}
			.brief{.none;}
		}
	}

	#index-21{
		background-position: left center;
		.info{
			margin-left: auto;
			.font-0{font-size: 30px;}
			.font-1{font-size: 36px;}
			.font-2{height: auto;line-height: 50px;font-size: 24px;}
			.font-3{font-size: 20px;}
			.font-4{font-size: 26px;}
			.font-5{font-size: 16px;}
		}
	}

	#news-module{
		padding-top: 40px;padding-bottom: 40px;
		.title{font-size: 28px;}
	}

	#index-case{
		/*.item{
			.info{padding: 20px;}
			.name{font-size: 16px;margin-bottom: 0;}
			.brief{.none;}
		}
		.box .hd{margin-top: 20px;}*/
		max-width: 838px;.margin-auto;
		.box .hd{width: 100%;margin-left: auto;left: auto;bottom: 30px;.text-center;}
		.item{
			.flex{flex-wrap: wrap;}
			.img{width: 100%;}
			.info{
				padding-top: 30px;
				.name{font-size: 24px;margin-bottom: 20px;}
				.ver{margin-bottom: 20px;}
			}
		}
	}

	#index-client{
		.list .item{width: 50%;}
	}

	.news-title-row{
		.title{font-size: 28px;}
		.title-list{
			margin: 20px 0;border-bottom: 0;
			.sub{
				font-size: 16px;padding-bottom: 0;border-bottom: 0;margin: 15px;
				&.on{color: @baseColor;}
			}
		}
	}

	#bottom-ad{
		padding: 20px 2%;
		.title{font-size: 24px;}
	}

	.web-box{
		padding: 40px 0;
		.web-main{margin-right: auto;}
		.web-side{.none;}
	}

	#case{
		padding: 40px 0;
		.list{
			margin-top: 40px;
			.item[class]{width: 100%;max-width: 650px;float: none;margin-right: auto;margin-left: auto;}
			.item{
				.info{padding: 10px;}
				.name{font-size: 16px;margin-bottom: 10px;}
				.brief{height: 44px;line-height: 22px;font-size: 14px;}
			}
		}
	}

	.news-list{
		.item{
			padding-bottom: 15px;margin-bottom: 15px;
			.name{font-size: 16px;margin-bottom: 10px;}
		}
	}
	
	#price-table{.none;}

	#news-detail{padding-bottom: 20px;margin-bottom: 20px;}

	.news-list2 .i{width: 100%;float: none;}
	.news-list2 .i[class]{margin-left: auto;}

	#footer .main{.none;}

	#follow{.none;}
	#pop-box{.none;}

	#p-follow{.visible;}
	#p-form{.block;}
}

@media only screen and (max-width: 640px) {
	body{padding-top: 60px;}

	#header{
		height: 60px;
		#logo{
			margin-top: 5px;
			img{width: 155px;}
			span{font-size: 12px;}
		}
		#nav-btn{width: 40px;height: 40px;}
		#nav{top: 60px;}
	}

	.web-row{padding-top: 20px;padding-bottom: 20px;}

	.inner-row{
		padding-top: 20px;padding-bottom: 20px;
		#version{margin-bottom: 20px;}
	}

	.web-title .title-0{font-size: 20px;}
	.web-title.inner{padding-top: 20px;padding-bottom: 20px;}

	#function{
		&.inner{padding: 30px 0 40px;}
		.tag-list .btn{width: auto;padding: 0 10px;margin: 0 5px 10px;}
		.box{
			.left .brief{line-height: 22px;}
			.list .item{
				.ico{width: 60px;height: 60px;}
				.name{font-size: 16px;}
				.brief{height: 48px;line-height: 24px;}
			}
		}
	}

	#index-process .list{
		flex-wrap: wrap;justify-content: center;
		.item{
			width: 30%;
			.ico{width: 80px;height: 80px;}
		}
	}

	#superiority .list .item .ico{width: 60px;height: 60px;}

	#index-count{
		.title{font-size: 20px;}
		.list{
			flex-wrap: wrap;
			.item{width: 49%;max-width: none;margin-bottom: 2%;}
		}
	}

	#news-module{
		.title{font-size: 20px;margin-bottom: 20px;}
		.list .item{
			width: 100%;line-height: 20px;padding: 10px 0;float: none;
			.date{top: 10px;}
		}
	}

	#case{
		padding: 20px 0;
		.list {
			margin-top: 20px;
		}
	}

	#news-detail{
		.detail-title{font-size: 20px;margin-bottom: 15px;}
		.turn a{font-size: 14px;}
	}

	.content{line-height: 24px;font-size: 14px;}

	.news-list2{
		.title{font-size: 16px;padding-bottom: 5px;margin-bottom: 15px;}
	}

	#contact{
		padding-top: 40px;
		.contact-box{margin: auto;}
		.title{font-size: 24px;margin-bottom: 20px;}
		.p{line-height: 24px;font-size:16px;margin-bottom: 30px;}
	}

	#header-form .box{
		width: 90%;max-width: 500px;height: 400px;padding: 25px 20px 20px;
		.logo{width: 60%;max-width: 224px;height: auto;}
		.subtitle{font-size: 14px;margin-bottom: 10px;}
		.row{
			line-height: 24px;margin-bottom: 10px;
			.name{font-size: 14px;}
			.text{height: 24px;font-size: 14px;}
		}
	}
}