﻿.text-primary {
	color: #e74c3c !important
}

.text-yellow {
	color: #E6A64C !important
}

.text-title {
	color: #212628
}

.text-sub {
	color: #666
}

.bg-sub {
	background: #666
}

.bg-form {
	background: #f7f7f7 !important
}

.text-white {
	color: #fff !important
}

.text-color9 {
	color: #999
}

.text-color4 {
	color: #444
}

.text-black {
	color: #333
}

.bg-bg {
	background: #fafafa
}

.bg-white {
	background: #fff
}

.bg-primary {
	background: #e74c3c
}

.bg-active {
	background: #fdeded
}

.bg-bbb {
	background: #bbb
}

.text-blue {
	color: #c7e3ff
}

.bg-border {
	background: #edecec
}

.text-5d {
	color: #5d5d5d
}

.text-border2 {
	color: #d9d9d9
}

.border-primary {
	border-bottom: 1px solid #e74c3c
}

.mt30 {
	margin-top: 0.3rem
}

.gao5-btn,.gao-bg2 a,.gao-bg4 a,.gao-bg5 a {
	width: 2.3rem;
	height: 0.4rem;
	line-height: 0.4rem;
	background-color: #e74c3c;
	color: #fff;
	font-size: 0.18rem;
	display: block;
	margin: 0 auto;
	text-align: center;
	border-radius: 0.05rem
}

.villa-banner {
	margin-bottom: -4px
}

.villa-banner img {
	width: 100%;
	height: 4rem
}

.villa-container h5 {
	font-size: .24rem;
	padding: 0.05rem 0.15rem
}

.villa-container h5:before {
	content: "";
	background: url(../images/line2_before.png) no-repeat;
	background-size: 100% 100%;
	height: 0.05rem;
	width: 0.75rem;
	display: inline-block;
	margin-right: 0.15rem;
	position: relative;
	top: -3px
}

.villa-container h5:after {
	content: "";
	background: url(../images/line2_after.png) no-repeat;
	background-size: 100% 100%;
	height: 0.05rem;
	width: 0.75rem;
	display: inline-block;
	margin-left: 0.15rem;
	position: relative;
	top: -3px
}

.villa-bg2 {
	background: url(../images/villa_bg_02.jpg) no-repeat;
	background-size: 100% 100%;
	height: 4.34rem
}

.villa-bg2 h4,.villa-bg2 h5 {
	color: #1a1716;
	text-align: center;
	position: relative
}

.villa-bg2 h4 {
	font-size: .36rem;
	padding-top: 0.72rem
}

.villa-bg2 .content {
	display: -ms-flexbox;
	display: flex;
	padding: 0.35rem 0.3rem 0.6rem;
	box-sizing: border-box
}

.villa-bg2 .content img {
	-ms-flex: 1;
	flex: 1;
	width: 1.04rem;
	height: 1.86rem;
	margin-right: 0.13rem
}

.villa-bg2 .content img:last-child {
	margin-right: 0
}

.villa-bg3 {
	background: url(../images/villa_bg_03.jpg) no-repeat;
	background-size: 100% 100%;
	height: 8.57rem
}

.villa-bg3 h4,.villa-bg3 h5 {
	color: #fff;
	text-align: center;
	position: relative
}

.villa-bg3 h4 {
	font-size: .36rem;
	padding-top: 0.52rem
}

.villa-bg3 .content {
	padding: 0 1rem 0 1.05rem
}

.villa-bg3 .content .item {
	box-sizing: border-box;
	padding-top: 0.4rem
}

.villa-bg3 .content .item .img {
	background-color: transparent;
	margin-right: 0.13rem
}

.villa-bg3 .content .item .img1 {
	width: 1.66rem;
	height: 3.24rem
}

.villa-bg3 .content .item .img2 {
	width: 2.23rem;
	height: 2.90rem;
	margin-right: 0
}

.villa-bg3 .content .item .img3 {
	width: 1.83rem;
	height: 2.95rem
}

.villa-bg3 .content .item .img4 {
	width: 2.07rem;
	height: 2.90rem;
	margin-right: 0
}

.villa-bg4 {
	background: url(../images/villa_bg_04.jpg) no-repeat;
	background-size: 100% 100%;
	height: 6.38rem
}

.villa-bg4 h4,.villa-bg4 h5 {
	color: #1a1716;
	text-align: center;
	position: relative
}

.villa-bg4 h4 {
	font-size: .36rem;
	padding-top: 0.52rem
}

.villa-bg4 .content {
	padding: 0.6rem 0 0.8rem 0
}

.villa-bg4 .content ul li {
	width: 5.6rem !important;
	height: 4.42rem;
	border-radius: 0.16rem;
	overflow: hidden
}

