@charset "UTF-8";

		a,
		form,
		img,
		li,
		p,
		span,
		ul {
			margin: 0;
			padding: 0;
			list-style: none
		}

		.self-ellipsis-2 {
			display: -webkit-box !important;
			overflow: hidden;
			white-space: normal !important;
			text-overflow: ellipsis;
			word-wrap: break-word;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical
		}

		.self-ellipsis-3 {
			display: -webkit-box !important;
			overflow: hidden;
			white-space: normal !important;
			text-overflow: ellipsis;
			word-wrap: break-word;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical
		}

		.self-ellipsis-5 {
			display: -webkit-box !important;
			overflow: hidden;
			white-space: normal !important;
			text-overflow: ellipsis;
			word-wrap: break-word;
			-webkit-line-clamp: 5;
			-webkit-box-orient: vertical
		}

		.nlazy {
			min-width: 20%
		}

		[class*="-item"] .item-title {
			overflow: hidden;
			color: #000
		}

		[class*="-item"] .item-title a {
			display: block;
			color: #000
		}

		[class*="-item"] .item-desc a {
			display: block;
			color: #000
		}

		.wp1 {
			width: 1380px;
			margin: auto
		}

		@media screen and (max-width:1419px) {
			.wp1 {
				width: 1200px
			}
		}

		@media screen and (max-width:1219px) {
			.wp1 {
				width: 960px
			}
		}

		@media screen and (max-width:991px) {
			.wp1 {
				width: 720px
			}
		}

		.footer a {
			color: #fff
		}

		.footer .f-top .flist {
			display: inline-block;
			vertical-align: top;
			width: 19.9187%;
			font-size: 16px;
			font-size: 1.6rem;
			line-height: 26px;
			margin-bottom: 20px;
			padding-right: 15px
		}

		@media screen and (max-width:991px) {
			.footer .f-top .flist {
				width: 33.33333% !important;
				line-height: 24px
			}
		}

		.footer .f-top .flist5 {
			width: 20.3252%;
			padding-right: 0
		}

		.footer .f-top .flist4,
		.footer .f-top .flist5 {
			padding-bottom: 50px
		}

		@media screen and (max-width:1319px) {
			.footer .f-top .flist {
				font-size: 14px;
				font-size: 1.4rem
			}

			.footer .f-top .flist4,
			.footer .f-top .flist5 {
				padding-bottom: 40px
			}
		}

		.footer .f-top .footer-title {
			font-family: HelveticaLTStd-Roman, arial;
			font-size: 18px;
			font-size: 1.8rem;
			margin-bottom: 18px;
			letter-spacing: 1px
		}

		.footer .f-bot .links a {
			display: inline-block;
			margin-right: 30px
		}

		.footer .f-bot .links a:last-child {
			margin-right: 0
		}

		.index-item {
			font-size: 0;
			position: relative
		}

		.index-item .item-title {
			font-family: HelveticaLTStd-Bold, arial;
			text-transform: uppercase;
			font-size: 28px;
			font-size: 2.8rem;
			line-height: 38px;
			letter-spacing: 1.6px
		}

		@media screen and (max-width:1219px) {
			.index-item .item-title {
				font-size: 24px;
				font-size: 2.4rem;
				line-height: 30px
			}
		}

		@media screen and (max-width:991px) {

			.footer .f-top .flist4,
			.footer .f-top .flist5 {
				padding-bottom: 0
			}

			.index-item .item-title {
				font-size: 22px;
				font-size: 2.2rem
			}
		}

		@media screen and (max-width:767px) {
			.wp1 {
				width: 100%;
				padding-left: 15px;
				padding-right: 15px
			}

			.footer .f-top .flist {
				display: none
			}

			.footer .f-bot .links {
				display: none
			}

			.index-item .item-title {
				font-size: 18px;
				font-size: 1.8rem;
				line-height: 26px
			}
		}

		.index-item .item-btn {
			display: inline-block;
			position: absolute;
			right: 0;
			top: 0;
			line-height: 34px;
			border: 2px solid #000;
			-webkit-border-radius: 0;
			border-radius: 0;
			padding: 0 29px;
			font-size: 14px;
			font-size: 1.4rem;
			color: #252525;
			text-transform: uppercase;
			font-family: HelveticaLTStd-Roman, arial;
			letter-spacing: .6px
		}

		@media screen and (max-width:1219px) {
			.index-item .item-btn {
				line-height: 28px;
				padding: 0 20px
			}
		}

		.index-news {
			background-color: #f7f7f7;
			padding: 76px 0 53px
		}

		@media screen and (max-width:1219px) {
			.index-news {
				padding: 70px 0 50px
			}
		}

		@media screen and (max-width:991px) {
			.index-news {
				padding: 50px 0 30px
			}
		}

		@media screen and (max-width:767px) {
			.index-item .item-btn {
				font-size: 12px;
				font-size: 1.2rem;
				line-height: 24px;
				padding: 0 15px
			}

			.index-news {
				padding: 30px 0 10px
			}
		}

		.index-news .index-item {
			margin-bottom: 19px
		}

		.index-news .box-list {
			font-size: 0;
			letter-spacing: 0
		}

		.index-news .box-list .list-item {
			display: inline-block;
			vertical-align: top;
			width: 32.17391%;
			margin-left: 1.73913%;
			margin-bottom: 20px;
			-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
			box-shadow: 0 0 10px rgba(0, 0, 0, .1);
			position: relative
		}

		.index-news .box-list .list-item:nth-child(2) .box2-item {
			visibility: visible;
			opacity: 1
		}

		.index-news .box-list .list-item:nth-child(3n+1) {
			margin-left: 0
		}

		.index-news .box-list .box1-item {
			background-color: #fff
		}

		.index-news .box-list .box1-item .item-body {
			padding: 35px 25px 28px
		}

		@media screen and (max-width:1419px) {
			.index-news .box-list .box1-item .item-body {
				padding: 30px 25px 25px
			}
		}

		@media screen and (max-width:1219px) {
			.index-news .box-list .box1-item .item-body {
				padding: 20px
			}
		}

		@media screen and (max-width:991px) {
			.index-news .box-list .box1-item .item-body {
				padding: 15px
			}
		}

		.index-news .box-list .box1-item .item-date {
			font-size: 16px;
			font-size: 1.6rem;
			line-height: 1.3;
			margin-bottom: 8px
		}

		@media screen and (max-width:1219px) {
			.index-news .box-list .box1-item .item-date {
				font-size: 14px;
				font-size: 1.4rem
			}
		}

		@media screen and (max-width:991px) {
			.index-news .box-list .box1-item .item-date {
				margin-bottom: 5px
			}
		}

		@media screen and (max-width:767px) {
			.index-news .box-list .box1-item .item-body {
				padding: 10px 8px
			}

			.index-news .box-list .box1-item .item-date {
				font-size: 12px;
				font-size: 1.2rem;
				margin-bottom: 3px
			}
		}

		.index-news .box-list .box1-item .item-title {
			font-family: HelveticaLTStd-Blk, arial;
			font-size: 28px;
			font-size: 2.8rem;
			line-height: 34px;
			height: 68px;
			margin-bottom: 17px
		}

		@media screen and (max-width:1419px) {
			.index-news .box-list .box1-item .item-title {
				font-size: 24px;
				font-size: 2.4rem;
				line-height: 30px;
				height: 60px;
				margin-bottom: 15px
			}
		}

		@media screen and (max-width:1219px) {
			.index-news .box-list .box1-item .item-title {
				font-size: 20px;
				font-size: 2rem;
				line-height: 26px;
				height: 52px;
				margin-bottom: 10px
			}
		}

		@media screen and (max-width:991px) {
			.index-news .box-list .box1-item .item-title {
				font-size: 16px;
				font-size: 1.6rem;
				line-height: 22px;
				height: 44px;
				margin-bottom: 5px
			}
		}

		@media screen and (max-width:767px) {
			.index-news .box-list .box1-item .item-title {
				font-size: 14px;
				font-size: 1.4rem;
				line-height: 20px;
				height: 40px
			}
		}

		.index-news .box-list .box1-item .item-desc {
			font-size: 18px;
			font-size: 1.8rem;
			line-height: 24px;
			height: 120px;
			margin-bottom: 0
		}

		@media screen and (max-width:1419px) {
			.index-news .box-list .box1-item .item-desc {
				font-size: 16px;
				font-size: 1.6rem;
				margin-bottom: 5px
			}
		}

		@media screen and (max-width:1219px) {
			.index-news .box-list .box1-item .item-desc {
				font-size: 14px;
				font-size: 1.4rem;
				line-height: 20px;
				height: 100px
			}
		}

		@media screen and (max-width:767px) {
			.index-news .box-list .box1-item .item-desc {
				font-size: 12px;
				font-size: 1.2rem;
				line-height: 18px;
				height: 54px
			}

			.index-news .box-list .box1-item .item-desc a {
				-webkit-line-clamp: 3
			}
		}

		.index-news .box-list .box1-item .item-btn {
			float: right;
			display: inline-block;
			width: 58px;
			height: 58px;
			line-height: 54px;
			border: 2px solid #bfbfbf;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			font-size: 22px;
			font-size: 2.2rem;
			text-align: center;
			margin-right: 13px
		}

		@media screen and (max-width:1419px) {
			.index-news .box-list .box1-item .item-btn {
				margin-right: 0;
				width: 54px;
				height: 54px;
				line-height: 50px;
				font-size: 20px;
				font-size: 2rem
			}
		}

		@media screen and (max-width:1219px) {
			.index-news .box-list .box1-item .item-btn {
				width: 44px;
				height: 44px;
				line-height: 40px;
				font-size: 18px;
				font-size: 1.8rem
			}
		}

		@media screen and (max-width:991px) {
			.index-news .box-list .box1-item .item-btn {
				width: 36px;
				height: 36px;
				line-height: 32px;
				font-size: 16px;
				font-size: 1.6rem
			}
		}

		@media screen and (max-width:767px) {
			.index-news .box-list .box1-item .item-btn {
				width: 30px;
				height: 30px;
				line-height: 26px;
				font-size: 14px;
				font-size: 1.4rem
			}
		}

		@media screen and (max-width:480px) {
			.index-news .box-list .list-item {
				width: 48%;
				margin: 0 1% 20px !important
			}

			.index-news .box-list .box1-item .item-btn {
				width: 26px;
				height: 26px;
				line-height: 22px;
				font-size: 12px;
				font-size: 1.2rem
			}
		}

		.index-news .box-list .box2-item {
			visibility: hidden;
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: red;
			padding: 41px 28px 30px
		}

		@media screen and (max-width:1419px) {
			.index-news .box-list .box2-item {
				padding: 30px 25px 25px
			}
		}

		@media screen and (max-width:1219px) {
			.index-news .box-list .box2-item {
				padding: 20px
			}
		}

		@media screen and (max-width:991px) {
			.index-news .box-list .box2-item {
				padding: 15px
			}
		}

		.index-news .box-list .box2-item .item-date {
			font-size: 16px;
			font-size: 1.6rem;
			line-height: 1.3;
			margin-bottom: 21px;
			color: #fff
		}

		@media screen and (max-width:1419px) {
			.index-news .box-list .box2-item .item-date {
				margin-bottom: 15px
			}
		}

		@media screen and (max-width:1219px) {
			.index-news .box-list .box2-item .item-date {
				font-size: 14px;
				font-size: 1.4rem;
				margin-bottom: 10px
			}
		}

		@media screen and (max-width:991px) {
			.index-news .box-list .box2-item .item-date {
				margin-bottom: 5px
			}
		}

		@media screen and (max-width:767px) {
			.index-news .box-list .box2-item {
				padding: 10px 8px
			}

			.index-news .box-list .box2-item .item-date {
				font-size: 12px;
				font-size: 1.2rem;
				margin-bottom: 3px
			}
		}

		.index-news .box-list .box2-item .item-title {
			font-family: HelveticaLTStd-Blk, arial;
			font-size: 28px;
			font-size: 2.8rem;
			line-height: 34px;
			height: 102px;
			position: relative;
			z-index: 2
		}

		.index-news .box-list .box2-item .item-title,
		.index-news .box-list .box2-item .item-title a {
			color: #fff !important
		}

		@media screen and (max-width:1419px) {
			.index-news .box-list .box2-item .item-title {
				font-size: 24px;
				font-size: 2.4rem;
				line-height: 30px;
				height: 90px
			}
		}

		@media screen and (max-width:1219px) {
			.index-news .box-list .box2-item .item-title {
				font-size: 20px;
				font-size: 2rem;
				line-height: 26px;
				height: 78px
			}
		}

		@media screen and (max-width:991px) {
			.index-news .box-list .box2-item .item-title {
				font-size: 16px;
				font-size: 1.6rem;
				line-height: 22px;
				height: 66px
			}
		}

		@media screen and (max-width:767px) {
			.index-news .box-list .box2-item .item-title {
				font-size: 14px;
				font-size: 1.4rem;
				line-height: 20px;
				height: 60px
			}
		}

		.index-news .box-list .box2-item .item-pic {
			width: 77.57732%;
			margin-left: 9.27835%;
			margin-top: -15px
		}

		.index-news .box-list .box2-item .item-btn {
			position: absolute;
			bottom: 28px;
			right: 38px;
			display: inline-block;
			width: 58px;
			height: 58px;
			line-height: 54px;
			border: 2px solid #ff6b6b;
			color: #fff;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			font-size: 22px;
			font-size: 2.2rem;
			text-align: center
		}

		@media screen and (max-width:1419px) {
			.index-news .box-list .box2-item .item-btn {
				width: 54px;
				height: 54px;
				line-height: 50px;
				font-size: 20px;
				font-size: 2rem;
				right: 25px;
				bottom: 25px
			}
		}

		@media screen and (max-width:1219px) {
			.index-news .box-list .box2-item .item-btn {
				width: 44px;
				height: 44px;
				line-height: 40px;
				font-size: 18px;
				font-size: 1.8rem;
				right: 20px;
				bottom: 20px
			}
		}

		@media screen and (max-width:991px) {
			.index-news .box-list .box2-item .item-btn {
				width: 36px;
				height: 36px;
				line-height: 32px;
				font-size: 16px;
				font-size: 1.6rem;
				right: 15px;
				bottom: 15px
			}
		}

		@media screen and (max-width:767px) {
			.index-news .box-list .box2-item .item-btn {
				width: 30px;
				height: 30px;
				line-height: 26px;
				font-size: 14px;
				font-size: 1.4rem;
				right: 10px;
				bottom: 10px
			}
		}

		@media screen and (max-width:480px) {
			.index-news .box-list .box2-item .item-btn {
				width: 26px;
				height: 26px;
				line-height: 22px;
				font-size: 12px;
				font-size: 1.2rem
			}
		}

		.banner .dotList {
			position: absolute;
			z-index: 2;
			left: 0;
			right: 0;
			bottom: 3.96601%;
			font-size: 0;
			letter-spacing: 0;
			text-align: center
		}

		.banner .dotList li {
			display: inline-block;
			vertical-align: bottom;
			font-size: 0;
			font-size: 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			margin: 0 10px;
			width: 26px;
			height: 26px;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			border: 2px solid #fff;
			position: relative
		}

		.banner .dotList li:before {
			position: absolute;
			content: '';
			width: 14px;
			height: 14px;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%)
		}

		.banner .dotList li.active:before {
			background-color: #fff
		}

		@media screen and (max-width:1419px) {
			.banner .dotList li {
				width: 20px;
				height: 20px;
				margin: 0 8px
			}

			.banner .dotList li:before {
				width: 11px;
				height: 11px
			}
		}

		@media screen and (max-width:1219px) {
			.banner .dotList li {
				width: 16px;
				height: 16px;
				margin: 0 5px
			}

			.banner .dotList li:before {
				width: 8px;
				height: 8px
			}
		}

		@media screen and (max-width:991px) {
			.banner .dotList li {
				width: 12px;
				height: 12px;
				margin: 0 3px
			}

			.banner .dotList li:before {
				width: 6px;
				height: 6px
			}
		}

		@media screen and (max-width:767px) {
			.banner .dotList li {
				width: 8px;
				height: 8px;
				margin: 0 2px;
				border-width: 1px
			}

			.banner .dotList li:before {
				width: 4px;
				height: 4px
			}
		}

		@font-face {
			font-family: HelveticaLTStd-Light;
			src: url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Light.eot);
			src: url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Light.eot) format('embedded-opentype'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Light.woff2) format('woff2'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Light.woff) format('woff'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Light.ttf) format('truetype'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Light.svg) format('svg');
			font-display: swap
		}

		@font-face {
			font-family: HelveticaLTStd-Bold;
			src: url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Bold.eot);
			src: url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Bold.eot) format('embedded-opentype'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Bold.woff2) format('woff2'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Bold.woff) format('woff'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Bold.ttf) format('truetype'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Bold.svg) format('svg');
			font-display: swap
		}

		@font-face {
			font-family: HelveticaLTStd-Roman;
			src: url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Roman.eot);
			src: url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Roman.eot) format('embedded-opentype'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Roman.woff2) format('woff2'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Roman.woff) format('woff'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Roman.ttf) format('truetype'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Roman.svg) format('svg');
			font-display: swap
		}

		@font-face {
			font-family: HelveticaLTStd-Blk;
			src: url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Blk.eot);
			src: url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Blk.eot) format('embedded-opentype'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Blk.woff2) format('woff2'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Blk.woff) format('woff'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Blk.ttf) format('truetype'), url(themes/simplebootx/huaguan/fonts/HelveticaLTStd-Blk.svg) format('svg');
			font-display: swap
		}

		@font-face {
			font-family: iconfont;
			src: url(themes/simplebootx/huaguan/fonts/iconfont.woff2?t=1649487461965) format('woff2'), url(themes/simplebootx/huaguan/fonts/iconfont.woff?t=1649487461965) format('woff'), url(themes/simplebootx/huaguan/fonts/iconfont.ttf?t=1649487461965) format('truetype')
		}

		.icon-right2:before {
			content: "\e64c"
		}

		#baguetteBox-overlay {
			display: none;
			opacity: 0;
			position: fixed;
			overflow: hidden;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #222;
			background-color: rgba(0, 0, 0, .8);
			z-index: 99999999999999999999999999999999999999
		}

		#baguetteBox-slider {
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			width: 100%;
			white-space: nowrap
		}

		.baguetteBox-button#next-button,
		.baguetteBox-button#previous-button {
			top: 50%;
			top: -webkit-calc(50% - 30px);
			top: -moz-calc(50% - 30px);
			top: calc(50% - 30px);
			width: 44px;
			height: 60px
		}

		.baguetteBox-button {
			position: absolute;
			outline: 0;
			padding: 0;
			margin: 0;
			border: 0;
			border-radius: 15%;
			background-color: #323232;
			background-color: rgba(50, 50, 50, .5);
			color: #ddd;
			font: 1.6em sans-serif
		}

		.baguetteBox-button#next-button {
			right: 2%;
			display: block !important
		}

		.baguetteBox-button#previous-button {
			left: 2%;
			display: block !important
		}

		.baguetteBox-button#close-button {
			top: 20px;
			right: 2%;
			right: -webkit-calc(2% + 6px);
			right: -moz-calc(2% + 6px);
			right: calc(2% + 6px);
			width: 30px;
			height: 30px
		}

		.baguetteBox-button svg {
			position: absolute;
			left: 0;
			top: 0
		}

		* {
			margin: 0;
			padding: 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box
		}

		html {
			font-size: 62.5%
		}

		body {
			background-color: #f7f7f7;
			color: #000;
			font-family: HelveticaLTStd-Light, arial;
			font-size: 14px;
			font-size: 1.4rem;
			max-width: 1920px;
			margin: 0 auto;
			overflow-x: hidden
		}

		@media screen and (max-device-width:320px) {
			body {
				-webkit-text-size-adjust: 100%
			}
		}

		@media screen and (max-device-width:480px) {
			body {
				-webkit-text-size-adjust: 100%
			}
		}

		@media only screen and (-webkit-min-device-pixel-ratio:2) {
			body {
				-webkit-text-size-adjust: 100%
			}
		}

		@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
			body {
				-webkit-text-size-adjust: 100%
			}
		}

		img {
			border: none
		}

		ul li {
			list-style-type: none
		}

		a,
		form,
		img,
		li,
		p,
		ul {
			margin: 0;
			padding: 0;
			list-style: none
		}

		a {
			text-decoration: none;
			color: #000;
			outline: 0
		}

		img {
			max-width: 100%;
			border: 0 solid #ccc
		}

		input {
			font-family: HelveticaLTStd-Light, arial;
			font-size: 14px;
			font-size: 1.4rem;
			border: none;
			outline: 0;
			background: 0 0
		}

		.pull-right {
			float: right
		}

		.clear {
			clear: both
		}

		.fix:after,
		.fix:before {
			display: block;
			content: "clear";
			height: 0;
			clear: both;
			overflow: hidden;
			visibility: hidden
		}

		header {
			display: block
		}

		::-webkit-input-placeholder {
			color: #999;
			opacity: 1
		}

		:-o-placeholder {
			color: #999;
			opacity: 1
		}

		::-moz-placeholder {
			color: #999;
			opacity: 1
		}

		:-ms-input-placeholder {
			color: #999;
			opacity: 1
		}

		.common-vc {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%)
		}

		[class*="-item"] .item-pic {
			position: relative;
			display: block;
			text-align: center;
			overflow: hidden
		}

		[class*="-item"] .item-pic img {
			display: block !important;
			width: 100%
		}

		[class*="-item"] .item-desc {
			overflow: hidden;
			color: #000
		}

		.wp {
			width: 1230px;
			margin: auto
		}

		@media screen and (max-width:1319px) {
			.wp {
				width: 960px
			}
		}

		@media screen and (max-width:991px) {
			.wp {
				width: 720px
			}
		}

		@media screen and (max-width:767px) {
			.wp {
				width: 100%;
				padding-left: 15px;
				padding-right: 15px
			}
		}

		.contact-pc {
			position: fixed;
			z-index: 999;
			right: 0;
			width: 46px
		}

		.contact-pc li {
			position: relative;
			width: 100%;
			-webkit-border-radius: 0;
			border-radius: 0;
			margin-bottom: 0;
			height: 46px
		}

		.contact-pc li a {
			position: absolute;
			right: 0;
			text-align: center;
			display: block;
			width: 100%;
			height: 100%;
			line-height: 46px;
			overflow: hidden;
			-webkit-border-radius: 0;
			border-radius: 0;
			background-color: red
		}

		.contact-pc li a p {
			position: absolute;
			top: 0;
			right: -220px;
			color: #fff;
			font-size: 18px;
			font-size: 1.8rem;
			font-family: HelveticaLTStd-Bold, arial
		}

		.contact-pc li .iconfont {
			background-color: red;
			color: #fff;
			width: 46px;
			height: 46px;
			text-align: center;
			line-height: 46px;
			position: absolute;
			right: 0;
			top: 0;
			font-size: 28px;
			font-size: 2.8rem
		}

		.contact-phone {
			position: fixed;
			bottom: 0;
			height: 40px;
			left: 0;
			right: 0;
			display: none;
			z-index: 999;
			background-color: red;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-webkit-flex-flow: row nowrap;
			-moz-box-orient: horizontal;
			-moz-box-direction: normal;
			-ms-flex-flow: row nowrap;
			flex-flow: row nowrap;
			-webkit-box-pack: start;
			-webkit-justify-content: flex-start;
			-moz-box-pack: start;
			-ms-flex-pack: start;
			justify-content: flex-start
		}

		.contact-phone li {
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			-moz-box-flex: 1;
			-ms-flex: 1;
			flex: 1;
			height: 100%
		}

		.contact-phone li a {
			display: block;
			height: 100%;
			width: 100%;
			text-align: center;
			line-height: 40px;
			color: #fff;
			font-size: 20px;
			font-size: 2rem
		}

		@media only screen and (max-width:991px) {
			.contact-pc {
				display: none
			}

			.contact-phone {
				display: -webkit-box;
				display: -webkit-flex;
				display: -moz-box;
				display: -ms-flexbox;
				display: flex
			}

			body {
				padding-bottom: 40px
			}
		}

		.search-box {
			overflow: hidden;
			position: relative;
			width: 196px;
			height: 36px;
			border: 2px solid #252525;
			-webkit-border-radius: 18px;
			border-radius: 18px;
			margin-top: 52px
		}

		.search-box ::-webkit-input-placeholder {
			color: #909090;
			opacity: 1
		}

		.search-box :-o-placeholder {
			color: #909090;
			opacity: 1
		}

		.search-box ::-moz-placeholder {
			color: #909090;
			opacity: 1
		}

		.search-box :-ms-input-placeholder {
			color: #909090;
			opacity: 1
		}

		@media screen and (max-width:1319px) {
			.search-box {
				width: 180px;
				margin-top: 38px
			}
		}

		.search-box .iconfont {
			font-size: 20px;
			font-size: 2rem;
			color: #fff;
			position: absolute;
			width: 36px;
			height: 36px;
			line-height: 36px;
			background-color: #252525;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			text-align: center;
			right: -2px;
			top: -2px
		}

		.search-box .item-input {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			line-height: 32px;
			padding: 0 36px 0 20px;
			color: #909090;
			font-size: 22px;
			font-size: 2.2rem;
			font-family: HelveticaLTStd-Roman, arial;
			letter-spacing: .6px
		}

		.search-box .item-submit {
			position: absolute;
			width: 36px;
			height: 100%;
			top: 0;
			right: -2px;
			z-index: 2
		}

		.header {
			position: relative;
			width: 100%;
			left: 0;
			top: 0;
			width: 100%;
			z-index: 9999;
			background-color: #fff;
			border-bottom: 10px solid red
		}

		@media screen and (max-width:1319px) {
			.header {
				border-bottom-width: 6px
			}
		}

		@media screen and (max-width:991px) {
			.search-box {
				display: none
			}

			.header {
				position: relative;
				border-bottom-width: 5px
			}
		}

		.header .wp {
			width: 1500px;
			margin: auto;
			position: relative
		}

		@media screen and (max-width:1519px) {
			.search-box .item-input {
				font-size: 16px;
				font-size: 1.6rem
			}

			.header .wp {
				width: 1230px
			}
		}

		@media screen and (max-width:1419px) {
			.header .wp {
				width: 1230px
			}
		}

		@media screen and (max-width:1319px) {
			.header .wp {
				width: 960px
			}
		}

		@media screen and (max-width:991px) {
			.header .wp {
				width: 720px
			}
		}

		@media screen and (max-width:767px) {
			.header {
				border-bottom-width: 3px
			}

			.header .wp {
				width: 100%;
				padding-left: 15px;
				padding-right: 15px
			}
		}

		.header .logo {
			display: block;
			float: left;
			width: 345px
		}

		.header .logo a {
			display: block;
			position: relative;
			width: 100%;
			padding-bottom: 31.88406%
		}

		.header .logo img {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%
		}

		@media screen and (max-width:1319px) {
			.header .logo {
				width: 270px
			}
		}

		@media screen and (max-width:991px) {
			.header .logo {
				width: 200px
			}

			.header .navlist {
				display: none
			}
		}

		@media screen and (max-width:767px) {
			.header .logo {
				width: 150px
			}
		}

		.header .navlist {
			float: right;
			font-size: 0;
			letter-spacing: 0;
			margin-top: 59px;
			margin-right: 70px
		}

		.header .navlist>li {
			display: inline-block;
			vertical-align: top;
			margin-right: 54px
		}

		.header .navlist>li:last-child {
			margin-right: 0
		}

		.header .navlist>li>a {
			display: block;
			font-family: HelveticaLTStd-Roman, arial;
			font-size: 22px;
			font-size: 2.2rem;
			line-height: 26px;
			padding-bottom: 22px;
			letter-spacing: .6px
		}

		.header .navlist>li>a .iconfont {
			font-weight: 700;
			font-size: 12px;
			font-size: 1.2rem;
			color: #707070;
			margin-left: 1px
		}

		.header .yiji {
			z-index: 99;
			position: absolute;
			top: 100%;
			right: 0;
			display: block;
			visibility: hidden;
			opacity: 0;
			-webkit-transform: translateY(30px);
			-moz-transform: translateY(30px);
			-ms-transform: translateY(30px);
			-o-transform: translateY(30px);
			transform: translateY(30px);
			-webkit-transform-origin: top;
			-moz-transform-origin: top;
			-ms-transform-origin: top;
			-o-transform-origin: top;
			transform-origin: top;
			background-color: #fff;
			width: -moz-calc(100% - 345px);
			width: calc(100% - 345px);
			padding: 52px 40px 33px 225px;
			border-top: 10px solid red;
			font-size: 0;
			letter-spacing: 0
		}

		@media screen and (max-width:1519px) {
			.header .navlist {
				margin-right: 30px
			}

			.header .navlist>li {
				margin-right: 30px
			}

			.header .yiji {
				padding: 30px 20px 30px 95px
			}
		}

		@media screen and (max-width:1319px) {
			.header .navlist {
				margin-right: 15px;
				margin-top: 45px
			}

			.header .navlist>li {
				margin-right: 25px
			}

			.header .navlist>li>a {
				padding-bottom: 13px;
				font-size: 18px;
				font-size: 1.8rem;
				letter-spacing: 0
			}

			.header .navlist>li>a .iconfont {
				margin-left: 0
			}

			.header .yiji {
				border-top-width: 6px;
				width: -moz-calc(100% - 270px);
				width: calc(100% - 270px);
				padding: 20px 10px 20px 45px
			}
		}

		.header .yiji>li {
			display: inline-block;
			vertical-align: top;
			width: 33.333%
		}

		.header .yiji>li>a {
			display: block;
			font-family: HelveticaLTStd-Roman, arial;
			font-size: 16px;
			font-size: 1.6rem;
			line-height: 24px;
			padding: 6px 10px 6px 0;
			color: #4f4f4f
		}

		@media screen and (max-width:1319px) {
			.header .yiji>li>a {
				font-size: 14px;
				font-size: 1.4rem;
				line-height: 20px;
				padding: 5px 10px 5px 0
			}
		}

		@media screen and (max-width:991px) {
			.header .yiji {
				display: none
			}
		}

		.pro-owl .owl-buttons {
			display: none !important
		}

		.index-map .tab-content .item-desc {
			margin-bottom: 25px;
			font-size: 18px;
			font-size: 1.8rem;
			line-height: 1.4;
			color: #fff
		}

		@media screen and (max-width:1219px) {
			.index-map .tab-content .item-desc {
				font-size: 16px;
				font-size: 1.6rem
			}
		}

		@media screen and (max-width:767px) {
			.index-map .tab-content .item-desc {
				font-size: 14px;
				font-size: 1.4rem;
				margin-bottom: 20px
			}
		}

		@media screen and (min-width:992px) {

			.n-nav,
			.n-nav-icon {
				display: none
			}
		}

		@-webkit-keyframes resize {

			60%,
			75%,
			90%,
			from,
			to {
				-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
				animation-timing-function: cubic-bezier(.215, .61, .355, 1)
			}

			0% {
				opacity: 0;
				-webkit-transform: scale(5, 5);
				transform: scale(5, 5)
			} 100% {
				opacity: 1;
				-webkit-transform: scale(1, 1);
				transform: scale(1, 1)
			}
		}

		@-moz-keyframes resize {

			60%,
			75%,
			90%,
			from,
			to {
				-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
				-moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
				animation-timing-function: cubic-bezier(.215, .61, .355, 1)
			}

			0% {
				opacity: 0;
				-webkit-transform: scale(5, 5);
				-moz-transform: scale(5, 5);
				transform: scale(5, 5)
			} 100% {
				opacity: 1;
				-webkit-transform: scale(1, 1);
				-moz-transform: scale(1, 1);
				transform: scale(1, 1)
			}
		}

		@keyframes resize {

			60%,
			75%,
			90%,
			from,
			to {
				-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
				-moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
				animation-timing-function: cubic-bezier(.215, .61, .355, 1)
			}

			0% {
				opacity: 0;
				-webkit-transform: scale(5, 5);
				-moz-transform: scale(5, 5);
				-o-transform: scale(5, 5);
				transform: scale(5, 5)
			} 100% {
				opacity: 1;
				-webkit-transform: scale(1, 1);
				-moz-transform: scale(1, 1);
				-o-transform: scale(1, 1);
				transform: scale(1, 1)
			}
		}

		.n-nav .n-nav-icon {
			position: fixed;
			right: 5px;
			top: 5px;
			width: 35px;
			height: 28px;
			line-height: 28px;
			text-align: center;
			z-index: 999999999
		}

		.n-nav .n-nav-icon .iconfont {
			font-size: 20px;
			font-size: 2rem;
			color: red
		}

		.n-nav .n-nav-body {
			display: none;
			position: fixed;
			z-index: 99999;
			top: 0;
			bottom: 0;
			width: 100%;
			left: 0;
			overflow-y: scroll;
			background-color: #666;
			padding-top: 40px
		}

		.n-nav .box-search {
			background-color: #fff;
			padding: 5px 10px;
			position: relative;
			border: 1px solid red;
			margin: 5px 10px
		}

		.n-nav .box-search .item-input {
			width: 100%;
			line-height: 32px;
			height: 32px;
			padding: 0 60px 0 0
		}

		.n-nav .box-search .iconfont {
			font-weight: 700;
			background-color: red;
			width: 44px;
			height: 32px;
			line-height: 32px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			color: #fff;
			text-align: center;
			position: absolute;
			right: 10px;
			top: 5px;
			z-index: 0
		}

		.n-nav .box-search .item-submit {
			position: absolute;
			width: 44px;
			height: 32px;
			right: 10px;
			top: 5px;
			z-index: 1
		}

		.n-nav .box-list {
			margin-top: 30px
		}

		.n-nav .box-list>li {
			position: relative;
			-webkit-animation-duration: .5s;
			-moz-animation-duration: .5s;
			animation-duration: .5s;
			-webkit-animation-fill-mode: both;
			-moz-animation-fill-mode: both;
			animation-fill-mode: both;
			-webkit-animation-name: resize;
			-moz-animation-name: resize;
			animation-name: resize;
			padding: 0 10px
		}

		.n-nav .box-list>li a {
			display: block;
			font-size: 14px;
			font-size: 1.4rem;
			line-height: 26px;
			padding: 10px 25px 10px 10px;
			color: #fff;
			text-transform: uppercase;
			border-bottom: 1px solid rgba(255, 255, 255, .3)
		}

		.n-nav .box-list li {
			position: relative
		}

		.n-nav .box-list li .has-next {
			position: absolute;
			top: 10px;
			right: 10px;
			width: 20px;
			height: 20px;
			background: url(themes/simplebootx/huaguan/fonts/n1.png) center no-repeat;
			background-size: contain
		}

		.n-nav .box-list .yiji-list {
			display: none
		}

		.n-nav .box-list .yiji-list li {
			padding-left: 12px
		}

		.n-nav .box-list .yiji-list li>a {
			padding: 10px 25px 10px 20px;
			line-height: 22px;
			position: relative
		}

		.n-nav .box-list .yiji-list li>a:before {
			position: absolute;
			content: '';
			width: 5px;
			height: 5px;
			background-color: #fff;
			top: 19px;
			left: 10px
		}

		.banner {
			position: relative;
			overflow: hidden
		}

		.banner .carouse {
			width: 100%;
			overflow: hidden;
			position: relative
		}

		.banner .carouse .slideItem {
			width: 100%;
			position: absolute
		}

		.banner .carouse .slideItem .banner-img {
			width: 100%;
			display: block
		}

		.banner .carousel-control {
			position: absolute;
			top: 50%;
			z-index: 2;
			text-align: center;
			margin-top: -22px;
			width: 44px;
			height: 44px;
			line-height: 44px;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			background-color: #fff;
			background-color: rgba(255, 255, 255, .7);
			font-size: 16px;
			font-size: 1.6rem;
			color: red
		}

		.banner .carousel-control.left {
			left: 60px
		}

		.banner .carousel-control.right {
			right: 60px
		}

		@media screen and (max-width:1219px) {
			.banner .carousel-control {
				width: 36px;
				height: 36px;
				line-height: 36px;
				font-size: 18px;
				font-size: 1.8rem;
				margin-top: -18px
			}
		}

		@media screen and (max-width:991px) {
			.banner .carousel-control {
				display: none !important
			}
		}

		.iconfont {
			font-family: iconfont !important;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale
		}

		.icon-arrow-bottom:before {
			content: "\e611"
		}

		.icon-up2:before {
			content: "\e894"
		}

		.icon-kefu:before {
			content: "\e68f"
		}

		.icon-sousuo1:before {
			content: "\e608"
		}

		.icon-liebiao:before {
			content: "\e834"
		}

		.icon-left10:before {
			content: "\e7f0"
		}

		.icon-right10:before {
			content: "\e7f1"
		}

		.owl-theme .owl-controls .owl-buttons {
			font-size: 0;
			letter-spacing: 0;
			text-align: center
		}

		.owl-theme .owl-controls .owl-buttons div {
			display: inline-block;
			vertical-align: top;
			font-size: 12px;
			font-size: 1.2rem
		}
	</style>