.page-head img{ width:100%;}

.page-head .container {
	position: relative
}
.page-head .presentation {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}
.page-head p {
	margin-top: 20px;
	white-space: pre-line
}
.page-body {
	margin-top: 60px;
	margin-bottom: 60px
}
.page-body-reserve form {
	margin-top: 30px
}
.page-body-reserve form p {
	float: left;
	display: flex;
flex-wrap:justify-content:space-between;
	width: 100%;
	margin: 12px 0
}
.page-body-reserve form p.half-input {
	place-items: center
}
.page-body-reserve form p.half-input {
	width: calc(50% - 12px)
}
.page-body-reserve form p.half-input:nth-child(2n) {
	float: right
}
.page-body-reserve .inputname {
	display: block;
	width: 84px
}
.page-body-reserve label {
	cursor: pointer
}
.page-body-reserve .checkbox {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	width: calc(100% - 84px)
}
.page-body-reserve input[type=text], .page-body-reserve input[type=datetime-local] {
	width: calc(100% - 84px);
	height: 35px;
	padding-left: 10px;
	background: #fff
}
.page-body-reserve input[type=checkbox] {
	width: 18px;
	height: 18px;
	margin-right: 5px;
	background: #fff;
	vertical-align: middle
}
.page-body-reserve input[type=checkbox]:checked:before {
	content: '√';
	display: inline-block;
	font-size: 20px;
	line-height: 90%;
	color: #bae212
}
.page-body-reserve textarea {
	box-sizing: border-box;
	width: calc(100% - 84px);
	height: 140px;
	padding: 10px;
	resize: none
}
.page-body-reserve input[type=submit] {
	float: left;
	width: 200px;
	line-height: 35px;
	margin-left: 84px;
	text-align: center;
	background: #bae212;
	cursor: pointer
}

.tulist_02 li {
    list-style-type: none;
    float: left;
    width: 23%;
	margin-right:1%;
	margin-left:1%;
    margin-bottom: 15px;
    text-align: center;
}
.tulist_02 li img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0px auto;
    transition: 0.6s;
}
.tulist_02 li h3 {
    font-size: 14px;
    font-weight: normal;
    display: block;
    line-height: 30px;
}

