.kn-container {
    text-align: center
}


.kn-container .section5 {
    padding-top: 37px;
    padding-bottom: 37px
}

.kn-container .section5 .btns .btn {
    margin: 0 28px;
    border-radius: 0;
    padding: 0;
    font-size: 24px;
    color: #ffffff;
    line-height: 80px;
    width: 300px;
    height: 80px;
    background: #ff8226;
    display: inline-block
}

.kn-container .section5 .btns .btn:hover {
    background: #f2741a
}



@media (max-width: 768px) {

    .kn-container .section5 .btns .btn {
        margin: 10px
    }


   
}

@media (max-width: 640px) {

    .kn-container .section5 .btns .btn {
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        width: 96%;
        margin: 10px 2%
    }

    
    .jd-container .section1 .kn_icon {
        margin-bottom: 10px
    }

  
}

.case-box{
	min-width:1024px;
} 


.case-section .title-base{
	position:relative;
	font-size:40px;
}  
.case-section .title-base:before{
	content:'';
	   display: inline-block;
    position: absolute;
    background: url(../images/img/xian.png) no-repeat;
    background-size: 100%;
    width: 100px;
    height: 9px;
    /* left: 0; */
    bottom: -30px;
        left: 50%;
    margin-left: -50px;
    margin-top: 10px;
}

.case-section.section01{
	position:relative;
	z-index:2;
		display:flex; 
	background:url("../images/img/topbg.png") no-repeat center;
	background-size:cover; 
	padding-top:288px;
	padding-bottom:313px; 	
} 
.case-section.section02{
	position:relative;
		background:url("../images/img/bg1.png") no-repeat;
		margin-top:-740px;
		padding-top:600px;
		padding-bottom:190px;
}
.case-section.section02:before{
	content:'';
	display:inline-block;
	position:absolute;
	left:0;
	top:-613px;

} 
.section-title{ 
	flex:0 0 59%;
	color:#fff;
	 text-align:left;
	 position:relative;
}
.section-title div{
	position:absolute;
	width:100%;
	left:30%;
	z-index:2;
}
.case-section.section01.dej-case .section-title div{
	left:25%;
}
.section-title h1{
	font-size:44px;
	font-weight:bold;
}
.section-title h4{
	font-size:24px; 
	margin-top:20px; 
}
.section-title span{ 
	position:relative;
	display:flex;   
	width:100%;
	margin-top:22px; 
	padding-left:22px;
	line-height:32px;
	max-width:600px;
}
.section-title span:before{
	content:'';
	display:inline-block; 
	position:absolute;
	left:0;
	top:10px; 
	width:12px;
	height:12px;
	background-color:#fff;
	border-radius:100%;
}

/* section02 */
.section02 .title{
	margin-top:75px;
}
.section02 .title h6{  
	position: absolute;;
    top: 120px;
    font-size: 24px;
    text-align:center; 
    width:100%; 
    
}

.case-section.section02 .content{
	display:flex;
	max-width:1200px;
	margin:0 auto;
	margin-top:125px;  
	padding-left:80px;
} 
.case-section.section02.cy-case .content{
	margin-top:125px;  
}
.case-section.section02 .content .text ul li{
	width:270px;
	text-align:left;
	position:relative;
}
.case-section.section02 .content .text ul li h1{
	font-size:16px;
	font-weight:bold;
}
.case-section.section02 .content .text ul li h6{
	font-size:14px;
	margin-top:14px;
	line-height:24px;
	    text-align: justify;
} 
.case-section.section02 .content .text ul li.w1{

	    left: 65px;
    top: -45px;
}
.case-section.section02 .content .text ul li.w2{
	width:276px;
}
.case-section.section02 .content .text ul li.w3{
	width:280px;
	left:15px;
}
.case-section.section02 .content .text ul li.w4{
	width:360px;
	top: 125px;
    left: -65px;
}
/*ksl start*/
		.case-section.section02.ksl-case .content .text ul li.w1{
			left: 125px;
	    	top: -25px;
		}
		.case-section.section02.ksl-case .content .text ul li.w2{
	   	    top: 50px;
		    left: 100px;
		}
		.case-section.section02.ksl-case .content .text ul li.w3{
			width: 190px;
   			left: 15px;
    		top: 15px;
		}
		.case-section.section02.ksl-case .content .text ul li.w4{
			width: 190px;
   			top: 175px;
		}
	/*ksl send*/

/*cy start*/
.case-section.section02.cy-case .content .text ul li.w1{
	top:-15px;
}
.case-section.section02.cy-case .content .text ul li.w2{
	    top: 45px;
    left: -10px;
}
.case-section.section02.cy-case .content .text ul li.w3{
	left: 35px;
    top: 20px;
}
.case-section.section02.cy-case .content .text ul li.w4{
	 width: 250px;
    top: 205px;
    left: -65px;
}
/*cy end*/

