@charset "utf-8";
/* CSS Document */
.banner{
	height:415px;
	background:#5dc96e url(/static_common/images/guohui/xw_guohui_xzfy_banner.jpg) center no-repeat
}
.tit{
	line-height:140px;
	height:140px
}
.tit img{
	vertical-align:middle
}
.ques{
	background-color:#f5f5f5;
	padding:30px 15px;
	padding-top:20px;
	border-radius:10px;
	margin-bottom:40px
}
.ques h3,
.howToDo h3{
	line-height:2;
	font-size:32px;
	color:#45b556;
	padding-left:60px;
	margin-bottom:10px;
	background:url(../images/ico01.png) left center no-repeat;
}
.q02{
	margin-bottom:10px
}
.q02 h3{
	background:url(../images/ico02.png) left center no-repeat;
}
.ques p{
	padding:0 60px;
	font-size:20px;
	line-height:1.5
}
.qbox{
	max-height:170px;
	overflow:auto;
	margin:10px 0
}
.qbox p{
	line-height:1.7
}
.section2{
	background-color:#defddf;
	padding-bottom:30px;
	margin-bottom:10px
}
.whoCanDo{
	display:flex;
	justify-content:space-between;
	text-align:center
}
.whoCanDo li{
	width:375px;
	height:450px;
	box-sizing:border-box;
	padding:30px;
	background-color:white;
	transition:all .3s ease-in 0s
}
.whoCanDo li p:first-child{
	margin-bottom:30px
}
.whoCanDo li p:last-child{
	text-align:justify;
	font-size:18px;
	line-height:1.5
}
.whoCanDo li:hover{
	transform:translate(0,-10px);
    box-shadow:0px 5px 25px #cacaca
}
.whereToDo{
	width:100%;
	height:230px;
	box-sizing:border-box;
	padding:30px;
	background:url(../images/bg01.jpg) no-repeat;
	display:flex;
	align-items:center;
	justify-content:left;
	flex-wrap:wrap;
	
}
.whereToDo p{
	width:100%
}
.howToDo h3{
	font-size:24px;
	min-height:60px;
	display:flex;
	align-items:center;
	margin:30px 0 20px 0
}
.items li{
	display:flex;
	justify-content:left;
	width:49%;
	background-color:#f5f5f5;
	margin-bottom:10px;
	float:left;
	border-radius:5px;
	overflow:hidden
}
.items li i{
	width:50px;
	text-align:center;
	background-color:#6ecc7c;
	color:white;
	font-size:36px;
	font-style:normal;
	display:flex;
	align-items:center;
	justify-content:center
}
.items li p{
	width:calc(100% - 50px);
	padding:30px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	font-size:18px;
	line-height:1.5
}
.items li:nth-child(1) p{
	padding:38px 30px
}
.items li:nth-child(2),
.items li:nth-child(3),
.items li:nth-child(5){
	float:right
}
.howToDo h3:last-child{
	background:url(../images/ico02.png) left center no-repeat;
	line-height:1.4
}
.section3{
	background-color:#f5f5f5;
	margin-top:60px
}
.sxBox,
.sxBox .l,
.sxBox .r,
.sxBox .l div.tbDload ul{
	display:flex;
	justify-content:space-between
}
.sxBox .l,
.sxBox .r,
.sxBox .l div.tbDload ul{
	flex-wrap:wrap
}
.sxBox .l{
	width:695px
}
.sxBox .r{
	width:485px
}
.sxBox .l div,
.sxBox .r div{
	width:100%;
	margin-bottom:20px
}
.sxBox .l div h3{
	text-align:center;
	font-size:30px;
	color:white;
	margin-bottom:30px
}
.sxBox .l div{
	padding:30px;
	background-color:#6ecc7c
}
.sxBox .l div.tbDload ul li,
.sxBox .l div.xzfyBook ul li{
	width:50%;
	font-size:20px;
	line-height:1.8
}
.sxBox .l div.xzfyBook ul li{
	width:100%
}
.sxBox .l div ul li a{
	color:white
}
.sxBox .r div a{
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	align-items:center;
	padding:60px 0;
	color:white
}
.sxBox .r div p{
	width:100%;
	font-size:36px;
	font-weight:bold
}
.hotline{
	background-color:#f1bd61
}
.bsfw{
	background-color:#43ba69
}
.foot .w1200{margin:0 auto}
.foot_nav{text-align:center}
/*------------foot-----------*/

.footer{
  margin:0 auto;  
  text-align: center;border-top:4px solid #1f68cf;padding:25px 0 30px;
}
.por {
  position: relative;
}
.foot{
  height:auto;
  background-color:#ffffff;
}
.foot_nav{
  padding-bottom:20px;
}

.footer p{
  /*line-height:30px*/
}
.zf01,
.zf02{
  position:absolute; margin-top: 80px;top:0;
}
.zf01{
  left:10%;
}
.zf02{
  right:7%
}
	

@media (max-width: 1080px) {
	
body,html{font-size:16px !important}

.w1300{width:100%}
.w1200{width:100%}
.banner{height:34vw;background-size:125% auto}
.section1{height:auto;padding-top:0}
.section1 .w1300,
.slide{flex-wrap:wrap;width:100%}
.section1 .tit{padding:0;width:100%}
.tit{height:80px;line-height:80px}
.ques h3, 
.howToDo h3{font-size:1rem;line-height:51px}
.ques p{padding:0 1rem;font-size:1rem}
.qbox{max-height:none}
.whoCanDo{flex-wrap:wrap}
.whoCanDo li{width:100%;height:auto;margin-bottom:10px}
.whoCanDo li p:last-child{font-size:1rem}
.whereToDo{height:auto; background-size:cover;padding:15px;font-size:1rem}
.whereToDo p{margin-bottom:10px}
.howToDo p.f20{font-size:1.1rem}
.howToDo h3{line-height:1.2}
.items li,
.sxBox .l,
.sxBox .r{width:100%}
.items li:nth-child(1) p{padding:15px}
.items li p{font-size:1rem}
.sxBox{flex-wrap:wrap}
.sxBox .l div h3,
.sxBox .r div p{font-size:1.3rem}
.sxBox .l div.tbDload ul li, 
.sxBox .l div.xzfyBook ul li{width:100%;font-size:1rem;line-height:1.5;margin-bottom:10px}
.sxBox .r div a{padding:20px 0}

  .footer p{
    padding:0 2%;
  }
  .footer{
    padding:1em 0;

  }
  .zf01, .zf02{position:relative;margin:0;top:auto}
  .zf01{left:auto}
  .zf02{right:auto}

}