@font-face{
	
	
	font-family: 'alifont';
	src: url('../font/AlimamaFangYuanTiVF-Thin.woff2') format('woff2'), 
		 url('../font/AlimamaFangYuanTiVF-Thin.woff') format('woff');  

}


@font-face{
	
	
	font-family: 'alifont2';
	src: url('../font/AlimamaShuHeiTi-Bold.woff2') format('woff2'), 
		 url('../font/AlimamaShuHeiTi-Bold.woff') format('woff');  

}

.ch-dodp{
	
	color:#b8b8b8;
}













.ch-usealifont{
	
	font-family:'alifont';
}

.ch-usealifont2{
	
	font-family:'alifont2';
}


.ch-sign{
	
	font-weight:bold;
}

.ch-saletel{
	
	font-weight:bold;
}

.ch-cursor-pointer{
	
	cursor:pointer;
}

.ch-logo-spanel{
	width:181px;
	height:50px;
	display:inline-block;
	overflow:hidden;

	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.ch-logo-spanel img{
	width:100%;
}

.ch-logo-panel{
	width:265px;
	height:90px;
	display:inline-block;
	overflow:hidden;

	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.ch-logo-panel img{
	width:100%;
}




 @media screen and (max-width:640px){
 
	.ch-logo-panel{
		width:133px;
		height:45px;
		display:inline-block;
		overflow:hidden;
	
		display: flex;
	    justify-content: center;
	    align-items: center;
	    flex-wrap: wrap;
	    flex-direction: column;
	}
	
	.ch-logo-panel img{
		width:100%;
	}
 }




.ch-licheng{
	
	background-size:100% auto;
	background-repeat: no-repeat; 
	/*
	background-image:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/coydep.jpg);
	*/
	
	background-image:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/kffzlcpc1.jpg);

}




 @media screen and (max-width:640px){
 
	.ch-licheng{
		
		background-size:100% auto;
		background-repeat: no-repeat; 
		/*
		background-image:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/licheng.jpg);
		*/
		
		background-image:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/kffzlcmo1.jpg);
		
		
	}
	

 }




@media (min-width:10px){
	
	
	.ch-step{
		color:#fff;text-align:left;
	}
	.ch-step img{
		width:20px;transform: scaleX(-1);position:absolute;
		left:-33px;bottom:12px;
	}
	.ch-step i{
		width:6px;height:6px;border-radius:5px;display:block;background-color:#fff;	
		position:absolute;left:92px;bottom:-9px;
	}
	
	
	.ch-step:after{
		content:"";width:110px;height:1px;display:block;background-color:#fff;	
		position:absolute;left:-18px;bottom:-6px;
	}
	.ch-step:before{
		content:"";width:1px;height:20px;display:block;
		background-color:#fff;position:absolute;left:-18px;bottom:-6px;
	}
	.ch-step year{
		font-size:16px;display:block;font-weight:600;
	}
	.ch-step desc{
		font-size:9px;display:block;width:200px;margin-top:0px;
	}
	.ch-sp1{
		position:absolute;left:30px;bottom:110px;
	}
	.ch-sp2{
		position:absolute;left:120px;bottom:170px;
	}
	.ch-sp3{
		position:absolute;left:140px;bottom:220px;
	}
	.ch-sp4{
		position:absolute;left:210px;bottom:310px;
	}
	.ch-sp5{
		position:absolute;left:280px;bottom:340px;
	}
	.ch-sp6{
		position:absolute;left:350px;bottom:420px;
	}
	.ch-sp7{
		position:absolute;left:420px;bottom:455px;
	}
}





@media (min-width:750px){
	
	
	.ch-step{
		color:#fff;text-align:left;
	}
	.ch-step img{
		width:20px;transform: scaleX(-1);position:absolute;
		left:-33px;bottom:12px;
	}
	.ch-step i{
		width:6px;height:6px;border-radius:5px;display:block;background-color:#fff;	
		position:absolute;left:92px;bottom:-9px;
	}
	
	
	.ch-step:after{
		content:"";width:110px;height:1px;display:block;background-color:#fff;	
		position:absolute;left:-18px;bottom:-6px;
	}
	.ch-step:before{
		content:"";width:1px;height:20px;display:block;
		background-color:#fff;position:absolute;left:-18px;bottom:-6px;
	}
	.ch-step year{
		font-size:16px;display:block;font-weight:600;
	}
	.ch-step desc{
		font-size:9px;display:block;width:200px;margin-top:0px;
	}
	.ch-sp1{
		position:absolute;left:30px;bottom:320px;
	}
	.ch-sp2{
		position:absolute;left:120px;bottom:370px;
	}
	.ch-sp3{
		position:absolute;left:190px;bottom:400px;
	}
	.ch-sp4{
		position:absolute;left:350px;bottom:430px;
	}
	.ch-sp5{
		position:absolute;left:470px;bottom:440px;
	}
	.ch-sp6{
		position:absolute;left:610px;bottom:450px;
	}
	.ch-sp7{
		position:absolute;left:690px;bottom:480px;
	}
}


