<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3, h4
{ margin: 0; padding: 0; font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;letter-spacing:1px; font-family: "微软雅黑";}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;display:block}
.clear { clear:both;}
a{text-decoration:none;outline:0;}
center{padding:20px 0;}
.cl {
	clear: both;
}
* {
	font-family: "-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif";
}
body {
	background: #fff;
	overflow-x: scroll;
}
.swiper-container {
  width: 100%;
  /*height: calc(100vw * 0.4687);*/
}
/* .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;info
}
*/
.wow { visibility: hidden; }
.swiper-slide img {
	width: 100%;
	/*height: 100%;*/
	display: block;
} 
.top {
	min-width: 1800px;
	width: 100%;
	background: #242933;
	height: 50px;
}
.top &gt; .tmain {
	width: 75.31%;
	margin: 0 auto;
}
.top &gt; .tmain &gt; .brand {
	float: left;
	font-size: 15.28px;
	color: #848993;
	height: 50px;
	line-height: 50px;
}
.top &gt; .tmain &gt; .brand &gt; a {
	color: #848993;
}
.top &gt; .tmain &gt; .version {
	float: right;
	font-size: 15.28px;
	color: #848993;
	height: 50px;
	line-height: 50px;
}
.banner {
	min-width: 1800px;
	width: 100%;
	position: relative;
}
.banner &gt; img {
	width: 100%;
}
.banner &gt; .menus {
	position: fixed;
	left: 0px;
	top: 50px;
	width: 100%;
	min-width: 1100px;
	z-index:999;
}
.banner &gt; .menus &gt; .menus_bg {
	position: relative;
	width: 100%;
}
.banner &gt; .menus &gt; .menus_bg &gt; .logo {
	float: left;
	width:100px;
	margin-left: 12.34%;
	padding-top: 21px;
	margin-right: 14.06%;
}
.banner &gt; .menus &gt; .menus_bg &gt; .logo &gt; img {
	width: 100%;
}
.banner &gt; .menus &gt; .menus_bg &gt; .logo &gt; .black {
	display: none;
}
.banner &gt; .menus &gt; .menus_bg &gt; .menu {
	float: left;
	min-width: 700px;
	width: 50%;
	float: left;
	padding-top: 30px;
}
.banner &gt; .menus &gt; .menus_bg &gt; .menu &gt; .nav-item {
	float: left;
	margin-right: 4.2%;
}
.banner &gt; .menus &gt; .menus_bg &gt; .menu &gt; .nav-item &gt; a {
	display: block;
	color: #fff;
	font-size: 1rem;
	padding-bottom: 2rem;
}

.banner &gt; .menus &gt; .menus_bg &gt; .menu &gt; .nav-item &gt; .subnav {
	position: absolute;
    left: 0;
    top: 100%;
    display: none;
    min-width: 1100px;
    width: 100%;
}
.banner &gt; .menus &gt; .menus_bg &gt; .menu &gt; .active {
	display: block;
}
/*.banner &gt; .menus &gt; .menu &gt; .nav-item &gt; a:hover, */
.banner &gt; .menus &gt; .menus_bg &gt; .menu &gt; .nav-item &gt; .subnav &gt; .subnav-container {
	width: 100%;
    padding: 1.5rem 0 1.5rem;
    background-color: #fafafa;
}
.banner &gt; .menus &gt; .menus_bg &gt; .menu &gt; .nav-item &gt; .subnav &gt; .subnav-container &gt; .subnav-list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
}
.banner &gt; .menus &gt; .menus_bg &gt; .menu &gt; .nav-item &gt; .subnav &gt; .subnav-container &gt; .subnav-list &gt; .second-item {
	width: 100%;
}
.banner &gt; .menus &gt; .menus_bg &gt; .menu &gt; .nav-item &gt; .subnav &gt; .subnav-container &gt; .subnav-list &gt; .subnav-item {
	padding-left: 4.0625%;
}
.banner &gt; .menus &gt; .menus_bg &gt; .menu &gt; .nav-item &gt; .subnav &gt; .subnav-container &gt; .subnav-list &gt; .second-item &gt; .subnav-child {
	padding: 0.3rem 0;
}
.banner &gt; .menus &gt; .menus_bg &gt; .menu &gt; .nav-item &gt; .subnav &gt; .subnav-container &gt; .subnav-list &gt; .second-item &gt; .subnav-child &gt; .sub-nav {
	color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;

}
.banner &gt; .menus &gt; .menus_bg &gt; .menu &gt; .nav-item &gt; .subnav &gt; .subnav-container &gt; .subnav-list &gt; .second-item &gt; .subnav-child &gt; .sub-nav {

}
.bgfff {
	background: #fff;
	top: 0px !important;
}
.banner &gt; .bgfff &gt; .menus_bg &gt; .menu {
	padding-bottom: 30px;
}
.banner &gt; .bgfff &gt; .menus_bg &gt; .menu &gt; .nav &gt; .nLi &gt; h3 &gt; a {
	color: #929292 !important;
	font-size: 1rem;
}
.banner &gt; .bgfff &gt; .menus_bg &gt; .logo &gt; .white {
	display: none;
}
.banner &gt; .bgfff &gt; .menus_bg &gt; .logo &gt; .black {
	display: block;
}
.subnav-link {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.7rem;
    font-size: 1rem;
    line-height: 24px;
    color: #929292;
    /*-webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;*/
}
.subnav-link:hover {
	color: #000000;
}
.subnav-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*justify-content: flex-end;*/
    align-items: center;
    padding: 0 8.4375% 0.1rem 0;
}
.banner &gt; .menus &gt; .menu &gt; .nav-item &gt; .subnav-container {
    width: 100%;
    padding: 0.6rem 0 0.5rem;
    background-color: #fafafa;
}

