@charset "utf-8";
/* CSS Document */
.banner{
	height:565px;
	background:#5dc96e url(../images/banner.jpg) top no-repeat
}
.tit{
	line-height:140px;
	height:140px;
	background:url(../images/tit01.png) left 50px no-repeat;
	padding-left:70px;
	font-size:48px;
	color:#008ed7;
	font-weight:bold
}
.ques{
	background-color:#e8eef8;
	border-radius:10px;
	margin-bottom:40px
}

.ques h3,
.howToDo h3{
	line-height:2;
	font-size:32px;
	color:#008ed7;
	padding-left:60px;
	margin-bottom:10px;
	background:url(../images/ico01.png) left center no-repeat;
}
.q02 h3{
	background:url(../images/ico02.png) left center no-repeat;
}
.ques{
	padding:35px
}
.ques p{
	font-size:20px;
	line-height:2
}
.ques p strong{
	font-weight:normal;
	color:#f84545
}
.text2 p{
	font-size:24px
}
.qbox{
	max-height:170px;
	overflow:auto;
	margin:10px 0
}
.qbox p{
	line-height:1.7
}
.section2{
	background-color:#e8eef8;
	padding-bottom:30px;
	margin-bottom:10px
}
.rylb{
	background:white;
	box-shadow:0px 3px 5px #cacaca;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.rylb h3{
	width:165px;
	padding:20px 0;
	background:#3d8ee0;
	color:white;
	text-align:center;
	font-size:24px;
	font-weight:bold
}
.rylb div{
	width:calc(100% - 165px);
	box-sizing:border-box;
	padding:30px;
	font-size:20px;
	line-height:1.5
}
.rylb div p a{
	text-decoration:underline
}
.zxqx{
	background:white;
	box-shadow:0px 3px 5px #cacaca;
	padding:30px
}
.zxqx p{
	font-size:20px;
	line-height:2
}
.tb01{
	border-left:1px solid #dedede;
	border-top:1px solid #dedede;
	width:100%;
	border-radius:5px; 
	overflow:hidden
}
.tb01 td{
	padding:18px;
	font-size:18px;
	background:white;
	word-break:break-all;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede
}
.tb01 thead td{
	font-weight:bold;
	background-color:#3d8ee0;
	color:white;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff
}
.tb01 td:nth-child(4){
	white-space:nowrap
}
.cjq{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center
}
.cjq li{
	background-color:#e8eef8;
	border-radius:5px;
	padding:20px;
	font-size:20px;
	line-height:1.5;
	box-sizing:border-box;
	width:48%;
	margin-bottom:20px
}
.bsfw{
	display:flex;
	justify-content:space-between;
}
.bsfw li{
	width:18%;
	padding:20px 0;
	font-size:20px;
	line-height:1.5;
	box-sizing:border-box;
	background-color:#3d8ee0;
	font-weight:bold;
	text-align:center
}
.bsfw li a{
	display:block;
	color:white
}
	
	
.foot .w1200{margin:0 auto}
.foot_nav{text-align:center}
.zf01, .zf02{top:40px !important}

	
	

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

.w1300{width:100%}
.w1200{width:98%;margin:0 1%}
.banner{height:34vw;background-size:120% 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}

.link1{height:auto;line-height:1.4;padding-top:1rem; padding-bottom:1rem;font-size:1rem}
.whereToDo{padding:1%;flex-wrap:wrap}
.whereToDo > div{width:98%;margin-bottom:1rem}
.whereToDo > div > ul > li{flex-wrap:wrap;margin-bottom:1rem;line-height:1.5;font-size:1rem}
.whereToDo > div > ul > li > p{word-break:break-all;width:100%;}
.whereToDo > div > ul > li > p:first-child{background:white;color:#53aad7;padding:5px; border-radius:5px}
.whereToDo > div h3{font-size:1.3rem}
.twoArea{margin:1rem 0;flex-wrap:wrap}
.twoArea img{width:100%}

.ques{
	padding:15px
}
.ques p{
	padding:0
}
.rylb,
.bsfw{
	flex-wrap:wrap
}
.rylb h3,
.rylb div{width:100%;font-size:1rem}
.rylb div{padding:15px}
.tb01 td{font-size:1rem}
.zxqx p{font-size:1rem;line-height:1.5}
.mingdan img,
.cjq li,
.bsfw li{width:100%;font-size:1rem}
.bsfw li{margin-bottom:10px}

}