.banner{margin-top: 1.3rem;}
.banner .img{position: relative;}
.banner .img .online{position: absolute;left: 50%;bottom: 4.7%;transform: translateX(-50%);}
.banner .img .online a{display: inline-block;text-align: center; font-size: 0.45rem;color: #555;font-weight: bold; width: 4.5rem;background: #fff;border: 3px solid #ff5f00;border-radius: 12px;}
.banner .img .online a span{display: inline-block;line-height: 0.9rem;}

@-webkit-keyframes scaleDraw {
	0% {
		-webkit-transform:scale(1);
	}
	25% {
		-webkit-transform:scale(1.1);
	}
	50% {
		-webkit-transform:scale(1);
	}
	75% {
		-webkit-transform:scale(1.1);
	}
}
.big{
	-webkit-animation-name: scaleDraw;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
	-webkit-animation-direction: alternate;
}

.main{width: 95.7%;margin: 0 auto;}

.title{text-align: center;padding-top: 0.3rem;}
.title h2{position: relative;display: inline-block;}
.title h3{ width: 90%; margin:0 auto 0.3rem; font-size: 0.42rem;line-height: 1;color: #666; position: relative; padding-bottom: 0.2rem; border-bottom:0.01rem solid #134687;}
.title h3:after{ content: ""; position:absolute; left:50%; bottom:-0.08rem; height: 0.14rem; width: 2rem; margin-left: -1rem;  background: #134687}
.title h2{font-size: 0.4rem;line-height: 1;color: #10437c;margin-bottom: 0.16rem;font-weight: bold;}

.question{padding: 0.4rem 0;}
.question-lists{margin-top: 0.3rem;}
.question-lists ul{display: flex;flex-flow: wrap; justify-content: space-between;}
.question-lists ul li{width: 31%;text-align: center;margin-bottom: 0.2rem;}
.question-lists ul li:nth-child(1),.question-lists ul li:nth-child(2){
	width: 48.3%;
}
.question-lists ul li .ques-tit{margin-bottom: 8px;width: 100%;background: #ff5f00;text-align: center;}
.question-lists ul li .ques-tit h2{font-size: 0.35rem;line-height: 0.6rem; color: #fff;}
.question-lists ul li p{font-size: 0.33rem;color: #888;line-height: 0.45rem;}

.order{width: 100%;background: url(../images/mobile/order-bg_03.jpg)no-repeat;background-size: cover; padding: 0.346rem 0 0.72rem;}
.baoming{padding: 0 0.4rem;}
.baoming .right{margin-bottom: 0.5rem;}
.baoming .right h3{
	font-size: 0.45rem;
	font-weight: bold;
	color: #10437c;
	text-align: center;
	letter-spacing: 1px;
}
.baoming .right h3 span{
	color: #ff5f00;
}
.baoming .right .form{
	margin-top: 0.4rem;
	text-align: center;
}
.baoming .right .input{
	margin-bottom: 0.38rem;
}
.baoming .right input{
	display: block;
	margin: 0 auto;
	border: 1px solid #999;
	font-size: 0.38rem;
	line-height: 0.9rem;
	padding-left: 0.3rem;
	width: 100%;
}
.baoming .right a{
	display: inline-block;
	width: 100%;
	background: #134687;
	color: #fff;
	font-size: 0.42rem;
	font-weight: bold;
	letter-spacing: 2px;
}
.baoming .right a span{display: inline-block;line-height: 0.8rem;}

.baoming .left{background: #fff;border-radius: 15px;padding: 0.3rem 0;}
.baoming .left h3{
	font-size: 0.45rem;
	font-weight: bold;
	color: #10437c;
	text-align: center;
	letter-spacing: 1px;
}
.baoming .left h3 span{
	color: #ff5f00;
}
.baoming .left .myscroll{
	width: 100%;
	height: 265px;
	overflow: hidden;
	margin-top: 0.4rem;
}
.myscroll li { height: 20px; margin-top: 12px; text-align: center;}
.myscroll li span{
	font-size: 0.38rem;
	color: #888;
	cursor: pointer;
	letter-spacing: 1px;
}
.myscroll li span.mar{
	margin: 0 11.4%;
}

.case{padding-top: 0.4rem;}

.swiper-case{
	position: relative;
	overflow: hidden;
	margin-top: 0.3rem;
}
.swiper-case .slide ul{display: flex;justify-content: space-between;}
.swiper-case .slide ul li{width: 49%;}
.swiper-case .slide ul li .img{position: relative;}
.swiper-case .slide ul li .img .label{position: absolute;left: 0.266rem;top: 0.266rem;}
.swiper-case .slide ul li .img .label span{font-size: 0.666rem;color: #fff000;font-weight: bold;}
.swiper-case .slide ul li:nth-child(1) .img .label span{color: #fff;}
.swiper-case .slide ul li:nth-child(1){
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscle(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
}
.swiper-case .slide .text{padding: 0.1rem 0 0 5px; border: 1px solid #134687;border-top: none;}
.swiper-case .slide .text h1{position: relative;padding-left: 10px;font-size: 0.45rem;font-weight: bold;color: #134687;margin-bottom: 0.2rem;}
.swiper-case .slide .text h1::before{position: absolute;left: 0;top: 50%;transform: translateY(-50%); content: ''; width: 3px;height: 0.42rem;background: #134687;}
.swiper-case .slide .text h2{font-size: 0.42rem;font-weight: bold;color: #134687;margin-bottom: 0.1rem;}
.swiper-case .slide .text p{font-size: 0.36rem;color: #666;margin-bottom: 0.266rem;}
.swiper-case .swiper-button-next, .swiper-case .swiper-button-prev{
	width: 0.8rem;
	height: 1.8rem;
	opacity: 1;
	top: 35%;
}
.swiper-case .swiper-button-next{
	background: url(../images/right_04.png)no-repeat;
	background-size: cover;
	right: 0.3rem;
}
.swiper-case .swiper-button-prev{
	background: url(../images/left_04.png)no-repeat;
	background-size: cover;
	left: 0.3rem;
}
.problem{padding-top: 0.4rem;}
.problem .problem-lists{margin-top: 0.4rem;}
.problem .problem-lists ul{display: flex;flex-flow: wrap; justify-content: space-between;}
.problem .problem-lists ul li{width: 49%;background: #134687;color: #fff;margin-bottom: 0.3rem;}
.problem .problem-lists ul li .text{padding: 0.2rem 6%;}
.problem .problem-lists ul li .text h2{font-size: 0.38rem;font-weight: bold; line-height: 1;margin-bottom: 0.1rem;position: relative;}
.problem .problem-lists ul li .text h2::before{position: absolute;left: -2.8%;top: 1px;content: '';width: 2px;height: 0.42rem;background: #fff;}
.problem .problem-lists ul li .text p{font-size: 0.3rem;line-height: 0.5rem;}

.perfect{padding: 0.2rem 0 0.4rem;}
.perfect .img{margin-top: 0.4rem;}

.tech-in{margin-top: 0.333rem;background: url(../images/mobile/tech-bg_06.jpg)no-repeat;background-size: cover;padding: 0.4rem 0 0.613rem;}
.tech-in .left{width: 100%;padding: 0.4rem 4% 0;text-align: center;}
.tech-in .left h2{margin-bottom: 0.44rem;}
.tech-in .left h2 span{display: inline-block;width: 30%;line-height: 0.8rem;border: 1px solid #134687;font-size: 0.45rem;font-weight: bold;}
.tech-in .left h2 span:nth-child(1){color: #fff;background: #134687;}
.tech-in .left h2 span:nth-child(2){color: #134687;}
.tech-in .left input{display: inline-block;font-size: 0.4rem; width: 100%;line-height: 0.8rem;background: #fff;border: 1px solid #888888;margin-bottom: 0.3rem;padding-left: 0.4rem;}
.tech-in .left a{display: inline-block;width: 100%;background: #134687;line-height: 0.9rem;font-size: 0.42rem;font-weight: bold;color: #fff;}
.tech-in .left a span{display: inline-block;}

.tech-in .right{width: 100%;padding: 0 2%;text-align: center;}
.technology-swiper{position: relative;margin-top: 0.293rem;}
.swiper-technology{position: relative;overflow: hidden;}
.swiper-technology ul{display: flex;flex-flow: wrap;}
.swiper-technology ul li{width: 31.6%;margin-right: 2.4%;border: 1px solid #666;margin-bottom: 0.226rem;background: #fff;}
.swiper-technology ul li:nth-child(3n){margin-right: 0;}
.swiper-technology ul li .text{padding: 0.133rem 0;}
.swiper-technology ul li .text p{font-size: 0.35rem;line-height: 0.45rem;color: #666;}
.technology-swiper .swiper-button-next, .technology-swiper .swiper-button-prev{
	width: 0.8rem;
	height: 1.8rem;
	opacity: 1;
	top: 50%;
	transform: translateY(-50%);
}
.technology-swiper .swiper-button-next{
	background: url(../images/right_04.png)no-repeat;
	background-size: cover;
	right: 6px;
}
.technology-swiper .swiper-button-prev{
	background: url(../images/left_04.png)no-repeat;
	background-size: cover;
	left: 6px;
}
.big-img .img{position: relative;}
.big-img .img .zixun{position: absolute;left: 50%;bottom: 6%;transform: translateX(-50%);width: 100%;text-align: center;}
.big-img .img .zixun a{display: inline-block;width: 85%; font-size: 0.42rem;font-weight: bold;color: #fff;border-radius: 10px;text-align: center;background: #134687;}
.big-img .img .zixun a span{display: inline-block;line-height: 0.8rem;}



.tec{ padding:0.6rem 0; }
.tec2{ padding-bottom: 0.0.6rem; }
.tec img,
.tec2 img{ margin-top:  0.5rem; }