.villa-bg4 .content ul li img {
	transition: all ease .3s 0s;
	-moz-transition: all ease .3s 0s;
	-webkit-transition: all ease .3s 0s;
	transform: scale(0.9);
	width: 100%;
	opacity: 0.8;
	background-color: transparent;
	border-radius: 0.16rem
}

.villa-bg4 .content ul .swiper-slide-active {
	width: 5.6rem !important
}

.villa-bg4 .content ul .swiper-slide-active img {
	opacity: 1;
	transform: scale(1)
}

.villa-bg4 .swiper-container {
	width: 7.5rem;
	overflow: visible !important
}

.villa-bg4 .content2 {
	margin: 0.75rem 0 0.6rem;
	overflow-x: scroll
}

.villa-bg4 .content2 ul {
	overflow: hidden;
	width: 12rem
}

.villa-bg4 .content2 ul li {
	width: 2rem;
	height: 2.45rem;
	text-align: center;
	padding-top: 0.65rem;
	float: left
}

.villa-bg4 .content2 ul li .title {
	width: 1.1rem;
	height: 1.1rem;
	background-color: rgba(156,156,156,0.5);
	margin: 0 auto;
	border: 2px solid rgba(122,122,122,0.8);
	border-radius: 50%;
	position: relative;
	padding-top: 0.1rem;
	font-size: .3rem;
	color: #fff
}

.villa-bg4 .content2 ul li .body {
	color: #fff;
	margin-top: 0.27rem;
	font-size: .24rem
}

.villa-bg4 .content2 ul .icon1 {
	background: url(../images/v4-i-1.jpg) no-repeat;
	background-size: 100% 100%;
	width: 2rem;
	height: 3.1rem
}

.villa-bg4 .content2 ul .icon2 {
	background: url(../images/v4-i-2.jpg) no-repeat;
	background-size: 100% 100%;
	width: 2rem;
	height: 3.1rem
}

.villa-bg4 .content2 ul .icon3 {
	background: url(../images/v4-i-3.jpg) no-repeat;
	background-size: 100% 100%;
	width: 2rem;
	height: 3.1rem
}

.villa-bg4 .content2 ul .icon4 {
	background: url(../images/v4-i-4.jpg) no-repeat;
	background-size: 100% 100%;
	width: 2rem;
	height: 3.1rem
}

.villa-bg4 .content2 ul .icon5 {
	background: url(../images/v4-i-5.jpg) no-repeat;
	background-size: 100% 100%;
	width: 2rem;
	height: 3.1rem
}

.villa-bg4 .content2 ul .icon5 .title {
	padding-top: 0.3rem
}

.villa-bg4 .content2 ul .icon6 {
	background: url(../images/v4-i-6.jpg) no-repeat;
	background-size: 100% 100%;
	width: 2rem;
	height: 3.1rem
}

.villa-bg5 {
	background: url(../images/villa_bg_05.jpg) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 0.8rem
}

.villa-bg5 h4,.villa-bg5 h5 {
	color: #fff;
	text-align: center;
	position: relative
}

.villa-bg5 h4 {
	font-size: .36rem;
	padding-top: 0.85rem
}

.villa-bg5 .swiper-container {
	margin-top: .8rem
}

.villa-bg5 .swiper-container .swiper-button-next,.villa-bg5 .swiper-container .swiper-button-prev {
	width: .6rem;
	height: .35rem;
	background: #fff2c5;
	border: .1rem solid #ada075;
	box-sizing: content-box;
	text-align: center;
	line-height: .35rem;
	font-size: .24rem;
	margin-top: -.17rem
}

.villa-bg5 .swiper-container .swiper-button-next:after {
	content: '\e6cc'
}

.villa-bg5 .swiper-container .swiper-button-prev:after {
	content: '\e66f'
}

.villa-bg5 .swiper-slide {
	width: 7.5rem;
	height: 3.9rem
}

.villa-bg5 .swiper-slide.lazy {
	background: transparent
}

.villa-bg5 .content {
	padding: 0.8rem 0.7rem 0.65rem;
	box-sizing: border-box
}

.villa-bg5 .content .item {
	display: block;
	margin-bottom: 0.45rem
}

.villa-bg5 .content .item:last-child {
	margin-bottom: 0
}

.villa-bg5 .content .item .img {
	width: 2.72rem;
	height: 2.72rem;
	background-color: transparent
}

.villa-bg6 {
	background: url(../images/villa_bg_06.jpg) no-repeat;
	background-size: 100% 100%;
	height: 8.31rem
}