/*dej start*/
.case-section.section02.dej-case .content .text ul li.w1{
	top: 75px;
    width: 230px;
    left: -10px;
}
.case-section.section02.dej-case .content .text ul li.w2{
	display:none;
}
.case-section.section02.dej-case .content .text ul li.w3{
	top:0;
}
.case-section.section02.dej-case .content .text ul li.w4{
	top:150px;
}
/*dej end*/


/* section03 */
.case-section.section03{
	position:relative;
}
.case-section.section03:after{  
	content:''; 
	background:url("../images/img/bg2.png") no-repeat right;
	    background-size: 100%;
		width:1084px;
		height:1140px;
		display: inline-block;
    position: absolute;
    bottom: -600px;
    z-index: -1;
    right:0;
}

/*ksl start*/
.case-section.section03.ksl-case .product-icon{
	max-width:620px;
}
.case-section.section03.ksl-case .product-icon div{
	   flex: 0 0 310px;
}
.case-section.section03.ksl-case .content-img div{
	max-width:860px;
	position:relative;
	margin:0 auto; 
}
.case-section.section03.ksl-case .content-img div:before{
	content:"";
	display:inline-block;
	position:absolute; 
	width:120px;
	height:120px; 
	border-radius:100%;
	background-color:#fff; 
	border:17px solid #a3d3ff;
	bottom:20px;
	left:-40px;
	z-index:-1;
} 
.case-section.section03.ksl-case .content-img div:after{
	content:"";
	display:inline-block;
	position:absolute;
	width:250px;
	height:250px;
	border-radius:100%;
	background-color:#fff;
	border:50px solid #e8f4ff;
	top:-45px;
	right:60px;
	z-index:-1;
}
.case-section.section03.ksl-case .content-img div spana.xiaoyuan{
	backgrouhnd
}
/*ksl end*/


.product-icon{
	display:flex;
	    margin: 0 auto;
    max-width: 700px;
    text-align: center;
    margin-top: 107px;
}
.product-icon > div{
	position:relative;
	flex: 0 0 227px;
}
.product-icon > div div{
	font-size:20px;
	margin-top:20px;
} 
.product-icon > div:after{
	content:'';
	position:absolute;
	background:url("../images/img/jia.png") no-repeat;
	background-size:cover;
	    width: 37px;
    height: 37px;
        top: 21px;
    right: -18px;
}
.product-icon > div:last-child:after{
	display:none;
}
.product-icon span{
	width:80px;
	height:80px;
	background-color:#fff;
	border-radius:100%;
	color:#fff;
	    font-size: 50px;
}

.product-icon span:before{
	position:relative;
top:13px;	
}
.product-icon span.glyphicon-indexIcon-fbgj{
	background-color:#ffc864;
}
.product-icon span.glyphicon-indexIcon-tzy{
	background-color:#8cb4ff;
}
.product-icon span.glyphicon-indexIcon-tmgc{
	background-color:#00b4ff;
	font-size:44px;
}
.product-icon span.glyphicon-indexIcon-tmgc:before{
	top:18px;
}

.product-chengxiao{
	max-width:1200px;
	margin:0 auto;
	margin-top:55px;
}
.product-chengxiao ul{
	display:flex;
}
.product-chengxiao ul li{ 
	position:relative;
	width:275px;
	height:380px;
	background-color:#fff;
    border-radius: 25px;
 box-shadow: 0 0 50px rgba(0,0,0,.05);
 margin-right:32px;
}
.product-chengxiao ul li:after{
	content:'';
	display:inline-block;
	position:absolute;
	background-color:#00c8ff;
	width:100%;
	height:9px;
	left:0;
	bottom:0;
	border-radius:6px;
}
.product-chengxiao ul li:last-child{
	margin-right:0;
}
.product-chengxiao ul li img{
	margin-top:40px;
}
.product-chengxiao ul li strong{
		position:absolute;
	left:0;
	top:140px;
	font-size:20px;
	display:inline-block;
	width:100%;
} 
.product-chengxiao ul h6{
		position:absolute;
	left:0;
	top:185px;
	line-height:24px;
	font-size:14px; 
	padding:0 32px;
	text-align:justify; 
}
/*ksl start*/ 
.ksl-case .product-chengxiao ul li strong{
	top:155px;
}
.ksl-case .product-chengxiao ul h6{ 
	top:205px;
}
/* .cy-case .product-chengxiao ul li:nth-of-type(2) img{ 
	margin-top:50px; 
}   */ 
/*ksl end*/

/*cy start*/
.cy-case .product-chengxiao ul li strong{
	top:155px;
}
.cy-case .product-chengxiao ul h6{ 
	top:205px;
}
.cy-case .product-chengxiao ul li:nth-of-type(2) img{ 
	margin-top:50px; 
}   
/*cy end*/