.page-body {
	margin-top: 60px
}
.page-body .contact-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
	text-align: center
}
.page-body .contact-info .item {
	width: 20%;
	float:left;
}
.page-body .contact-info i {
	display: block;
	width: 167px;
	height: 167px;
	margin: 0 auto;
	line-height: 167px;
	border-radius: 50%;
	font-size: 2.6em;
	font-style: normal;
	text-align: center;
	color: #999;
	background: #f0f0f0;
	cursor: pointer;
	transition: all .2s
}
.page-body .contact-info .name {
	display: block;
	margin-top: 20px;
	font-size: 20px
}
.page-body .contact-info .content {
	display: block;
	margin-top: 20px;
	font-size: 18px;
	color: #666
}
.page-body .contact-info .item:hover i {
	color: #fff;
	background: #0b76be
}
.page-body .followus {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	margin-top: 60px;
	text-align: center
}
.page-body .followus i {
	display: block;
	width: 114px;
	height: 114px;
	margin: 0 auto;
	background-repeat: no-repeat
}
.page-body .followus .name {
	display: block;
	margin-top: 20px;
	font-size: 20px
}
.page-body .followus .content {
	display: block;
	margin-top: 5px
}
.page-body .followus .tips {
	display: block;
	margin-top: 10px;
	color: #999
}
.page-body .followus .qrcode-wechat-service {
	background-position: 0 -118px
}
.page-body .followus .qrcode-tiktok-official {
	height: 118px;
	background-position: 0 -236px
}
.page-body .followus .qrcode-tiktok-subscription {
	height: 118px;
	background-position: 0 -366px
}
.page-body .followus .qrcode-toutiao {
	background-position: 0 -488px
}
.page-body .followus .qrcode-weibo {
	background-position: 0 -600px
}
.page-map {
	margin-top: 80px
}
.map-container {
	width: 100%;
	height: 500px;
	margin-top: 30px
}
.page-contact-form {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f0f0f0;
	overflow: hidden
}
.page-contact-form form {
	margin-top: 30px
}
.page-contact-form p {
	float: left;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 12px 0
}
.page-contact-form p.half-input {
	place-items: center
}
.page-contact-form p.half-input {
	width: calc(100% - 12px)
}
.page-contact-form p.half-input:nth-child(2n) {
	float: right
}
.page-contact-form .inputname {
	display: block;
	width: 120px
}
.page-contact-form label {
	cursor: pointer
}
.page-contact-form .checkbox {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	width: calc(100% - 84px)
}
.page-contact-form input[type=text], .page-contact-form input[type=datetime-local] {
	width: calc(100% - 84px);
	height: 35px;
	padding-left: 10px;
	background: #fff
}
.page-contact-form input[type=checkbox] {
	width: 18px;
	height: 18px;
	margin-right: 5px;
	background: #fff;
	vertical-align: middle
}
.page-contact-form input[type=checkbox]:checked:before {
	content: '\e925';
	display: inline-block;
	font-size: 20px;
	line-height: 90%;
	color: #bae212
}
.page-contact-form textarea {
	box-sizing: border-box;
	width: calc(100% - 94px);
	height: 170px;
	padding: 10px;
	resize: none
}
.page-contact-form button{
	float: left;
	width: 200px;
	line-height: 35px;
	margin-left: 94px;
	text-align: center;
	background: #0b76be;
	cursor: pointer;
	color:#fff;
	border:0;
}
.nyabout{ background:#f7f7f7; font-size:14px; line-height:30px; padding:30px 0;}
.nyabouts{ font-size:14px; line-height:30px; padding:30px 0;}
.nyabout img{ max-width:100%;}
.lxwm_fl{ width:600px; float:left; overflow:hidden;}
.lxwm_fl h2{ font-size:18px; margin-bottom:20px;}
.lxwm_fl p{ line-height:30px; font-size:14px;}
.lxwm_fr{ width:650px; float:right;}
.lxwm_fr p {
    display: block;
    margin-top: 15px;
    overflow: hidden;
    clear: both;
}
.lxwm_fr p label {
    width: 95px;
    float: left;
    text-align: right;
    overflow: hidden;
    margin-right: 5px;
    line-height: 35px;
	font-size:14px;
}
#feedback_txt {
    overflow: hidden;
    padding: 10px 10px 10px 60px;
    font-size: 14px;
    line-height: 45px;
    background: url(../images/feedback.png) 10px center no-repeat #f1f1f1;
    min-height: 50px;
    margin-bottom: 15px;
}
.itext {
    width: 400px;
    height: 35px;
    border: 1px solid #c8c8c8;
    line-height: 35px;
    text-indent: 10px;
    display: block;
    float: left;
    overflow: hidden;
    color: #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 5px #ddd inset;
    -webkit-box-shadow: 2px 2px 5px #ddd inset;
    box-shadow: 2px 2px 5px #ddd inset;
    background: #fff;
}
.icontent {
    width: 400px;
    height: 145px;
    border: 1px solid #c8c8c8;
    line-height: 25px;
    text-indent: 10px;
    display: block;
    float: left;
    overflow: hidden;
    color: #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 5px #ddd inset;
    -webkit-box-shadow: 2px 2px 5px #ddd inset;
    box-shadow: 2px 2px 5px #ddd inset;
    background: #fff;
}
.ibtn {
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 5px 20px 5px 100px;
    color: #fff;
	background-color: #0064ad;
}