@media (min-width:1320px){
	
	
	.ch-step{
		color:#fff;text-align:left;
	}
	.ch-step img{
		width:35px;transform: scaleX(-1);position:absolute;
		left:-45px;bottom:18px;
	}
	.ch-step i{
		width:8px;height:8px;border-radius:5px;display:block;background-color:#fff;	
		position:absolute;left:152px;bottom:-10px;
	}
	
	
	.ch-step:after{
		content:"";width:170px;height:1px;display:block;background-color:#fff;	
		position:absolute;left:-18px;bottom:-6px;
	}
	.ch-step:before{
		content:"";width:1px;height:30px;display:block;
		background-color:#fff;position:absolute;left:-18px;bottom:-6px;
	}
	.ch-step year{
		font-size:18px;display:block;font-weight:600;
	}
	.ch-step desc{
		font-size:10px;display:block;width:200px;margin-top:0px;
	}
	.ch-sp1{
		position:absolute;left:70px;bottom:190px;
	}
	.ch-sp2{
		position:absolute;left:190px;bottom:240px;
	}
	.ch-sp3{
		position:absolute;left:320px;bottom:260px;
	}
	.ch-sp4{
		position:absolute;left:480px;bottom:295px;
	}
	.ch-sp5{
		position:absolute;left:610px;bottom:310px;
	}
	.ch-sp6{
		position:absolute;left:760px;bottom:350px;
	}
	.ch-sp7{
		position:absolute;left:870px;bottom:390px;
	}
}





@media (min-width:1560px){
	
	
	.ch-step{
		color:#fff;text-align:left;
	}
	.ch-step img{
		width:35px;transform: scaleX(-1);position:absolute;
		left:-45px;bottom:18px;
	}
	.ch-step i{
		width:8px;height:8px;border-radius:5px;display:block;background-color:#fff;	
		position:absolute;left:152px;bottom:-10px;
	}
	
	
	.ch-step:after{
		content:"";width:170px;height:1px;display:block;background-color:#fff;	
		position:absolute;left:-18px;bottom:-6px;
	}
	.ch-step:before{
		content:"";width:1px;height:30px;display:block;
		background-color:#fff;position:absolute;left:-18px;bottom:-6px;
	}
	.ch-step year{
		font-size:20px;display:block;font-weight:600;
	}
	.ch-step desc{
		font-size:10px;display:block;width:200px;margin-top:2px;
	}
	.ch-sp1{
		position:absolute;left:120px;bottom:110px;
	}
	.ch-sp2{
		position:absolute;left:240px;bottom:170px;
	}
	.ch-sp3{
		position:absolute;left:370px;bottom:190px;
	}
	.ch-sp4{
		position:absolute;left:560px;bottom:230px;
	}
	.ch-sp5{
		position:absolute;left:710px;bottom:260px;
	}
	.ch-sp6{
		position:absolute;left:900px;bottom:320px;
	}
	.ch-sp7{
		position:absolute;left:1090px;bottom:360px;
	}
}




