@charset "utf-8";
/* CSS Document */
@import url("font-awesome/css/font-awesome.css");
.banner{
	height:355px;
	background:url(../images/banner.jpg) center no-repeat
}
.main1{
	padding-bottom:40px
}
h3.f36{
	height:130px;
	line-height:130px;
	background:url(../images/tit.png) center no-repeat
}
.main1 .bg_ff{
	width:625px
}
.main1 .bg_ff .tit{
	background-color:#1669b3;
	font-weight:bold;
	line-height:32px;
	padding:10px
}
.main1 .bg_ff p{
	line-height:30px;
	padding:5px
}
a.more{
	display:inline-block;
	padding:5px 30px;
	background-color:#1669b3;
	color:white;
	margin:30px 0
}
.list01 li{
	line-height:45px;
	text-indent:20px;
	background:url(../images/dot.png) left center no-repeat
}
.list01 li span{
	color:#777
}
.search{
	padding:30px 0;
	background-color:#f5f5f5;
	text-align:center
}
.ip01{
	width:50%;
	height:50px;
	line-height:50px;
	border:0;
	background-color:white;
	text-indent:10px
}
.btn01{
	width:10%;
	height:50px;
	line-height:50px;
	color:white;
	border:0;
	background-color:#095795
}
.foot{
	border-top:2px solid #095795;
	padding:30px 0;
	line-height:30px;
	font-size:16px
}
.foot>a>img{
	position:absolute;
	top:50%;
	margin-top:-29px;
	right:10%
}
.foot>a>img.img1{
	margin-top:-40px;
	left:10%;
	right:auto
}
.nav01{
	margin-bottom:30px;
	border-bottom:1px solid #dedeed
}
.nav01,
.nav01 li{
	text-align:center;
	display:inline-block
}
.nav01 li{
	margin:30px 10px
}
.nav01 li div{
	display:inline-block;
	width:100px;
	height:100px;
	border:2px solid #dedede;
	border-radius:51px
}
.nav01 li div img{
	width:60px;
	height:60px;
	margin-top:20px
}
.nav01 li p{
	margin-top:20px;
	font-size:20px
}
.nav01 li a:hover div,
.nav01 li.cur a div{
	border:2px solid #2772cb
}
.nav01 li.cur a p{
	color:#2772cb
}


/*内容页*/
.neirong{
	margin:20px auto;
	padding:40px;
	box-sizing:border-box;
	background:#e7f1fb url(../images/ask.png) left bottom no-repeat
}
h4{
	margin-bottom:40px
}

.ask,
.answer{
	float:left;
	background:#fff;
	border-radius:10px;
	padding:25px;
	position:relative;
	box-shadow:5px 5px 20px rgba(0,0,0,0.1)
}
.ask{
min-width:50%;
}
.ask:before,
.answer:before{
	float:left;
	display:inline-block;
	content:'问';
	width:54px;
	height:54px;
	line-height:54px;
	text-align:center;
	font-size:30px;
	border-radius:50%;
	background-color:#f14242;
	color:white;
	margin-right:20px
}
.ask p{
	font-size:24px
}
.answer{
	float:right;
	margin:60px 0 20px 20%;
	padding-right:70px
}
.answer p{
	font-size:18px;
	line-height:30px
}
.answer:before{
	content:'答';
	background-color:#2772cb;
	float:right;
	margin-right:-40px
}

@media screen and (min-width: 800px){
	
  .banner img{
	  display:none
  }

}

@media screen and (max-width: 800px){
	
  .foot img,
  .nav01 li div{
	  display:none
  }
  .ip01{
	  width:70%
  }
  .btn01{
	  width:20%
  }
  .w1200{
	  width:100%;
	  box-sizing:border-box
  }
  .w1200{
	  width:96%;
	  margin:0 2%
  }
  .banner img{
	  display:block;
	  width:100%;
	  height:auto
  }
  .banner{
	  background:none;
	  height:auto
  }
  .main01{
	  padding:2em 0
  }
  .list01 li{
	  white-space:nowrap;
	  overflow:hidden;
	  text-overflow:ellipsis
  }
  h3.f36{
	  height:90px;
	  line-height:90px
  }
  .nav01{
	  border-top:1px solid #dedede;
	  margin-top:20px;
	  background-color:#f5f5f5
  }
  .nav01 li{
	  float:left;
	  width:25%;
	  margin:0;
	  padding:.6em;
	  box-sizing:border-box;
	  
  }
  .nav01 li p{
	  margin:0;
	  font-size:1em
  }
  .nav01 li a{
	  display:block
  }
  .nav01 li a:hover{
	  background-color:#2772cb;
	  color:white
  }
  .answer{
	  margin-left:0
  }
  .neirong{
	  margin-top:2%;
	  background-image:none
  }
}

/*2023 extend*/
@media (max-width:800px){
		.nav-slide>a{display: none;}
		.list01 li{margin-bottom:15px;white-space: normal;font-size: 1rem;line-height: 1.6; text-indent: 0; padding-left: 20px; background-position: left 10px;}
		.list01 li span{display: none;}
		.nav01 li{margin:0 !important;width:33.3% !important}
        .nav01 li.cur a:hover{background-color:transparent;}
        .nav01 li.cur a:hover p{color:#2772cb}
	}
    
.banner{
	 text-align:center
  }

@media screen and (min-width: 800px){
	
  .banner img.logo{
	  display:inline-block;
	  padding-top:30px  
  }
  

}

@media screen and (max-width: 800px){
	
  .banner img.logo{
	  display:inline-block;
	  width:50%
  }
	
}