@charset "utf-8";

/*banner*/
/*.kfbanner{background: url(../images/kf/kfbanner.jpg) center center no-repeat;}*/

.wrap__mei{margin: auto; padding: 80px 2%; max-width:1200px; box-sizing: border-box;}

.kfWrapper{
	display: flex;justify-content: center;align-items: center;flex-direction: column; 	margin: 0 auto; max-width: 1200px; width: 100%; height: 100%;}
/*搜索*/
.kfbanner .bannerinput{
	position: relative;margin-bottom: 27px;
	width:100%; max-width: 650px;height: 48px;}
.kfbanner input{
	padding:0 20px;
	width: 100%;height: 100%;outline: none;
	font:400 14px var(--PFR);color: #666666; 
	box-sizing: border-box;border-radius: 10px;border: 0;box-shadow: 0 0 2px #FFFFFF;}
.kfbanner .kfWrapper .bannerinput img{position: absolute;right: 20px; top: 0; bottom: 0; margin: auto;}
.kfbanner .kfWrapper input::placeholder{font:400 16px var(--PFR);color: #999999;}

.kfbanner .kfWrapper ul{
	display: flex;justify-content: flex-start;align-items: center;
	margin: 0 auto; width:100%; max-width: 650px;}
.kfbanner .kfWrapper ul li{
	padding-right: 18px;
	font:400 14px var(--PFR); color: #FFFFFF; opacity: 0.8;}
.kfbanner .kfWrapper ul li a{color: #FFFFFF;}

/*公共标题*/
.title{text-align: center;}
.title h2{
	margin-bottom: 18px;
	font:500 34px/1 PingFangSC-Medium; color: #333333;}
.title p{font:400 16px var(--PFR); font-weight: 400; color: #666;}

/* part1 */
.kfpart1{}
.kfpart1 ul{
	display: flex;justify-content: space-between;align-items: center;
	margin: 0 auto; max-width: 1200px; width: 100%;}
.kfpart1 ul li{
	display: flex;flex-direction: column;justify-content: center;align-items: center;
	max-width: 272px; width: 22%; height: 180px;border: 1px solid #EBF0F4;border-radius: 20px;}
.kfpart1 ul li p{font:400 16px var(--PFR);color: #666666;}
.kfpart1 ul li p:nth-of-type(1){
	padding: 17px 0 12px 0;
	font-weight: 500; color: #333333;font-size: 18px; text-align: center;}
.kfpart1 ul li p a{color: #DAB660;font-size: 16px;line-height: 24px;}
.kfpart1 ul li p:nth-of-type(3){padding-top: 9px; color: #999999;font-size: 12px; }

/* part2 */
.kfpart2{margin: 0 auto; padding: 50px 0; width: 100%; max-width: 1200px;}
.kfpart2 .yewu{
	margin: 50px 0 0 0;
	display: flex;justify-content: center;align-items: center;
	width:100%;border: 1px solid #EBF0F4;border-radius: 20px; box-sizing: border-box;}
.kfpart2 .yewu ul{padding: 25px 0; display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.kfpart2 .yewu ul li{padding: 25px 50px; display: flex;justify-content: flex-start;align-items: center;}
.kfpart2 .yewu ul li span{padding-left: 8px; font:400 16px/1 var(--PFR); color: #333;}
.kfpart2 .yewu ul li img{width: 18px;}

/* part3 */
.kfpart3{}
.kfpart3 .kfitemWrapper{
	margin: 0 auto; width: 100%; max-width: 1200px;
	display: flex;justify-content: space-around; align-items: flex-start;flex-wrap: wrap;}
.kfpart3 .kfitemWrapper .kfitem{width: 400px;margin-top: 60px;}
.kfpart3 .kfitemWrapper .kfitem .kfitemTitle{
	font:500 18px/1 var(--PFM); color: #333333; 
	display: flex;align-items: center; padding-left: 20px;cursor: pointer;}
.kfpart3 .kfitemWrapper .kfitem .kfitemTitle img{margin-left: 38px; width: 14px;}
.kfpart3 .kfitemWrapper .kfitem ul{display: flex;flex-direction: column;justify-content: space-between;margin-top: 36px;}
.kfpart3 .kfitemWrapper .kfitem ul li{
	padding:12px 20px;
	font:400 16px/1.5 var(--PFR);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;cursor: pointer;
	background-color: rgba(232, 232, 232,0);
	transition:all .4s;}
.kfpart3 .kfitemWrapper .kfitem ul li:hover{background-color: rgba(232, 232, 232,.2);}
.kfpart3 .kfitemWrapper .kfitem ul li a{color: #333333; transition:all .4s;}
.kfpart3 .kfitemWrapper .kfitem ul li:hover a{color: #0e90d2; }


@media only screen and (max-width: 992px) {
	/*布局*/
	.kfWrapper .DIV{width: 80%;}
	.kfbanner .kfWrapper ul{display: none;}
	.kfpart1 ul li{margin-bottom: 4vw;padding: 2vw;box-sizing: border-box;}
	.kfpart2 .yewu ul{padding: 3vw;}
	.kfpart2 .yewu ul li{padding: 3vw 5vw;}
	.title h2{margin-bottom: 3vw;}
	.kfpart3 .kfitemWrapper .kfitem{margin-top: 6vw; width: 50%;}
	.kfpart3 .kfitemWrapper .kfitem ul{margin-top: 3vw;}
	.kfpart3 .kfitemWrapper .kfitem ul li{padding: 2vw 20px;}
	/*图片*/
	.kfpart1 ul li img{width: 6vw; max-width: 48px;}
	/*大标题*/
	.title h2{font-size: var(--t91);}
	/*小标题*/
	.kfpart1 ul li p,
	.title p,
	.kfpart2 .yewu ul li span,
	.kfpart3 .kfitemWrapper .kfitem ul li a{font-size: var(--t93);}
	.kfpart1 ul li p:nth-of-type(1),
	.kfpart1 ul li p a,
	.kfpart3 .kfitemWrapper .kfitem .kfitemTitle{font-size: var(--t92);}
	
}

@media only screen and (max-width: 640px) {
	/*布局*/
	.kfWrapper .DIV{width: 80%;}
	.kfbanner .kfWrapper ul{display: none;}
	.kfpart1 ul{justify-content: space-between !important; flex-wrap: wrap; }
	.kfpart1 ul li{margin-bottom: 4vw; width: 46%;}
	.kfpart2 .yewu ul{padding: 3vw;}
	.kfpart2 .yewu ul li{padding: 3vw 5vw;}
	.title h2{margin-bottom: 3vw;}
	.kfpart3 .kfitemWrapper .kfitem{margin-top: 6vw;}
	.kfpart3 .kfitemWrapper .kfitem ul{margin-top: 3vw;}
	.kfpart3 .kfitemWrapper .kfitem ul li{padding: 2vw 20px;}
	/*图片*/
	.kfpart1 ul li img{width: 10vw; height: 10vw;}
	/*大标题*/
	.title h2{font-size: var(--t61);}
	/*小标题*/
	.kfpart1 ul li p,
	.title p,
	.kfpart2 .yewu ul li span,
	.kfpart3 .kfitemWrapper .kfitem ul li a{font-size: var(--t63) !important;}
	.kfpart1 ul li p:nth-of-type(1),
	.kfpart1 ul li p a,
	.kfpart3 .kfitemWrapper .kfitem .kfitemTitle{font-size: var(--t62) !important;}
	
}