.villa-bg6 h4,.villa-bg6 h5 {
	color: #1a1716;
	text-align: center;
	position: relative
}

.villa-bg6 h4 {
	font-size: .36rem;
	padding-top: 0.85rem
}

.villa-bg6 ul {
	padding: 0.35rem 1rem 0.4rem 1rem;
	box-sizing: border-box
}

.villa-bg6 ul li {
	display: block;
	float: left;
	background: url(../images/v6-bg.png) no-repeat;
	background-size: 100% 100%;
	height: 2.69rem;
	width: 2.2rem;
	margin-bottom: 0.45rem;
	text-align: center;
	margin-right: 1.05rem
}

.villa-bg6 ul li:nth-child(even) {
	margin-right: 0
}

.villa-bg6 ul li i {
	font-size: 0.9rem;
	color: #8f8f8f
}

.villa-bg6 ul li .part p {
	font-size: .3rem;
	color: #fff;
	line-height: 0.48rem
}

.villa-bg7 {
	background: url(../images/villa_bg_07.jpg) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 50px
}

.villa-bg7 h4,.villa-bg7 h5 {
	color: #fff;
	text-align: center;
	position: relative
}

.villa-bg7 h4 {
	font-size: .36rem;
	padding-top: 0.85rem
}

.villa-bg8 {
	background: url(../images/villa_bg_08.jpg) no-repeat;
	background-size: 100% 100%;
	height: 8.94rem
}

.villa-bg8 h4,.villa-bg8 h5 {
	color: #1a1716;
	text-align: center;
	position: relative
}

.villa-bg8 h4 {
	font-size: .36rem;
	padding-top: 0.77rem
}

.villa-bg8 .content {
	text-align: center;
	background-color: transparent;
	width: 6.9rem;
	height: 6.53rem;
	display: block;
	margin: 0.25rem auto 0
}

.villa-bg9 {
	background: url(../images/villa_bg_09.jpg) no-repeat;
	background-size: 100% 100%;
	height: 7.12rem
}

.villa-bg9 h4,.villa-bg9 h5 {
	color: #fff;
	text-align: center;
	position: relative
}

.villa-bg9 h4 {
	font-size: .36rem;
	padding-top: 0.77rem
}

.villa-bg9 .content {
	background: url(../images/v9-bg.png) no-repeat;
	background-size: 100% 100%;
	width: 5.89rem;
	height: 3.79rem;
	margin: 0.35rem auto;
	position: relative
}

.villa-bg9 .content span {
	position: absolute;
	text-align: center;
	font-size: .18rem;
	color: #ababab;
	width: 1.2rem
}

.villa-bg9 .content .s1 {
	top: -0.1rem;
	left: -.1rem
}

.villa-bg9 .content .s2 {
	top: 0.9rem;
	left: 1rem
}

.villa-bg9 .content .s3 {
	top: -0.25rem;
	left: 2.3rem
}

.villa-bg9 .content .s4 {
	top: 0.9rem;
	left: 3.5rem
}

.villa-bg9 .content .s5 {
	top: -0.1rem;
	left: 4.85rem
}

.villa-bg9 .content .s6 {
	top: 3.3rem;
	left: -0.1rem
}

.villa-bg9 .content .s7 {
	top: 2.1rem;
	left: 1.15rem
}

.villa-bg9 .content .s8 {
	top: 3.3rem;
	left: 2.35rem
}

.villa-bg9 .content .s9 {
	top: 2.2rem;
	left: 3.6rem
}

.villa-bg9 .content .s10 {
	top: 3.3rem;
	left: 4.85rem
}

.villa-bg10 {
	background: url(../images/villa_bg_10.jpg) no-repeat;
	background-size: 100% 100%;
	height: 5.97rem
}

.villa-bg10 h4,.villa-bg10 h5 {
	color: #1a1716;
	text-align: center;
	position: relative
}

.villa-bg10 h4 {
	font-size: .36rem;
	padding-top: 0.77rem
}

.villa-bg10 .content {
	margin: 0.55rem 0.3rem 0.65rem 0.3rem
}

.villa-bg10 .content .item1 {
	margin-right: 0.18rem;
	width: 2.72rem;
	height: 3.22rem
}

.villa-bg10 .content .item2 {
	margin-right: 0.18rem
}

.villa-bg10 .content .item2 .img {
	width: 2.24rem;
	height: 1.51rem;
	display: block !important;
	margin-bottom: 0.2rem
}

.villa-bg10 .content .item2 .img:last-child {
	margin-bottom: 0
}

.villa-bg10 .content .item3 {
	width: 1.52rem;
	height: 3.22rem
}

.villa-bg11 {
	background: url(../images/villa_bg_11.jpg) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 30px
}