.banner2 {
	min-width: 1800px;
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0px;
	top: 0px;
	display: none;
	z-index: 9999;
}
.banner2 &gt; .menus2 {
	width: 75.30%;
	margin: 0 auto;
	height: 77px;
	box-sizing: border-box;
}
.banner2 &gt; .menus2 &gt; .logo {
	float: left;
	width:8.29%;
	padding-top: 20px;
	margin-right: 10.77%;
}
.banner2 &gt; .menus2 &gt; .logo &gt; img {
	width: 100%;
}
.banner2 &gt; .menus2 &gt; .menu {
	float: left;
	width: 60.53%;
}
.banner2 &gt; .menus2 &gt; .menu &gt; div {
	float: left;
	margin-right: 4.2%;
	position: relative;
	/*height: 77px;*/
}
.sub {
	position: fixed;
	left: 0px;
	top: 78px;
	width: 100%;
	height:125px;
	background: #fff;
	z-index: 99999;
	box-sizing: border-box;
	padding-left: 40.5%;
	padding-top: 68px;
	display: none;
}
.sub &gt; .item {
	float: left;
	margin-right: 20px;
	position: relative;
}
.sub &gt; .item &gt; a {
	font-size: 17px;
	color: #929292;
}
.sub &gt; .item &gt; a:hover {
	color: #000000;
}
.sub &gt; .item:last-child {
	margin-right: 0px;
}
.banner2 &gt; .menus2 &gt; .menu &gt; div &gt; a {
	display: block;
	color: #929292;
	font-size: 15px;
	height: 77px;
	line-height: 77px;
	box-sizing: border-box;
}
.banner2 &gt; .menus2 &gt; .menu &gt; div &gt; a:hover {
	color: #79C5C5;
	border-bottom: 3px #79C5C5 solid;
}
.banner2 &gt; .line {
	width: 100%;
	border-bottom: 1px #eeeeee solid;
}
.ppbrand {
	min-width: 1800px;
	width: 100%;
	margin-top: 30px;
}
.ppbrand &gt; .bmain {
	width: 66.35%;
	margin-left: 21.25%;
}
.ppbrand &gt; .bmain &gt; .img {
	width: 100%;
	margin-bottom: 38px;
}
.ppbrand &gt; .bmain &gt; .img &gt; img {
	width: 100%;
}
.ppbrand &gt; .bmain &gt; .title {
	width: 100%;
	color: #79C5C5;
	font-size: 35px;
	font-weight: bold;
	padding-bottom: 18px;
}
.ppbrand &gt; .bmain &gt; .subtitle {
	width: 100%;
	color: #000000;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 19px;
}
.ppbrand &gt; .bmain &gt; .line {
	width: 100%;
	border-bottom: 1px #000000 solid;
	margin-bottom: 38px;
}
.ppbrand &gt; .bmain &gt; .content {
	color: #000000;
	font-size: 16px;
	width: 100%;
	margin-bottom: 36px;
	line-height: 180%;
}
.ppbrand &gt; .bmain &gt; .content &gt; .title {
	font-size: 19px;
}
.ppbrand &gt; .bmain &gt; .content &gt; p {
	margin-bottom: 10px;
	font-size: 16px;
}
.floatbrand {
	width: 237px;
	position: fixed;
	background: #fff;
	left: 10.93%;
	top: 289px;
	height: 335px;
	padding-top: 47px;
	box-sizing: border-box;
}
.floatbrand &gt; .item {
	margin-left: 12.65%;
	padding-left: 30px;
	margin-bottom: 17px;
	position: relative;
}
.floatbrand &gt; .item &gt; .line {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 20px;
	height: 2px;
	background: #79C5C5;
}
.floatbrand &gt; .item &gt; a {
	color: #4D4D4D;
	font-size: 16px;
	font-weight: 400;
}
.floatbrand &gt; .item &gt; .now {
	color: #79C5C5;
	text-indent: 20px;
}

