﻿@charset "utf-8";
/******************************广告*********************************/
.banners{height: 523px;}
.fullSlide {
	width:100%;
	position:relative;
	height:523px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:523px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
}
.fullSlide .bd li a {
	display:block;
	height:523px;
}

.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:100px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#004ebe;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide .prev
{
      background:url(../Img/left1s.png) no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(../Img/right1s.png) no-repeat;
}
.gy {
	padding: 70px 0;
	text-indent:initial;
}

.gy .gy_text {
	float: left;
	width: 735px;
	padding-right: 60px;
	font-size: 16px;
	position:relative
}
	.gy .gy_text .jt_bg {
		position: absolute;
		top: -18px;
		left: 360px;
		width: 75px;
		height: 75px;
		background: url(../Img/kle/jiantou.png) no-repeat;
		background-size: 100%;
	}
	.gy .gy_text .h2 {
		font-weight: 600;
		font-size: 20px
	}
		.gy .gy_text .blurb {
			font-size: 20px
		}

.gy .gy_bg {
	float: left;
	width: 405px;
	height: 300px;
	background: url(../Img/kle/gy_bg.png) no-repeat;
	background-size: 100%;
}
/***/
.superiority {
	max-width: 1920px;

margin:0 auto;
	height: 670px;
	background: url(../Img/kle/superiority.jpg) no-repeat;
	background-size: 1920px 100%;
}
.superiority_info{
	display:flex;
	align-items:center;
	padding-top:80px

}
	.superiority_info li{
		width:400px;
	}

		.superiority_info li .round {
			width: 100px;
			height: 100px;
			line-height: 100px;
			border-radius: 50%;
			background: #e1e3e4;
			margin: 0 auto;
			text-align: center;
			font-size: 18px;
			color: #4c84b9;
			font-weight:600
		}
	.superiority_info li .intro {
		padding: 10px 0 20px;
		font-size: 18px;
		color: #fff;
		text-align:center;
	}
	.superiority_info li .intro_bg {
		width: 300px;
		margin: 0 auto;
		height: 200px;
		background: url(../Img/kle/index_1.jpg) no-repeat;
		background-size: 100%;
	}
		.superiority_info li:nth-child(2) .intro_bg {
			background: url(../Img/kle/index_2.jpg) no-repeat;
			background-size: 100%;
		}
		.superiority_info li:nth-child(3) .intro_bg {
			background: url(../Img/kle/index_3.jpg) no-repeat;
			background-size: 100%;
		}
		/**/

.patent {
	max-width: 1920px;
	
	height: 835px;
	margin: 0 auto;
	background: url(../Img/kle/patent.jpg) no-repeat;
	background-size: 100% 100%;
}
.patent_info{

}
.patent_info .left{
	float:left;
	width:400px;

}
	.patent_info .right {
		float: left;
		width: 760px;
		padding-left:40px
	}
	.patent_info .right>img{
		margin-left:20px;
		width:170px;
		display:block;
		float:left;
	}
	.patent_info .right>img:nth-child(n+4){
		margin-bottom:30px;
	}
/**/
.product_show{
	height:auto;
}
	.product_show .hz_con {
		overflow: initial;
	}
		.product_show .hz_con ul{
			margin:0;
			width:1200px
		}
		.product_show .hz_con ul li{
			width:285px;
			margin-right: 0;
			margin-left:20px
		}
			.product_show .hz_con ul li:nth-child(1) {
				margin-left:0
			}
		
		.product_show .hz_con ul li a{
			width:100%;
		}
		.product_show .hz_con ul li img {
			width: 285px;
			height: auto;
			border:none
		}
		.product_show .hz_con em.e01 {
			position: absolute;
			left: -30px;
			top: 50%;
			margin-top: 0;
			transform: translateY(-50%);
		}
		.product_show .hz_con em.e02 {
			position: absolute;
			right: -30px;
			top: 50%;
			margin-top: 0;
			transform: translateY(-50%);
		}

		
	
	/**/
	.hz {
		height: 333px;
		overflow: hidden;
		width: 1110px;
		margin: 0 auto;
	}
