/*产品服务*/
.xtbg{ background-color:#4253c2; padding-top:80px; padding-bottom:80px;}
.xtbg .img{ float:right; max-width:450px; text-align:center;}
.xtbg .img img{ max-width:100%;}
.xtbg .right{ float:left; font-size:24px; color:#ffffff;}
.xtbg .right .h1{ font-size:36px;}
.xtbg .right .h1 strong{ font-size:48px; margin-right:5px;}
.xtbg .right .dp{ padding-top:30px;}
.xtbg .box{ width:1200px; max-width:90%; margin:auto;}

.xt{padding:99px 0 23px 0;overflow:hidden}
.xt .title{text-align:center;font-size:40px;color:#333; line-height:1.2; padding-bottom:30px;}
.xt .title span{font-weight:bold;color:#00bafe;padding:0 13px}



.nrkuan{ max-width:1220px; margin:0px auto}
.kfdzlc{ padding-bottom:40px; height:700px}
.kfdzlc li{ height:210px; width:210px;text-align:center; float:left; margin-right:30px; position:relative; margin-bottom:30px;}
.kfdzlc li p{border:#e5e5e5 solid 1px; display:block; width:208px; height:208px}
.kfdzlc li .xiaoguo:hover{box-shadow:10px 10px 10px #cccccc; width:215px; height:215px; position:absolute}
.kfdzlc li img{ display:block; margin:0px auto; margin-top:40px; margin-bottom:20px}
.kfdzlc li span{ font-size:18px}
.kfdzlc dd{ float:left; margin-top:90px; margin-left:10px; margin-right:6px}
.kfdzlc .zjc{ clear:left; text-align:right}
.kfdzlc .zjc img{ display:inline-block; margin:10px 90px}
.xiangqing { position: relative}
.xiangqing:hover .tszd{ display:block}
.xiangqing .xqjb{ position:absolute; right:1px; top:-39px}
.tszd{ border:1px #ededed solid; position:absolute; background:#fff; width:1204px; margin-left:-246px; margin-top:0px; z-index:999; text-align:center; font-size:0px; display:none}
.tszd .jiaobiao{ width:25px;transform:rotate(135deg); height:25px; background:#FFF; border-bottom:1px #ededed solid;border-left:1px #ededed solid; position:absolute; margin-left:837px; margin-top:-15px}
.tszd .xmnr{ display:inline-block; width:20%; padding-bottom:25px}



.kfdzlc li:after{
	content:'';
	background-image: url(kf_14.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 30px;
	margin-top: -15px;
	position: absolute;
	top: 50%;
	right: -30px;
}
.kfdzlc li:nth-child(5n){ margin-right:0px;}
.kfdzlc li:nth-child(5n):after,.kfdzlc li:last-child:after{ display:none}
@media screen and (max-width :1220px){
.nrkuan{ max-width:960px;}
.kfdzlc li:nth-child(5n){margin-right:30px;}
.kfdzlc li:nth-child(4n){margin-right:0px;}
.kfdzlc li:nth-child(5n):after{ display:block;}
.kfdzlc li:nth-child(4n):after{ display:none;}

.xtbg .img{ float:right; max-width:40%; }

.xtbg .right{ width:60%; }
.tszd{ margin-left:-480px; width:930px;}

@media screen and (max-width :970px){
.nrkuan{ max-width:690px;}
.kfdzlc li:nth-child(4n){margin-right:30px;}
.kfdzlc li:nth-child(3n){margin-right:0px;}
.kfdzlc li:nth-child(4n):after{ display:block;}
.kfdzlc li:nth-child(3n):after{ display:none;}
.xtbg .img{ float:right; max-width:30%; }

.xtbg .right{ width:70%; }
.tszd{ margin-left:0px; width:690px;}
}
@media screen and (max-width :850px){
.xtbg .img{width:100%;max-width:100%; text-align:center;}

.xtbg .right{ width:100%; }
.xtbg .box{ width:550px;max-width:96%;}
}
@media screen and (max-width :690px){
.nrkuan{ max-width:475px;}
.kfdzlc li:nth-child(3n){margin-right:30px;}
.kfdzlc li:nth-child(2n){margin-right:0px;}
.kfdzlc li:nth-child(3n):after{ display:none;}
.kfdzlc li:nth-child(2n):after{ display:none;}
.kfdzlc li:nth-child(2n+1){ clear:both;}
.tszd{ margin-left:0px; width:450px;}
}
@media screen and (max-width :550px){
.xtbg .right .h1{ text-align:center}
.xtbg .right .h1 strong{ font-size:32px;}
.xtbg .right  .dp{ font-size:18px;}
.xtbg .right br{ display:none}}
@media screen and (max-width :480px){
.nrkuan{ max-width:96%;}


.kfdzlc li{width:48%; margin-right:0px;}
.kfdzlc li:nth-child(2n){ float:right; margin-right:0px;}
.kfdzlc li:nth-child(2n+1){ clear:both}
.kfdzlc li,
.kfdzlc li:nth-child(2n),.kfdzlc li:nth-child(3n),.kfdzlc li:nth-child(4n),.kfdzlc li:nth-child(5n){ margin-right:0px;}
.kfdzlc li:after,
.kfdzlc li:nth-child(2n):after,.kfdzlc li:nth-child(3n):after,.kfdzlc li:nth-child(4n):after,.kfdzlc li:nth-child(5n):after{ display:none;}
.kfdzlc li *{ max-width:100%;}
.xiangqing:hover .tszd{ display:none}

}