/*初始化*/
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;
	position: absolute;
	left: 50%;
	margin-left: -600px;
}
.container .title{
	margin-bottom: 42px;
}
.container .title h1{
   font-size: 36px;
   font-weight: bold;
   text-align: center;
   line-height: 36px;
   padding-top: 60px;
   color: #333;
}
.container .title h2{
   font-size: 16px;
   text-align: center;
   line-height: 16px;
   color: #737373;
   padding-top: 14px;
}
.container .cont{
	overflow: hidden;
	position: relative;
}

.c-o{ color: #ff8215;}
.c-r{ color: #ff4b14;}

/*主题内容start*/
.banner{
/*	height: 560px;*/
	background-color: #f0f0f0;
/*	background: url(images/xkz191028_banner.jpg) center top;*/
}
.tform{
	width: 300px;
	height: 368px;
	background-color: #fff;
	float: right;
	margin-top: 56px;
}
.tform h3,.tform h3 i{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	padding-top: 34px;
	padding-bottom: 26px;
}
.tform span{
	display: block;
	width: 258px;
	height: 48px;
	margin: 0 auto;
	margin-bottom: 16px;
}
.tform span input{
	background-color: #f5f5f5;
	width: 100%;
	height: 100%;
	line-height: 48px;
	text-indent: 20px;
	border-radius: 3px;
}
.tform span button{
	background-color: #f5f5f5;
	width: 100%;
	height: 100%;
	line-height: 48px;
	border-radius: 3px;
	border: none;
    background: #ffb81f; /* Old browsers */
    background: -moz-linear-gradient(left, #ffb81f 0%, #ffc13b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffb81f 0%,#ffc13b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffb81f 0%,#ffc13b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.tform dt{
	padding-top: 6px;
	text-align: center;
	padding-bottom: 8px;
}
.tform ul li{
	color: #999;
	font-size: 12px;
	text-align: center;
}

/*我们的优势*/
.con1{ 
	height: 116px;
}
.con1 ul{
	display: block;
	overflow: hidden;
}
.con1 ul li{
    float: left;
	overflow: hidden;
	display: block;
	width: 220px;
}
.con1 ul li+li{
    margin-left: 106px;
}
.con1 ul li img{
    display: block;
	width: 68px;
	height: 68px;
	background-color: #ff8c34;
	float: left;
	border-radius: 100%;
	margin-top: 24px;
	margin-right: 18px;
}
.con1 ul li span{
    display: block;
	float: left;
	padding-top: 36px;
}
.con1 ul li span i{
    display: block;
	color: #333;
	font-size: 19px;
	font-weight: bold;
	line-height: 19px;
	padding-bottom: 10px;
}
.con1 ul li span q{
    display: block;
	font-size: 15px;
	color: #666;
	line-height: 15px;
}
.con1 ul li span q em{
    font-weight: bold;
}

/*本月热门*/
.con2{
	height: 808px;
	background-color: #f7f7f7;
}
.con2 .cont{
	display: block;
	overflow: hidden;
	margin-bottom: 40px;
}

.con2 .cont li{
	display: block;
	overflow: hidden;
	float: left;
	width: 590px;
	height: 242px;
	background: #fff;
	border: 1px #ebebeb solid;
}

.con2 .cont li:nth-child(1),.con2 .cont li:nth-child(3){
	margin-right: 16px;
}

.con2 .cont li:nth-child(1),.con2 .cont li:nth-child(2){
	margin-bottom: 16px;
}

.con2 .cont li img{
	display: block;
	float: left;
	width: 228px;
	height: 170px;
	background-color: aliceblue;
	margin-left: 20px;
	margin-top: 36px;
	margin-right: 22px;
}

.con2 .cont li:first-child img{
	width: 138px;
	height: 205px;
	margin-top: 18px;
	margin-left: 58px;
	margin-right: 70px;
}

.con2 .cont li span{
	display: block;
	float: left;
	width: 316px;
	position: relative;
}

.con2 .cont li span i{
	display: block;
	font-size: 22px;
	font-weight: bold;
	color: #333;
	margin-top: 36px;
}

.con2 .cont li span em{
	font-size: 16px;
	font-weight: bold;
}

.con2 .cont li span q{
	display: block;
	font-size: 15px;
	line-height: 25px;
	padding-top: 8px;
	height: 96px;
}

.con2 .cont li span a{
	display: block;
	width: 104px;
	height: 38px;
	border: 1px solid #ff8317;
	color: #ff8317;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
	border-radius: 3px;
}

.con2 .cont li span a:hover{
	background-color: #ff8317;
	color: #fff;
}

.hot-line{
	width: 460px;
	height: 52px;
	margin: 0 auto;
	position: relative;
}
.hot-line img{
	width: 26px;
	height: 26px;
	background-color: #ff8317;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 14px;
}
.hot-line .hl_r{
	width: 448px;
	height: 100%;
	border: 1px solid #ff8316;
	border-radius: 3px;
	float: right;
}
.hot-line .hl_r i{
	display: block;
	float: left;
	font-size: 14px;
	line-height: 52px;
	color: #575757;
	text-indent: 20px;
}
.hot-line .hl_r em{
	display: block;
	float: left;
	line-height: 52px;
	color: #ff8316;
    font-size: 26px;
}
.hot-line .hl_r a{
	display: block;
	float: right; 
	width: 124px;
	height: 52px;
	background: #ff8214; /* Old browsers */
    background: -moz-linear-gradient(left, #ff8214 0%, #ff963b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff8214 0%,#ff963b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff8214 0%,#ff963b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 52px;
}
.hot-line .hl_r a:hover{
	opacity: 0.92;
}

/*就找*/
.con33{ height: 646px; background: url(images/xkz191028_con33.jpg) center top; font-size: 0;}


/*常见许可证*/
 .con3{ height: 890px;}

 .con3 .hd{ width: 284px; height: 585px; padding: 0;}

 .con3 .cont{ overflow: visible;}

 .con3 .hd ul{ display: block; width: 100%; left: 0;}

 .con3 .hd ul li{ display: block; width: 100%; height: 72px; border-radius: 3px; font-size: 18px; text-indent: 28px; line-height: 72px; color: #666; margin-bottom: 1px; background-color: #f7f7f7;}

 .con3 .hd ul li:nth-child(odd){ background-color: #f2f2f2;}

 .con3 .hd ul li.li2 i{ display: block; line-height: 24px; text-indent: 0; padding-top: 10px; padding-left: 28px;}

.slideTxtBox .hd ul li.on{ border-bottom: none; color: #fff; font-weight: bold;
    background: #ff8214; /* Old browsers */
    background: -moz-linear-gradient(left, #ff8214 0%, #ff963b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff8214 0%,#ff963b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff8214 0%,#ff963b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.slideTxtBox .bd{ width: 920px; height: 626px; background-color: #fff;box-shadow: 0px 0px 28px 0px rgba(169, 169, 169, 0.53); border-radius: 0 3px 3px 0; position: absolute; right: 0; z-index: 1; top: 0;}

.slideTxtBox .bd li{ display: block; overflow: hidden; height: 508px;}

.slideTxtBox .bd li i{ display: block; float: left; margin-left: 32px; margin-top: 42px; padding-right: 36px; border-right: 1px solid #e2e2e2;}

.slideTxtBox .bd li i img{ display: block; width: 367px; height: 266px; background-color: aliceblue;}

.slideTxtBox .bd li i em{ display: block; width: 326px; color: #666; font-size: 15px; line-height: 28px; margin: 0 auto; margin-top: 16px; }

.slideTxtBox .bd dl{ display: block; float: left;  margin-left: 32px; width: 432px;}

.slideTxtBox .bd dl dt{ display: block; margin-top: 60px; font-size: 18px; font-weight: bold; color: #333; padding-bottom: 20px;}

.slideTxtBox .bd dl dd{ display: block; font-size: 14px; color: #666; line-height: 24px; padding-left: 24px; margin-bottom: 18px; position: relative;}

.slideTxtBox .bd dl dd:before{ content: ""; height: 15px; width: 15px; display: block; background: url(images/xkz191028_con3_gou.png); position: absolute; top: 5px; left: 0px;}

/*为什么*/
.con4{ height: 890px; background-color: #f7f7f7;}

.con4 .cont{ height: 610px;}

.con4 .cont span{ display: block; width: 120px; height: 120px;
	background: #ff8214; /* Old browsers */
    background: -moz-linear-gradient(left, #ff8214 0%, #ff963b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff8214 0%,#ff963b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff8214 0%,#ff963b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 100%; text-align: center; line-height: 120px; font-size: 60px; font-weight: bold; color: #fff; border: 6px solid #fff7ef; position: absolute; z-index: 2;margin-left: -60px; left: 50%; top: 202px;
}

.con4 .cont ul{ display: block; width: 1046px; box-shadow: 0 0 28px rgba(169,169,169,0.53); position: absolute; text-align: center; left: 50%; margin-left: -523px; margin-top: 20px;}

.con4 ul li{ display:inline-block; float: left; background-color: #fff; width: 520px; height: 542px; text-align: left;}

.con4 ul li:first-child{ margin-right: 5px;}

.con4 ul li h3{ display: block; width: 380px; height: 56px; background-color: #b8a393; color: #fff; font-size: 22px; font-weight: bold; border-radius: 80px; line-height: 56px; margin: 0 auto; margin-top: -20px; text-align: center;}

.con4 ul li dl{ margin-left: 88px; }

.con4 ul li dt:first-child{ margin-top: 46px; }

.con4 ul li dt{ display: block; width: 126px; height: 36px; background-color: #b8a393; color: #fff; line-height: 36px; font-size: 18px; font-weight: bold; text-align: center; border-radius: 3px;}

.con4 ul li dd{ display: block; font-size: 15px; color: #666; padding-top: 13px; padding-bottom: 36px;}

.con4 ul li:last-child h3,.con4 ul li:last-child dt{
	background: #ff8214; /* Old browsers */
    background: -moz-linear-gradient(left, #ff8214 0%, #ff963b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff8214 0%,#ff963b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff8214 0%,#ff963b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}


/*仅需五步轻松搞定最难办的证*/
.con5{ height: 602px;}

.con5 .cont{ display: block; text-align: center; height: 336px; overflow: visible;}

.con5 .cont li{ display:inline-block; width: 224px; height: 290px;box-shadow: 0px 0px 29px 0px rgba(175, 175, 175, 0.23); border-top: 2px solid #ff8317; box-sizing: border-box;}

.con5 .cont li+li{ margin-left: 15px;}

.con5 .cont li img{ display: block; width: 88px; height: 88px; border-radius: 88px; margin: 0 auto; margin-top: 34px;}

.con5 .cont li i{ font-size: 18px; font-weight: bold; text-align: center; display: block; padding-top: 34px}

.con5 .cont li b{ font-weight: bold;}

.con5 .cont li q{ display: block; font-size: 14px; line-height: 22px; color: #666; padding-top: 16px;}

/*许可证办理常见问题 */
.con6{ height: 900px; background-color: #f2f2f2;}

.con6 .cont{ display: block; overflow: visible;}

.con6 a{ display: block; width: 440px; height: 52px; line-height: 52px; border-radius: 3px; text-align: center; font-size: 16px; color: #fff; margin: 0 auto;
	background: #ff8214; /* Old browsers */
    background: -moz-linear-gradient(left, #ff8214 0%, #ff963b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff8214 0%,#ff963b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff8214 0%,#ff963b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.con6 a:hover{ opacity: 0.92; color: #fff;}

.con6 .cont li{ display: block; background-color: #fff; width: 1076px; padding: 34px 34px 40px 34px; margin-bottom: 32px; box-shadow: 0px 0px 29px 0px  rgba(175, 175, 175, 0.23); border-radius: 6px; position: relative;}

.con6 .cont li:last-child{ margin-bottom: 48px;}

.con6 .cont li i{ display: block; color: #333; font-size: 22px; font-weight: bold; position: relative;}

.con6 .cont li span{ display: block; background-color: #fcedde; position: absolute; left: 31px; width: 45px; height: 10px; z-index: 0; top: 56px;}

.con6 .cont li q{ font-weight: bold;}

.con6 .cont li em{ display: block; font-size: 16px; line-height: 28px; color: #666; padding-top: 15px;}


/*其它服务*/
.con7 { height: 546px; background-color: #f7f7f7;}
.con7 .cont{ overflow: visible;}
.con7 a{ display: block; width: 440px; height: 52px; line-height: 52px; border-radius: 3px; text-align: center; font-size: 16px; color: #fff; margin: 0 auto; margin-top: 46px;
	background: #ff8214; /* Old browsers */
    background: -moz-linear-gradient(left, #ff8214 0%, #ff963b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff8214 0%,#ff963b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff8214 0%,#ff963b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.con7 a:hover{ opacity: 0.92; color: #fff;}
.con7 ul{ display: block; text-align: center;}
.con7 ul li{ display: inline-block; text-align: center; box-shadow: 0px 0px 29px 0px rgba(175, 175, 175, 0.23); width: 262px; height: 226px;}
.con7 ul li+li{ margin-left: 43px;}
.con7 ul li img{ width: 242px; height: 158px; margin: 0 auto; display: block; margin-top: 8px;}
.con7 ul li i{ color: #666; font-size: 18px; line-height: 52px;}

  /*	banner样式*/
	.banner{ padding-bottom: 0; z-index: 1;}
	.banner .main{ position: absolute; top:0; z-index: 1;  }
		
    /* banner切换外围*/
    .zt-banner {width: 100%; height: 468px; margin-left: auto;margin-right: auto;}
	
    /* banner切换单元容器*/
    .swiper-slide {text-align: center;background: #fff;}
	
     /*	banner切换单元内容*/		
	.banner1{ background: url(images/xkz20201103_banner_05.jpg) center top no-repeat;  }
	.banner2{ background: url(images/xkz20201103_banner_314.jpg) center top no-repeat;  }

	
    /* banner切换左右箭头*/	
	.zt-banner-prev,.zt-banner-next{ font-size: 60px; background-image: none; color: #fff; height: 60px; margin-top: -30px; width: 58px; line-height: 60px; text-align: center;}
	.zt-banner-prev{ left: 64px;}
	.zt-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}
	/*左边滚动*/
	.zt-slide{ width: 600px; height: 300px;}
	/*左边滚动多*/	
	.zt-slides{ width: 600px; height: 300px;}

/*更新测试*/