@media (min-width:1800px){
	
	
	.ch-step{
		color:#fff;
		text-align:left;
		
	}
	
	.ch-step img{
		
		width:35px;
		transform: scaleX(-1);
		position:absolute;
		left:-45px;
		bottom:35px;
	}
	
	.ch-step i{
		
		width:8px;
		height:8px;
		border-radius:5px;
		display:block;
		background-color:#fff;	
		position:absolute;
		left:152px;
		bottom:-10px;
	}
	
	.ch-step:after{
		
		content:"";
		width:170px;
		height:1px;
		display:block;
		background-color:#fff;	
		position:absolute;
		left:-18px;
		bottom:-6px;
		
	}
	
	.ch-step:before{
		
		content:"";
		width:1px;
		height:50px;
		display:block;
		background-color:#fff;	
		position:absolute;
		left:-18px;
		bottom:-6px;
	}
	
	
	
	
	
	.ch-step year{
		font-size:26px;
		display:block;
		font-weight:600;
	}
	.ch-step desc{
		font-size:12px;
		display:block;
		width:200px;
		margin-top:5px;
	}
	
	
	.ch-sp1{
		position:absolute;
		left:120px;
		bottom:30px;
	}
	
	.ch-sp2{
		position:absolute;
		left:280px;
		bottom:90px;
	}
	
	.ch-sp3{
		position:absolute;
		left:390px;
		bottom:130px;
	}
	
	.ch-sp4{
		position:absolute;
		left:580px;
		bottom:190px;
	}
	
	.ch-sp5{
		position:absolute;
		left:710px;
		bottom:250px;
	}
	
	.ch-sp6{
		position:absolute;
		left:900px;
		bottom:320px;
	}
	
	.ch-sp7{
		position:absolute;
		left:1090px;
		bottom:360px;
	}
	
	
}



























.ch-logo{
	
	width:265px;
	height:90px;
	display:inline-block;
	overflow:hidden;

	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.ch-logo img{
	
	width:100%;
	transform:translateX(-100%);
	filter:drop-shadow(265px 0px #0ca554);    /**********大logo的颜色************/
}



.ch-logo-small{
	
	width:181px;
	height:50px;
	display:inline-block;
	overflow:hidden;

	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    
   
}

.myzindex{
	
	position:relative;
	z-index:9999999;
}


.ch-logo-small img{
	
	width:100%;
	transform:translateX(-100%);
	filter:drop-shadow(181px 0px #0ca554);    /*********小logo的颜色*********/
}


.ch-smalliconlogo{
	
	width:80px;
	height:80px;
	display:inline-block;
	overflow:hidden;

}


.ch-smalliconlogo img{
	
	width:100%;
	transform:translateX(-100%);
	filter:drop-shadow(80px 0px #ffffff55);    /*********小logo的颜色*********/
}



.ch-bn1panel{

	width:180px;
	height:100px;
	display:block;
	overflow:hidden;
	
}

.ch-bn1panel img{
	
	width:100%;
	transform:translateX(-100%);
	filter:drop-shadow(180px 0px #fff);

}


.ch-bn2panel{

	width:220px;
	height:260px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:20px;
}

.ch-bn2panel img{
	
	width:100%;
	transform:translateX(-100%);
	filter:drop-shadow(220px 0px #056934);
}


.ch-bn3panel{

	width:180px;
	height:220px;
	display:inline-block;
	overflow:hidden;
}

.ch-bn3panel img{
	
	width:100%;
	transform:translateX(-100%);
	filter:drop-shadow(180px 0px #66cd31);

}


.ch-linkgo1{
	

	width:26px;
	height:26px;
	display:block;
	overflow:hidden;
	float:left;	
	padding-top:4px;
}

.ch-linkgo1 img{
	
	width:100%;
	transform:translateX(-100%);
	filter:drop-shadow(26px 0px #fff);

}

.ch-linkgo2{
	

	width:25px;
	height:25px;
	display:block;
	overflow:hidden;
	float:left;
	padding-top:2px;
}

.ch-linkgo2 img{
	
	width:100%;
	transform:translateX(-100%);
	filter:drop-shadow(25px 0px #fff);

}

.ch-linkgo3{
	

	width:34px;
	height:34px;
	display:block;
	overflow:hidden;	
	float:left;
	padding-top:10px;
}

.ch-linkgo3 img{
	
	width:100%;
	transform:translateX(-100%);
	filter:drop-shadow(34px 0px #fff);

}


.ch-bottomlogo{
	
	width:180px;
	
}


.ch-saletel:before{
	
	content:"";
	width:40px;
	height:40px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/ch-sale.png.gif) center center no-repeat;
	background-size:40px 40px;
	display:inline-block;	
}

.ch-download:before{
	
	content:"";
	width:40px;
	height:40px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/ch-download.png) center center no-repeat;
	background-size:40px 40px;
	display:inline-block;	
}

.ch-shopmall:before{
	
	content:"";
	width:40px;
	height:40px;
	background:url(https://kfinemalluse.oss-cn-shanghai.aliyuncs.com/2024-05-14/shopnewicon.gif) center center no-repeat;
	background-size:40px 40px;
	display:inline-block;	
}



.ch-solicon:before{
	
	content:"";
	width:90px;
	height:90px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/nav1.png) center center no-repeat;
	background-size:90px 90px;
	display:inline-block;
}

.ch-proicon:before{
	
	content:"";
	width:90px;
	height:90px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/nav2.png) center center no-repeat;
	background-size:90px 90px;
	display:inline-block;
}


.ch-sericon:before{
	
	content:"";
	width:90px;
	height:90px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/nav3.png) center center no-repeat;
	background-size:90px 90px;
	display:inline-block;
}


.solicon1:before{
	

	content:"";
	width:100px;
	height:90px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/slicon1.png) center center no-repeat;
	background-size:50px 50px;
	display:inline-block;
}

.solicon2:before{
	

	content:"";
	width:100px;
	height:90px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/slicon2.png) center center no-repeat;
	background-size:50px 50px;
	display:inline-block;
}
.solicon3:before{
	

	content:"";
	width:100px;
	height:90px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/slicon3.png) center center no-repeat;
	background-size:50px 50px;
	display:inline-block;
}
.solicon4:before{
	

	content:"";
	width:100px;
	height:90px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/slicon4.png) center center no-repeat;
	background-size:50px 50px;
	display:inline-block;
}
.solicon5:before{
	

	content:"";
	width:100px;
	height:90px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/slicon5.png) center center no-repeat;
	background-size:50px 50px;
	display:inline-block;
}
.solicon6:before{
	

	content:"";
	width:100px;
	height:90px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/slicon6.png) center center no-repeat;
	background-size:50px 50px;
	display:inline-block;
}