.villa-bg11 h4,.villa-bg11 h5 {
	color: #fff;
	text-align: center;
	position: relative
}

.villa-bg11 h4 {
	font-size: .36rem;
	padding-top: 0.77rem
}

.gao-bg1 {
	background: url(../images/gao_01.jpg) no-repeat;
	background-size: 100% 100%;
	height: 7.9rem;
	margin-bottom: -0.01rem
}

.gao-bg1 .title {
	padding-top: 1.4rem
}

.gao-bg1 .title .img1 {
	width: 5rem !important
}

.gao-bg1 .title .img2 {
	width: 3.58rem !important;
	margin-top: 2rem
}

.gao-bg1 .title img {
	text-align: center;
	margin: 0 auto;
	display: block
}

.gao-bg1 .body {
	margin-top: 0.5rem;
	padding: 0 0.4rem
}

.gao-bg1 .body ul {
	display: -ms-flexbox;
	display: flex
}

.gao-bg1 .body ul li {
	-ms-flex: 1;
	flex: 1;
	text-align: center
}

.gao-bg1 .body ul li .cir {
	width: 0.8rem;
	height: 0.8rem;
	border: 2px solid #413b36;
	border-radius: 50%;
	text-align: center;
	margin: 0 auto;
	background-color: #a4958c
}

.gao-bg1 .body ul li .cir i {
	color: #000;
	font-size: 0.5rem
}

.gao-bg1 .body ul li .txt {
	margin-top: 0.1rem;
	color: #a4958c
}

.gao-bg2 {
	background: url(../images/gao_02.jpg) no-repeat;
	background-size: 100% 100%;
	height: 10.32rem;
	margin-bottom: -0.02rem
}

.gao-bg2 img {
	background-color: transparent
}

.gao-bg2 .title {
	padding-top: 2.4rem;
	text-align: center
}

.gao-bg2 .title .img1 {
	width: 1.6rem;
	height: 0.47rem;
	display: block !important;
	margin: 0 auto;
	background-color: transparent
}

.gao-bg2 .title p {
	font-size: .24rem;
	color: #e1d2c9;
	margin-top: 0.15rem
}

.gao-bg2 .body {
	padding: 0 0.5rem;
	margin-top: 0.3rem;
	position: relative;
	margin-bottom: 1rem
}

.gao-bg2 .body p {
	font-size: .24rem;
	color: #aeaeae
}

.gao-bg2 .body .txt {
	margin-top: 0.6rem;
	line-height: 0.8rem
}

.gao-bg2 .body .txt-left p:after {
	content: '';
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 50%;
	background-color: #e1d2c9;
	position: relative;
	top: -0.45rem;
	right: -1.2rem;
	display: block
}

.gao-bg2 .body .txt-right {
	margin-top: 0.5rem
}

.gao-bg2 .body .txt-right p:before {
	content: '';
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 50%;
	background-color: #e1d2c9;
	position: relative;
	top: 0.45rem;
	right: 0.3rem;
	display: block
}

.gao-bg2 .body .img2 {
	width: 3.46rem;
	height: 3.46rem;
	background: transparent;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -1.69rem;
	overflow: inherit
}

.gao-bg3 {
	background: url(../images/gao_03.jpg) no-repeat;
	background-size: 100% 100%;
	height: 6.38rem;
	margin-bottom: -0.02rem
}

.gao-bg3 .title {
	padding-top: 0.1rem;
	text-align: center
}

.gao-bg3 .title .img {
	width: 1.56rem;
	height: 0.4rem;
	display: block !important;
	margin: 0 auto;
	background-color: transparent
}

.gao-bg3 .title p {
	font-size: .24rem;
	color: #e1d2c9;
	margin-top: 0.15rem
}

.gao-bg3 .body {
	margin-top: 0.5rem
}

.gao-bg3 .body .switch-img {
	height: 3.3rem
}

.gao-bg3 .body .switch-img .img {
	display: none;
	margin: 0 auto;
	background: transparent
}

.gao-bg3 .body .switch-img .img1 {
	width: 2.95rem;
	height: 2.74rem
}

.gao-bg3 .body .switch-img .img2 {
	width: 3.96rem;
	height: 2.68rem
}

.gao-bg3 .body .switch-img .img3 {
	width: 3.25rem;
	height: 2.7rem
}

.gao-bg3 .body .switch-img .img4 {
	width: 2.22rem;
	height: 2.77rem
}

.gao-bg3 .body .switch-img .img5 {
	width: 1.9rem;
	height: 2.77rem
}

.gao-bg3 .body .switch-img .img6 {
	width: 3.94rem;
	height: 2.36rem
}

