.banner-btn{
	position: absolute;
	width: 240px;
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	padding: 0;
	/* bottom: 182px; */
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	color: #2E65EF;
}

.modular1 .drawer:nth-child(n+1){ margin-top: 14px; }
.modular1 .viewImg{ display: none; }
.modular1 .viewImg img{ width: 523px; }
.modular1 .viewImg:nth-child(1){ display: inline-block; }
.drawer{
	width: 540px;
	height: 98px;
	background: #FFFFFF;
	border-radius: 8px;
	padding: 25px 24px;
	transition: all .2s linear;
	overflow: hidden;
}
.drawer:hover{
	background: #E2EBFF;
	border: 1px solid #4265FB;
	padding-left: 80px;
	
}

.drawer .itemImg{
	position: absolute;
	top: 50%;
	left: -10%;
	transform: translateY(-50%);
	transition: all .3s linear;
}
.drawer:hover div{ color: #4265FB; }
.drawer:hover .itemImg{ left: 22px; }

.wd-olevel .wd-ht-olevel:nth-child(2){
	color: #4265FB;
	background: #FFFFFF;
	border: 1px solid #4265FB;
}
.modular2 .item{
	width: 390px;
	height: 290px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 8px;
	padding: 32px 54px;
}
.modular2 .item img{
	height: 138px;
}
.modular2 .item div:nth-child(2){ padding-top: 13px; }
.modular2 .item div:nth-child(3){ padding-top: 18px;line-height: 24px; }

.code{
	width: 68px;
	height: 68px;
}

.response{
	width: 30%;
	height: 540px;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	padding: 48px 20px;
}
.response .item .icon:nth-child(2){
	display: none;
}
.response .item .cont-img:nth-child(6){
	display: none;
}

.modular3 .active{
	width: 40%;
	background: #E2EBFF;
	border: 1px solid #4265FB;
	border-radius: 16px;
}

.modular3 .active .item .icon:nth-child(1){ display: none; }
.modular3 .active .item .icon:nth-child(2){ display: inline-block; }
.modular3 .active .item .cont-img:nth-child(5){ display: none; }
.modular3 .active .item .cont-img:nth-child(6){ display: inline-block; }

.modular3 .active .item div:nth-child(3){ color: #4265FB; }
.modular3 .active .item{ background-color: #E2EBFF; }

.response .icon{
	width: 36px;
	height: 36px;
}

.response .cont-img{
	position: absolute;
	bottom: 47px;
	left: 50%;
	transform: translateX(-50%);
}

.mark{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: rgba(0,0,0,.5);
}
.dialog-cont{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 110;
	width: 100%;
	display: none;
}
.dialog-cont .close-icon{
	margin: auto;
	display: block;
	margin-top: 40px;
}
.dialog-cont .ks-button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-10%);
	width: 240px;
	height: 56px;
	line-height: 56px;
	padding: 0;
}

.fz24{ font-size: 24px; }
.fz28{ font-size: 28px; }

.pd-olevel{ padding: 52px 0; }
.pd-tlevel{ padding: 24px 0 30px; }
.pt-olevel{ padding-top: 18px; }
.pt-tlevel{ padding-top: 14px; }
.pt-thlevel{ padding-top: 40px; }
.pb-olevel{ padding-bottom: 80px; }
.pb-tlevel{ padding-bottom: 100px; }

.bg-olevel{ background-color: #F1F9FF; }
.bg-tlevel{ background-color: #F7F7F7; }
.bg-thlevel{ background-color: #F1F9FF; }

.wd-olevel{ width: 540px; }
.wd-tlevel{ width: 140px; }

.mt25{ margin-top: 25px; }
.ml20{ margin-left: 20px; }

.wd-ht-olevel{
	width: 160px;
	height: 46px;
	line-height: 46px;
	padding: 0;
}

.lh-olevel{ line-height: 20px; }

/*大于等于1400 ipad */
@media (max-width: 1400px){
    .banner-btn { bottom: 100px; }
}

/*大于等于1024 ipad */
@media (max-width: 1024px){
	.banner-btn { bottom: 55px; }
    .drawer { width: 90%; }
	.wd-olevel{ width: 424px; }
	.modular1 .drawer .ks-fonts-sm{ font-size: 12px; }
	.special1 .viewImg{ margin-top: 72px; }
	.special1 .drawer{
		display: inline-block;
		margin-left: 20px;
	}
	.modular2 .item { width: 100%; }
}

/*大于等于768 ipad */
@media (max-width: 768px){
    .banner-btn { bottom: 35px; }
	.sm-ttl{ text-align: left; }
	.pd-olevel{ padding: 36px 33px; }
	.sm-fz12{ font-size: 12px; }
	.sm-pt-olevel{ margin-top: 42px; }
	.drawer { width: 100%;padding: 20px 15px; }
	.drawer .itemImg { left: -15%; }
	.modular1 .drawer .ks-fonts-sm { font-size: 11px; }
	.drawer:hover { padding-left: 55px; }
	.drawer:hover .itemImg { left: 8px;width: 35px; }
	.drawer .pt-tlevel{ line-height: 20px; }
	.wd-olevel { width: 344px; }
	.special2 .viewImg{ margin-top: 44px; }
	.special1 .wd-olevel{ margin-left: 20px; }
	.modular2 .item { padding: 20px 10px; }
	.response { padding: 20px 10px;height: 510px; }
	.response .cont-img { bottom: 25px; }
}

/*大于等于480 */
@media (max-width: 480px){
	.banner-btn {
	    width: 160px;
	    height: 36px;
	    line-height: 36px;
	}
	.pd-olevel { padding: 18px 16px; }
	.fz24{ font-size: 14px; }
	.sm-fz12 { font-size: 10px; }
	.ks-omit1 { -webkit-line-clamp: 2;line-height: 16px;width: 142px; }
	.sm-pt-olevel { margin-top: 20px; }
	.pt-olevel { padding-top: 9px; }
	.drawer {
	    padding: 20px 14px 20px 47px;
		margin-top: 20px;
		height: 90px;
		background: #E2EBFF;
	}
	.drawer:hover {
	    padding-left: 47px;
		border: none;
	}
	.drawer:hover .itemImg {
	    left: 12px;
	    width: 22px;
	}
	.drawer div{ color: #4265FB; }
	.drawer div:nth-child(2){ font-size: 16px; }
	.drawer div:nth-child(3){ font-size: 12px; }
	.drawer .itemImg {
	    left: 12px;
	    width: 22px;
	}
	.drawer .pt-tlevel{ line-height: 18px; }
	.pt-tlevel { padding-top: 10px; }
	.swiper-olevel{ padding-bottom: 33px; }
	.swiper-olevel .swiper-pagination{ bottom: 2px!important; }
	.pb-olevel { padding-bottom: 27px; }
	.modular2{ border: 1px solid #E5E5E5; }
	.modular2 .item { border: none;padding: 24px 42px; }
	.response {
		width: 100%;
	    height: 350px;
	}
	
	.swiper-olevel .response{
		background: #F1F9FF;
		border: none;
	}
	.swiper-olevel .swiper-wrapper .swiper-slide:nth-child(1) .response .cont-img{ height: 180px; }
	.swiper-olevel .swiper-wrapper .swiper-slide:nth-child(2) .response .cont-img{ height: 180px; }
	.pb-tlevel { padding-bottom: 37px; }
	.footer-box .fz28{ font-size: 22px; }
	.footer-box .ks-button{
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		width: 70px;
		height: 20px;
		line-height: 20px;
		padding: 0;
		display: block;
		font-size: 10px;
	}
	.pd-tlevel{ padding: 22px 0; }
	.code {
	    width: 43px;
	    height: 43px;
	}
	.footer-box .mt25{ margin-top: 22px; }
	.footer-box .mt25 .ml20{ margin-left: 7px; }
	.footer-box .ks-fonts-sm{ font-size: 12px;padding-top: 6px; }
	.banner-text{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 320px;
		z-index: 1;
	}
	
	.dialog-cont{ padding: 0 15px;box-sizing: border-box; }
	.dialog-cont .ks-button {
	    width: 90px;
	    height: 28px;
	    line-height: 28px;
	    font-size: 12px;
		transform: translateX(-50%) translateY(25%);
	}
	.dialog-cont .close-icon{
		width: 28px;
		height: 28px;
	}
}

/*大于等于375  ios6 */
@media (max-width: 375px){
	.drawer { height: 86px; }
    .drawer .pt-tlevel {
        line-height: 18px;
    }
}

/*大于等于360  安卓 */
@media (max-width: 360px){
    
}

/*大于等于320  ios5 安卓 */
@media (max-width: 320px){
    .banner-btn {
        bottom: 25px;
    }
}