

.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

.container{ padding:0 15px; max-width:1230px; margin:0 auto; position: relative;}

.m-header{ display: none; background: #FFF; position: fixed; left: 0; top:0; z-index: 999; width: 100%; padding: 0 15px; box-shadow: 0 0 15px rgba(0,0,0,0.15);  justify-content: space-between; align-items: center; height: 60px; }
.m-header .logo{font-size:0; line-height: 60px; }
.yanshi a{ margin-left: 15px; display: inline-block; padding: 0 16px; line-height: 35px; border-radius: 17px; background: #004bdf; color: #FFF;  }
.menu-btn i{ font-size: 28px; }

.m-nav{ position: fixed; right: -200%; top:0; width:100%; height: 100vh; background: #004bdf; transition: 0.5s; z-index: 10000 }
.m-nav .close{ position: absolute; right: 15px; top:15px; width: 40px; height: 40px; border-radius: 50%; background: #FFF; display: flex; justify-content: center; align-items: center; }
.m-nav .close i{ font-size: 20px; }
.m-nav ul{  padding: 50px 15px 15px; }
.m-nav li{ position: relative; }
.m-nav li>a{ display: block; line-height: 50px; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 16px; color: #FFF; }
.m-nav.cur{ right: 0; }

.
.zixun{ float: right; padding-top: 22px; margin-left: 50px; }
.zixun a{ display: inline-block; padding: 0 16px; line-height: 38px; border-radius: 19px; border: 1px solid #004bdf; color: #004bdf;  }
.zixun a:hover{ background: #004bdf; color: #FFF;}



.section{padding:60px 0;}
.section-title{ margin-bottom: 50px; font-size: 40px; text-align: center; color: #00000c}
.section-title strong span{ color: #004bdf; }

.in-about .con{ font-size: 22px; line-height: 1.5; }

.in-why{ background: #f8f8fa; }
.in-why ul{ margin:0 0 0 -40px; }
.in-why li{ float: left; width: 33.333%; }
.in-why li a{ transition: 0.5s; background:#FFF url(num01.png) no-repeat 80% 25px; display: block; color: #404040; margin:0 0 40px 40px; height: 241px; padding: 40px 30px 0 40px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 25px rgba(0,0,0,0.1); }
.in-why li .icon{ margin-bottom: 22px; }
.in-why li h2{ font-size: 20px;  margin-bottom: 15px;}
.in-why li p{ font-size: 16px; color: #757575; line-height: 26px;  }
.in-why li:nth-child(2) a{ background-image:url(num02.png)}
.in-why li:nth-child(3) a{ background-image:url(num03.png)}
.in-why li:nth-child(4) a{ background-image:url(num04.png)}
.in-why li:nth-child(5) a{ background-image:url(num05.png)}
.in-why li:nth-child(6) a{ background-image:url(num06.png)}
.in-why li a:hover{ transform:translateY(-20px);}

.in-service li{ float: left; width: 33.333%; }
.in-service li a{ transition: 0.5s; text-align: center; display: block; padding: 0 35px; color: #404040; }
.in-service li .icon{ margin-bottom: 15px; }
.in-service li h2{ font-size: 20px;  margin-bottom: 15px;}
.in-service li p{ font-size: 16px; color: #757575; line-height: 26px;  text-align: left; }
.in-service li a:hover{ transform:translateY(-20px);}

.in-ys .clearfix{ padding: 60px 0; }
.in-ys .y1{ background:#f8f8fa;}
.in-ys .con{ display: flex; align-items: center; font-size: 16px; color: #6e6e6e; }
.in-ys .con .img-center{ flex:1; }
.in-ys .con .text{ flex:1; }
.in-ys .con .text h2{ font-size: 36px; color: #010012; margin-bottom: 12px; }
.in-ys .con .text h3{ font-size: 16px; font-weight: normal; margin-bottom: 45px; }
.in-ys .con .text p{ max-width:520px; line-height: 30px; background: url(icon-gou.png) no-repeat left 8px; padding-left: 28px; }
.in-ys .con .text .btns{ margin-top: 40px; }
.in-ys .con .text .btns a{ display: inline-block; line-height: 40px; font-size: 16px; padding: 0 45px; background: #1f64ff; color: #FFF; border-radius: 20px; }
.in-ys .y1 .img-center{ order: 100 }
.in-ys .y2 .con .text p{ max-width: 495px; }

.in-case .swiper-slide a{ display: block; overflow: hidden; border-radius: 20px; transition: 0.5s; }
.in-case .swiper-slide a:hover{ transform:translateY(-15px); }


.fix_ewms{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none}
.fixwbg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;background:rgba(0,0,0,.5)}
.fix_ewms .box{padding:40px;background:#fff;position:relative;z-index:19;max-width:500px;margin:0 auto;top:100px}
.fix_ewms .box span{font-size:20px;color:#1653f8;display:block;text-align:center;font-weight:700}
.fix_ewms .box p{font-size:14px;color:#000;display:block;text-align:center}
.fix_ewms .box p img{display:block;margin:0 auto;margin-top:30px}
.fix_ewms .box ul{margin-top:30px;margin-bottom:30px; overflow:hidden;}
.fix_ewms .box li{width:25%;float:left}
.fix_ewms .box li img{height:24px;display:block;margin:0 auto}
.fix_ewms .box li i{font-style:normal;display:block;text-align:center;font-size:14px;margin-top:6px}
.fix_ewms .box p small{color:#1653f8;font-size:18px;font-weight:700}

@media screen and (max-width: 768px) {
    .container {width: auto;}


    .section{padding:25px 0;}
    .section-title{ margin-bottom: 25px; font-size: 24px; }

    .in-about .con{ font-size: 16px; }

    .in-why ul{ margin:0 0 0 -15px; }
    .in-why li{ float: none; width: 100%;  margin-bottom: 15px; }
    .in-why li a{ height: auto; padding: 25px; margin:0 0 15px 15px;}

    .in-service li{ float: none; width: 100%; margin-bottom: 15px; }

    .in-ys .clearfix{ padding: 20px 0; }
    .in-ys .con{ flex-wrap: wrap; font-size: 14px; }
	.in-ys .con .img-center{ flex:100%; margin-bottom: 20px; order: -200; }
	.in-ys .con .text{ flex:100%;  }
	.in-ys .con .text h2{ font-size: 20px; margin-bottom: 12px; }
	.in-ys .con .text h3{ font-size: 14px; margin-bottom: 25px; }
	.in-ys .con .text p{ line-height: 25px; padding-left: 22px; background-position: left 3px; margin-bottom: 10px;}
	.in-ys .con .text .btns{ margin-top: 20px; }


	

	


}