.nav_bg {
	min-width: 1800px;
	width: 100%;
}
.nav_bg &gt; .nav {
	width: 75.31%;
	margin: 0 auto;
	padding-top: 70px;
}
.nav_bg &gt; .nav &gt; .icon {
	width: 18px;
	float: left;
	margin-right: 10px;
}
.nav_bg &gt; .nav &gt; .icon &gt; img {
	width: 100%;
}
.nav_bg &gt; .nav &gt; .info {
	float: left;
	color: #484848;
	font-size: 15px;

}
.air_bg {
	min-width: 1800px;
	width: 100%;
	position: relative;
}
.air_bg &gt; .air {
	/*width: 1521px;*/
	width: 57.81%;
	margin: 0 auto;
	padding-top: 94px;
}
.air_bg &gt; .air &gt; .title {
	width: 100%;
	text-align: center;
	color: #484848;
	font-size: 39px;
	padding-bottom: 40px;
}
.air_bg &gt; .air &gt; .input {
	width: 100%;
	background: #f8f8f8;
	border: 1px #d7d7d7 solid;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 5px;
	margin-bottom: 44px;
}
.air_bg &gt; .air &gt; .input &gt; .input {
	float: left;
	width: 92.31%;
	margin-right: 1.5%;
}
.air_bg &gt; .air &gt; .input &gt; .input &gt; input {
	width: 100%;
	height: 57px;
	border: 1px #a4a4a4 solid;
	text-indent: 10px;
	font-size: 27px;
}
.air_bg &gt; .air &gt; .input &gt; .btn {
	width: 3.97%;
	float: left;
	padding-top: 1%;
}
.air_bg &gt; .air &gt; .input &gt; .btn &gt; img {
	width: 100%;
}
.air_bg &gt; .map2 {
	width: 1216px;
	margin: 0 auto;
	display: flex;
	padding-bottom: 100px;
	margin-top: -67px;
	border-radius: 23px; 
}
.air_bg &gt; .map2 &gt; .map-left {
	width: 809px;
	border-top-left-radius: 23px;
	border-bottom-left-radius: 23px;
}
.air_bg &gt; .map2 &gt; .map-info {
	width: 407px;
	height: 536px;
	overflow-y: hidden;
	background: #F5F7FA;
	border-top-right-radius: 23px;
	border-bottom-right-radius: 23px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list {
	width: 100%;
	box-sizing: border-box;
	padding:45px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item {
	width: 100%;
	background: #fff;
	border-radius: 23px;
	box-sizing: border-box;
	padding-top: 8px;
	padding-left: 30px;
	padding-right: 28px;
	padding-bottom: 21px;
	margin-bottom: 25px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .name {
	width: 100%;
	display: flex;
	margin-bottom: 15px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .name &gt; .icon {
	width: 26px;
	height: 35px;
	background: url(../images/047.png);
	background-size: 100%;
	margin-right: 20px;
	font-size: 18px;
	line-height: 35px;
	text-align: center;
	color: #FFFFFF;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .name &gt; .name {
	color: #000000;
	font-weight: 500;
	font-size: 23px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info {
	width: 100%;
	display: flex;
	position: relative;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .num {
	width: 146px;
	text-align: center;
	height: 70px;
	line-height: 70px;
	background: #FFDE33;
	color: #000000;
	font-size: 45px;
	font-weight: 500;
	margin-right: 23px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .msg {
	width: 103px;
	margin-bottom: 13px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .msg &gt; .status {
	color: #FFDE33;
	font-size: 26px;
	font-weight: bold;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .msg &gt; .date1 {
	color: #1F1F1F;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .msg &gt; .date2 {
	color: #1F1F1F;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .message {
	font-size: 14px;
	/*font-weight: 500;*/
	line-height: 180%;
	color: #000000;
}
.air_bg &gt; .title {
	width: 100%;
	text-align: center;
	font-size: 30.93px;
	margin-top: 150px;
	margin-bottom: 50px;
}
.air_bg &gt; .list_bg {
	width: 1200px;
	margin: 0 auto;
	/*height: 426px;*/
	box-sizing: border-box;
	border: 1px #5a5a5a solid;
	margin-bottom: 166px;
	padding: 9px;
}
.air_bg &gt; .list_bg &gt; .title {
	width: 100%;
	height: 80px;
	text-align: center;
	font-size: 22px;
}
.air_bg &gt; .list_bg &gt; .title &gt; .title1 {
	float: left;
	width:11.18%;
	margin-right: 2px;
	font-size: 18.74px;
	line-height: 180%;
}
.air_bg &gt; .list_bg &gt; .title &gt; .title2 {
	float: left;
	width: 20.76%;
	margin-right: 2px;
	font-size: 18.74px;
	line-height: 180%;
}
.air_bg &gt; .list_bg &gt; .title &gt; .title3 {
	float: left;
	width: 66.45%;
	font-size: 18.74px;
	line-height: 180%;
	padding-top: 14px;
}
.air_bg &gt; .list_bg &gt; .list {
	width: 100%;
	margin: 0 auto;
	/*padding-bottom: 109px;*/
}
.air_bg &gt; .list_bg &gt; .list &gt; .item {
	width:100%;
	display: flex;
	margin-bottom: 2px;
}
.air_bg &gt; .list_bg &gt; .list &gt; .item &gt; .label {
	width:11.18%;
	height: 51px;
	line-height: 51px;
	margin-right: 2px;
	font-size: 22.36px;
	text-align: center;
}
.air_bg &gt; .list_bg &gt; .list &gt; .item &gt; .text1 {
	width: 20.76%;
	color: #000000;
	font-weight: 500;
	font-size: 22.36px;
	height: 51px;
	line-height: 51px;
	margin-right: 2px;
	text-indent: 38px;
}
.air_bg &gt; .list_bg &gt; .list &gt; .item &gt; .text2 {
	color: #000000;
	width: calc(100% - 4px - 31.94%);
	font-weight: 500;
	font-size: 22.36px;
	height: 51px;
	line-height: 51px;
	text-indent: 20px;
}
.company {
	min-width: 1800px;
	width: 100%;
	margin: 0 auto;
	padding-top: 85px;
}
.company &gt; .title {
	width: 75.31%;
	margin: 0 auto;
	text-align: center;
	font-size: 47px;
	font-weight: 500;
	color: #010101;
	padding-bottom: 10px;
}
.company &gt; .title2 {
	font-size: 18px;
	font-weight: 300;
	color: #969696;
	padding-bottom:30px;
	text-align: center;
	width: 75.31%;
	margin: 0 auto;
}
.company &gt; .tags {
	/*width: 1011px;*/
	width: 39.49%;
	margin: 0 auto;
	padding-bottom: 66px;
}
.company &gt; .tags &gt; .item {
	/*width: 315px;*/
	width: 31.15%;
	float: left;
	margin-right: 2.17%;
	box-sizing: border-box;
	border: 1px #87d9dc solid;
	color: rgb(153,153,153);
	text-align: center;
	height: 55px;
	line-height: 55px;
}
.company &gt; .tags &gt; .item &gt; a {
	width: 100%;
	display: block;
	font-size: 25px;
	color: #969696;
}
.company &gt; .tags &gt; .item &gt; .now {
	background: #87d9dc !important;
	color: #fff !important;
}
.company &gt; .tags &gt; .item:last-child{
	margin-right: 0px;
}
.company &gt; .about {
	width: 75.31%;
	margin: 0 auto;
	padding-bottom: 99px;
}
.company &gt; .ad {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 100px;
}
.company &gt; .ad  &gt; img {
	width: 100%;
}
.company &gt; .ad2 {
	width: 55.97%;
	margin: 0 auto;
	margin-bottom: 134px;
}
.company &gt; .ad2  &gt; img {
	width: 100%;
}
.company &gt; .ad3 {
	width: 55.97%;
	margin: 0 auto;
	margin-bottom: 134px;
}
.company &gt; .ad3 &gt; .title {
	width: 100%;
	text-align: center;
	font-size: 36px;
	color: #000000;
	font-weight: 300;
}
.company &gt; .ad3 &gt; .subtitle {
	width: 100%;
	text-align: center;
	font-size: 28px;
	color: #000000;
	font-weight: 300;
}
.company &gt; .ad3 &gt; .ad_main {
	width: 100%;
	margin-top: 62px;
}
.company &gt; .ad3 &gt; .ad_main &gt; .left {
	width: 420px;
	float: left;
	margin-right: 14px;
}
.company &gt; .ad3 &gt; .ad_main &gt; .left &gt; .div, .company &gt; .ad3 &gt; .ad_main &gt; .right &gt; .div {
	width: 100%;
	box-sizing: border-box;
	padding: 23px 35px 21px 23px;
	background: rgba(241,241,241,0.7);
	border-radius: 5px;
}
.company &gt; .ad3 &gt; .ad_main &gt; .left &gt; .div &gt; .title, .company &gt; .ad3 &gt; .ad_main &gt; .right &gt; .div &gt; .title {
	width: 100%;
	text-align: right;
	font-size: 20px;
	color: #333333;
	font-weight: normal;
	/*padding-right: */
}
.company &gt; .ad3 &gt; .ad_main &gt; .left &gt; .div &gt; .content, .company &gt; .ad3 &gt; .ad_main &gt; .right &gt; .div &gt; .content {
	width: 100%;
	color: #666666;
	font-size: 14px;
	line-height: 23px;
	font-weight: normal;
}
.company &gt; .ad3 &gt; .ad_main &gt; .left &gt; .div &gt; .content &gt; img, .company &gt; .ad3 &gt; .ad_main &gt; .right &gt; .div &gt; .content &gt; img {
	width: 100%;
	margin-top: 10px;
}
.company &gt; .ad3 &gt; .ad_main &gt; .img {
	width: 204px;
	float: left;
	margin-top: 14px;
}
.company &gt; .ad3 &gt; .ad_main &gt; .img &gt; img {
	width: 100%;
}
.company &gt; .ad3 &gt; .ad_main &gt; .right {
	float: right;
	width: 422px;
}
.company &gt; .about &gt; .info {
	float: left;
	/*width: 986px;*/
	width: 51.14%;
	color: #7B7B7B;
	font-size: 20px;
	line-height: 180%;
}
.company &gt; .about &gt; .info p {
	font-size: 20px;
	color: #7B7B7B;
	line-height: 180%;
}
.company &gt; .about &gt; .img {
	float: right;
	/*width: 652px;*/
	width: 33.81%;
}
.company &gt; .about &gt; .img &gt; img {
	width: 100%;
}
.company &gt; .pc {
	width: 75.31%;
	margin: 0 auto;
	padding-bottom: 60px;
}
.company &gt; .pc &gt; .province {
	float: left;
	/*width: 844px;*/
	width: 43.77%;
	/*margin-right: 46px;*/
	margin-right: 2.38%;
}
.company &gt; .pc &gt; .province &gt; select {
	width: 100%;
	height: 57px;
	border: 1px solid #EEEEEE;
	border-radius: 10px 10px 10px 10px;
	font-size: 25px;
	color: #454545;
	padding: 0px 15px;
}
.company &gt; .pc &gt; .city {
	float: left;
	/*width: 845px;*/
	width: 43.82%;
	/*margin-right: 48px;*/
	margin-right: 2.38%;
}
.company &gt; .pc &gt; .city &gt; select {
	width: 100%;
	height: 57px;
	border: 1px solid #EEEEEE;
	border-radius: 10px 10px 10px 10px;
	font-size: 25px;
	color: #454545;
	padding: 0px 15px;
}
.company &gt; .pc &gt; .btn {
	/*width: 145px;*/
	width: 7.52%;
	float: left;
}
.company &gt; .pc &gt; .btn &gt; button {
	width: 100%;
	height: 56px;
	border: 1px solid #EEEEEE;
	border-radius: 13px;
	background: #fff;
	font-size: 25px;
	color: #454545;

}
.company &gt; .join {
	width: 75.31%;
	margin: 0 auto;
	padding-bottom: 82px;
}
.company &gt; .join &gt; .item {
	/*width: 931px;*/
	width: 48.28%;
	float: left;
	box-shadow: 0px 0px 16px 0px rgba(14, 5, 9, 0.07);
	border-radius: 12px;
	box-sizing: border-box;
	background: #FFFFFF;
	height: 255px;
	margin-right: 35px;
	padding: 53px 45px;
}
.company &gt; .join &gt; .item:nth-child(2n) {
	margin-right: 0px;
}
.company &gt; .join &gt; .item &gt; .title {
	color: #79C5C5;
	font-size: 23px;
	padding-bottom: 15px;
}
.company &gt; .join &gt; .item &gt; .address {
	color: #4E4E4E;
	font-size: 18px;
	padding-bottom: 15px;
}
.company &gt; .join &gt; .item &gt; .tel {
	color: #4E4E4E;
	font-size: 18px;
	padding-bottom: 15px;
	border-bottom: 2px #EEEEEE solid;
	margin-bottom: 15px;
}
.company &gt; .join &gt; .item &gt; .map2 {
	width: 100%;
}
.company &gt; .join &gt; .item &gt; .map2 &gt; .icon {
	float: right;
	width: 30px;
	margin-right: 16px;
}
.company &gt; .join &gt; .item &gt; .map2 &gt; .icon &gt; img {
	width: 100%;
}
.company &gt; .join &gt; .item &gt; .map2 &gt; .text {
	color: #8A8A8A;
	float: right;
	font-size: 18px;
	padding-right: 24px;
}
.company &gt; .join &gt; .item &gt; .map2 &gt; .text &gt; a {
	color: #8A8A8A;
}
.company &gt; .list {
	width: 75.31%;
	/*width: 1446px;*/
	margin: 0 auto;
}
.company &gt; .list &gt; .item {
	float: left;
	/*width: 612px;*/
	width: 31.81%;
	margin-right: 2.2%;
	padding-bottom:63px;
}
.company &gt; .list &gt; .item:nth-child(3n) {
	margin-right: 0px;
}
.company &gt; .list &gt; .item &gt; a {
	width: 100%;
	display: block;
}
.company &gt; .list &gt; .item &gt; a:hover {
	color: #79C5C5;
}
.company &gt; .list &gt; .item &gt; a &gt; .img {
	width: 100%;
}
.company &gt; .list &gt; .item &gt; a &gt; .img &gt; img {
	width: 100%;
}
.company &gt; .list &gt; .item &gt; a &gt; .title {
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #13151C;
	padding-top: 25px;
	padding-bottom: 39px;
}
.company &gt; .list &gt; .item &gt; a:hover &gt; .title {
	color: #79C5C5;
}
.company &gt; .list &gt; .item &gt; a &gt; .desc {
	width: 350px;
	color: #6A6A6A;
	font-size: 13px;
	padding-bottom: 38px;
}
.company &gt; .list &gt; .item &gt; a:hover &gt; .desc {
	color: #79C5C5;
}
.company &gt; .list &gt; .item &gt; a &gt; .more {
	width: 105px;
}
.company &gt; .list &gt; .item &gt; a &gt; .more &gt; img {
	width: 100%;
}
.health_bg {
	min-width: 1800px;
	width: 100%;
}
.health_bg &gt; .health {
	width: 75.35%;
	margin: 0 auto;
	margin-top: 40px;
	border-top: 1px #D3D3D3 solid;
	padding-top: 32px;
	padding-bottom: 30px;
}
.health_bg &gt; .health &gt; .title {
	width: 100%;
	/*padding-bottom: 29px;*/
	border-bottom: 1px #D3D3D3 solid;
	margin-bottom: 104px;
}
.health_bg &gt; .health &gt; .title &gt; .name {
	float: left;
	color: #010101;
	font-size: 47px;
	padding-bottom: 29px;
}
.health_bg &gt; .health &gt; .title &gt; .type {
	float: right;
	margin-top: 10px;
}
.health_bg &gt; .health &gt; .title &gt; .type &gt; .item {
	float: left;
	margin-right: 50px;
	color: #969696;
	font-size: 25px;
}
.health_bg &gt; .health &gt; .title &gt; .type &gt; .item &gt; a:hover {
	color: #79C5C5;
	height: 83px;
	display: block;
	border-bottom: 2px #79C5C5 solid;
}
.health_bg &gt; .health &gt; .title &gt; .type &gt; .item &gt; .now {
	color: #79C5C5;
	height: 83px;
	display: block;
	border-bottom: 2px #79C5C5 solid;
}
.health_bg &gt; .health &gt; .title &gt; .type &gt; .line {
	width: 2px;
	background: #969696;
	float: left;
	height: 30px;
	margin-right: 40px;
	margin-top: 4px;
}
.health_bg &gt; .health &gt; .list {
	width: 100%;
}
.health_bg &gt; .health &gt; .list &gt; .item {
	/*width: 605px;*/
	width: 31.37%;
	float: left;
	margin-right: 2.59%;
	padding-bottom: 128px;
}
.health_bg &gt; .health &gt; .list &gt; .item:nth-child(3n) {
	margin-right: 0px;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .img {
	width: 100%;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .img &gt; a {
	width: 100%;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .img &gt; a &gt; img {
	width: 100%;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .type {
	width: 100%;
	box-sizing: border-box;
	padding-left: 5px;
	padding-top: 13px;
	font-size: 14px;
	color: #666666;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .title {
	width: 100%;
	/*box-sizing: border-box;*/
	padding-left: 5px;
	padding-top: 21px;
	font-size: 16px;
	color: #454545;
	margin-bottom: 17px;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .desc {
	width: 100%;
	padding-left: 5px;
	color: #666666;
	font-size: 14px;
	height: 50px;
	line-height: 150%;
	overflow: hidden;
	padding-bottom: 37px;
	border-bottom: 1px #EEEEEE solid;
	margin-bottom: 17px;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .more {
	width: 100%;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .more &gt; .icons {
	float: left;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .more &gt; .icons &gt; .icon {
	float: left;
	margin-right: 21px;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .more &gt; .icons &gt; .icon &gt; .img {
	float: left;
	width: 21px;
	margin-right: 5px;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .more &gt; .icons &gt; .icon &gt; .img &gt; img {
	width: 100%;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .more &gt; .icons &gt; .icon &gt; .num {
	color: #C4C4C4;
	font-size: 14px;
	float: left;
}
.health_bg &gt; .health &gt; .list &gt; .item &gt; .more &gt; .name {
	float: right;
	color:#C4C4C4;
	font-size: 14px;
}
.health-detail-bg {
	min-width: 1800px;
	width: 100%;
}
.health-detail-bg &gt; .health-detail {
	/*width: 1929px;*/
	width: 75.35%;
	margin: 0 auto;
	padding-top: 103px;
}
.health-detail-bg &gt; .health-detail &gt; .title {
	color: #676767;
	font-weight: bold;
	font-size: 23px;
	width: 100%;
	text-align: center;
	padding-bottom: 35px;
}
.health-detail-bg &gt; .health-detail &gt; .date {
	width: 100%;
	text-align: center;
	color: #6B6B6B;
	font-size: 18px;
	padding-bottom: 31px;
	border-bottom: 1px #e3e3e3 solid;
	margin-bottom: 57px;
}
.health-detail-bg &gt; .health-detail &gt; .content {
	width: 100%;
	color: #000;
	margin-bottom: 140px;
	text-align:justify;
	font-size: 18px;
	line-height: 180%;
	font-weight: 300;
	font-family: "微软雅黑";
}
.health-detail-bg &gt; .health-detail &gt; .content p {
	font-size: 18px;
	line-height: 180%;
	font-weight: 300;
	font-family: "微软雅黑";
}
.health-detail-bg &gt; .health-detail &gt; .prev {
	font-size: 18px;
	color: #999999;
	margin-bottom: 10px;
}
.health-detail-bg &gt; .health-detail &gt; .next {
	margin-bottom: 144px;
	font-size: 18px;
	color: #999999;
}
.health-detail-bg &gt; .health-detail &gt; .prev &gt; a, .health-detail &gt; .next &gt; a {
	color: #999999;
}
.health-detail-bg &gt; .health-detail &gt; .moreInfo {
	width: 100%;
	padding-bottom: 88px;
}
.health-detail-bg &gt; .health-detail &gt; .moreInfo &gt; .title {
	width: 100%;
	color: #999999;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 37px;
}
.health-detail-bg &gt; .health-detail &gt; .moreInfo &gt; .list {
	width: 100%;
}
.health-detail-bg &gt; .health-detail &gt; .moreInfo &gt; .list &gt; .item {
	float: left;
	/*width: 516px;*/
	width: 21.61%;
	margin-right: 153px;
	margin-bottom: 17px;
}
.health-detail-bg &gt; .health-detail &gt; .moreInfo &gt; .list &gt; .item:nth-child(3n) {
	margin-right: 0px;
}
.health-detail-bg &gt; .health-detail &gt; .moreInfo &gt; .list &gt; .item &gt; .icon {
	float: left;
	/*width: 27px;*/
	width: 5.23%;
	/*margin-right: 18px;*/
	margin-right: 3.48%;
}
.health-detail-bg &gt; .health-detail &gt; .moreInfo &gt; .list &gt; .item &gt; .icon &gt; img {
	width: 100%;
}
.health-detail-bg &gt; .health-detail &gt; .moreInfo &gt; .list &gt; .item &gt; .text {
	/*width: 471px;*/
	width: 91.27%;
	overflow: hidden;
	font-size: 18px;
	height: 25px;
	line-height: 25px;
	color: #999999;
}
.health-detail-bg &gt; .health-detail &gt; .moreInfo &gt; .list &gt; .item &gt; .text &gt; a {
	font-size: 18px;
	color: #999999;
}
.cform_bg {
	min-width: 1800px;
	width: 100%;
}
.cform_bg &gt; .cform {
	width: 66.75%;
	margin: 0 auto;
}
.cform_bg &gt; .cform &gt; .title {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 41px;
	padding-bottom: 85px;
	padding-top: 173px;
}
.cform_bg &gt; .cform &gt; .content {
	width: 100%;
	padding-bottom: 85px;
}
.cform_bg &gt; .cform &gt; .content &gt; .line1 {
	width: 100%;
	margin-bottom: 40px;
}
.cform_bg &gt; .cform &gt; .content &gt; .line1 &gt; .lf {
	width: 49%;
	float: left;
	margin-right: 1.97%;
	position: relative;
}
.cform_bg &gt; .cform &gt; .content &gt; .line1 &gt; .lf:nth-child(2) {
	margin-right: 0px;
}
.cform_bg &gt; .cform &gt; .content &gt; .line1 &gt; .lf &gt; img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 34px;
	margin-top: 17px;
	margin-left: 17px;
}
.cform_bg &gt; .cform &gt; .content &gt; .line1 &gt; .lf &gt; input {
	width: 100%;
	height: 77px;
	border: 1px solid #D2D0D1;
	box-sizing: border-box;
	font-size: 23px;
	color: #B8BCC2;
	padding-left: 72px;
	padding-right: 50px;
}
.cform_bg &gt; .cform &gt; .content &gt; .line3 {
	width: 100%;
	position: relative;
	margin-bottom: 40px;
}
.cform_bg &gt; .cform &gt; .content &gt; .line3 &gt; img {
	width: 34px;
	left: 0px;
	top: 0px;
	position: absolute;
	margin-top: 16px;
	margin-left: 17px;
}
.cform_bg &gt; .cform &gt; .content &gt; .line3 &gt; input {
	width: 100%;
	height: 77px;
	border: 1px solid #D2D0D1;
	box-sizing: border-box;
	font-size: 23px;
	color: #B8BCC2;
	padding-left: 72px;
	padding-right: 50px;
}
.cform_bg &gt; .cform &gt; .content &gt; .line3 &gt; textarea {
	width: 100%;
	height: 255px;
	border: 1px solid #D2D0D1;
	box-sizing: border-box;
	font-size: 23px;
	color: #B8BCC2;
	padding-left: 72px;
	padding-right: 50px;
	padding-top: 15px;
}
.cform_bg &gt; .cform &gt; .content &gt; .btn {
	width: 16.82%;
	margin: 0 auto;
}
.cform_bg &gt; .cform &gt; .content &gt; .btn &gt; img {
	width: 100%;
}
.announcement_bg {
	min-width: 1800px;
	width: 100%;
}
.announcement_bg &gt; .announcement {
	width: 75.31%;
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: 66px;
	padding-top: 27px;
	padding-bottom: 27px;
}
.announcement_bg &gt; .announcement &gt; .icon {
	float: left;
	width: 1.86%;
	margin-right: 17px;
	/*padding-top: 2px;*/
}
.announcement_bg &gt; .announcement &gt; .icon &gt; img {
	width: 100%;
}
.announcement_bg &gt; .announcement &gt; .title {
	float: left;
	font-size: 15px;
	padding-top: 3px;
	color: #363636;
}
.announcement_bg &gt; .announcement &gt; .list {
	float: left;
	/*width: 508px;*/
	padding-top:1px;
	width: 38.34%;
}
.announcement_bg &gt; .announcement &gt; .list .item {
	padding-top: 0px;
}
.announcement_bg &gt; .announcement &gt; .list .item &gt; a {
	font-size: 14px;
	color: #777777;
}
.announcement_bg &gt; .announcement &gt; .list .item &gt; a:hover {
	color: #79C5C5;
}
.announcement_bg &gt; .announcement &gt; .list .item &gt; a &gt; span {
	font-size: 13px;
	color: #D3D3D3;
}
.announcement_bg &gt; .announcement &gt; .hotkey_title {
	float: left;
	font-size: 15px;
	padding-top: 2px;
	color: #363636;
}
.announcement_bg &gt; .announcement &gt; .hotkey {
	float: left;
	font-size: 14px;
	color: #777777;
	padding-top: 3px;

}
.hot_product_bg {
	min-width: 1800px;
	width: 100%;
}
.hot_product_bg &gt; .hot_product {
	width: 75.31%;
	margin: 0 auto;
	padding-bottom: 92px;
}
.hot_product_bg &gt; .hot_product &gt; .item {
	float: left;
	width: 32.05%;
	margin-right: 1.24%;
}
.hot_product_bg &gt; .hot_product &gt; .item &gt; a {
	display: block;
	width: 100%;
	position: relative;
}
.hot_product_bg &gt; .hot_product &gt; .item &gt; a &gt; .img {
	width: 100%;
	overflow: hidden;
	border-radius: 45px;
}
.hot_product_bg &gt; .hot_product &gt; .item &gt; a &gt; .img &gt; img {
	width: 100%;
	transition: all 1.2s;
	border-radius: 45px;
}
.hot_product_bg &gt; .hot_product &gt; .item &gt; a &gt; .img &gt; img:hover {
	transform: scale(1.1);
}
.hot_product_bg &gt; .hot_product &gt; .item &gt; a &gt; .info {
	position: absolute;
	left: 46.55%;
	top: 15.32%;
	width: 188px;
}
.hot_product_bg &gt; .hot_product &gt; .item &gt; a &gt; .info &gt; .title {
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	color: #FBFBFB;
}
.hot_product_bg &gt; .hot_product &gt; .item &gt; a &gt; .info &gt; .subtitle {
	width: 100%;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 300;
	margin-top: 20px;
}
.hot_product_bg &gt; .hot_product &gt; .item &gt; a &gt; .info &gt; .btn {
	width: 185px;
	height: 49px;
	border: 1px solid #FFFFFF;
	text-align: center;
	font-size: 17px;
	color: #FBFBFB;
	line-height: 49px;
	border-radius: 40px;
	margin-top: 22px;
}
.hot_product_bg &gt; .hot_product &gt; .item &gt; a &gt; img {
	width: 100%;
}
.hot_product_bg &gt; .hot_product &gt; .item:last-child {
	margin-right: 0px;
}
.banner &gt; .bair {
	position: absolute;
	left: 39%;
	top: 80%;
	display: flex;
}
.banner &gt; .bair &gt; .province {
	margin-right: 20px;
}
.banner &gt; .bair &gt; .city {
	
}
.banner &gt; .bair &gt; .province &gt; select, .banner &gt; .bair &gt; .city &gt; select {
	width: 200px;
	height: 40px;
	font-size: 1rem;
	text-indent: 10px;
	border-radius: 23px;
	border:0px;
	color: #303030;
}

.footer {
	width: 100%;
	min-width: 1800px;
	background: #f0f3f5;
	height: 334px;
}
.footer &gt; .ftext {
	width: 75.31%;
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: 25px;
	padding-top: 85px;
}
.footer &gt; .ftext &gt; .pmenus {
	float: left;
	/*width: 1090px;*/
	width: 56.53%;
}
.footer &gt; .ftext &gt; .pmenus &gt; .item {
	float: left;
	/*width: 245px;*/
	width: 22.47%;
}
.footer &gt; .ftext &gt; .pmenus &gt; .item &gt; .title {
	width: 100%;
	font-size: 17px;
	color: #252525;
	font-weight: 500;
	padding-bottom: 39px;
}
.footer &gt; .ftext &gt; .pmenus &gt; .item &gt; .menu {
	width: 100%;
}
.footer &gt; .ftext &gt; .pmenus &gt; .item &gt; .menu &gt; .item {
	width: 100%;
	margin-bottom: 20px;
}
.footer &gt; .ftext &gt; .pmenus &gt; .item &gt; .menu &gt; .item &gt; a {
	width: 100%;
	display: block;
	font-size: 14px;
	color: #545454;
}
.footer &gt; .ftext &gt; .pmenus &gt; .item &gt; .menu &gt; .item &gt; a &gt; span {
	
}
.footer &gt; .ftext &gt; .info {
	float: right;
	/*width: 328px;*/
	width: 22.92%;
}
.footer &gt; .ftext &gt; .info &gt; .info1 {
	width: 100%;
	margin-bottom: 15px;
}
.footer &gt; .ftext &gt; .info &gt; .info1 &gt; .icon {
	float: left;
	padding-top: 3px;
}
.footer &gt; .ftext &gt; .info &gt; .info1 &gt; .icon &gt; img {
	width: 100%;
}
.footer &gt; .ftext &gt; .info &gt; .info1 &gt; .text {
	font-size: 17px;
	font-weight: bold;
	color: #252525;
	float: left;
}
.footer &gt; .ftext &gt; .info &gt; .info2 {
	padding-left: 30px;
	box-sizing: border-box;
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	color: #229090;
	padding-bottom: 25px;
}
.footer &gt; .ftext &gt; .info &gt; .info3 {
	width: 100%;
	box-sizing: border-box;
	padding-left: 35px;
}
.footer &gt; .ftext &gt; .info &gt; .info3 &gt; .item {
	width: 31px;
	float: left;
	margin-right: 10px;
	position: relative;
}
.footer &gt; .ftext &gt; .info &gt; .info3 &gt; .item &gt; img {
	width: 100%;
}
.footer &gt; .ftext &gt; .info &gt; .info3 &gt; .item &gt; .qr_code {
	position: absolute;
    width: 172px;
    height: 200px;
    background-color: #fff;
    top: -220px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .24s;
    -o-transition: all .24s;
    -moz-transition: all .24s;
    transition: all .24s;
    visibility: hidden;
    opacity: 0;
    cursor: default;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 15px 40px 0 rgb(0 0 0 / 9%);
    -moz-box-shadow: 0 15px 40px 0 rgba(0,0,0,.09);
    box-shadow: 0 15px 40px 0 rgb(0 0 0 / 9%);
    z-index: 100000;
}
.footer &gt; .ftext &gt; .info &gt; .info3 &gt; .item &gt; .qr_code:after {
	content: '';
    position: absolute;
    top: -webkit-calc(100% - 1px);
    top: -moz-calc(100% - 1px);
    top: calc(100% - 1px);
    left: 50%;
    margin-left: -10px;
    width: 18px;
    height: 11px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTggMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU0Mi4wMDAwMDAsIC00MjUuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NjUuMDAwMDAwLCAyMjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNODcuNjk3OTYzNCwyMDkuNzM5NzI0IEM4OC4wMDE4MTk0LDIwOS41MjUwMTkgODguMjY0NjMzNCwyMDkuMjU0NTIzIDg4LjQ3MzI0MDgsMjA4Ljk0MTc4NSBMOTQuMjUsMjAwLjI4MjE3IEw3Ny43NSwyMDAuMjgyMTcgTDgzLjUyNjc1OTIsMjA4Ljk0MTc4NSBDODQuNDY0NTE4NSwyMTAuMzQ3NjQ1IDg2LjMzMjAzMDMsMjEwLjcwNDg5NCA4Ny42OTc5NjM0LDIwOS43Mzk3MjQgWiIgaWQ9IuWchuinkiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.footer &gt; .ftext &gt; .info &gt; .info3 &gt; .item:hover &gt; .qr_code {
	opacity: 100;
	visibility: visible;
}
.footer &gt; .ftext &gt; .pmenus .copy {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	/*padding-left: 27px;*/
	font-size: 14px;
	padding-top: 15px;
	color: #464646;
}
.bottom {
	width: 100%;
	min-width: 1800px;
	background: #79c5c5;
	height: 76px;
	box-sizing: border-box;
}
.bottom &gt; .bmain {
	width: 75.31%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 15px 20px;
	color: #fff;
	font-size: 16px;
}
.bottom &gt; .bmain &gt; a {
	color: #fff;
	display: block;
	margin-right: 10px;
	float: left;
}
.map {
	min-width: 1800px;
	width: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
}
.map &gt; .con {
	width: 68.85%;
	margin: 0 auto;
}
.map &gt; .con &gt; .block {
	width: 100%;
}
.map &gt; .con &gt; .block &gt; .title {
	width: 100%;
	margin-bottom: 15px;
}
.map &gt; .con &gt; .block &gt; .title &gt; a {
	color: #64615F;
	font-size: 16px;
	font-weight: bold;
}
.map &gt; .con &gt; .block &gt; .list {
	width: 100%;
}
.map &gt; .con &gt; .block &gt; .list &gt; .item {
	width: 20%;
	float: left;
	margin-bottom: 15px;
}
.map &gt; .con &gt; .block &gt; .list &gt; .item &gt; a {
	font-size: 14px;
	color: #64615F;
}
.map &gt; .con &gt; .block &gt; .list2 {
	width: 100%;
}
.map &gt; .con &gt; .block &gt; .list2 &gt; .item {
	width: 50%;
	float: left;
	overflow: hidden;
	margin-bottom: 15px;
	height: 20px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.map &gt; .con &gt; .block &gt; .list2 &gt; .item &gt; a {
	font-size: 14px;
	color: #64615F;
}

.sj_page {
	width: 100%;
	height: 40px;
	text-align:center;
	padding-bottom: 50px;
}
.sj_page &gt; ul {
	display:inline-block;
	/*float: right;*/
}
.sj_page &gt; ul &gt; li {
	float:left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px #f1f1f1 solid;
	/*border:1px solid #08273b;*/
	/*background:#08273b;*/
	color:#7f858d;
	text-align: center;
	margin-right: 10px;
}
.sj_page &gt; ul &gt; li &gt; a {
	color: #898989;
	font-size: 15.05px
}
.sj_page &gt; ul &gt; .pre{
	color:#898989;
	width: 30px;
	height: 30px;
	line-height: 30px;
	/*border:1px solid #08273b;*/
	/*background:#08273b;*/
}
.sj_page &gt; ul &gt; .pre &gt; a {
	color:#898989;
	font-size: 15.05px
}
.sj_page &gt; ul &gt; .active{
	color:#ffffff;
	border:0px;
	font-weight: bold;
	font-size: 15.05px
	border: 1px #79c5c5 solid;
	background:#79c5c5;
}
.sj_page &gt; ul &gt; .redirect{
	width:80px;

}

.swiper {
	width: 100%;
	/*height: 100%;*/
	overflow:hidden;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	/*height: 100%;*/
	object-fit: cover;
}
.swiper-pagination-bullet-active {
	background: #fff !important;
}


.txtMarquee-top{ width:100%;  overflow:hidden; position:relative; }
.txtMarquee-top .hd{ overflow:hidden;  height:30px; padding:0 10px;  }
.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px;overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") 0 -120px no-repeat;}
.txtMarquee-top .hd .next{ background-position:0 -140px;  }
.txtMarquee-top .hd .prevStop{ background-position:-60px -120px;  }
.txtMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
.txtMarquee-top .bd{ height: 35px; }
.txtMarquee-top .infoList li{ height:24px; line-height:24px;}
.txtMarquee-top .infoList li .date{ float:right; color:#999;  }

  .NavTop
{
 width: 100%;
 height: 68px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.5);
 position: fixed;
 top: 0;
 left: 0;
 z-index: 100;
 transition: all 3s;
 background: #fff;
}
.NavTop:hover
{
 transition: all 1s;
 background: #fff;
 border-bottom:1px solid #666666 ;
}

.NavTop:hover .NavMenu&gt;ul&gt;li&gt;a
{
 color: #696969;
}

/*.NavTop:hover .logoImg*/
/*{*/
 /*background: url(../../Public/images/newSpirit.png) no-repeat -3px 0px;*/
/*}*/

.NavTop:hover #showTex
{
  border: 1px solid #696969;
  color: #696969;
}
.NavTop:hover #showTex:before
{
 /*background: url(../images/newSpirit.png) no-repeat -9px -60px;*/
}
.NavTop:hover #showTex:after
{
 /*background: url(../images/newSpirit.png) no-repeat -34px -60px;*/
}
.NavContent
{
 width: 80%;
 height: 68px;
 display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
 display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
 display: -ms-flexbox;      /* TWEENER - IE 10 */
 display: -webkit-flex;     /* NEW - Chrome */
 display: flex;
 margin: 0 auto;
 z-index: 101;
 color: #fff;
 min-width: 1200px;
}
.NavContent:hover
{
 color:#696969 ;
}
.logo {
 -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
 -moz-box-flex: 1;         /* OLD - Firefox 19- */
 -webkit-flex: 1;          /* Chrome */
 -ms-flex: 1;              /* IE 10 */
 flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 margin: 13px auto;
 text-align: center;
}
.logo a
{
 margin: 0 auto;
 display: block;
}
.logoImg
{
 width: 120px;
 height: 40px;
 padding-left: 11%;
 /*margin: 0 auto;*/
 /*background: url(../../Public/images/newSpirit.png) no-repeat -139px 0px;*/
}

.NavMenu{
 height: auto;
 -webkit-box-flex: 3;      /* OLD - iOS 6-, Safari 3.1-6 */
 -moz-box-flex: 3;         /* OLD - Firefox 19- */
 -webkit-flex: 3;          /* Chrome */
 -ms-flex: 3;              /* IE 10 */
 flex: 3;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 color: rgb(105, 105, 105);
}
.NavMenu&gt;ul
{
 width: 100%;
 height: 68px;
 display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
 display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
 display: -ms-flexbox;      /* TWEENER - IE 10 */
 display: -webkit-flex;     /* NEW - Chrome */
 display: flex;
}
.NavMenu&gt;ul&gt;li
{
 height: 100%;
 width: 100%;
 -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
 -moz-box-flex: 1;         /* OLD - Firefox 19- */
 -webkit-flex: 1;          /* Chrome */
 -ms-flex: 1;              /* IE 10 */
 flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.NavMenu&gt;ul&gt;li&gt;a
{
 height: 100%;
 width: 100%;
 text-align: center;
 line-height: 68px;
 display: inline-block;
 color: #FFF;
 font-size: 14px;
 transition: all 1s;
 color: rgb(105, 105, 105);
}
.NavMenu&gt;ul&gt;li&gt;a:hover
{
 background: #21abba;
 color: #fff !important;
 font-weight: 700;
}
.waterList&gt;li&gt;a {
    display: block;
    padding: 5px 0;
    text-align: center;
    transition: all 1s;
    font-size: 14px;
    color: #696969;
}
.waterList li&gt;a:hover
{
    background: #21abba;
    color: #fff;
}
.waterList{
     background: rgba(255,255,255,0.8);
    display: none;
}

.waterRegimenList&gt;li&gt;a {
    display: block;
    padding: 5px 0;
    text-align: center;
    transition: all 1s;
    font-size: 14px;
    color: #696969;
}
.waterRegimenList li&gt;a:hover
{
    background: #21abba;
    color: #fff;
}
.waterRegimenList{
    background: rgba(255,255,255,0.8);
    display: none;
}

.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .floatair {
	width: 345px;
	height: 290px;
	box-sizing: border-box;
	padding: 20px;
	position: absolute;
	left:-40px;
	background-color: rgba(255,255,255,0.9);
	top: 80px;
	border-radius: 10px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .floatair &gt; .title {
	width: 100%;
	font-size: 14px;
	padding-bottom: 10px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .floatair &gt; .list {
	width: 100%;
	border-top: 1px #b2b2b2 solid;
	border-bottom: 1px #b2b2b2 solid;
	padding-top: 15px;
	padding-bottom: 15px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .floatair &gt; .list &gt; .item {
	width: 100%;
	margin-bottom: 1px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .floatair &gt; .list &gt; .item &gt; .color {
	float: left;
	width: 84px;
	height: 25px;
	margin-right: 30px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .floatair &gt; .list &gt; .item &gt; .name {
	font-size: 14px;
}
.air_bg &gt; .map2 &gt; .map-info &gt; .list &gt; .item &gt; .info &gt; .floatair &gt; .copy {
	width: 100%;
	color: #a3a3a3;
	font-size: 10px;
	padding-top: 5px;
	letter-spacing:-0.2px;
}
.NavMenu .ulList
{
 width: 100%;
 background: rgba(255,255,255,0.8);
 position: fixed;
 top: 68px;
 left: 0;
 z-index: 100;
 padding: 10px 45%;
 padding-top: 70px;
 padding-bottom: 60px;
 display: none;
}

.ulList .itemList
{
width: 250px;
margin-right: 15px;
float: left;

}
.ulList .itemList &gt; a {
	width: 250px;
	display: block;
}
.ulList .itemList &gt; a:hover &gt; .name {
	color: #8f9394;
}
.ulList .itemList &gt; a &gt; .img {
	width: 250px;
	height: 250px;
}
.ulList .itemList &gt; a &gt; .img &gt; img {
	width: 100%;
	display: block;
}
.ulList .itemList &gt; a &gt; .name {
	width: 100%;
	text-align: center;
	color: #8f9394;
	font-size: 14px;
	padding-top: 15px;
}
.ulList .itemListLbc
{
width: 33%;
float: left;
}
.join2 {
	min-width: 1440px;
	width: 74.92%;
	margin: 0 auto;
	padding-bottom: 231px;
}
.join2 &gt; .title {
	width: 100%;
	text-align: center;
	font-size: 28px;
	padding-top: 155px;
	padding-bottom: 107px;
}
.join2 &gt; .list {
	width: 100%;
}
.join2 &gt; .list &gt; .item {
	float: left;
	width: 31.49%;
	margin-right: 2.76%;
}
.join2 &gt; .list &gt; .item:last-child {
	margin-right: 0px;
}
.join2 &gt; .list &gt; .item &gt; a {
	display: block;
}
.join2 &gt; .list &gt; .item &gt; a &gt; .img {
	width: 100%;
}
.join2 &gt; .list &gt; .item &gt; a &gt; .img &gt; img{
	width: 100%;
}
.join2 &gt; .list &gt; .item &gt; a &gt; .name {
	width: 100%;
	font-size: 14px;
	padding-top: 60px;
}
.join_form_bg {
	width: 100%;
	background-color: #F4F5F7;
	padding-bottom: 80px;
	padding-top: 70px;
}













</pre></body></html>