.daohang{ width:100%; height:55px; line-height:55px; float:left; border-bottom:1px solid #ddd; overflow:hidden; margin-bottom:40px;}
.fl{ float:left;}

.left {
    width: 270px;
	float:left;
}
.left .submenubox { padding-bottom: 20px }
.left .submenubox .left_title { height: 80px; background: #008cd6; color: #fff }
.left .submenubox .left_title h3 { font-size: 18px; font-weight: 700; line-height: 80px; padding-left: 26px; background:url(../images/bz.png) 200px center no-repeat;}

.about-list{ padding-bottom:20px;}
.about-list .left_title { height: 80px; background: #008cd6; color: #fff }
.about-list .left_title h3 { font-size: 18px; font-weight: 700; line-height: 80px; padding-left: 26px; background:url(../images/bz.png) 200px center no-repeat;}
.about-ul{ border:1px solid #d8d8d8; border-top:0px; border-bottom:0px;}
.about-ul li{ height:40px; line-height:40px; border-bottom:1px solid #d8d8d8; text-indent:30px;}
.about-ul li i{ float:right; margin-right:10px;}
.about-ul li:hover a{ color:#008cd6;}

.about_con{ width:100%; overflow:hidden; line-height:27px; margin-bottom:30px;}
.about_con h2{ width:100%; height:60px; line-height:60px; float:left; text-align:center; background:#e4e4e4; margin-bottom:20px;}
.about_con p{ margin-top:10px; overflow:hidden; float:left; width:100%;}

.zlm{
	width:auto;
	background:#fff;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
}
.zlm dl{
	overflow:visible;
}
.zlm dl dt{
	height:40px;
	line-height:40px;
	text-indent:10px;
	border-bottom:1px solid #d8d8d8;
	cursor:pointer;
	overflow:hidden;
}
.zlm dl dt a{
	display:block;
	float:left;
	font-size:14px;
}

.zlm dl dt a span.yuanjiao{
	margin-right:10px;
	display:none;
	width:7px;
	height:7px;
	border:1px solid #fff;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.zlm dl dt.cur a{ color:#0064ad;}
.zlm dl dt.cur a span.yuanjiao{ border-color: #0064ad!important; border-radius: 100%;}
.zlm dl dt:hover a span.yuanjiao{ border-color: #0064ad!important; border-radius: 100%;}
.zlm dl dt:hover a{ color:#0064ad;}
.zlm dl dt i.down{
	float:right;
	margin:0 10px 0 0;
	font-size:14px;
	cursor:pointer;
}
.zlm dl.cur a span{
	border-color:#0064ad;
}

.zlm dl .sanji{
	display:none;
	border-bottom:1px solid #d8d8d8;
}
.zlm dl .sanji li{
	height:35px;
	line-height:35px;
	position:relative;
	text-indent:30px;
}
.zlm dl .sanji li a{
	display:block;
	font-size:14px;
}
.zlm dl .sanji li a:hover{ color:#0064ad;}
.zlm dl .sanji li i{
	float:right;
	margin-right:10px;
	margin-top:10px;
}
.zlm dl .dropdown-menu{
	position:absolute;
	left:100%;
	top:0;
	background:#f0f0f0;
	width:200px;
	display:none;
}
.zlm dl .sanji li:hover .dropdown-menu{
	display:block;
}

.right {
    width: 980px;
}

.category-nav a{ width:48%; float:left; margin-left:1%; margin-right:1%; height:40px; text-align:center; line-height:40px; background:#0c77bf; color:#fff; margin-bottom:10px;}


@media(max-width:1272px) {
.page-body {
	margin-top: 30px;
	margin-bottom: 30px
}
}
@media(max-width:800px) {
.page-head {
	margin-top:50px;
}
.page-body {
	min-height: calc(100vh - 300px)
}
}
@media(max-width:1272px) {
.page-body .contact-info .item {
	width: 24%
}
.page-body .contact-info i {
	width: 120px;
	height: 120px;
	line-height: 120px;
	font-size: 2em
}
}
@media(max-width:800px) {
.page-body .contact-info .item {
	width: 45%;
	margin-bottom: 20px
}
.page-body .contact-info i {
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 1.5em
}
.page-body .followus {
	margin-top: 20px;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: auto
}
.page-map {
	display: none
}
.page-contact-form {
	padding-top: 20px
}
.page-contact-form form p.half-input {
	width: 100%
}
.page-contact-form .checkbox {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 12px
}
}
@media(max-width:640px) {
.page-body .contact-info .item {
	width: 50%
}
.page-body .contact-info .content {
	font-size: 1em
}
.page-body .contact-info i {
	font-size: 1.2em
}
.page-body .followus i {
	transform: scale(.9)
}
.page-body .followus .name {
	margin-top: 5px;
	font-size: 1em
}
.page-body .followus .content, .page-body .followus .tips {
	font-size: 14px
}
.lxwm_fl,.lxwm_fr{ width:100%; margin-top:20px;}
.itext,.icontent{ width:70%;}
.lxwm_fr p label{ width:25%; margin-right:2%;}
.tulist_02 li{ width:48%;}
}