/*初始化*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { 
	border: 0 none; 
	vertical-align: top; 
}
ul, li { 
	list-style-type: none; 
}
a{
	text-decoration: none;
}
button { 
	cursor: pointer; 
}
body {
	width:100%;
	background: #fff; 
	line-height: 1.2;
	overflow-x: hidden;
	font:12px/1.5 Tahoma,'\5FAE\8F6F\96C5\9ED1','Microsoft Yahei',"hiragino sans gb", Helvetica, Arial, "\5b8b\4f53", 'sans-serif';
	color:#404040;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
/*清除浮动*/
.clearfix:after { 
	content:""; 
	display:block; 
	clear:both; 
	height:0; 
	line-height:0; 
	visibility:hidden; 
}
.clearfix { 
	zoom:1; 
}

/*全局*/
.container{
	width: 100%;
	min-width: 1200px;
	height: auto;
	position: relative;
}
.main{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.topbar{
	width: 100%;
	height: 32px;
	background-color: #fff07a;
	font-size: 15px;
	color: #e81a1a;
	text-align: center;
	line-height: 32px;
	
	
}

/* banner切换左右箭头*/	
	.swiper-banner-prev,.swiper-banner-next{ font-size: 60px; background-image: none; color: #fff; height: 60px; margin-top: -30px; width: 58px; line-height: 60px; text-align: center;}
	.swiper-banner-prev{ left: 64px;}
	.swiper-banner-next{ right: 64px;}

 /* banner切换导航样式 */	
	.b-bullet {display: inline-block; width: 32px; height: 3px; background: #fff; position: relative; margin: 0 5px; opacity: 0.35; cursor: pointer}
	.b-bullet-active { background: #fff; opacity: 1;cursor: pointer}
    .swiper-banner-pagination{ bottom:2.42rem!important;}

/*	banner样式*/
	.banner .main{ position: absolute; top:450px; left: 50%; margin-left: -600px; z-index: 3}
		
    /* banner切换外围*/
    .swiper-banner {width: 100%; height: 608px; margin-left: auto; margin-right: auto;}
	
    /* banner切换单元容器*/
    .swiper-slide {text-align: center;background: #fff;}
	
     /*	banner切换单元内容*/		
	.banner1{ background: url("images/xkzyl200316_ban_1.jpg") center top no-repeat; }
	.banner2{ background: url("images/xkzyl200316_ban_2.jpg") center top no-repeat; }
	.banner3{ background: url("images/xkzyl200316_ban_3.jpg") center top no-repeat; }

.banner .banner_bg{
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
	background: url("images/xkzyl200316_ban_bg.png") center top no-repeat;
	height: 131px;
}


.container .cont{
	overflow: hidden;
	position: relative;
}

/*主题内容start*/

.tform{
	width: 780px;
	height: 52px;
	background-color: #fff;
	margin: 0 auto;
    border-radius: 4px;
}

.tform span{
	height: 52px;
	position: relative;
	display: block;
	float: left;
}

.tform span:nth-child(1){
	width: 330px;
}
.tform span:nth-child(2){
	width: 300px;
}
.tform span input{
	height: 52px;
	line-height: 52px;
	text-indent: 40px;
	font-size: 16px;
	display: block;
	width: 100%;
}

.tform span:first-child:after{
	content: "";
	display: block;
	width: 1px;
	height: 18px;
	background-color: #e5e5e5;
	position: absolute;
	top: 16px;
	right: 0;
}
.tform span:nth-child(1):before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 15px;
	background: url("images/tf_ico1.jpg") center top no-repeat;
	left: 16px;
}
.tform span:nth-child(2):before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 15px;
	left: 14px;;
	background: url("images/tf_ico2.jpg") center top no-repeat;
}



.tform span button{
	background-color: #f5f5f5;
	width: 150px;
	height: 100%;
	line-height: 52px;
	border-radius: 0 4px 4px 0;
	border: none;
    background: -moz-linear-gradient(top, #fedf9e 0%, #ff9428 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fedf9e 0%,#ff9428 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fedf9e 0%,#ff9428 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	float: right;
	outline: none;
}

.swiper-banner .swiper-slide a{
	display: block; 
	width: 100%;
	height: 100%;
}

.hotline {
	width: 336px;
	height: 40px;
	background-color: #fff;
	border-radius: 40px;
	margin: 0 auto;	
	margin-top: 490px;
}

.hotline q{
	width: 18px;
	height: 15px;
	background-color: #000;
	display: block;
	float: left;
	background: url("images/dianhua.png") no-repeat top center;
	margin-top: 13px;
	margin-left: 20px;
	margin-right: 8px;
}

.hotline i{
	display: block;
	float: left;
	font-size: 20px;
	color: #4fb1e8;
	line-height: 40px;
}

.hotline a{
	display: block;
	float: right;
	line-height: 40px;
	width: 128px;
	font-size: 15px;
	text-align: center;
	background: -moz-linear-gradient(top, #91eced 0%, #4aade9 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #91eced 0%,#4aade9 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #91eced 0%,#4aade9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 40px;
	color: #fff;
	
}
.hotline a:hover{
	color: #fff;
}



/*我们的优势*/
.con1{ 
	height: 572px;
	background: url("images/xkzyl200316_con1.jpg") center top no-repeat;
	overflow: hidden;
}

.con1 a.a1{ 
	display: block;
	position: absolute;
	right: 0;
	top: -154px;
	width: 236px;
	height: 112px;
}
.con2{ 
	height: 489px;
	background: url("images/xkzyl200316_con2.jpg") center top no-repeat;
	overflow: hidden;
}

.con2 ul{
	margin-top: 364px;
	
}
.con2 ul li{
	display: block;
	float: left;
	text-align: center;
	width: 386px;
}
.con2 ul li+li{
	margin-left: 20px;
}
.con2 ul li a{
	display: inline-block;
	width: 128px;
	height: 36px;
	background-color: aqua;
	border-radius: 36px;
}
.con2 ul li a{
	display: inline-block;
	width: 128px;
	height: 36px;
	background-color: aqua;
	border-radius: 36px;
	font-size: 15px;
	color: #fff;
	line-height: 36px;
}
.con2 ul li a+a{
	margin-left: 34px;
}
.con2 ul li a:first-child{
	box-shadow: 0 4px 12px 0 rgba(255,165,31,0.27);
	background: -moz-linear-gradient(top, #fedf9e 0%, #ff9428 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fedf9e 0%,#ff9428 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fedf9e 0%,#ff9428 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.con2 ul li a:last-child{
	box-shadow: 0 4px 12px 0 rgba(71,177,236,0.36);
	background: -moz-linear-gradient(top, #91eced 0%, #4aade9 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #91eced 0%,#4aade9 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #91eced 0%,#4aade9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
}




.con3{ 
	height: 436px;
	background: url("images/xkzyl200316_con3.jpg") center top no-repeat;
}

.con4{ 
	height: 677px;
	background: url("images/xkzyl200316_con4.jpg") center top no-repeat;
}

.con5{ 
	height: 437px;
	background: url("images/xkzyl200316_con5.jpg") center top no-repeat;
}

.con6{ 
	height: 570px;
	background: url("images/xkzyl200316_con6.jpg") center top no-repeat;
	overflow: hidden;
}

.con6 ul{
	display: block;
	margin-top: 404px;
	
}

.con6 ul li{
	display: block;
	width: 288px;
	float: left;
	text-align: center;
}
.con6 ul li+li{
	margin-left: 16px;
}
.con6 ul li a{
	display: inline-block;
	width: 120px;
	height: 36px;
	font-size: 15px;
	color: #fff;
	line-height: 36px;
	text-align: center;
	border-radius: 36px;
	box-shadow: 0 4px 12px 0 rgba(255,165,31,0.27);
	background: -moz-linear-gradient(top, #fedf9e 0%, #ff9428 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fedf9e 0%,#ff9428 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fedf9e 0%,#ff9428 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
}