@font-face {
	font-family: "FZDHTJW";
	src: url(./FZDHTJW.ttf);
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
html {
	font-style: normal;
	font-size: 18px;
	line-height: 1.8;scroll-behavior: smooth;
}
body {
	font-family: "Microsoft Yahei", "PingFang", "Droid Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	background-position: top center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
ul, li, dl, dt, dd, ol, p, img {
	list-style: none;
	border: none;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
a {
	color: #333;
}
a:hover {
	opacity: 85%;
	text-decoration: none;
}
.font22 {
	font-size: 1.3rem;
	line-height: 2;
}
.bg-success2 {
	background: #00c168;
}
.bg01{ background:#edf4f7;}
.text-success2 {
	color: #00c168;
}
.text-color1 {
	color: #039dd5;
}
.text-color2 {
	color: #ed9a4a;
}
.text-color3 {
	color: #9c3900;
}


.line2 {
	line-height: 2;
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1430px;
}
}


#navbar-example{ position: fixed; right:65px; top: 68%; width: 170px; padding: 0; list-style-type: none; z-index: 700; color:#fff; }
#navbar-example a{ width:100%; padding:.5rem 1rem; border-radius:0px;color:#fff;background:#039dd5;border-radius: 0 10px 10px 0; }
#navbar-example a i{ width:35px; height:35px; margin-right:.3rem;  display:inline-block;background:#fff; border-radius:50%; color:#039dd5; text-align:center; font-size:1.2rem; line-height:35px;}
#navbar-example a:first-child{ background:#3bd09c;}
#navbar-example a:last-child{ background:#ed9a4a;}

#navbar-example a:first-child i{ color:#3bd09c;}
#navbar-example a:last-child i{ color:#ed9a4a;}


.header {
	height: 480px;
	background: top center/cover url(../img/bg-header.jpg) no-repeat;
}
.bg-dody{padding-bottom: 2rem;background: #c1e8f8}
.header .logo-wrapper {
	padding-top: 2rem;
}
.header .logo-wrapper img {
	max-width: 100%;
}
.header .mid-header {
	padding-top: 8rem;
}
.main-container {
	padding-bottom: 2rem;
	background: #c1e8f8 left top url(../img/main_bg.jpg) repeat-x;
}
.main {
	padding:1rem;
	border-radius: 20px;
	margin-top: 120px;
}
.main .title {
	height: 100px;
	width: 100%;
	position: relative;
}
.main .title img {
	display: block;
	margin: 0 auto;
	left: 31.5%;
	position: absolute;
	top: -72px;
	max-width: 100%;
}
.but-title {
padding:.8rem 1.5rem;
	border-radius: 30px;
	margin: auto
}
.xdj-main {
	background: #f6f6f6;
	border-radius: 20px;
	padding: 1rem;
margin:0 .2rem;
}
.xdj-main i {
	font-size: 6rem;
	color: #51cc89;
}
.zgw-box {
	width: 80%;
	margin: 0 auto;
padding:.5rem 1rem 0 1rem;
	background: #fff1f0;
	border-radius: 10px;
	line-height: 2.2;
}
.xjx-list li {
	height: 200px;
	background: #d1f9df;
	clear: both;
	display: block;
	border-radius: 10px;
}
.xjx-list li i {
	width: 200px;
	height: 100%;
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 0 1.5rem;
	background: #00c168;
	border-radius: 10px 0 0 10px;
	font-size: 6rem;
	color: #fff;
	float: left;
	margin-right: 1rem;
}
.xbt-main {
	width: 95%;
	margin: 1rem auto;
	padding: 2rem;
	background: #06a25a;
	border-radius: 20px;
}
.xbt-main h5.text-success2 {
	color: #b3ffdc !important;
}
.xbt-box {
	margin: 1rem auto;
	padding: 2rem;
	background: #fff;
	border-radius: 20px;
}
.xbt-box h5 i {
	font-size: 1.3rem;
}
.service-list-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.service-list-wrapper .entry-wrapper {
	text-align: center;
}
.service-list-wrapper i {
	width: 90px;
	height: 90px;
margin:.5rem auto;
	line-height: 90px;
	border-radius: 50%;
	text-align: center;
	font-size: 2.6rem;
	display: block;
	background: #d0edfd;
	color: #039dd5;
}

.blsx-list {
	display: flex;
	flex-wrap: wrap;
}
.blsx-list .icon-entry-wrapper {
	padding: 5px 0px;
	flex: 1;
	min-width: 50%;
}
.blsx-list .entry {
	display: block; margin:0 1rem; line-height:1.5;
	border-radius: 4px;
	background: #fff;
	border-radius: 4px;
	padding:.2rem .8rem;
}
.blsx-list .icon-entry-wrapper .iconfont {
	font-size: 1.8rem;
	color: #ed9a4a; margin-right:.5rem;
}

.bltj-title{ background:#f8c16f; padding:.3rem .8rem; border-radius:20px; display:inline-block; margin:0 auto; color:#fff;}
.blsx-list2 li { padding:.5rem 0;align-items: center;display: flex;}
.blsx-list2 li i{display:block; width:32px; height:32px; margin-right:5px; background:#9fbcee;border-radius:50%; color:#fff; font: bold 25px/32px sans-serif; text-align:center;}
.xqcl-title{ padding:.4rem 2rem .4rem .5rem; margin:1rem 0 1rem -1.5rem; background:#ffc6a5 url(../img/xqcl-title-bg.jpg) right center no-repeat; color:#9c3900; display:inline-block;}
.table-sqcl{ width:100%;}
.table-sqcl th{ padding: .75rem;background:#fff1e9; text-align:center; font-weight:normal; border-bottom:none;}
.table-sqcl td{ padding: .75rem;  vertical-align: center;  border-top: 1px solid #dee2e6; text-align:center;}
.table-sqcl th:first-child{ width:65%;}
.bottom_main {
  background: #114aaa;
  padding-top: 2.22rem;
}
.bottom_main ul {
  display: inline-block;
}
.bottom_main li {
  float: left;
  text-align: center;
  margin-left: 0.7rem;
}
.bottom_main li img {
  width: 5.16rem;
}
.bottom_main li:first-child {
  margin-left: 0;
}
.bottom_main .container {
  color: #fff;
  font-size: 0.88rem;
  line-height: 2rem;
}
.bottom_main a {
  color: #fff;
}
.bottom_main span,
.bottom_main a {display: inline-block;
  padding: 0 .3rem;
color: #fff !important;
}

 @media only screen and (max-width:1300px) {
#navbar-example{fixed; right:15px; }
}
 @media only screen and (max-width: 991px) {
.header .mid-header img {
	width: 90%;
}
}
@media only screen and (max-width: 767px) {
.header {
	height: 240px;
}
.header .mid-header {
	padding-top: 20px;
}
.header .bottom-header {
	padding-top: 10px;
}
.logo-wrapper {
	padding: 5px;
}
.logo-wrapper img {
	width: 100%;
}
.main {
  padding: .5rem;
  border-radius:10px;
  margin-top:50px;
}
.main .title img {
	left: 20%;
	position: absolute;
	top: -40px;
	max-width: 60%;
}
.xjx-list li {
	height: auto;
}
.xjx-list li i {
	width: 100%;
	text-align: center;
	display: block;
	clear: both;
	border-radius: 10px;
padding:0 .5rem;
	font-size: 4rem;
margin-bottom:.5rem;
}
.service-list-wrapper i {
	width: 60px;
	height: 60px;
	line-height: 60px;
}
.service-list-wrapper .entry-wrapper{
min-width:20%;
}

.blsx-list .icon-entry-wrapper {
	min-width: 100%;
}
.blsx-list2 li p{ width:80%;}
.font22 {
	font-size: 1.1rem;
}
#navbar-example{ position: fixed; right:0px; bottom:0; top:auto; width: 100%;background-color:rgba(7,193,96,0.7); }
#navbar-example nav{ width:100%;}
#navbar-example a{ width:33%; text-align:center; padding:.5rem 1rem; border-radius:0px;color:#fff; border-bottom:1px solid #fff;}
#navbar-example a i{ margin:0 auto; display:block;}
#navbar-example h6{ display:none;}








}
@media only screen and (max-width: 575px) {
html {
	font-style: normal;
	font-size: 14px;
	line-height: 1.6;
}
.header {
	height: 200px;
}
.header .logo-wrapper img {
	width: 65%;
	margin: 0 auto;
	display: block;
}
.header .mid-header {
	padding-top: 30px;
}
.header .mid-header img {
	width: 90%;
}
.main {
padding:.5rem;
	border-radius: 10px;
	margin-top: 50px;
}
.zgw-box {
	width: 100%;
}
}