.gao-bg3 .body .switch-img .img7 {
	width: 3.37rem;
	height: 2.7rem
}

.gao-bg3 .body .switch-img .img8 {
	width: 3.8rem;
	height: 2.12rem
}

.gao-bg3 .body .switch-img .img9 {
	width: 3.26rem;
	height: 2.69rem
}

.gao-bg3 .body .switch-tab {
	overflow-x: scroll
}

.gao-bg3 .body .switch-tab .tab-tit {
	width: 12.6rem
}

.gao-bg3 .body .switch-tab .tab-tit span {
	width: 1.4rem;
	display: block;
	float: left;
	font-size: .24rem;
	cursor: pointer
}

.gao-bg3 .body .switch-tab .tab-tit span .cicle {
	width: 0.9rem;
	height: 0.9rem;
	border: 1px solid #666;
	border-radius: 50%;
	color: #666;
	text-align: center;
	line-height: 0.9rem;
	margin: auto
}

.gao-bg3 .body .switch-tab .tab-tit span .cicle i {
	font-size: .36rem
}

.gao-bg3 .body .switch-tab .tab-tit span.active .cicle {
	color: #fff;
	border-color: #fff
}

.gao-bg3 .body .switch-tab .tab-tit span.active p {
	color: #fff
}

.gao-bg4 {
	background: url(../images/gao_04.jpg) no-repeat;
	background-size: 100% 100%;
	height: 6.33rem;
	margin-bottom: -0.02rem
}

.gao-bg4 .title {
	padding-top: 2.3rem;
	text-align: center
}

.gao-bg4 .title .img {
	width: 5.8rem;
	height: 0.4rem;
	display: block !important;
	margin: 0 auto;
	background-color: transparent
}

.gao-bg4 .title p {
	font-size: .24rem;
	color: #e1d2c9;
	margin-top: 0.15rem
}

.gao-bg4 .body {
	padding: 0.55rem 0.3rem
}

.gao-bg4 .body .item {
	overflow: hidden;
	margin-bottom: 0.15rem
}

.gao-bg4 .body .item .img {
	width: 1.28rem;
	height: 0.63rem;
	margin-right: 0.125rem;
	background: transparent;
	float: left;
	opacity: 0.5
}

.gao-bg4 .body .item .img:last-child {
	margin-right: 0
}

.gao-bg4 .body .item .img:hover {
	opacity: 1
}

.gao-bg5 {
	background: url(../images/gao_05.jpg) no-repeat;
	background-size: 100% 100%;
	height: 7.34rem;
	margin-bottom: -0.02rem
}

.gao-bg5 .title {
	padding-top: 0.3rem;
	text-align: center
}

.gao-bg5 .title .img {
	width: 1.57rem;
	height: 0.37rem;
	display: block !important;
	margin: 0 auto;
	background-color: transparent
}

.gao-bg5 .title p {
	font-size: .24rem;
	color: #e1d2c9;
	margin-top: 0.15rem
}

.gao-bg5 .body {
	padding: 0.3rem 0.5rem;
	position: relative
}