.hz h2{ height:88px; overflow:hidden; text-align:center; font:bold 30px "Microsoft Yahei"; padding-top:50px;}
.hz h2 a{ display:block; color:#222;}

.hz_con{ height:195px; overflow:hidden;position:relative;}
.hz_con .tempWrap{margin-left:53px;width:1003px !important;}
.hz_con em.e01{ display:block; width:21px; height:33px; margin-top:48px;}
.hz_con em.e02{ display:block; width:21px; height:33px; margin-top:-78px;}
.hz_con em a{ display:block; width:21px; height:33px;}
.hz_con .e01 a{ background:url(../Img/h_l.png) no-repeat left top;}
.hz_con .e02 a{ background:url(../Img/h_r.png) no-repeat left top;}
.hz_con .e01 a:hover{ background:url(../Img/h_l01.png) no-repeat left top;}
.hz_con .e02 a:hover{ background:url(../Img/h_r01.png) no-repeat left top;}
.hz_con ul{ margin-left:30px; display:inline;}
.hz_con ul li{ width:186px; float:left; margin-right:18px; line-height:0;}
.hz_con ul li span{ width:186px; height:29px; background:#1a59a5; font:12px/28px "Microsoft Yahei"; color:#fff; text-align:center; display:block;}
.hz_con ul li img{ overflow:hidden; width:184px; height:110px; border:1px solid #dfdfdf; border-bottom:0;}
.hz_con .nobot{ margin-right:0;}

/*serv*/
.serv {
    margin-bottom: 30px;
}
#tag{
	height: 454px;
	width: 100%;
	margin: 20px 0;
}
.tagnav{
	height: 40px;
	width: 100%;
}
.tagnav li{
	position: relative;
	display: block;
	height: 100%;
	width: 20%;
	float: left;
	background-color: #ddd;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	cursor: pointer;
}
.tagnav li i{
	display: none;
	height: 9px;
	width: 16px;
	background: url(../images/serv-i.jpg) no-repeat;
	position: absolute;
	bottom: -9px;
	left: 112px;
}
.tagnav li:hover{
	background-color: #49d2ec;
	color: #fff;
}
.tagnav li:hover i{
	display: block;
}
.tagnav li.active{
	background-color: #49d2ec;
	color: #fff;
}
.tagnav li.active i{
	display: block;
}
/*tagcontent*/
.block-s{
	display: block;
}
#tagcontent1,#tagcontent2,#tagcontent3,#tagcontent4,#tagcontent5{
	width: 100%;
	height: 384px;
	margin-top: 20px;
	
}
.tagfl{
	width: 400px;
	height: 400px;
	float: left;
}
.tagfr{
	float: right;
	position: relative;
	width: 564px;
	height: 100%;
	overflow: hidden;
	text-align: left;
}
.tagfr h4,
.tagfr h5{
	text-align: left;
}
.tagfr h4{
	font-size: 16px;
	color: #666;
	line-height: 36px;
}
.tagfr h4 span{
	font-size: 12px;
	color: #999;
}
.tagfr ul.list{
	list-style-image: url(../images/serv-li-img.png);
	list-style-position: inside;
	height: 84px;
	overflow: hidden;
}
.tagfr ul.list li{
	list-style: url(../images/serv-li-img.png) inside;
	color: #999;
	line-height: 28px;
}
.tagfr h5{
	font-size: 14px;
	color: #888;
	line-height: 40px;
}
.tagfr p.servintro{
	color: #999;
	text-indent: 8px;
	line-height: 28px;
	height: 168px;
	overflow: hidden;
}
a.btn{
	position: absolute;
	bottom: 0;
	right: 174px;
	display: block;
	height: 32px;
	width: 216px;
	line-height: 32px;
	text-align: center;
	background: #49d2ec;
	color: #fff;
	margin-top: 20px;
}
a.btn:hover{
	background: #5cdcf4;
}

.title {
    margin-top: 30px;
    margin-bottom: 40px;
}
.title h3{
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 5px;
	overflow: hidden;
	vertical-align: top;
}
.title h3 a{
	font-size: 24px;
	margin: 0 20px;
	line-height: 30px;
	vertical-align: top;
    font-weight:bold;
}
.title h3 i{
	display: inline-block;
	height: 100%;
	width: 203px;
	background-repeat: no-repeat;
	background-position: center center;
}
i.title-left{
	background-image: url(../img/title-left.png);
}
i.title-right{
	background-image: url(../img/title-right.png);
}
.title h6{
	font-size: 12px;
	color: #999;
    text-transform:uppercase;
}

/**/
.ys01{ height:1332px; overflow:hidden; background:url(../Img/ys01.jpg) no-repeat center top;}
.ys02{ height:1332px; overflow:hidden; background:url(../Img/ys02.jpg) no-repeat center 792px;}

.ys_con{ height:1332px; overflow:hidden; position:relative;}

.one{ width:523px; position:absolute; top:339px; right:0;}
.one dt{ height:49px; overflow:hidden;}
.one dt span{ margin-right:22px; display:block; background:url(../Img/ys_d.png) no-repeat left top; width:45px; height:49px; font:24px/48px Arial, Helvetica, sans-serif; color:#1a59a5; text-align:center;}
.one dt p{ font:bold 24px/48px "Microsoft Yahei"; color:#1a59a5;}
.one dd{ margin-left:68px;}
.one dd p{ font:14px/24px "Microsoft Yahei"; color:#333;}

.two{ top:596px; right:477px;}
.two dt span{ margin-right:0;}
.two dt p{ margin-right:22px; display:inline;}
.two dd{ margin-right:68px; margin-left:0;}
.two dd p{ text-align:right;}
.two dd a{ display:block; background:url(../Img/ys_z.gif) no-repeat left top; width:129px; height:31px; font:16px/30px "Microsoft Yahei"; color:#fff; text-align:center; margin-top:16px; margin-left:323px;}

.three{ top:854px; right:0;}

.four{ top:1111px; right:477px;}
.four dt span{ margin-right:0;}
.four dt p{ margin-right:22px; display:inline;}
.four dd{ margin-right:68px; margin-left:0;}
.four dd p{ text-align:right;}
.four dd a{ display:block; background:url(../Img/ys_z.gif) no-repeat left top; width:129px; height:31px; font:16px/30px "Microsoft Yahei"; color:#fff; text-align:center; margin-top:16px; margin-left:323px;}

/**/
.zx02{ background:url(../Img/zx_bj02.jpg) no-repeat center top; height:213px; overflow:hidden;}
.zx02_con{ height:213px; overflow:hidden; position:relative;}
.zx01{ background:url(../Img/zx_bj.jpg) no-repeat center top; height:246px; overflow:hidden;}

.zx01_con{ position:relative; height:246px; overflow:hidden;}

.zx_tel{ width:318px; height:80px; position:absolute; right:0; bottom:0;}
.zx_tel p{ width:202px; height:64px; background:#ffff00; font:14px "Microsoft Yahei"; color:#000e20; text-align:right; padding-right:20px; padding-top:16px;}
.zx_tel p em{ display:block; font:30px Impact; color:#000e20;}
.zx_tel span{ display:block; width:95px; height:80px; overflow:hidden;}
.zx_tel span a{ display:block; width:95px; height:44px; background:url(../Img/zx_b.gif) no-repeat left top; font:18px/44px"Microsoft Yahei"; color:#fff; text-align:center; padding-top:36px;}

/*process*/
.process{
	height: 500px;
    width:1200px;
	background: url(../img/process-bg.jpg) no-repeat;
	margin-bottom: 30px;
}

/*partner*/
.partner{
	height: auto;
	margin-bottom: 20px;
}
.partner ul{
	width: 100%;
	height: auto;
	min-height: 102px;
}
.partner ul li{
	float: left;
	height: 80px;
	width: 20%;
}
.partner ul li a{
	width:100%;
	height: 100%;
}
.partner ul li a img{
	width:100%;
	height: 100%;
}
.partner ul li a:hover img{
	opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}