.ch-servicecus{
	
	
	content:"";
	width:60px;
	height:60px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/serviceicon1.png) center center no-repeat;
	background-size:56px 56px;
	display:inline-block;
	margin-top:-10px;
}

.ch-servicefix{
	
	
	content:"";
	width:60px;
	height:60px;
	background:url(https://dqkfine-v2.oss-cn-hangzhou.aliyuncs.com/v230613/index/serviceicon2.png) center center no-repeat;
	background-size:53px 53px;
	display:inline-block;
	margin-top:-10px;
}









.viewpdf{
	
	width:100%;
	height:100%;
	float:left;	
	border-radius:10px;
	overflow:hidden;
	
	background-color:#ffffff;
	position:relative;
}

.viewpdf .emails{
	
	width:32px;
	height:32px;
	background:url(https://dqkfine.oss-cn-hangzhou.aliyuncs.com/newversion/downloadpage/icon/email.png) no-repeat;
	background-position:center center;
	background-size:20px 20px;
	position:absolute;
	top:16px;
	right:135px;
	z-index:96;	
	border-radius:20px;
	background-color:rgba(0,0,0,0.6);	
	cursor:pointer;

}


.viewpdf  .weixin{
	
	width:32px;
	height:32px;
	background:url(https://dqkfine.oss-cn-hangzhou.aliyuncs.com/newversion/downloadpage/icon/weixin.png) no-repeat;
	background-position:center center;
	background-size:20px 20px;
	position:absolute;
	top:16px;
	right:170px;
	z-index:96;	
	border-radius:20px;
	background-color:rgba(0,0,0,0.6);	
	cursor:pointer;	
}

.viewpdf  .weixin #qrpdf{
	
	width:180px;
	height:180px;
	padding:15px 15px;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:35px;
	right:0px;
	border-radius:10px;
	z-index:97;	
	display:none;
}


.viewpdf .emails:hover{
	
	background-color:rgba(255,255,255,0.1);
}


.viewpdf .weixin:hover{
	
	background-color:rgba(255,255,255,0.1);
}


.viewpdf iframe{
	
	width:100%;
	height:100%;
}


.loadkind{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}

.loadkind span{
	
	padding:5px 8px;
	display:inline-block;
	background-color:#f1f1f1;
	border-radius:20px;
	font-size:14px;
	cursor:pointer;
}

.loadkind .active{
	
	padding:5px 8px;
	display:inline-block;
	background-color:#0ca554;
	border-radius:20px;
	font-size:14px;	
	color:#ffffff;
	cursor:pointer;
}