/*dej start*/
.dej-case .product-chengxiao ul li strong{
	top:160px;
}
.dej-case .product-chengxiao ul h6{
	top:210px;
}
.dej-case .product-chengxiao ul li:last-child img{ 
	margin-top:55px; 
}
.case-section.section03.dej-case .content-img div{
	max-width:1140px;
	    display: flex;
}
.case-section.section03.dej-case .content-img div a{
	flex:0 0 50%;
}
.case-section.section03.dej-case .content-img div:before{
	bottom: -130px;
    left: 130px;
}
.case-section.section03.dej-case .content-img div:after{
	top: -75px;
    right: -100px;
}
.case-section.section03.dej-case .jieduan{
	max-width:380px;
}
/*dej end*/


.content-img{ 
	margin-top:150px;
} 
.jieduan{
	 max-width:1200px;
	 margin:0 auto;
	 margin-top:80px;
}
.jieduan ul{
	display:flex;
}
.jieduan div{
	font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;
	width:200px; 
height:50px;
line-height:50px;
margin:0 auto;
font-size:22px;
text-align:center; 
color:#fff;

border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
        FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#56b1ff, endColorStr=#9e84ff); /*IE 6 7 8*/
              background: -ms-linear-gradient(left, #56b1ff, #9e84ff);        /* IE 10 */
              background:-moz-linear-gradient(left, #56b1ff, #9e84ff);/*火狐*/
   
              background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#56b1ff), to(#9e84ff));  /* Safari 4-5, Chrome 1-9*/
            background: -webkit-linear-gradient(left, #56b1ff, #9e84ff);   /*Safari5.1 Chrome 10+*/
             background: -o-linear-gradient(left, #56b1ff, #9e84ff);  /*Opera 11.10+*/
              linear-gradient(to right, hsl(0, 80%, 70%), #bada55); /* Standard syntax; must be last */
}
.jieduan img{
	margin-top:25px; 
}
 
.jieduan ul li{
		position:relative;
	width:380px;  
	height:320px;
	background-color:#fff;
    border-radius: 25px;
 box-shadow: 0 0 50px rgba(0,0,0,.05);
 margin-right:28px;
}
.jieduan ul li:last-child{
	margin-right:0;
} 


/* section04 */
.section04{
	margin-top:130px; 
}
.section04 .content{
	width:810px;
	padding:70px; 
	position:relative;
	background-color:#fff;
	border-bottom-right-radius: 70px;
    box-shadow: 0 0 50px rgba(0,0,0,.05);
    margin:0 auto;
    padding-top:30px;
    margin-top:115px;
}
.section04 .content:after{
	content:"";
	display:inline-block;
	position:absolute;
	background:url("../images/img/fuhao.png") no-repeat;
	background-size:cover;
	    width: 172px;
    height: 155px;
    right: -200px;
	
}
.section04 .content h1{
	font-size:20px; 
}
.section04 .content h1 span{
	font-size:25px;
}
.section04 .content h3{
	font-size:14px;
	color:#000;
	text-align:justify;
	line-height:30px;
	margin-top:25px;
	text-indent: 2em;
}
.section04 .content img{
	position:absolute;
	left:-60px;
	top:-60px;
	z-index:2;
}
 
/*section5*/
.case-section.section5 .btns{
		margin:0 auto;
	margin-top:110px;
	max-width:1200px;
	border-top:1px solid #dbdbdb;
	padding-top:35px;
}
@media (max-width: 1400px) {
	.section04 .content:after{
    background-size: 90%;
    right:-180px;
    width:150px;
}
}



@media (max-width: 1200px) {
	.section-title{
	flex: 0 0 49%
	}
	.section-title div{
	left:20%;}
	.section-img img{
		width:70%;
	 position: relative;
    top: -50px;
	}
	.section-title h1{font-size:30px}
	.section-title h4{font-size:18px;}
	.section-title span{
		line-height:26px;
	}
	.section-title span:before{
	width:8px;
	height:8px;
	top:10px; 
	}
	.section04 .content:after{
	 background-size: 70%;
    width: 94px;
        height: 100px;
    right: -110px;
    bottom: -60px;
	}
	.product-chengxiao ul h6{
	padding:0 20px;}
		.case-section.section03:after{
		background-size: 60%;
	}
	.case-section.section03.dej-case .content-img div:after{
	right:0;
	}
	
	
}
@media (max-width: 1024px) {
	.case-section.section02 .content{
		padding-left:0;
	}
	.case-section.section02.dej-case .content{
		padding-left:80px;
	}
		.case-section.section03 {  
		margin-top:60px;
	} 

	.product-chengxiao ul li{ 
	margin-right:12px;}
	.product-chengxiao ul h6{
	padding:0 10px;
	}
	.section04 .content{
		width:740px;
	}
}
@media (max-width: 980px) {
	.product-chengxiao ul li{
	margin-right:12px;}
	.product-chengxiao ul h6{
	padding:0 10px;
	}
	.section04 .content{
		width:700px;
	}
} 
@media (max-width: 768px) {
	.case-section.section01 .section-title {
		max-width:600px;
		margin:0 auto;
		position:relative;
		padding:0 5%;
	}
	.case-section.section01 .section-title div{
		position:relative;
		left:0 !important;
	}
	.case-section.section5 .btns{
		margin-top: 0; 
	}
	.case-section.section03:after{
		display:none;
	}
	.case-box{
		min-width:auto;
	}
	.case-section.section01{
	padding-top:188px;}
	.section-title{
	    flex: 0 0 100%;
	}
	.section-img{
		display:none;
	}
	.case-section.section02{
		padding-bottom:80px;
	}
	.case-section.section02 .content{
		margin-top:80px; 
			padding-left:0;
	} 
	.case-section.section02.dej-case .content{
		padding-left:0;
	}
	.centent-img{
	display:none;}
	.case-section.section02 .content .text{
	width: 100%;
    margin-left: 5%;
	}
	.case-section.section02 .content .text.text-left{
		margin-left:10%;
	}
	.case-section.section02 .content .text ul li{
		position:static;
		margin-top:32px;
		min-height:80px; 
	}
	.case-section.section02.ml-case .content .text ul li{
		min-height:105px;
	} 
	.case-section .title-base{
		font-size:30px;
	}
	.content-img{
		padding:0 12px;
		margin-top:100px;
	}
	.jieduan ul{
		padding:0 12px;
	} 
	.product-chengxiao ul{
	    display: inline-block;
	    width:100%;  
	}  
	.product-chengxiao ul li{
		    width: 40%;
    display: inline-block;
    vertical-align: top; 
    margin: 12px 3%;  
	} 
	.product-chengxiao ul li:last-child{
	margin-right:3%;}
	.jieduan ul li{
		height:320px;
	}
	.jieduan img{
		width:80%;
		max-width:250px;
	}
	.section04{
		margin-top:40px;
	}
	.section04 .content{
		    width: 500px;
    padding: 80px 40px;
    margin-top:60px; 
	}
	.case-section.section02.dej-case .content .text ul li.w2{
		display:block;
	}
	.case-section.section02.dej-case .content .text ul li.w4{
	display:none;
	}
	.case-section.section01{
		padding-bottom:223px;
	}
	.section02.cy-case .title h6{
		font-size: 16px;
	    padding: 10px; 
	    line-height: 24px;
	    top:90px;
	}
	.case-section.section02.cy-case .content{
		margin-top:150px;
	}
}
@media (max-width: 480px) {
	.case-section.section01 .section-title {
		padding:0 2%;
	}
		.jieduan img{
		width:70%;
	} 
	.case-section .title-base{
		font-size:26px;
	}
	.section-title div{
		left:0;
		padding: 0 5%;
	}
	.section-title h1{
		font-size:18px;
	}
	.section-title h4{
		font-size:14px;
	}
	.section-title span{ 
		margin-top:12px;
		line-height:20px;
	}
	.case-section.section02 .content{
		display:block;
		padding:0 5% !important;  
	}
	.case-section.section02 .content .text{
		margin-left:0;
	}
	.case-section.section02 .content .text.text-left{
		margin-left:0;
	}
	.case-section.section02 .content .text ul li{
		width:100% !important; 
	}
	.content-img{
		margin-top:60px;
	}
	.product-icon{
		margin-top:80px;
	}
	.product-icon > div{
		flex: 0 0 32%;
	} 
	.product-icon span{
		width:60px;
		height:60px;
		font-size:30px;
	}
	.product-icon span.glyphicon-indexIcon-tmgc{
		font-size:26px;
	}
	.product-icon > div div{
		font-size:14px;
		margin-top:12px;
	}
	.product-icon > div:after{
		background-size:60%;
		    right: -25px;
	}
	.product-chengxiao ul li{
		width:90%;
	}
	.jieduan ul{
		display:block;
	}
	.jieduan ul li{
	    height: 320px;
    width: 94%;
    margin-right: 0;
    display: inline-block;
        margin-top: 16px;
	}
	.section04 .content{
		width:85%;
		padding: 50px 30px;
	}
	.section04 .content img{
		width:90px;
	}
	.section04 .content:after{
		right:0; 
	}
	
	.case-section.section03.ksl-case .product-icon{
		max-width:320px;
	}
	.case-section.section03.ksl-case .product-icon div{
	    flex: 0 0 165px;
	}
	.case-section.section02 .content .text ul li{
		min-height:auto;
	}
	.case-section.section02.ml-case .content .text ul li{
		min-height:auto;
	}
}