.gao-bg5 .body .gy_cons_item li {
	width: 1.8rem;
	height: 0.7rem;
	background: url(../images/gao5-bg1.png) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 0.28rem;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.gao-bg5 .body .gy_cons_item li:hover {
	background: url(../images/gao5-bg1-h.png) no-repeat;
	background-size: 100% 100%
}

.gao-bg5 .body .gy_cons_item li p {
	font-size: .18rem;
	color: #fff;
	text-align: center;
	line-height: 0.3rem
}

.gao-bg5 .body .bigimg {
	background: url(../images/gao5-bg2.png) no-repeat;
	background-size: 100% 100%;
	height: 2.57rem;
	width: 2.57rem;
	margin-top: 0.4rem;
	position: absolute;
	left: 50%;
	margin-left: -1.285rem
}

.gao-bg5 .body .bigimg img {
	height: 2rem !important;
	width: 2rem !important;
	border-radius: 50%;
	position: relative;
	top: 0.299rem;
	left: 0.29rem
}

.gao-bg6 {
	background: url(../images/gao_06.jpg) no-repeat;
	background-size: 100% 100%;
	height: 10.37rem;
	margin-bottom: -0.02rem
}

.gao-bg6 .title {
	padding-top: 0.2rem;
	text-align: center
}

.gao-bg6 .title .img {
	width: 1.57rem;
	height: 0.37rem;
	display: block !important;
	margin: 0 auto;
	background-color: transparent
}

.gao-bg6 .title p {
	font-size: .24rem;
	color: #e1d2c9;
	margin-top: 0.15rem
}

.gao-bg6 .body {
	padding: 0.3rem 0.3rem
}

.gao-bg6 .body ul li {
	overflow: hidden;
	border: 1px solid #e0d1c8;
	width: 100%;
	margin-bottom: 0.2rem;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 56px;
	background-color: #312d25
}

.gao-bg6 .body ul li .txt-left {
	width: 15%;
	text-align: center;
	background-color: #887360;
	color: #fff;
	font-size: .3rem
}

.gao-bg6 .body ul li .txt-right {
	font-size: .24rem;
	color: #fff;
	width: 85%;
	padding: 0 2%
}

.gao-bg7 {
	background: url(../images/gao_07.jpg) no-repeat;
	background-size: 100% 100%;
	height: 5.7rem;
	margin-bottom: -0.02rem
}

.gao-bg7 .title {
	padding-top: 2rem;
	text-align: center
}

.gao-bg7 .title .img {
	width: 1.6rem;
	height: 0.37rem;
	display: block !important;
	margin: 0 auto;
	background-color: transparent
}

.gao-bg7 .title p {
	font-size: .24rem;
	color: #e1d2c9;
	margin-top: 0.15rem
}

.gao-bg7 .body {
	padding: 0.4rem 0.3rem
}

.gao-bg7 .body ul {
	display: -ms-flexbox;
	display: flex
}

.gao-bg7 .body ul li {
	background: url(../images/gao7-icon1.png) no-repeat;
	background-size: 100% 100%;
	height: 1.37rem;
	text-align: center;
	-ms-flex: 1;
	flex: 1;
	margin-right: 0.45rem
}

.gao-bg7 .body ul li:last-child {
	margin-right: 0
}

.gao-bg7 .body ul li i {
	font-size: .36rem;
	color: #fff;
	position: relative;
	top: 0.1rem
}

.gao-bg7 .body ul li p {
	font-size: .18rem;
	color: #fff;
	margin-top: 0.01rem
}

.gao-bg8 {
	background: url(../images/gao_08.jpg) no-repeat;
	background-size: 100% 100%
}

.gao-bg8 .img {
	width: 3.17rem;
	height: 0.37rem;
	display: block !important;
	margin: 0 auto;
	background: transparent
}

.sun-container h4 {
	color: #333;
	text-align: center;
	position: relative;
	font-size: .48rem;
	height: 1.5rem
}

.sun-container h4 p {
	display: inline-block;
	position: relative;
	top: 15px
}

.sun-container h4 span {
	color: #333;
	font-size: .48rem;
	display: block
}

.sun-container h4 i {
	color: #666;
	font-size: .24rem;
	display: block
}

.sun-container h4:before {
	content: "";
	background: url(../images/sun-left1.png) no-repeat;
	background-size: 100% 100%;
	height: 0.08rem;
	width: 0.61rem;
	display: inline-block;
	margin-right: 0.15rem;
	position: relative;
	top: -3px
}

.sun-container h4:after {
	content: "";
	background: url(../images/sun-right1.png) no-repeat;
	background-size: 100% 100%;
	height: 0.08rem;
	width: 0.61rem;
	display: inline-block;
	margin-left: 0.15rem;
	position: relative;
	top: -3px
}

.sun-container h5 {
	color: #333;
	text-align: center;
	position: relative;
	font-size: .48rem
}

.sun-container h5:before {
	content: "";
	background: url(../images/sun-left.png) no-repeat;
	background-size: 100% 100%;
	height: 0.08rem;
	width: 1.21rem;
	display: inline-block;
	margin-right: 0.15rem;
	position: relative;
	top: -3px
}

.sun-container h5:after {
	content: "";
	background: url(../images/sun-right.png) no-repeat;
	background-size: 100% 100%;
	height: 0.08rem;
	width: 1.21rem;
	display: inline-block;
	margin-left: 0.15rem;
	position: relative;
	top: -3px
}

.sun-container h6 {
	color: #333;
	text-align: center;
	position: relative;
	font-size: .48rem;
	height: 1.5rem
}

.sun-container h6 p {
	display: inline-block;
	position: relative;
	top: 15px
}

.sun-container h6 span {
	color: #333;
	font-size: .48rem;
	display: block
}

.sun-container h6 i {
	color: #666;
	font-size: .24rem;
	display: block
}

.sun-container h6:before {
	content: "";
	background: url(../images/sun-left.png) no-repeat;
	background-size: 100% 100%;
	height: 0.08rem;
	width: 1.21rem;
	display: inline-block;
	margin-right: 0.15rem;
	position: relative;
	top: -3px
}

.sun-container h6:after {
	content: "";
	background: url(../images/sun-right.png) no-repeat;
	background-size: 100% 100%;
	height: 0.08rem;
	width: 1.21rem;
	display: inline-block;
	margin-left: 0.15rem;
	position: relative;
	top: -3px
}

.sun-bg1 {
	background: url(../images/sun-bg1.jpg) no-repeat;
	background-size: 100% 100%;
	height: 5.26rem
}

.sun-bg1 .title {
	padding-top: 0.9rem
}

.sun-bg1 .title span {
	width: 2.35rem;
	height: 0.43rem;
	text-align: center;
	line-height: 0.43rem;
	margin: 0 auto;
	color: #fff;
	font-size: .3rem;
	background-color: #ea5555;
	border-radius: 5px;
	display: block
}

.sun-bg1 h3 {
	text-align: center;
	font-size: .85rem;
	color: #ea5555;
	margin-top: 0.2rem
}

.sun-bg1 p {
	text-align: center;
	font-size: .35rem;
	color: #333
}

.sun-bg2 {
	background-color: #fff;
	padding-top: 0.7rem
}

.sun-bg2 .inputBgColor {
	background-color: #efefef !important
}

.sun-bg3 {
	background-color: #fff;
	overflow: hidden;
	padding-top: 0.2rem;
	padding-bottom: 0.5rem
}

.sun-bg3 .inputBgColor {
	background-color: #efefef !important
}

.sun-bg3 .content {
	padding: 0.5rem
}

.sun-bg3 .content .item {
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex
}

.sun-bg3 .content .item .icon {
	width: 2.32rem;
	height: 1.91rem;
	-ms-flex: 1;
	flex: 1
}

.sun-bg3 .content .item .icon p {
	text-align: center;
	margin-top: 20px
}

.sun-bg3 .content .item .icon p span {
	display: block;
	color: #d9d9d9;
	font-size: .58rem
}

.sun-bg3 .content .item .icon p i {
	display: block;
	color: #333;
	font-size: .3rem;
	margin-top: -5px
}

.sun-bg4 {
	background: url(../images/sun-bg4.jpg) no-repeat;
	background-size: 100% 100%;
	height: 5.52rem;
	padding-top: 0.4rem
}

.sun-bg4 .content {
	display: -ms-flexbox;
	display: flex;
	margin-top: 0.3rem;
	position: relative
}

.sun-bg4 .content .item {
	width: 1.6rem;
	height: 1.6rem;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	position: relative
}

.sun-bg4 .content .item .icon {
	width: 1.6rem;
	height: 1.6rem;
	text-align: center;
	margin: 0 auto
}

.sun-bg4 .content .item p {
	margin-top: 0.1rem
}

.sun-bg4 .content .item p span,.sun-bg4 .content .item p i {
	display: block;
	font-size: .36rem;
	color: #666
}

.sun-bg4 .content .line {
	background: url(../images/sun-line.png) no-repeat;
	background-size: 100%;
	width: 0.68rem;
	height: 0.09rem;
	position: absolute;
	z-index: 9
}

.sun-bg4 .content .line.line1 {
	top: 0.75rem;
	left: 2.15rem
}

.sun-bg4 .content .line.line2 {
	top: 0.75rem;
	left: 4.65rem
}

.sun-bg5 {
	background-color: #fff;
	padding: 0.4rem 0
}

.sun-bg5 .content {
	padding: 0.5rem;
	overflow: hidden
}

.sun-bg5 .content .item {
	text-align: center;
	height: 1.82rem;
	width: 1.82rem;
	border-radius: 50%;
	float: left;
	margin-right: 0.52rem
}

.sun-bg5 .content .item:last-child {
	margin-right: 0
}

.sun-bg5 .content .item p {
	padding-top: 0.5rem
}

.sun-bg5 .content .item p i,.sun-bg5 .content .item p span {
	display: block;
	font-size: .24rem;
	line-height: 0.4rem;
	color: #fff
}

.sun-bg5 .content .item1 {
	background: url(../images/sun-5-item1.jpg) no-repeat;
	background-size: 100%
}

.sun-bg5 .content .item2 {
	background: url(../images/sun-5-item2.jpg) no-repeat;
	background-size: 100%
}

.sun-bg5 .content .item3 {
	background: url(../images/sun-5-item1.jpg) no-repeat;
	background-size: 100%
}

.sun-bg6 {
	background: url(../images/sun-bg6.jpg) no-repeat;
	padding-bottom: 20px;
	background-size: 100%
}

.sun-bg6 .title {
	padding-top: 30px;
	color: #fff
}

.sun-bg6 .inputBgColor {
	background-color: #efefef !important
}

.brand-bg1 {
	background: url(../images/brand-bg1.jpg) no-repeat #000;
	background-size: 100%;
	padding-bottom: 30px
}

.brand-bg1 .inputBgColor {
	background-color: #282828 !important
}

.brand-bg1 .img1 {
	text-align: center;
	padding-top: 1.4rem
}

.brand-bg1 .img1 img {
	width: 4.37rem;
	height: 1.4rem
}

.brand-bg1 p.title {
	font-size: .26rem;
	color: #fff;
	text-align: center;
	margin-top: 0.3rem
}

.brand-bg1 p.title:before {
	content: '';
	display: inline-block;
	position: relative;
	top: 0;
	margin-right: 0.2rem;
	border-top: 1px solid #ccc;
	width: 15px;
	height: 3px
}

.brand-bg1 p.title:after {
	content: '';
	display: inline-block;
	position: relative;
	top: 0;
	margin-left: 0.2rem;
	border-top: 1px solid #ccc;
	width: 15px;
	height: 3px
}

.brand-bg1 h4 {
	font-size: .36rem;
	text-align: center;
	margin-top: 0.5rem
}

.brand-bg1 h4 span {
	color: #C04032
}

.brand-bg1 h4 i {
	color: #fff
}

.brand-bg2 {
	background-color: #fff;
	padding: 0.5rem 0
}

.brand-bg2 .icon {
	width: 6.88rem;
	height: 5.76rem;
	margin: 0 auto
}

.brand-bg2 P {
	text-align: center;
	color: #e85546;
	font-size: .36rem;
	margin-top: 0.7rem
}

.brand-bg3 {
	background: url(../images/brand-bg3.jpg) no-repeat;
	background-size: 100%;
	height: 5.04rem;
	position: relative
}

.brand-bg4 {
	background-color: #fff;
	padding: 0.7rem 0
}

.brand-bg4 h4 {
	font-size: .36rem;
	color: #333;
	text-align: center;
	margin-bottom: 0.5rem
}

.brand-bg4 h4 span {
	color: #e85546
}

.brand-bg4 .content .item {
	margin-bottom: 0.1rem;
	padding: 0 0.1rem;
	overflow: hidden;
	box-sizing: border-box
}

.brand-bg4 .content .item .block {
	text-align: center;
	float: left;
	width: 25%
}

.brand-bg4 .content .item .block .icons {
	background: url(../images/brand-4-icon.jpg) no-repeat;
	background-size: 100%;
	width: 1.08rem;
	height: 1.24rem;
	line-height: 1.24rem;
	text-align: center;
	margin: 0 auto
}

.brand-bg4 .content .item .block .icons i {
	font-size: .48rem;
	color: #000
}

.brand-bg4 .content .item .block h5 {
	font-size: .24rem;
	color: #333
}

.brand-bg4 .content .item .block p {
	font-size: .18rem;
	color: #999
}

.brand-bg5 {
	background-color: #fff;
	padding: 0.4rem 0
}

.brand-bg5 h4 {
	font-size: .36rem;
	color: #333;
	text-align: center;
	margin-bottom: 0.5rem
}

.brand-bg5 h4 span {
	color: #e85546
}

.brand-bg5 .content {
	overflow: hidden;
	padding: 0 0.12rem
}

.brand-bg5 .content .item {
	width: 2.38rem;
	height: 3.76rem;
	float: left;
	margin-right: 0.05rem
}

.brand-bg5 .content .item:last-child {
	margin-right: 0
}

.brand-bg6 {
	background: url(../images/brand-bg6.jpg) no-repeat;
	background-size: 100%;
	padding: 0.4rem 0
}

.brand-bg6 h4 {
	font-size: .36rem;
	color: #fff;
	text-align: center;
	margin-bottom: 0.5rem
}

.brand-bg6 h4 span {
	color: #e85546
}

.brand-bg6 .content {
	overflow: hidden;
	padding: 0 0.3rem
}

.brand-bg6 .content .item {
	overflow: hidden;
	margin-bottom: 0.1rem
}

.brand-bg6 .content .item .block {
	width: 3.41rem;
	height: 2.55rem;
	background: transparent
}

.brand-bg7 {
	background-color: #000;
	padding: 30px 0
}

.brand-bg7 .title {
	color: #fff
}

.brand-bg7 .inputBgColor {
	background-color: #282828 !important
}

.blank-box {
	height: 50px
}

#dyfe {
	background: #000;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	margin-top: -45px
}

#dyfe .return {
	color: #fff;
	display: block;
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1000
}

#dyfe .lookImg {
	position: fixed;
	top: 0;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%
}

#dyfe .lookImg img {
	width: 100%
}
