/* 文章组件 */
.article-list .item {
	width: 100%;
}
.article-list .item .img {
	display: block;
}
.article-list .item {
	margin-bottom: .3rem;
	position: relative;
	overflow: hidden;
}
.article-list .item .img {
	display: block;
}
.article-list .item:last-child {
	margin-bottom: 0;
}
.article-list .item .content {
	color: #fff;
	height: 1.8rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.article-list .item .content .left {
	width: 2.3rem;
	height: 1.8rem;
}
.article-list .item .content .text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 .85rem 0 0;
	overflow: hidden;
}
.article-list .item .content .text h3 {
	font-size: .32rem;
	margin-bottom: 0;
}
.article-list .item .content .text a {
	color: #fff;
}
.article-list .item .content .text p {
	font-size: .2rem;
	line-height: 1.4;
	margin-top: .16rem;
}
.article-list .item .content .jump {
	position: absolute;
	right: .4rem;
	top: .34rem;
	width: .4rem;
	height: .4rem;
	background: url(./icon-jump.png) no-repeat;
	background-size: .4rem .4rem;
}
/* 文章组件end */
/* 文章组件2 */
.article-list2 .item {
	margin-bottom: .3rem;
	position: relative;
}
.article-list2 .item:last-child {
	margin-bottom: 0;
}
.article-list2 .item .content {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 3rem;
}
.article-list2 .item .content.left {
	left: .4rem;
}
.article-list2 .item .content.right {
	right: .28rem;
}
.article-list2 .item .content .title {
	font-size: .32rem;
	color: #ed6d00;
}
.article-list2 .item .content .text {
	font-size: .22rem;
	line-height: 1.4;
	margin: .18rem 0 .26rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* 文章组件2end */
/* 案例组件 */
.case-list {
	width: 100%;
}
.case-list .item {
	float: left;
	width: 3.35rem;
	text-align: center;
}
.case-list .item:nth-child(odd) {
	margin-right: .2rem;
}
.case-list .item .img {
	display: block;
	width: 3.35rem;
	height: 2.1rem;
}
.case-list .item .content {
	height: 1.2rem;
}
.case-list .item .content .item-title {
	font-size: .26rem;
	padding: .2rem 0 .14rem;
}
.case-list .item .content p {
	color: #777;
	font-size: .22rem;
}
.case-wrap {
	margin-top: .4rem;
}
/* 案例组件end */
/* 选择器 */
.search-wrap {
	width: 100%;
	height: .7rem;
	line-height: .66rem;
	border-radius: .35rem;
	border: .02rem solid #ed6d00;
	margin-top: .4rem;
	position: relative;
	padding: 0 .4rem;
}
.search-wrap .icon-search {
	width: .36rem;
	height: .36rem;
	background: url(./search.png) no-repeat;
	background-size: .36rem .36rem;
	position: absolute;
	right: .35rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.select-from .inline {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	margin-right: .6rem;
}
.select-from .inline:last-child {
	margin-right: 0;
}
.select-from .inline .select-title {
	font-size: .28rem;
	color: #ed6d00;
	padding-right: .3rem;
	position: relative;
}
.select-from .inline .select-title .edge {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(./icon-down.png) no-repeat;
	background-size: .15rem .1rem;
	width: .15rem;
	height: .1rem;
}
/* 详情页 */
.search-wrap .select-title {
	font-size: .28rem;
	color: #ed6d00;
	position: relative;
}
.search-wrap .select-title .edge {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: .15rem;
	height: .1rem;
	background: url(./icon-down.png) no-repeat;
	background-size: .15rem .1rem;
	height: .1rem;
}
.section .title {
	font-size: .42rem;
	font-weight: 500;
	color: #000;
	margin: .75rem 0 .3rem;
	position: relative;
	line-height: 1.4;
}
.section .title .more {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: .24rem;
	color: #ed6d00;
}
.section .title .more .icon {
	display: inline-block;
	vertical-align: top;
	width: .09rem;
	height: .15rem;
	background: url(./icon-right.png) no-repeat;
	background-size: .09rem .15rem;
	margin: .04rem 0 0 .14rem;
}
.tabs-content .content-item {
	font-size: .3rem;
	display: none;
}
.tabs-content .content-item p {
	line-height: .48rem;
}
.tabs-content .content-item .img {
	width: 100%;
	margin-top: .58rem;
}
.tabs-content .content-item img {
	display: inline-block;
	vertical-align: top;
}
/* 详情页end */
/* 新闻详情 */
.detail-wrapper {
	/* padding-bottom: rem; */
}
.detail-wrapper .title {
	text-align: center;
	padding: .3rem;
	margin-bottom: .3rem;
	background-color: #FF8D00;
}
.detail-wrapper .title h1 {
	color: #fff;
	font-size: .36rem;
	line-height: 1.4;
}
.detail-wrapper .title p {
	color: #666;
	font-size: .24rem;
	line-height: 1.6;
}
.detail-wrapper .info_back {
	text-align: center;
	padding: .3rem 0;
}
.detail-wrapper .info-bottom {
	display: flex;
	height: .8rem;
	line-height: .8rem;
	font-size: .26rem;
	color: #fff;
}
.detail-wrapper .info-bottom a {
	display: none;
}
.detail-wrapper .info-bottom span {
	flex: 1;
	text-align: center;
}
.detail-wrapper .info-bottom .prev {
	background: #FF6000;
}
.detail-wrapper .info-bottom .next {
	background-color: #ff8d00;
}
.detail-wrapper .info {
	padding: 0 .3rem;
}
.detail-wrapper .info p {
	line-height: 1.6;
	font-size: .24rem;
}
/* 新闻详情 */
.news-detail .title {
	text-align: center;
	padding: .3rem;
}
.news-detail .title h1 {
	font-size: .38rem;
	line-height: 1.4;
	margin-bottom: .1rem;
}
.news-detail .title p {
	color: #666;
	font-size: .26rem;
	line-height: 1.6;
	border-bottom: 1px solid #ccc;
	padding-bottom: .06rem;
}
.news-detail .info_back {
	text-align: center;
	padding-top: .3rem;
}
.news-detail .info-bottom {
	line-height: 2;
	padding: .5rem .3rem .2rem;
	font-weight: bold;
	font-size: .28rem;
}
.news-detail .info-bottom a {
	font-weight: 500;
}
.news-detail .info {
	font-size: .28rem;
	line-height: 1.6;
	padding: 0 .3rem;
}
.wechat-main .item.first-item .title {
	color: #fff;
}
.wechat-main .item .content .text {
	color: #fff;
}
/* 关于黑马 */
.about-page .video-wrap .video-mask {
	position: relative;
}
.about-page .video-wrap .video-mask .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1rem;
	height: 1rem;
	background: url(./video-btn.png) no-repeat;
	background-size: 1rem 1rem;
}
.about-page .video-wrap .video {
	width: 100%;
}
.about-page .introduce .text {
	font-size: .28rem;
	line-height: .48rem;
}
.about-page .section {
	margin-bottom: .78rem;
}
.about-page .section-title {
	padding-bottom: .5rem;
}
.about-page .rongyu .group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.about-page .rongyu .group .group-item {
	width: 3.35rem;
	height: 3.35rem;
	margin-bottom: .2rem;
}
.about-page .rongyu .group .group-item:nth-child(odd) {
	margin-right: .2rem;
}
.about-page .rongyu .section-btn {
	margin-top: .2rem;
}
.about-page .history {
	margin-left: -.3rem;
	margin-right: -.3rem;
}
.about-page .history .more-btn {
	margin-top: .4rem;
}
.about-page .history .swiper-slide {
	width: 6.1rem;
	height: 6.4rem !important;
}
.about-page .history .swiper-slide .content {
	width: 100%;
	height: 100%;
	background-color: rgba(213, 213, 213, .5);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	color: #fff;
	line-height: 1;
	padding: .4rem;
}
.about-page .history .swiper-slide .content .text {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
}
.about-page .history .swiper-slide.swiper-slide-active .content {
	background-color: #ed6d00;
}
.about-page .history .swiper-slide .content h3 {
	font-size: .56rem;
}
.about-page .history .swiper-pagination {
	position: inherit;
	bottom: 0;
	font-size: 0;
	margin-top: .3rem;
}
.about-page .history .swiper-pagination-bullet-active {
	background-color: #ed6d00;
}
.about-page .history .swiper-slide .content p {
	font-size: .28rem;
	line-height: 1.7;
}
.about-page .photo .images-box .img {
	margin-top: .2rem;
}
.photo .images-box .img:first-child {
	margin-top: 0;
}
.about-page .news .list .first-item .content {
	padding: .30rem;
	background-color: #fff;
}
.about-page .news .list .first-item h3 {
	font-size: .28rem;
	color: #333;
	margin-bottom: .20rem;
	line-height: 1.4;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.about-page .news .list .first-item p {
	font-size: .24rem;
	color: #666;
}
.about-page .news .list .item {
	margin-top: .18rem;
	background-color: #fff;
	width: 100%;
}
.about-page .news .list .item a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: .2rem;
}
.about-page .news .list .item .img {
	width: 2.5rem;
}
.about-page .news .list .item .content {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: .28rem;
}
.about-page .news .list .item .text,
.about-page .news .list .item .time {
	font-size: .26rem;
}
.about-page .news .list .item .time {
	color: #999;
	margin-top: .34rem;
}
.about-page .join {
	margin-bottom: .15rem;
}
.about-page .join .box {
	height: 3.8rem;
	width: 100%;
	background: url(./img22.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
.about-page .join .box .content {
	position: absolute;
	left: .4rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 3.5rem;
	font-size: .24rem;
	line-height: .36rem;
	color: #fff;
}
.about-page .join .box .content p {
	margin-bottom: .38rem;
	-webkit-line-clamp: 4;
}
/* 关于黑马end */
/* 发展历程 */
.history-page .article {
	border-bottom: 1px solid #dedede;
}
.history-page .history {
	margin-top: .6rem;
	position: relative;
}
.history-page .history .line {
	position: absolute;
	left: .39rem;
	top: 0;
	height: 99.3%;
	width: 1px;
	background-color: #b5b5b5;
}
.history-page .history .time {
	width: 2.33rem;
	height: .7rem;
	line-height: .7rem;
	padding-left: .84rem;
	position: relative;
	background-color: #ed6d00;
	border-radius: .35rem;
	color: #fff;
	font-size: .3rem;
	font-weight: 600;
}
.history-page .history .item {
	padding-top: .46rem;
}
.history-page .history .item:first-child {
	padding-top: 0;
}
.history-page .history .item .time::before {
	content: "";
	position: absolute;
	left: .33rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: .14rem;
	height: .14rem;
	border-radius: 50%;
	background-color: #fff;
}
.history-page .history .item .text {
	padding: 0 .4rem 0 .82rem;
	margin-top: .34rem;
}
.history-page .history .item .text p {
	font-size: .28rem;
	line-height: .48rem;
}
.history-page .refresh {
	margin-top: .4rem;
}
/* 发展历程end */
/* 荣誉资质 */
.honor-page .honor-main {
	margin-top: .4rem;
}
.honor-page .list {
	padding: .2rem 0 .3rem;
}
.honor-page .list .list-item {
	width: 3.35rem;
	float: left;
	margin-top: .2rem;
}
.honor-page .list .list-item:nth-child(odd) {
	margin-right: .2rem;
}
/* 荣誉资质end */
/* 加入我们 */
.join-page .refresh {
	margin-top: .45rem;
}
.join-page .join-main .top {
	height: .9rem;
	line-height: .9rem;
	padding: 0 .4rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #ed6d00;
	color: #fff;
	font-size: .3rem;
	font-weight: 600;
}
.join-page .join-list .item .title {
	height: .9rem;
	line-height: .9rem;
	padding: 0 .4rem;
	color: #666;
	position: relative;
}
.join-page .join-list .item .title span {
	display: inline-block;
	max-width: 5rem;
	vertical-align: middle;
}
.join-page .join-list .item .title.active {
	color: #ed6d00;
}
.join-page .join-list .item .title.active .icon {
	background: url(./down.png) no-repeat center center;
	background-size: .23rem .12rem;
}
.join-page .join-list .item .title .icon {
	position: absolute;
	right: .34rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: .24rem;
	height: .24rem;
	background: url(./off.png) no-repeat center center;
	background-size: .13rem .23rem;
}
.join-page .join-list .item .sub-item {
	padding: 0 .4rem .48rem;
	display: none;
}
.join-page .join-list .item .sub-item p {
	line-height: .4rem;
	font-size: .26rem;
	color: #666;
}
.join-page .join-list .item .sub-item .detail-btn {
	margin-top: .28rem;
}
/* 加入我们end */
/* 新闻动态 */
.news-page .select-box {
	width: 100%;
	height: .7rem;
	line-height: .66rem;
	border: .02rem solid #ed6d00;
	border-radius: .35rem;
	position: relative;
	padding: 0 .36rem;
	font-size: .24rem;
	color: #ed6d00;
	margin: .4rem 0 0;
}
.news-page .select-box .icon {
	position: absolute;
	right: .38rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: .15rem;
	height: .10rem;
	background: url(./icon-down.png) no-repeat;
	background-size: .15rem .10rem;
}
.news-page .news-main .title {
	font-size: .44rem;
	padding-bottom: .28rem;
}
.news-page .tabs .tabs-title {
	border-bottom: 1px solid #eee;
	padding: 0 .3rem;
	margin: 0 -.3rem .1rem;
}
.news-page .tabs .tabs-title .item {
	height: .84rem;
	line-height: .84rem;
	border-bottom: .04rem solid transparent;
	float: left;
	margin-right: .8rem;
	color: #999;
}
.news-page .tabs .tabs-title .item.active {
	color: #ed6d00;
	border-bottom-color: #ed6d00;
}
.news-page .tabs .tabs-title .item:last-child {
	margin-right: 0;
}
.news-page .tabs-content .list {
	display: none;
}
.news-page .tabs-content .list .list-item a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: .3rem 0;
	border-bottom: 1px solid #dedede;
	font-size: .26rem;
}
.news-page .tabs-content .list .list-item .img {
	width: 2.5rem;
}
.news-page .tabs-content .list .list-item .text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: .26rem;
}
.news-page .tabs-content .list .list-item .time {
	color: #999;
	margin-top: .36rem;
}
.news-page .refresh {
	margin-top: .2rem;
}
/* 新闻动态 */
/* 产品与技术 */
.product-page .article-list2 .item .text {
	color: #fff;
}
.product-page .article-list2 .first-item .title {
	color: #fff;
}
/* 产品与技术end */
/* 全网型官网制作 */
.pm0 {
	margin: 0;
}
.pcmake-sect1 {
	background: url(./bg-img3.jpg) no-repeat;
	background-size: cover;
	overflow: hidden;
	color: #fff;
	font-size: 0.26rem;
	line-height: 1.6;
	padding: .76rem .7rem .6rem .7rem;
}
.pcmake-sect1 img {
	display: block;
}
.pcmake-sect1 .img1 {
	width: 4.82rem;
	margin: .5rem auto .38rem;
}
.pcmake-sect1 .text2 {
	text-align: center;
}
.pcmake-sect1 .top {
	position: relative;
	margin-bottom: .4rem;
}
.pcmake-sect1 .top .icon {
	width: .79rem;
	position: absolute;
	top: -.12rem;
	left: -.64rem;
}
.pcmake-sect1 .top .text-img {
	width: 2.89rem;
}
.title3 {
	font-size: .4rem;
	line-height: 1.4;
	text-align: center;
	padding: .4rem 0;
}
.pcmake-sect2 {
	padding: .72rem 0;
	background: url(./bg-img32.jpg) no-repeat;
	background-size: cover;
}
.pcmake-sect2 h2 {
	margin-bottom: .14rem;
}
.pcmake-sect2 .text {
	font-size: .26rem;
	text-align: center;
	margin-top: .3rem;
}
.pcmake-sect3 {
	background: url(./bg-img4.jpg) no-repeat;
	background-size: cover;
	padding: .7rem 0 .6rem;
}
.pcmake-sect3 h2 {
	margin-bottom: .4rem;
}
.pcmake-sect3 .text {
	font-size: .26rem;
	color: #666;
	line-height: 2.5;
	margin-top: .1rem;
}
.pcmake-sect3 .img1 {
	display: block;
	width: 6.18rem;
	margin: 0 auto;
}
.pcmake-sect3 .text p {
	padding-left: .8rem;
	position: relative;
}
.pcmake-sect3 .text p::before {
	content: "";
	position: absolute;
	left: .34rem;
	top: .14rem;
	width: .29rem;
	height: .29rem;
	background: url(./icon1.png) no-repeat;
	background-size: .29rem .29rem;
}
.pcmake-sect4 {
	background: url(./bg-img5.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	padding: .7rem 0 .3rem;
	overflow: hidden;
}
.pcmake-sect4 h2 {
	margin-bottom: .28rem;
}
.pcmake-sect4 .item1 {
	padding-right: 1rem;
}
.pcmake-sect4 .item1 .img {
	width: 3.97rem;
}
.pcmake-sect4 h3 {
	color: #fff;
}
.pcmake-sect4 .item2 h3 {
	color: #333;
}
.pcmake-sect4 p {
	font-size: .26rem;
	line-height: 1.8;
	margin: .2rem 0 .4rem;
	color: #fff;
}
.pcmake-sect4 .item2 p {
	color: #666;
}
.pcmake-sect4 .item2 {
	color: #333;
	padding: 1.2rem .4rem 0 1.1rem;
}
.pcmake-sect4 .item2 .img {
	width: 4.58rem;
	margin-left: .8rem;
	margin-bottom: .3rem;
}
.pcmake-sect5 {
	background: url(./bg-img6.jpg) no-repeat;
	background-size: cover;
	overflow: hidden;
	padding: .72rem 0 0;
}
.pcmake-sect5 .list {
	padding: 0 .17rem;
	margin-bottom: .68rem;
}
.pcmake-sect5 .list .item {
	width: 50%;
	float: left;
	text-align: center;
	color: #fff;
	font-size: .26rem;
	padding: 0 .13rem;
	margin: .45rem 0 .2rem;
}
.pcmake-sect5 .list .item .inner {
	max-width: 3rem;
	width: 100%;
	height: 1.5rem;
	background: url(./itembg1.png) no-repeat;
	background-size: 100% auto;
	padding: .36rem .15rem;
	margin: 0 auto;
	position: relative;
}
.pcmake-sect5 .list .item span {
	line-height: 1.6;
}
.pcmake-sect5 .list .item .number {
	width: .56rem;
	height: .56rem;
	position: absolute;
	top: -.45rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #19345e;
	border-radius: 50%;
}
.pcmake-sect5 .list .item .number em {
	font-style: normal;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 0.28rem;
}
.padd-30 {
	padding: 0 .3rem;
}
.font-size-24 {
	font-size: .26rem;
	line-height: 1.7;
	margin: 0;
}
.text-color-size-24 {
	font-size: .26rem;
	line-height: 1.7;
	margin: 0;
	color: rgba(51, 51, 51, .8);
}
.font-size-h1 {
	color: #333;
	font-size: .46rem;
	text-align: center;
}
.font-size-h2 {
	font-size: .4rem;
	line-height: 1.4;
	padding: 0 0 .26rem;
	text-align: center;
}
.font-size-small {
	font-size: .26rem;
	line-height: 1.7;
	color: rgba(51, 51, 51, .8);
	margin: 0;
}
.font-size-small-a {
	font-size: .26rem;
	line-height: .4rem;
	color: #333;
	margin: 0;
}
.hide {
	display: none;
}
/* 品牌型网站 */

.brandweb-sect1 h2 {
	padding: .62rem 0 0;
}
.brandweb-sect1 section {
	padding: .8rem 0 .54rem;
	position: relative;
	overflow: hidden;
}
.brandweb-sect1 section:nth-child(even) {
	background-color: #f5f5f5;
}
.brandweb-sect1 section .content p {
	margin: .26rem 0 .4rem;
}
.brandweb-sect1 .brand-demo1 {
	padding-top: .66rem;
}
.brandweb-sect1 .brand-demo3 {
	padding-bottom: 0;
}
.brandweb-sect1 section .number {

	color: #ff6c00;
	opacity: 0.05;
	font-size: 3rem;
	position: absolute;
	right: -7%;
	top: 4%;
}
.brandweb-sect1 .brand-demo1 .number {
	top: -.4rem;
}
/* 营销型网站 */
.marketingweb-sect1 {
	background-color: #4c547e;
	color: #fff;
	padding: .76rem .3rem .8rem;
}
.marketingweb-sect1 h2 {
	text-align: left;
	padding-bottom: 0;
}
.marketingweb-sect1 p {
	color: rgba(255, 255, 255, .8);
	margin: .17rem 0 .56rem;
}
.marketingweb-sect2 {
	padding: .7rem 0 .52rem;
}
.marketingweb-sect2 section {
	border-bottom: 0.01rem dashed #dedede;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: .3rem 0;
}
.marketingweb-sect2 section.first {
	padding-top: 0;
}
.marketingweb-sect2 section:last-child {
	border-bottom: 0;
}
.marketingweb-sect2 section .pic {
	width: 50%;
}
.marketingweb-sect2 section .content {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.marketingweb-sect2 section h3 {
	margin-bottom: .18rem;
}
.marketingweb-sect3 {
	background: url(./bg-img7.jpg) no-repeat;
	background-size: cover;
	padding: .7rem .3rem;
}
.marketingweb-sect3 p {
	color: #fff;
	font-size: .28rem;
	margin-bottom: .5rem;
}
.marketingweb-sect3 .img {
	display: block;
	width: 6.49rem;
	margin: 0 auto;
}
.serviceweb-sect2 {
	padding: .63rem 0 .71rem;
	background: url(./bg-img8.jpg) no-repeat center bottom;
	background-size: 100% auto;
}
.serviceweb-sect3 h2 {
	padding: .74rem 0 0;
}
.serviceweb-sect3 section .number {

	color: #ff6c00;
	opacity: 0.05;
	font-size: 3rem;
	position: absolute;
	right: -7%;
	top: 4%;
}
.serviceweb-sect3 .brand-demo1 .number {
	top: -.4rem;
}
.serviceweb-sect3 section {
	padding: .8rem 0 .54rem;
	position: relative;
	overflow: hidden;
}
.serviceweb-sect3 section:nth-child(even) {
	background-color: #f5f5f5;
}
.serviceweb-sect3 section .content p {
	margin: .26rem 0 .4rem;
}
.serviceweb-sect3 .brand-demo1 {
	padding-top: .66rem;
}
.serviceweb-sect3 .brand-demo3 {
	padding-bottom: 0;
}
.serviceweb-sect4 {
	padding-top: .8rem;
	background-color: #f5f5f5;
}
.serviceweb-sect5 {
	padding: .73rem .3rem;
	background: url(./bg-img33.jpg) no-repeat;
	background-size: cover;
}
.serviceweb-sect5 p {
	/* text-align: center; */
	margin-bottom: .64rem;
}
.brand-demo.bv2 .content {
	padding: 0 .3rem;
}
.brand-demo .content .icon {
	display: block;
	margin-bottom: .34rem;
}
.brand-demo .content h3 {
	color: #ed6d00;
	font-size: .32rem;
}
.brand-demo .content p {
	color: rgba(51, 51, 51, .8);
	font-size: .26rem;
	line-height: 1.6;
	margin: .2rem 0 .8rem;
}
.brand-demo .swiper-container .computer {
	margin: 0 auto;
	width: 6.06rem;
	height: 5.01rem;
	background: url(./computer.png) no-repeat;
	background-size: 6.06rem 5.01rem;
	padding: .25rem .26rem 0;
}
.brand-demo .swiper-container .computer img {
	width: 5.55rem;
	height: 3.32rem;
}
.brand-demo .swiper-container .mobile {
	margin: 0 auto;
	width: 3.58rem;
	height: 6.32rem;
	background: url(./iphone.png) no-repeat;
	background-size: 3.58rem 6.32rem;
	padding: .15rem .6rem 0;
}
.brand-demo .swiper-container .mobile img {
	width: 2.38rem;
	height: 3.99rem;
	display: block;
	border-radius: .1rem;
}
.brand-demo .swiper-pagination {
	position: static;
	font-size: 0;
	margin-top: .3rem;
}
.brand-demo .swiper-pagination-bullet {
	width: .2rem;
	height: .2rem;
	background-color: transparent;
	border: 1px solid #cfcfcf;
	opacity: 1;
}
.brand-demo .swiper-pagination-bullet-active {
	background-color: #ed6d00;
	border-color: #ed6d00;
}
/* 网上商城服务 */
.shop-sect2 {
	padding-top: .7rem;
}
.shop-sect2 .content p {
	margin: .19rem 0 .8rem;
}
.shop-sect3 {
	background-color: #f5f5f5;
	padding: .72rem 0 .77rem;
}
.shop-sect3 .img {
	width: 6.1rem;
	display: block;
	margin: .15rem auto 0;
}
.shop-sect4 {
	padding: .72rem 0 .3rem;
}
.shop-sect4 h2 {
	margin-bottom: .28rem;
}
.commodity-list .item .content {
	display: flex;
	align-items: center;
	height: 1.27rem;
	position: relative;
}
.commodity-list .item .content .text {
	width: 100%;
	text-align: center;
}
.commodity-list .item .content h3 {
	font-size: .32rem;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: .18rem;
}
.commodity-list .item .content span {
	display: block;
	font-size: .24rem;
	color: #999;
}
.commodity-list .item .content .icons {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.commodity-list .item .content i {
	display: inline-block;
	background-image: url(./css_sprites.png);
	background-repeat: no-repeat;
	background-size: 1.05rem;
	margin-left: .26rem;
}
.commodity-list .item .content .icon-pc {
	width: .4rem;
	height: .36rem;
	background-position: -.1rem -.1rem;
}
.commodity-list .item .content .icon-mobile {
	width: .25rem;
	height: .36rem;
	background-position: -.7rem -.1rem;
}
/* 企业综合信息门户 */
.information-sect2 .top {
	padding-bottom: .56rem;
	padding-top: .28rem;
	background: url(./bg-img10.jpg) no-repeat;
	background-size: cover;
}
.information-sect2 .top .font-size-24 {
	padding: 0 .4rem;
	color: #666;
	margin: .1rem 0 .5rem;
}
.information-sect2 .bottom {
	background: url(./bg-img11.jpg) no-repeat;
	background-size: cover;
	padding: .74rem .67rem .5rem;
}
.information-sect2 .bottom .font-size-24 {
	text-align: center;
	margin-bottom: .4rem;
}
.information-sect2 .types .item {
	float: left;
	width: 50%;
	text-align: center;
	padding: .2rem 0 0;
}
.information-sect2 .types .item span {
	display: block;
	margin-top: .16rem;
	font-size: .24rem;
}
.information-sect3 {
	padding-top: .25rem;
	padding-bottom: .9rem;
}
.information-sect3 .text {
	padding: 0 .4rem;
}
.information-sect3 .text .title3 {
	line-height: 1.4;
}
.information-sect3 .text .font-size-24 {
	color: #666;
	margin: .1rem 0 .54rem;
}
.information-sect3 .img {
	background-color: #f1f1f1;
	border-radius: .1rem;
	overflow: hidden;
}
.ui-sect1 {
	position: relative;
}
.ui-sect1 .slide-wrapper {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: .4rem;
	text-align: center;
	padding: 0 .76rem;
}
.ui-sect1 .slide-wrapper .icon {
	display: block;
	height: .6rem;
	width: auto;
	max-width: none;
	margin: 0 auto .1rem;
}
.ui-sect1 .slide-wrapper h3 {
	font-size: .3rem;
	margin: 0 0 0.12rem;
}
.ui-sect1 .slide-wrapper p {
	color: #666;
	font-size: .26rem;
	line-height: 1.5;
	margin: 0;
}
.ui-sect1 .swiper-pagination {
	position: static;
	font-size: 0;
	margin-top: .22rem;
}
.ui-sect1 .swiper-pagination-bullet {
	width: .2rem;
	height: .2rem;
	margin: 0 .2rem;
	opacity: 1;
	background-color: transparent;
	border: .01rem solid #fff;
}
.ui-sect1 .swiper-pagination-bullet-active {
	background-color: #ed6d00;
	border-color: #ed6d00;
}
.ui-sect2 {
	padding: .35rem .7rem 0;
}
.ui-sect2 .title3 {
	color: #ff6c00;
}
.ui-sect2 .font-size-24 {
	color: rgba(51, 51, 51, .8);
	margin: .05rem 0 .3rem;
}
.ui-sect2 .list li {
	width: 50%;
	position: relative;
	padding-left: .8rem;
	float: left;
	padding-bottom: .46rem;
}
.ui-sect2 .list li h3 {
	color: #041529;
	font-size: .3rem;
	line-height: .5rem;
	margin: 0;
}
.ui-sect2 .list li p {
	line-height: .4rem;
}
.ui-sect2 .list li .icon {
	width: .69rem;
	position: absolute;
	left: 0;
	top: .15rem;
}
/* 微信广告 */
.wx-ad-head {
	position: relative;
}
.wx-ad-head .text {
	position: absolute;
	left: 0;
	right: 0;
	top: 46%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
.wx-ad-head .text p {
	margin: 0;
}
.wx-ad-head .text .text1 {
	color: rgba(255, 255, 255, .8);
	font-size: .32rem;
	line-height: .4rem;
	margin-bottom: .3rem;
}
.wx-ad-head .text .text2 {
	color: #fff;
	font-size: .46rem;
	font-weight: bold;
	line-height: .5rem;
}
.wx-ad-sect1 section {
	text-align: center;
	padding: .8rem .3rem .6rem;
}
.wx-ad-sect1 section:nth-child(odd) {
	background-color: #f8f8f8;
}
.wx-ad-sect1 h2 {
	color: #ff6c00;
	font-size: .42rem;
	line-height: 1.54;
}
.wx-ad-sect1 h2 span {
	display: block;
	font-size: .34rem;
}
.wx-ad-sect1 p {
	color: #666;
	font-size: .26rem;
	margin: .44rem 0 .54rem;
	line-height: 1.5;
}
/* 手机网站 */
.mobile-web-sect {
	padding-top: .36rem;
}
.mobile-web-sect .title3 {
	color: #ff6c00;
}
.mobile-web-sect p em {
	color: #ff6c00;
}
.mobile-web-sect1 {
	background: url(./bg-img12.jpg) no-repeat;
	background-size: cover;
}
.mobile-web-sect1 p {
	margin-bottom: .5rem;
}
.mobile-web-sect2 {
	background: url(./bg-img13.jpg) no-repeat;
	background-size: cover;
}
.mobile-web-sect2 p {
	color: #fff;
}
.mobile-web-sect2 .img {
	margin-top: .98rem;
	margin-bottom: -.83rem;
}
.mobile-web-sect3 {
	padding-top: 1.23rem;
}
.mobile-web-sect3 .text {
	font-size: .3rem;
	line-height: .54rem;
	margin-bottom: .5rem;
}
.mobile-web-sect3 .text p {
	display: flex;
	justify-content: space-between;
}
.mobile-web-sect3 .text span {
	padding-left: .5rem;
	background: url(./icon2.png) no-repeat .18rem center;
	background-size: .18rem .18rem;
}
/* 微站 */
.weizhan-sect1 {
	background: url(./bg-img14.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	padding-bottom: 5.66rem;
	position: relative;
}
.weizhan-sect1 .title3 {
	line-height: .56rem;
}
.weizhan-sect1 p {
	margin-bottom: .25rem;
}
.weizhan-sect1 .platform {
	padding-top: .34rem;
}
.weizhan-sect1 .platform>div {
	width: 50%;
	float: left;
	text-align: center;
	padding: 0 .3rem;
}
.weizhan-sect1 .platform span {
	display: block;
}
.weizhan-sect1 .platform .wx .icon {
	background-image: url(./icon3.png);
}
.weizhan-sect1 .platform .wb .icon {
	background-image: url(./icon4.png);
}
.weizhan-sect1 .platform .icon {
	display: block;
	margin: 0 auto .2rem;
	width: 1.01rem;
	height: 1.01rem;
	background-size: 1.01rem 1.01rem;
	background-repeat: no-repeat;
}
.weizhan-sect1 .platform .name {
	font-size: .3rem;
	font-weight: bold;
	margin-bottom: .2rem;
}
.weizhan-sect1 .platform .text {
	font-size: .26rem;
	line-height: 1.4;
}
.weizhan-sect1 .img {
	width: 6.9rem;
	position: absolute;
	bottom: 0;
	left: .3rem;
}
.web-case-list .swiper-slide {
	opacity: .2;
	-webkit-transition: .4s;
	transition: .4s;
	padding-top: .05rem;
}
.web-case-list .swiper-slide-active {
	opacity: 1;
}
.web-case-list .swiper-slide span {
	text-align: center;
	display: block;
	padding: .3rem 0;
}
.web-case-list .iphone {
	width: 3.12rem;
	height: 5.96rem;
	background: url(./iphone2.png) no-repeat;
	background-size: 3.12rem 5.96rem;
	margin: 0 auto;
	position: relative;
}
.web-case-list .iphone img {
	position: absolute;
	left: 50%;
	top: .92rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 2.61rem;
}
.swiper-pagination-position .swiper-pagination-bullet {
	width: .2rem;
	height: .2rem;
	opacity: 1;
	background-color: transparent;
	border: 0.01rem solid #ccc;
}
.swiper-pagination-position .swiper-pagination-bullet-active {
	background-color: #ed6d00;
	border-color: #ed6d00;
}
.web-case-wrap {
	padding: .78rem 0 .4rem;
}
/* 官网小程序 */
.wx-web {
	position: relative;
	background-color: #e4eff6;
}
.wx-web .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.wx-web .content p {
	color: rgba(51, 51, 51, .8);
}
/* 智能小程序 */
.zhineng-wx-sect1 {
	padding: .35rem 0 .56rem;
}
.zhineng-wx-sect1 .list {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: .05rem;
}
.zhineng-wx-sect1 .list li {
	width: 3.3rem;
	background-color: #f0f2f5;
	margin-bottom: .3rem;
	padding: .5rem .28rem .4rem;
}
.zhineng-wx-sect1 .list li:nth-child(odd) {
	margin-right: .3rem;
}
.zhineng-wx-sect1 .list li h3 {
	color: #ff6c00;
	font-size: .3rem;
	margin: 0 0 .26rem;
}
.zhineng-wx-sect2 {
	padding: .35rem 0 .8rem;
	background-color: #e5e7ec;
}
.zhineng-wx-sect2 .table-box {
	margin-top: .05rem;
}
.zhineng-wx-sect3 p {
	color: rgba(51, 51, 51, .8);
	margin-bottom: .3rem;
}
.minipro-list {
	margin: .6rem 0 .24rem;
}
.minipro-list .item {
	float: left;
	width: 33.33333%;
	text-align: center;
	padding-bottom: .24rem;
}
.minipro-list .item .code {
	width: 1.56rem;
	height: 1.56rem;
}
.minipro-list .item span {
	display: block;
	line-height: 1.2;
	font-size: .2rem;
	padding: .12rem 0;
}
/* 公众号开发 */
.gzh-sect1 {
	position: relative;
}
.gzh-sect1 h2 {
	position: absolute;
	left: .5rem;
	top: 1rem;
	color: #fff;
	text-align: left;
}
.gzh-sect1 h2 em {
	font-style: normal;
	color: #ff6c00;
}
.gzh-sect2 {
	background-color: #fff9f0;
	padding: .7rem 0 .9rem;
}
.gzh-sect2 .text1 {
	line-height: 1.95;
	font-size: .28rem;
	font-weight: bold;
	margin-bottom: .6rem;
}
.gzh-sect2 .text1 em {
	color: #ff6c00;
}
.gzh-sect2 .text2 {
	color: #666;
	margin-top: .64rem;
}
.gzh-sect3 {
	padding: .36rem 0 .9rem;
	background-color: #f3f3f3;
}
.gzh-sect3 .tab-content {
	margin-top: .6rem;
	background: url(./bg-img34.png) no-repeat center top;
	background-size: 5.6rem auto;
	padding-top: 1.8rem;
}
.gzh-sect3 .tab-content .item {
	display: none;
}
.gzh-sect3 .tab-content .item img {
	display: block;
	width: 3.53rem;
	margin: 0 auto;
}
.gzh-sect3 .tab-content .item p {
	padding: 0 .4rem;
	margin-top: .40rem;
}
.gzh-sect3 .tab-btn {
	display: flex;
	justify-content: center;
	margin-top: .8rem;
}
.gzh-sect3 .tab-btn li {
	width: 1.34rem;
	height: 1.34rem;
	border-radius: 50%;
	padding: .19rem;
	margin: 0 .09rem;
	position: relative;
}
.gzh-sect3 .tab-btn li.active::before {
	opacity: 1;
}
.gzh-sect3 .tab-btn li::before {
	content: "";
	position: absolute;
	bottom: 101%;
	left: 43%;
	width: .25rem;
	height: .24rem;
	background: url(./css_sprites2.png) no-repeat;
	background-size: auto .44rem;
	opacity: 0;
}
.gzh-sect3 .tab-btn li div {
	width: 100%;
	height: 100%;
	line-height: .97rem;
	border-radius: 50%;
	background-color: #69d276;
	color: #fff;
	font-weight: bold;
	font-size: .26rem;
	text-align: center;
}
.gzh-sect3 .tab-btn .btn1 {
	background-color: rgba(255, 150, 0, .1);
}
.gzh-sect3 .tab-btn .btn1::before {
	background-position: -.1rem -.1rem;
}
.gzh-sect3 .tab-btn .btn1 div {
	background-color: #ff9600;
}
.gzh-sect3 .tab-btn .btn2 {
	background-color: rgba(105, 210, 118, .1);
}
.gzh-sect3 .tab-btn .btn2::before {
	background-position: -.55rem -.1rem;
}
.gzh-sect3 .tab-btn .btn2 div {
	background-color: #69d276;
}
.gzh-sect3 .tab-btn .btn3 {
	background-color: rgba(230, 129, 95, .1);
}
.gzh-sect3 .tab-btn .btn3::before {
	background-position: -1rem -.1rem;
}
.gzh-sect3 .tab-btn .btn3 div {
	background-color: #e6815f;
}
.gzh-sect3 .tab-btn .btn4 {
	background-color: rgba(143, 206, 59, .1);
}
.gzh-sect3 .tab-btn .btn4::before {
	background-position: -1.45rem -.1rem;
}
.gzh-sect3 .tab-btn .btn4 div {
	background-color: #8fce3b;
}
.gzh-sect4 {
	padding: .36rem 0 .68rem;
}
.gzh-sect4 .service-list {
	margin-top: .5rem;
}
.gzh-sect4 .service-list li {
	width: 1.56rem;
	height: 1.67rem;
	border: 1px solid #eee;
	float: left;
	margin-right: .22rem;
	margin-bottom: .22rem;
	font-size: .2rem;
	color: #666;
	text-align: center;
	padding-top: .26rem;
}
.gzh-sect4 .service-list li:nth-child(4n) {
	margin-right: 0;
}
.gzh-sect4 .service-list li .icon {
	width: .74rem;
	display: block;
	margin: 0 auto .08rem;
}
.gzh-sect5 {
	background-color: #f3f3f3;
	padding: .7rem 0;
}
.gzh-sect5 p {
	color: rgba(51, 51, 51, .8);
	margin-bottom: .3rem;
}
.gzh-sect6 {
	padding: .8rem 0 .6rem;
}
.gzh-sect6 .title3 {
	padding: 0 0 .3rem;
}
.gzh-sect6 p {
	text-align: center;
	color: rgba(51, 51, 51, .8);
	margin-bottom: .6rem;
}
.swiper-case .iphone {
	width: 3.12rem;
	height: 5.96rem;
	margin: 0 auto;
	background: url(./iphone2.png) no-repeat;
	background-size: 3.12rem 5.96rem;
	overflow: hidden;
}
.swiper-case .iphone .inner {
	display: block;
	width: 2.61rem;
	margin: .7rem auto 0;
	position: relative;
}
.swiper-case .iphone .inner .mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	text-align: center;
	padding-top: 1rem;
	opacity: 0;
	-webkit-transition: .4s;
	transition: .4s;
}
.swiper-case .iphone .inner .mask .qr-code {
	display: block;
	width: 1.77rem;
	margin: 0 auto .26rem;
}
.swiper-case .iphone .inner .mask span {
	line-height: .4rem;
	font-size: .28rem;
	color: #fff;
}
.swiper-case .swiper-slide .name {
	display: block;
	text-align: center;
	font-size: .28rem;
	line-height: .7rem;
}
.swiper-case .swiper-slide-active .iphone .inner .mask {
	opacity: 1;
}
.swiper-case .swiper-slide-active {
	opacity: 1;
}
.swiper-case::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 0;
	width: 25%;
	height: 100%;
	z-index: 2;
	background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));
}
.swiper-case::after {
	content: "";
	position: absolute;
	right: -1px;
	top: 0;
	width: 25%;
	height: 100%;
	z-index: 2;
	background-image: repeating-linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));
}
.swiper-case .swiper-pagination {
	padding: .2rem 0;
}
/* seo推广 */
.seo-sect1 {
	background: url(./dot-bg.jpg);
	background-size: .12rem .12rem;
	padding: .72rem 0 .58rem;
}
.seo-sect1 h2 {
	padding-bottom: .66rem;
}
.seo-sect2 {
	background: url(./bg-img16.jpg) no-repeat;
	background-size: cover;
	padding: .8rem 0;
}
.seo-sect2 p {
	margin: .07rem 0 .7rem;
}
.seo-sect3 {
	padding: .78rem 0 .85rem;
}
.seo-sect3 .text {
	text-align: center;
}
.seo-sect3 .text .title3 {
	padding: 0 0 .3rem;
}
.advantage .swiper-slide {
	text-align: center;
	padding: .7rem 0 .5rem;
}
.advantage .swiper-slide .icon {
	width: 1.1rem;
	margin: 0 auto .2rem;
}
.advantage .swiper-slide h3 {
	color: .24rem;
	font-weight: 500;
	margin-bottom: .2rem;
}
.advantage .swiper-slide p {
	color: #666;
	font-size: .26rem;
	line-height: 1.5;
	padding: 0 .4rem;
}
/* 全网营销 */
.quanwang-sect1 {
	position: relative;
	height: 10.3rem;
	background: url(./bg-img17.jpg) no-repeat;
	background-size: 100% auto;
	padding: .72rem 0 0;
}
.quanwang-sect1 h2 {
	color: #fff;
	padding: 0 0 .16rem;
}
.quanwang-sect1 p {
	color: #fff;
}
.quanwang-sect2 {
	padding: .80rem 0 .4rem;
}
.quanwang-sect2 h2 {
	margin-bottom: .05rem;
}
.quanwang-sect2 .order {
	margin-top: .58rem;
}
.quanwang-sect2 aside {
	padding: .56rem 1.4rem;
}
.quanwang-sect2 aside p {
	position: relative;
	padding-left: .46rem;
	font-size: .26rem;
	color: #666;
	line-height: .36rem;
}
.quanwang-sect2 aside p b {
	position: absolute;
	left: 0;
	top: 0;
	font-size: .46rem;
	color: #333;
}
.quanwang-sect2 aside p em {
	color: #ff6c00;
}
.quanwang-sect3 {
	position: relative;
	height: 8rem;
	background: url(./bg-img20.jpg) no-repeat;
	background-size: 100% auto;
	padding-top: .82rem;
}
.quanwang-sect4 {
	padding: .8rem 0 .9rem;
}
.quanwang-sect4 p {
	margin-bottom: .56rem;
}
/* 流量转化服务 */
.flow-service-sect1 {
	background-color: #5795b5;
	color: #fff;
	padding: .42rem 0 .83rem;
}
.flow-service-sect1 .title3 {
	margin-bottom: .5rem;
}
.flow-service-sect2 .box {
	padding: .68rem 0 .55rem;
}
.flow-service-sect2 .box ol li {
	padding: 0 .4rem .46rem .65rem;
	position: relative;
}
.flow-service-sect2 .box ol li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .07rem;
	width: .42rem;
	height: .13rem;
	background: url(./icon5.png) no-repeat;
	background-size: .42rem .13rem;
}
.flow-service-sect2 .box ol li h3 {
	font-size: .32rem;
	margin-bottom: .1rem;
}
.flow-service-sect2 .box ol li p {
	color: #666;
	font-size: .26rem;
	line-height: 1.45;
}
.flow-service-sect2 .box .poster {
	text-align: center;
}
.flow-service-sect2 .box1 {
	background-color: #f1e6da;
	margin-bottom: .4rem;
}
.flow-service-sect2 .box1 .poster img {
	width: 2.99rem;
	margin: 0 auto;
}
.flow-service-sect2 .box2 {
	background-color: #ececec;
}
.flow-service-sect2 .box2 .poster {
	padding: .1rem 0 .2rem;
}
.flow-service-sect2 .box2 .poster img {
	width: 5.34rem;
	margin: 0 auto;
}
.flow-service-sect2 .box2 span {
	display: block;
	line-height: .6rem;
	font-size: .24rem;
}
.flow-service-sect3 {
	background-color: #f7f7f7;
	margin-top: .7rem;
	padding: 0 0 1.03rem;
}
.flow-service-sect3 .box1 {
	padding: .5rem 0 .98rem;
}
.flow-service-sect3 .box1 p {
	margin-bottom: .65rem;
}
.flow-service-sect3 .box2 p {
	margin-bottom: .76rem;
}
.flow-service-sect4 {
	height: 12.43rem;
	background: url(./bg-img18.jpg) no-repeat;
	background-size: 100% auto;
	color: #fff;
}
.flow-service-sect4 {
	padding: .34rem 0 0;
}
.flow-service-sect4 p {
	color: rgba(255, 255, 255, .8);
}
.flow-service-sect4 .list {
	padding: 0 .12rem;
	margin-top: .25rem;
}
.flow-service-sect4 .list li {
	width: 25%;
	float: left;
	text-align: center;
	padding: .3rem 0;
}
.flow-service-sect4 .list li .icon {
	width: 1.1rem;
	display: block;
	margin: 0 auto .22rem;
}
/* 展会及活动增效 */
.activity-sect1 {
	height: 9.26rem;
	background: url(./bg-img19.jpg) no-repeat;
	background-size: 100% auto;
	color: #fff;
	padding: .34rem 0 0;
}
.activity-sect1 .title3::after {
	content: "";
	display: block;
	width: .48rem;
	height: .02rem;
	background-color: rgba(255, 255, 255, .5);
	margin: .3rem auto 0;
}
.activity-swiper .swiper-slide img {
	display: block;
	width: 4.5rem;
	margin: 0 auto 0;
}
.activity-swiper .swiper-slide p {
	margin: .6rem 0 .24rem;
	font-size: .26rem;
	line-height: .36rem;
	text-align: center;
}
.activity-sect2 {
	padding: .78rem 0 .84rem;
}
.activity-sect2 p {
	margin-bottom: .64rem;
}
.activity-sect3 {
	background-color: #f7f7f7;
	padding: .78rem 0 .7rem;
}
.activity-sect3 p {
	margin-bottom: .46rem;
}
.activity-sect4 {
	padding: .72rem 0 .78rem;
}
.activity-sect4 p {
	margin-bottom: .38rem;
}
.activity-sect5 {
	background-color: #f7f7f7;
	padding: .7rem 0;
}
.activity-sect5 p {
	margin-bottom: .72rem;
}
.swiper-pagination-position {
	position: static;
	font-size: 0;
}
.activity-sect6 {
	padding: .78rem 0 0;
}
.activity-sect6 .swiper-pagination-position {
	padding: .48rem 0;
}
.activity-sect7 {
	padding: 0 0 .9rem;
}
.activity-sect7 .swiper-slide {
	padding: .18rem 0 0;
}
.activity-sect7 .swiper-slide .name {
	line-height: .84rem;
}
/* 关于我们 */
.aboutus-sect1 {
	padding-top: .3rem;
}
.aboutus-sect1 img {
	border-radius: .1rem;
}
.aboutus-sect1 .img1 {
	margin-bottom: .4rem;
}
.aboutus-sect1 .content {
	width: 6.1rem;
	margin: -.8rem auto .6rem;
	border-radius: .1rem;
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding: .72rem .4rem .6rem;
	background-color: #fff;
}
.aboutus-sect1 .content::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 2.53rem;
	height: 2.12rem;
	background: #fff url(./bg-img22.png) no-repeat;
	background-size: 2.53rem;
}
.aboutus-sect1 .content::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 2.48rem;
	height: 2.77rem;
	background: #fff url(./bg-img21.png) no-repeat;
	background-size: 2.48rem;
}
.aboutus-sect1 .content p {
	font-size: .28rem;
	line-height: 1.6;
	margin: 0;
}
.aboutus-sect1 .content p em {
	color: #ff6c00;
}
.aboutus-sect1 h2 {
	padding-bottom: .46rem;
}
.aboutus-sect2 {
	background-color: #f6f7f7;
	padding: .8rem 0 .6rem;
}
.aboutus-sect2 h2 {
	padding-bottom: .68rem;
}
.aboutus-sect2 .list {
	position: relative;
}
.aboutus-sect2 .list li {
	width: 3.3rem;
	height: 3.3rem;
	background-color: #fff;
	margin-bottom: .4rem;
	padding: .28rem .3rem 0 .3rem;
	float: left;
}
.aboutus-sect2 .list li:nth-child(odd) {
	margin-right: .29rem;
}
.aboutus-sect2 .list li:nth-child(even) span {
	text-align: right;
}
.aboutus-sect2 .list span {
	display: block;
	color: #ff6c00;
	font-size: .34rem;
}
.aboutus-sect2 .list p {
	margin: .16rem 0 0;
	color: #666;
	font-size: .26rem;
	line-height: 1.4;
}
.aboutus-sect2 .list::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1.58rem;
	height: 1.58rem;
	background: url(./icon6.png) no-repeat;
	background-size: 1.58rem;
}
.aboutus-sect3 {
	height: 6.1rem;
	background: url(./bg-img23.jpg) no-repeat;
	background-size: 100% auto;
	display: flex;
	align-items: center;
}
.aboutus-sect3 h2 {
	color: #fff;
	padding-bottom: .4rem;
}
.aboutus-sect3 p {
	color: #fff;
	font-size: .28rem;
	line-height: .4rem;
}
/* 网上改版与内容迁移 */
.change-web-sect1 {
	background: url(./bg-img24.jpg) no-repeat;
	background-size: cover;
	padding: .72rem 0 .82rem;
	color: #fff;
}
.change-web-sect1 p {
	color: rgba(255, 255, 255, .8);
	margin: .1rem 0 .26rem;
}
.change-web-sect2 {
	padding: .72rem 0 .8rem;
}
.change-web-sect2 h2 {
	padding-left: .4rem;
	padding-right: .4rem;
}
.change-web-sect2 p {
	margin: .08rem 0 .55rem;
}
.change-web-sect3 {
	background-color: #f7f7f7;
	padding: .7rem 0 .77rem;
}
.change-web-sect3 .list {
	margin: .12rem 0 .3rem;
}
.change-web-sect3 .list li {
	font-size: .26rem;
	line-height: 1.5;
	padding: 0 0 .24rem .4rem;
	position: relative;
}
.change-web-sect3 .list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .07rem;
	width: .24rem;
	height: .24rem;
	background: url(./icon7.png) no-repeat;
	background-size: .24rem .24rem;
}
.change-web-sect3 .list li p {
	color: #555;
}
.change-web-sect4 {
	padding: .74rem 0 .77rem;
}
.change-web-sect4 p {
	margin: .1rem 0 .18rem;
}
/* 全网站管理系统 */
.web-system-sect1 {
	color: #fff;
	height: 8.6rem;
	background: url(./bg-img25.jpg) no-repeat;
	background-size: cover;
	padding: .72rem 0 0;
}
.web-system-sect1 p {
	text-align: center;
	color: #fff;
	margin-top: .1rem;
}
.web-system-sect2 {
	padding: .7rem 0 .84rem;
}
.web-system-sect2 .content {
	padding-bottom: .18rem;
}
.web-system-sect2 p {
	margin: .1rem 0 .12rem;
}
.web-system-sect3 {
	background-color: #f7f7f7;
	padding: .7rem 0 .13rem;
}
.web-system-sect3 h2 {
	padding-bottom: 0;
}
.web-system-sect3 .article-wrapper article {
	padding: .6rem 0 .7rem;
	border-bottom: 1px dashed #dedede;
}
.web-system-sect3 .article-wrapper article:last-child {
	border-bottom: 0;
}
.web-system-sect3 .article-wrapper h3 {
	font-size: .32rem;
	line-height: 1.2;
	color: #ff6c00;
	margin: 0 0 .2rem;
}
.web-system-sect3 .article-wrapper .article2 p {
	color: #333;
}
.web-system-sect3 .article-wrapper .article1 img {
	margin-top: -.2rem;
}
.web-system-sect3 .article-wrapper .article2 {
	padding-bottom: .82rem;
}
.web-system-sect3 .article-wrapper .article2 p {
	margin-bottom: .58rem;
}
.web-system-sect3 .article-wrapper .article3 {
	padding-bottom: .56rem;
}
.web-system-sect3 .article-wrapper .article3 p {
	margin-bottom: .37rem;
}
.web-system-sect3 .article-wrapper .article4 {
	padding-bottom: .52rem;
}
.web-system-sect3 .article-wrapper .article4 p {
	margin-bottom: .32rem;
}
.web-system-sect3 .article-wrapper .article5 p {
	margin-bottom: .35rem;
}
.web-system-sect4 {
	padding: .8rem 0;
}
.web-system-sect4 table {
	text-align: center;
}
.web-system-sect4 table thead {
	background-color: #ff6c00;
	height: 1.09rem;
	line-height: 1.09rem;
	color: #fff;
	border: 1px solid #ff6c00;
}
.web-system-sect4 table .head {
	width: 1.84rem;
	border-right: 1px solid #c8ccde;
}
.web-system-sect4 table thead .head {
	border-right: 1px solid #ffba88;
}
.web-system-sect4 table tbody {
	border: 1px solid #c8ccde;
	border-top: 0;
}
.web-system-sect4 table tbody tr {
	border-bottom: 1px solid #c8ccde;
}
.web-system-sect4 table tbody tr:last-child {
	border-bottom: 0;
}
.web-system-sect4 table tbody td {
	vertical-align: middle;
}
.web-system-sect4 table tbody .text {
	color: #666;
	font-size: .26rem;
	line-height: 1.4;
	text-align: left;
}
.web-system-sect4 table tbody .text p {
	margin: 0;
	padding: .35rem .3rem;
}
/* 超级战车开发平台 */

.chariot-dev-sect1 {
	height: 11.61rem;
	background: url(./bg-img26.jpg) no-repeat;
	background-size: 100% auto;
	color: #fff;
	padding: .73rem 0 0;
}
.chariot-dev-sect1 p {
	color: rgba(255, 255, 255, .8);
	margin-top: .1rem;
}
.chariot-dev-sect2 {
	background: #fff url(./bg-img28.png) no-repeat;
	background-size: cover;
	height: 11.1rem;
	position: relative;
}
.chariot-dev-sect2 .title {
	position: absolute;
	top: 5.55rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: .48rem;
}
.chariot-dev-sect2 .item,
.chariot-dev-sect2 .item .icon,
.chariot-dev-sect2 .item .number {
	position: absolute;
}
.chariot-dev-sect2 .item1 {
	top: 1.76rem;
	left: .94rem;
}
.chariot-dev-sect2 .item2 {
	width: 2.4rem;
	top: 3.65rem;
	right: .3rem;
}
.chariot-dev-sect2 .item3 {
	top: 7.5rem;
	left: 2rem;
}
.chariot-dev-sect2 .item4 {
	bottom: .94rem;
	right: .36rem;
}
.chariot-dev-sect2 .item h3 {
	font-size: .32rem;
	margin-bottom: .12rem;
}
.chariot-dev-sect2 .item p {
	font-size: .26rem;
	line-height: 1.4;
	color: #666;
}
.chariot-dev-sect2 .item .number {

	font-size: .9rem;
	font-style: italic;
	color: #ffae4f;
}
.chariot-dev-sect2 .item1 .icon {
	width: .78rem;
	top: -.96rem;
}
.chariot-dev-sect2 .item2 .icon {
	width: .94rem;
	left: -1.8rem;
	top: -.5rem;
}
.chariot-dev-sect2 .item3 .icon,
.chariot-dev-sect2 .item4 .icon {
	width: .63rem;
}
.chariot-dev-sect2 .item3 .icon {
	left: -1.48rem;
	top: 0;
}
.chariot-dev-sect2 .item4 .icon {
	left: -1.4rem;
	top: .05rem;
}
.chariot-dev-sect2 .item1 .number {
	left: -.64rem;
	top: -.06rem;
}
.chariot-dev-sect2 .item2 .number {
	left: -.76rem;
	top: -.06rem;
}
.chariot-dev-sect2 .item3 .number {
	left: -.74rem;
	top: -.06rem;
}
.chariot-dev-sect2 .item4 .number {
	left: -.7rem;
	top: -.06rem;
}
.chariot-dev-sect3 {
	background: url(./bg-img27.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	padding: .72rem 0 .93rem;
}
.chariot-dev-sect3 .inner {
	width: 6.1rem;
	margin: 0 auto;
	font-size: 0;
}
.chariot-dev-sect3 .list {
	margin-top: .12rem;
}
.chariot-dev-sect3 .list .item {
	width: 2.9rem;
	height: 3.37rem;
	background: url(./bg-img29.png) no-repeat;
	background-size: 2.9rem auto;
	display: inline-block;
	vertical-align: top;
	padding: .65rem .19rem 0;
	color: #fff;
	text-align: center;
}
.chariot-dev-sect3 .list .item .icon {
	display: block;
	margin: 0 auto;
	width: .86rem;
}
.chariot-dev-sect3 .list .item h3 {
	font-size: .28rem;
	margin-bottom: .2rem;
}
.chariot-dev-sect3 .list .item p {
	font-size: .26rem;
	line-height: 1.2;
}
.chariot-dev-sect3 .list .item3 {
	display: block;
	margin: -.6rem auto;
}
.chariot-dev-sect3 .list .item4,
.chariot-dev-sect3 .list .item5 {
	padding-top: .51rem;
}
.chariot-dev-sect3 .list .item1,
.chariot-dev-sect3 .list .item4 {
	margin-right: .3rem;
}
.chariot-dev-sect4 {
	background-color: #f6f7f7;
	padding: .72rem 0;
}
.chariot-dev-sect4 .list {
	margin-bottom: .45rem;
}
.chariot-dev-sect4 .list .item {
	width: 3.3rem;
	height: 2.1rem;
	border: 1px solid #ffad4e;
	text-align: center;
	position: relative;
	padding: .56rem .15rem 0;
	color: #666;
	float: left;
	margin-top: .66rem;
}
.chariot-dev-sect4 .list .item:nth-child(odd) {
	margin-right: .29rem;
}
.chariot-dev-sect4 .list .item .icon {
	width: .75rem;
	position: absolute;
	top: -.39rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.chariot-dev-sect4 .list .item h3 {
	font-size: .28rem;
	margin-bottom: .18rem;
}
.chariot-dev-sect4 .list .item p {
	font-size: .26rem;
	line-height: 1.3;
}
.chariot-dev-sect5 {
	position: relative;
}
.chariot-dev-sect5 h2 {
	position: absolute;
	width: 100%;
	left: 0;
	top: .72rem;
	color: #fff;
}
/* 网上商城管理系统 */
.shop-dev-sect1 {
	height: 8.9rem;
	background: url(./bg-img30.jpg) no-repeat;
	background-size: 100% auto;
	color: #fff;
	padding: .72rem 0 0;
}
.shop-dev-sect1 p {
	text-align: center;
	color: rgba(255, 255, 255, .8);
	margin-top: .1rem;
}
.shop-dev-sect2 {
	padding: .72rem 0 .7rem;
}
.shop-dev-sect2 h3 {
	margin: .18rem 0 .22rem;
	text-align: center;
	color: #ff6c00;
	font-size: .32rem;
}
.shop-dev-sect2 p {
	color: #666;
}
.shop-dev-sect3 {
	background-color: #f5f5f5;
	padding: .72rem 0 .83rem;
}
.shop-dev-sect3 p {
	margin-top: .2rem;
}
.shop-dev-sect3 .img-group img {
	width: 3.3rem;
}
.shop-dev-sect3 .img-group .img {
	float: left;
	border: 1px solid #fff;
	margin-top: .44rem;
	width: 3.34rem;
}
.shop-dev-sect3 .img-group .img1 {
	margin-right: .22rem;
}
.shop-dev-sect4 {
	padding: .72rem 0 .52rem;
}
.shop-dev-sect4 .tips {
	font-size: .26rem;
	line-height: 1.7;
	color: #808080;
	text-align: center;
	padding-top: .42rem;
	border-top: 1px solid #e5e5e5;
}
.shop-dev-sect4 .diagram {
	margin-bottom: .4rem;
}
.shop-dev-sect4 table tr td {
	display: inline-block;
	width: 50%;
	border: 1px solid #e5e5e5;
	vertical-align: top;
}
.shop-dev-sect4 table tr td h6 {
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	margin: 0;
	color: #4c4c4c;
	font-size: .26rem;
}
.shop-dev-sect4 table tr td:nth-child(odd) h6 {
	background-color: #ecf4f6;
}
.shop-dev-sect4 table tr td:nth-child(even) h6 {
	background-color: #f3f8f0;
}
.shop-dev-sect4 table tr td p {
	font-size: .2rem;
	color: #666;
	line-height: .38rem;
	padding: .3rem;
	margin: 0;
	/* min-height: 1.78rem; */
	height: 2.4rem;
}
.shop-dev-sect4 .tool-list {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: .74rem;
}
.shop-dev-sect4 .tool-list .item {
	width: 50%;
	text-align: center;
	padding: .6rem 0 0;
}
.shop-dev-sect4 .tool-list .item .icon {
	width: 1.5rem;
	display: block;
	margin: 0 auto;
}
.shop-dev-sect4 .tool-list .item h3 {
	font-size: .28rem;
	line-height: 1.4;
	margin: .28rem 0 .12rem;
}
.shop-dev-sect4 .tool-list .item span {
	display: block;
	font-size: .26rem;
	line-height: 1.5;
	color: #666;
}
/* 企业云服务 */
.cloud-services-sect2 {
	padding: .72rem 0 .22rem;
	background-color: #f8f8f8;
}
.cloud-services-sect2 .list {
	margin-top: .5rem;
}
.cloud-services-sect2 .list .item {
	padding-left: .38rem;
	padding-bottom: .5rem;
	position: relative;
}
.cloud-services-sect2 .list .item::before {
	content: "";
	position: absolute;
	left: 0;
	top: .15rem;
	width: .24rem;
	height: .24rem;
	background: url(./icon8.png) no-repeat;
	background-size: .24rem .24rem;
}
.cloud-services-sect2 .list h3 {
	font-size: .28rem;
	line-height: 1.95;
	margin: 0 0 .1rem;
}
.cloud-services-sect3 {
	padding: .72rem 0 0;
}
.cloud-services-sect3 .tab-btn {
	display: flex;
	flex-wrap: wrap;
	padding: .34rem 0 .1rem;
}
.cloud-services-sect3 .tab-btn .btn {
	width: 33.33333%;
	float: left;
	text-align: center;
	padding-bottom: .45rem;
}
.cloud-services-sect3 .tab-btn figure {
	display: block;
	width: 1.36rem;
	margin: 0 auto;
}
.cloud-services-sect3 .tab-btn figure .on {
	display: none;
}
.cloud-services-sect3 .tab-btn .active figure .on {
	display: block;
}
.cloud-services-sect3 .tab-btn .active figure .default {
	display: none;
}
.cloud-services-sect3 .tab-btn .active span {
	color: #ff6c00;
}
.cloud-services-sect3 .tab-btn span {
	display: block;
	margin-top: .14rem;
	font-size: .3rem;
}
.cloud-services-sect3 .tab-content .item {
	background-color: #fef9f6;
	padding: .5rem .3rem .96rem;
}
.cloud-services-sect3 .tab-content .text {
	margin-top: .56rem;
	padding: 0 .38rem;
}
.cloud-services-sect3 .tab-content h3 {
	font-size: .32rem;
	margin: 0;
}
.cloud-services-sect3 .tab-content .text p {
	color: #666;
	margin-top: .3rem;
}
.cloud-services-sect3 .tab-content ol {
	padding: 0 .38rem;
}
.cloud-services-sect3 .tab-content ol li {
	padding-left: .36rem;
	margin-top: .36rem;
	position: relative;
}
.cloud-services-sect3 .tab-content ol li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .14rem;
	width: .24rem;
	height: .24rem;
	background: url(./icon1.png) no-repeat;
	background-size: .24rem .24rem;
}
.cloud-services-sect3 .tab-content ol h4 {
	font-size: .26rem;
	line-height: .5rem;
	margin: 0;
}
.cloud-services-sect3 .tab-content ol p {
	color: #666;
}
.cloud-services-sect3 .tab-content dl {
	display: flex;
	flex-wrap: wrap;
	padding: 0 .38rem;
}
.cloud-services-sect3 .tab-content dl dd {
	width: 50%;
	position: relative;
	padding-top: .5rem;
}
.cloud-services-sect3 .tab-content dl dd:nth-child(even) {
	padding-left: .5rem;
}
.cloud-services-sect3 .tab-content dl dd:nth-child(even) .icon {
	left: .5rem;
}
.cloud-services-sect3 .tab-content dl h4 {
	color: #ff6c00;
	font-size: .3rem;
	line-height: .5rem;
	margin: 0 0 .04rem;
	padding-left: .6rem;
}
.cloud-services-sect3 .tab-content dl p {
	color: #666;
}
.cloud-services-sect3 .tab-content dl .icon {
	width: .5rem;
	position: absolute;
	left: 0;
	top: .54rem;
}
.cloud-services-sect3 .tab-content .item6 dl h4 {
	font-size: .28rem;
}
/* 八大优势 */
.auto60 {
	padding: 0 .6rem;
}
.font-size-h3 {
	font-size: .32rem;
	line-height: 1.2;
	color: #ed6d00;
	margin: 0;
}
.eight-advantages-sect1 {
	height: 7rem;
	background: url(./bg-img31.jpg) no-repeat;
	background-size: cover;
	padding: .72rem 0 0;
}
.eight-advantages-sect1 .inner {
	color: #fff;
	padding: 0 .9rem;
}
.eight-advantages-sect1 p {
	color: rgba(255, 255, 255, .8);
}
.eight-advantages-sect2 {
	padding: .7rem 0 .36rem;
}
.eight-advantages-sect2 p {
	margin-bottom: .36rem;
	margin-top: .08rem;
}
.eight-advantages-sect3 {
	padding: .7rem 0 .9rem;
}
.eight-advantages-sect3 .dots {
	text-align: center;
	font-size: 0;
  margin-top: .3rem;
}
.eight-advantages-sect3 .dots span {
	width: .2rem;
	height: .2rem;
	margin: 0 4px;
}
.eight-advantages-sect3 .content {
	padding: .42rem 0 0;
	background-color: #fff;
	overflow: hidden;
}
.eight-advantages-sect3 p {
	margin: .25rem 0 0;
}
.eight-advantages-sect4 {
	background-color: #eceff2;
	padding: .82rem 0 1.05rem;
}
.eight-advantages-sect4 p {
	margin: .07rem 0 .5rem;
}
.eight-advantages-sect5 {
	background-color: #fbf4ec;
	padding: .8rem 0 .9rem;
}
.eight-advantages-sect5 .content {
	padding: 0 0 .64rem;
}
.eight-advantages-sect5 .btn {
	display: inline-block;
	color: #ed6d00;
	border-bottom: 1px solid #ed6d00;
	padding-right: .25rem;
	position: relative;
	background: url(./icon9.png) no-repeat right center;
	background-size: .18rem .17rem;
	margin-top: .2rem;
}
.eight-advantages-sect6 {
	padding: .82rem 0 .77rem;
}
.eight-advantages-sect6 p {
	margin: .07rem 0 .62rem;
}
.eight-advantages-sect7 {
	background-color: #eceff2;
	padding: .82rem 0 .9rem;
}
.eight-advantages-sect7 p {
	margin: .07rem 0 .42rem;
}
.eight-advantages-sect8 {
	background-color: #fbf4ec;
	padding: .82rem 0 .97rem;
}
.eight-advantages-sect8 p {
	margin: 0 0 .55rem;
}
.eight-advantages-sect9 {
	padding: .8rem 0;
}
.eight-advantages-sect9 p {
	margin: 0 0 .46rem;
}
.eight-advantages-sect9 .bottom {
	display: flex;
	align-items: center;
}
.eight-advantages-sect9 .bottom .icon {
	width: 2.9rem;
	flex: 0 0 2.9rem;
}
.eight-advantages-sect9 .bottom .slide-wrapper {
	flex: 1;
	padding-left: .38rem;
	width: calc(100% - 2.9rem);
}
.eight-advantages-sect9 .bottom dt {
	color: #041529;
	font-size: .32rem;
	line-height: 1.2;
	margin-bottom: .12rem;
	background-color: ;
}
.eight-advantages-sect9 .dots {
	margin-top: 1rem;
	text-align: center;
	font-size: 0;
}
.eight-advantages-sect9 .dots span {
	margin: 0 4px;
}
.eight-advantages-sect9 .dots span {
	width: .2rem;
	height: .2rem;
	margin: 0 4px;
	background-color: transparent;
	border: 1px solid #cfcfcf;
	opacity: 1;
}
.eight-advantages-sect9 .swiper-slide {
	background-color: #fff;
	opacity: 0;
}
.eight-advantages-sect9 .swiper-slide-active {
	opacity: 1;
}
.eight-advantages-sect9 .dots span.swiper-pagination-bullet-active {
	background-color: #ed6d00;
	border-color: #ed6d00;
}
/* .eight-advantages-sect9 .swiper-container .swiper-pagination {
	margin-top: 1.07rem;
} */
/* 产品型网站建设 */
.brand-web-wrapper h2 {
	padding: .6rem 0 .64rem;
}
.brand-web-wrapper section {
	padding: .8rem 0 .54rem;
}
.brand-web-wrapper section .content p {
	margin: .5rem 0;
}
.brand-web-wrapper .brand-demo1 {
	padding-top: 0;
}
.brand-web-wrapper .list section:nth-child(even) {
	background-color: #f5f5f5;
}
.brand-web-wrapper .brand-demo3 .code-wrap {
	margin-bottom: .58rem;
}
.brand-web-wrapper .brand-demo3 .code-wrap .code {
	width: 1.4rem;
	height: 1.4rem;
	border: 1px solid #eee;
	margin: 0 auto;
	padding: .1rem;
}
.brand-web-wrapper .brand-demo3 .code-wrap .text {
	text-align: center;
	line-height: 1.2;
	margin-top: .16rem;
}

.fixed-control {
	position: fixed;
	right: .3rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 50;
}
.fixed-control .item {
	display: block;
	width: .9rem;
	height: .9rem;
	border-radius: 50%;
	background: #ffb400;
	margin-bottom: .2rem;
}
.fixed-control .item::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(./tel.png) no-repeat center center;
	background-size: 56% auto;
}
.fixed-control .item:last-child {
	margin-bottom: 0;
}


.auto {
	padding: 0 .3rem;
}
.miniPro-s1 {
	padding: .6rem 0;
	background: url(./H_img_2.jpg) no-repeat;
	background-size: cover;
}
.miniPro-s1 .group {
	margin-top: .4rem;
}
.miniPro-s1 .group .item {
	padding-left: 1rem;
	min-height: .8rem;
	position: relative;
	padding-bottom: .4rem;
}
.miniPro-s1 .group .item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: .8rem;
	height: .8rem;
	background: no-repeat 0 0;
	background-size: .7rem auto;
}
.miniPro-s1 .group .item:nth-child(1)::before {
	background-image: url(./icon_1.png);
}
.miniPro-s1 .group .item:nth-child(2)::before {
	background-image: url(./icon_2.png);
}
.miniPro-s1 .group .item:nth-child(3)::before {
	background-image: url(./icon_3.png);
}
.miniPro-s1 .group .item:nth-child(4)::before {
	background-image: url(./icon_4.png);
}
.miniPro-s1 .group .item .item-tit {
	font-size: .32rem;
	margin: 0;
}
.miniPro-s1 .group .item .desc {
	font-size: .28rem;
	margin: .1rem 0 0;
}
.miniPro-s2 {
	padding: .6rem 0;
}
.miniPro-s2 .list .item {
	width: 50%;
	float: left;
	text-align: center;
	padding-bottom: .5rem;
}
.miniPro-s2 .list .item .qrcode {
	width: 2.4rem;
	margin: 0 auto;
}
.miniPro-s2 .list .item .item-tit {
	font-size: .28rem;
	margin-top: .2rem;
}
.miniPro-s3 {
	padding-bottom: .6rem;
	background: url(./H_img_5.jpg) no-repeat;
	background-size: cover;
}
.miniPro-s3 .desc {
	font-size: .28rem;
	line-height: 1.5;
}
.miniPro-s3 .txt-img {
	margin: .5rem auto;
	max-width: 80%;
}

#app202001211{overflow: hidden;}
#app202001211 > div{padding-bottom: 20vw;}
#app202001211 .app-1{background: url("./H_img_5.jpg") no-repeat center bottom;overflow: hidden;}
#app202001211 .name{text-align: center;color: #333; margin-bottom: 10vw;padding-top: 40px;padding: 0 2%;}
#app202001211 .name .tit{font-size: .4rem; margin-bottom: 1em; font-weight: bold;}
#app202001211 .name  p{line-height: 1.5;    font-size: .28rem;font-weight: 100;font-family: "Microsoft YaHei";}
#app202001211 .app-1 .name{margin-bottom: 20vw;}
#app202001211 .app-1 .main{position: relative; width: 60vw; max-width: 650px;max-height: 650px; margin: 0 auto; height: 60vw; border-radius: 50%;background:url("./quan.png") no-repeat center center #fff; background-size: auto 75%;box-shadow: 0 0 5vw rgba(61,83,194,0.12);}
#app202001211 .app-1 dl{position: absolute; left: 0; top: 0; width: 100%; height: 100%;/* animation:zhuan 50s linear infinite; */}

#app202001211 .app-1 dd{position: absolute;background: #fff; box-shadow: 0 0 30px rgba(61,83,194,0.12); border-radius: 50%; /*animation:zhuan2 50s linear infinite;*/ display:flex;justify-content:center; align-items: center;}
#app202001211 .app-1 dd:nth-child(1),
#app202001211 .app-1 dd:nth-child(4){width:22vw; height:22vw;max-width: 192px;max-height: 192px;}
#app202001211 .app-1 dd:nth-child(3),
#app202001211 .app-1 dd:nth-child(6){width:22vw;height:22vw;max-width: 168px;max-height: 168px;}
#app202001211 .app-1 dd:nth-child(2),
#app202001211 .app-1 dd:nth-child(5){width: 18vw;height: 18vw;max-width: 138px;max-height: 138px;}
#app202001211 .app-1 dd:nth-child(1){left: -15vw; top: 1.6vw;}
#app202001211 .app-1 dd:nth-child(2){right: 9vw; top: -12vw;}
#app202001211 .app-1 dd:nth-child(3){right: -18vw; top: 8vw;}
#app202001211 .app-1 dd:nth-child(4){right: -17vw; bottom: 1vw;}
#app202001211 .app-1 dd:nth-child(5){left: 23vw; bottom: -12vw;}
#app202001211 .app-1 dd:nth-child(6){left: -12.2vw; bottom: 2.27vw;}
#app202001211 .app-1 dd aside{font-size: 3vw; line-height: 1.5;color: #333;}
#app202001211 .app-1 dd aside figure{padding-bottom: 1vw;}
#app202001211 .app-1 dd aside figure img{width: auto; margin: 0 auto; max-width: 7vw;}
/* @keyframes zhuan{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@keyframes zhuan2{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(-360deg);}
} */
#app202001211 .app-2{padding-top:30px; padding:0 .3rem; padding-bottom:10vw;}
#app202001211 .app-2 .auto-inner{max-width: 1200px;}
#app202001211 .app-2 li{float: left; width: 23.5%; margin-bottom: 2%; background: #f7f8fa; text-align: center; padding: 2vw 0;border:1px solid #f7f8fa; }
#app202001211 .app-2 li:not(:nth-child(4n)){margin-right: 2%;}
#app202001211 .app-2 li aside{font-family: "Microsoft YaHei";color: #333; margin-top: 5px; font-size: 3vw;}
#app202001211 .app-2 li figure{width: 34px; height: 34px;position: relative; margin: 0 auto;}
#app202001211 .app-2 li figure img{width: 100%; display: block; height: 100%;}
#app202001211 .app-2 li figure img.h{position: absolute; left: 0; top: 0;}
#app202001211 .app-2 li figure img.s{ transition:0.3s ease-in-out;}
#app202001211 .app-2 li figure img.h{ transition:0.6s ease-in-out;}
#app202001211 .app-2 li .h{display: none;}
#app202001211 .app-2 li .s{ opacity:1;transform:scale(1);}
@media(min-width:769px){
#app202001211 .app-2 li aside,
#app202001211 .app-1 dd aside{font-size: 16px;}
#app202001211 .app-1 dd:nth-child(1){left: -60px; top: 16px;}
#app202001211 .app-1 dd:nth-child(2){right: 90px; top: -15px;}
#app202001211 .app-1 dd:nth-child(3){right: -105px; top: 197px;}
#app202001211 .app-1 dd:nth-child(4){right: -90px; bottom: 63px;}
#app202001211 .app-1 dd:nth-child(5){left: 93px; bottom: 20px;}
#app202001211 .app-1 dd:nth-child(6){left: -122px; bottom: 227px;}
}


.whyxp{padding:0.3rem 0;font-size: 0.26rem;}
.whyxp .page-banner{padding:0 0.3rem;}
.whyxp .all-title{padding-top:0.81rem;font-size: 0.4rem;color: #f78641; text-align:center; padding-bottom:0.51rem;line-height:1;}
.whyxp .desc{color:#666;text-align:center; line-height:1;}
.whyxp .box .pic{margin:0 -0.17rem;}
.whyxp .box .pic img{width:auto; max-width:100%; margin:0 auto;}
.whyxp .box-1 .all-title{padding-bottom:0.27rem;}
.whyxp .box-1 .desc{padding-bottom:0.5rem;}
.whyxp .box-1 li{float:left;width:50%;text-align:center;}
.whyxp .box-1 li .icon{display:flex;align-items:center;justify-content:center;width: 1.8rem;height:1.6rem;background-color: #f7f7f7;border-radius: 0.1rem; margin:0 auto 0.31rem;}
.whyxp .box-1 li .icon img{max-width:0.95rem;width: auto;}
.whyxp .box-1 li aside{padding-bottom:0.49rem;color:#666;}

.whyxp .box-2{background-color: #f7f7f7;}
.whyxp .box-2 .item{padding:0.8rem 0.44rem 0.5rem;position:relative;}
.whyxp .box-2 .item-1{padding-top:0;}
.whyxp .box-2 .item:nth-child(2n){background:#fff;}
.whyxp .box-2 .item:not(:last-child):after{position:absolute; content:''; top:100%; left:50%;transform:translateX(-50%); border:0.6rem solid transparent;border-top-width:0.35rem; border-top-color:#f7f7f7;z-index:1; }
.whyxp .box-2 .item:nth-child(2n):after{border-top-color:#fff;}
.whyxp .box-2 .txt p{line-height:1.692; margin-bottom:0.5rem;}
.whyxp .box-2 .item-4 .txt p{ margin-bottom:0.4rem;}
.whyxp .box-2 .name{font-size: 0.32rem;  display:flex;align-items:center; margin-bottom:0.3rem;}
.whyxp .box-2 .name span{font-size: 0.24rem;color:#fff;margin-right:0.19rem;width: 0.38rem;height: 0.38rem;display:flex;align-items:center;justify-content:center; border-radius:50%;}
.whyxp .box-2 .item-1 .name span{background-color: #f27737;}
.whyxp .box-2 .item-2 .name span{background-color: #f23737;}
.whyxp .box-2 .item-3 .name span{background-color: #3663f2;}
.whyxp .box-2 .item-4 .name span{background-color: #4eca4e;}

.whyxp .same-dl dt{color: #f78641;padding-bottom:0.26rem;border-bottom:1px solid #ededed; }
.whyxp .same-dl dd{border-bottom:1px solid #ededed; padding:0.29rem 0;position:relative;padding-left:0.38rem;font-size: 0.24rem;line-height:1.666;margin-right: -0.1rem;}
.whyxp .same-dl dd span{position:absolute;left:0; top:0.29rem;width:0.18rem; margin-top:0.5em;}
.whyxp .same-dl dd b{color: #f78641;}
.whyxp .box-2 .item-4 .same-dl{margin-bottom:0.5rem; border-top:1px solid #ededed;}

.whyxp .box-3{padding:0 5.5vw;text-align:center; background-repeat:no-repeat;background-position:center center;background-size:cover;}
.whyxp .box-3,
.whyxp .box-3 .all-title,
.whyxp .box-3 .desc{color:#fff;}
.whyxp .box-3 .desc{margin-bottom:0.69rem; line-height:1.692;}
.whyxp .box-3 ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.whyxp .box-3 li{width:47.693%;display:flex; justify-content:center;align-items:center;position:relative; margin-bottom:0.77rem;height:1.7rem;background-color: rgba(247,246,251,0.1);border: solid 0.04rem #f9a678;}
.whyxp .box-3 li .num{position:absolute;font-size: 0.3rem; width:0.6rem; height:0.6rem;border-radius:50%; display:flex; justify-content:center;align-items:center; left:50%;transform:translateX(-50%); top:-0.3rem;background:#fff;color: #f78641;border: solid 0.04rem #f9a678;}
.whyxp .box-3 li p{line-height:1.692;}

.whyxp .box-4 {padding-bottom:0.8rem;}
.whyxp .box-4 .slider{width:86.67%; margin:0 auto; background:#000;border-radius:0.2rem;padding:0.25rem 0.23rem 0.25rem 0.25rem;}
.whyxp .box-4 .all-title{padding-bottom:0.49rem;}
.whyxp .box-4 .slick-dots{margin-top:0.5rem;display:flex;justify-content:center;align-items:center;}
.whyxp .box-4 .slick-dots li button{display:none;}
.whyxp .box-4 .slick-dots li{width: 0.12rem;height: 0.12rem;background-color: #eee; margin:0 0.1rem; border-radius:50%;}
.whyxp .box-4 .slick-dots li.slick-active{background-color:#f98943;}

.qywxsjglxt{font-size: 0.26rem;}
.qywxsjglxt .box-1{position:relative;}
.qywxsjglxt .box-1 .bg-1{position:absolute;width:1.43rem;height:2.32rem;left:0;bottom:0; background-size:cover;background-repeat:no-repeat;}
.qywxsjglxt .box-1 .title{text-align:center;font-size: 0.4rem; padding-top:0.81rem;}
.qywxsjglxt .box-1 .main{padding-top:2.09rem;position:relative; padding-bottom:1.52rem;padding-left: 0.5rem;}
.qywxsjglxt .box-1 .main img{width:5.54rem;}
.qywxsjglxt .box-1 .main ul,
.qywxsjglxt .box-1 .main ol{position:absolute;}
.qywxsjglxt .box-1 .main ul:nth-child(1){top:0.89rem;left:0.5rem;}
.qywxsjglxt .box-1 .main ul:nth-child(2){top:7rem;left:5.02rem;}
.qywxsjglxt .box-1 .main ul:nth-child(3){top:0.49rem;right:0.49rem;}
.qywxsjglxt .box-1 .main ol{color:#fff;}
.qywxsjglxt .box-1 .main ul:nth-child(1) ol{font-size: 0.4rem; top:3.5rem; left:0.35rem;}
.qywxsjglxt .box-1 .main ul:nth-child(2) ol{font-size: 0.34rem; top: -0.75rem;left: -1.22rem;}
.qywxsjglxt .box-1 .main ul:nth-child(3) ol{font-size: 0.26rem; top:2.75rem; left:0;}
.qywxsjglxt .box-1 li{position:relative; padding-left:0.16rem; font-size:0.26rem;line-height:1.538;color:#666;}
.qywxsjglxt .box-1 li:before{position:absolute; content:'';width: 0.06rem; border-radius:50%;height: 0.06rem;background-color: #ee7400; left:0; top:50%; margin-top:-0.03rem;}

.qywxsjglxt .list-item .item{padding:0.81rem 0.5rem;position:relative;background-color: #f5f5f5;}
.qywxsjglxt .list-item .item:nth-child(2n){background-color:#fff;}
.qywxsjglxt .list-item .item-0{background-color: #f5f5f5; text-align:center;padding-left:0.38rem;}
.qywxsjglxt .item .desc{line-height:1.538;font-size: 0.25rem;color:#666;}
.qywxsjglxt .item .name{font-size:0.4rem; margin-bottom:0.45rem;text-align:center;}

.qywxsjglxt .list-item .item:not(:last-child):after{position:absolute; content:''; top:100%; left:50%;transform:translateX(-50%); border:0.6rem solid transparent;border-top-width:0.35rem; border-top-color:#f5f5f5;z-index:1; }
.qywxsjglxt .list-item .item:nth-child(2n):after{border-top-color:#fff;}

.qywxsjglxt .item  .tit{font-size: 0.32rem;  display:flex;align-items:center; margin-bottom:0.25rem;}
.qywxsjglxt .item  .tit span{font-size: 0.24rem;color:#fff;margin-right:0.19rem;width: 0.38rem;height: 0.38rem;border-radius:50%; display:flex;align-items:center;justify-content:center;}
.qywxsjglxt .item-1 .tit span{background-color: #f27737;}
.qywxsjglxt .item-2 .tit span{background-color: #f23737;}
.qywxsjglxt .item-3 .tit span{background-color: #3663f2;}
.qywxsjglxt .item-4 .tit span{background-color: #4eca4e;}
.qywxsjglxt .item-5 .tit span{background-color: #775ff4;}
.qywxsjglxt .item  .txt p{color: #666;line-height:1.692; margin-bottom:0.5rem; text-align:justify;}

.qywxsjglxt .item .txt dl{border-top: 1px solid #eee;overflow: hidden;margin-bottom:0.5rem;}
.qywxsjglxt .item .txt dd{color: #666;border-bottom: 1px solid #eee;float: left;width: 50%;position: relative;font-weight: bold; line-height: 1.875; padding: 0.29rem 0;padding-left: 0.38rem;font-size: 0.24rem; line-height:1;}
.qywxsjglxt .item .txt dd span{position: absolute;left: 0; top: 0.34rem; width:0.18rem;}

.qywxsjglxt .item .pic img{margin:0 auto; width:85%;}
.qywxsjglxt .item-1 .pic img{max-width:5.73rem;}
.qywxsjglxt .item-2 .pic img{max-width:4.81rem;}
.qywxsjglxt .item-3 .pic img{max-width:5.61rem;}
.qywxsjglxt .item-4 .pic img{max-width:5.91rem;}
.qywxsjglxt .item-5 .pic img{max-width:5.92rem;}

.qywxsjglxt .box-2{background-position:center top;background-repeat:no-repeat;background-size:cover;padding:0.8rem 0.4rem;}
.qywxsjglxt .box-2 .name{font-size:0.4rem;margin-bottom:0.49rem;text-align:center;}

.qywxsjglxt .box-2 .slick-dots{display: table;margin: 0.3rem auto 0;}
.qywxsjglxt .box-2 .slick-dots li{float: left; margin: 0 0.1rem;width: 0.12rem; height: 0.12rem;background-color: #eee;list-style: none;border-radius: 50%;}
.qywxsjglxt .box-2 .slick-dots li.slick-active{background-color: #f98943;}
.qywxsjglxt .box-2 .slick-dots li button{display: none;}
.qywxsjglxt .box-2 .slick-slide > div{float:left;}
.qywxsjglxt .box-2 .slick-slide > div li{display:block !important;}
.qywxsjglxt .box-2 .slick-slide .inner{position:relative;}
.qywxsjglxt .box-2 .slick-slide .inner img{display:block;width:100%;}
.qywxsjglxt .box-2 .slick-slide .inner a{position:absolute; left:0; top:0;width:100%; height:100%; z-index:10;opacity:0;background:#000;}
.qywxsjglxt .box-2 .slick-slide > div{width:31.344%;  margin-bottom:2.984%;}
.qywxsjglxt .box-2 .slick-slide > div:not(:nth-child(3n)){margin-right:2.984%;}




/* 新增 */
#app202001211 .app-choose { padding-bottom:0; margin-bottom:50px;   background: url(./H_img_2.jpg) no-repeat center top; }
#app202001211 .app-choose .auto_1500{max-width:1500px; margin:auto}
#app202001211 .app-choose .case-view{ padding:50px .3rem 0; position:relative;}
#app202001211 .app-choose .case-view .item{ margin-bottom:1em; padding-left:.7rem; min-height:50px; text-align:left; background-repeat:no-repeat; background-size:.5rem;}
#app202001211 .app-choose .case-view .item .item-tit{ font-size:18px;font-weight: bold;color: #333;margin: 0;}
#app202001211 .app-choose .case-view .item .txt{ font-size:14px;line-height:24px;margin:4px 0 0;}
#app202001211 .app-choose .case-view .item1{background-image:url(./icon_4.png);}
#app202001211 .app-choose .case-view .item2{background-image:url(./icon_2.png);}
#app202001211 .app-choose .case-view .item3{background-image:url(./icon_1.png);}
#app202001211 .app-choose .case-view .item4{background-image:url(./icon_3.png);}
#app202001211 .app-choose .img {display: block;margin: 0 auto;}
#app202001211 .app-choose .btn {display: block;margin: 28px auto 0;width: 270px;height: 52px;line-height: 50px;background: #fff;border: 1px solid #FF6C00;border-radius: 26px;text-align: center;font-size: 16px;font-weight: 300;color: #FF6C00;}

#app202001211 .app-why{ padding-bottom:10vw;}
#app202001211 .app-why .info{display:flex; flex-wrap:wrap; justify-content: space-between; }
#app202001211 .app-why .info dl{width:100%; margin-bottom:.4rem; box-shadow: 0 5px 20px rgba(61,83,194,0.1);  border-radius: 10px; padding:4% 5%; color:#333}
#app202001211 .app-why .info dt{font-size:24px}
#app202001211 .app-why .info dt:after{content:'';display:block; margin:15px 0; width:26px; height:2px; background:#ff6c00}
#app202001211 .app-why .info dd{line-height:30px;}

#app202001211 .app-zx{display:flex;justify-content:center; padding-bottom:5vw; align-items: center;}
#app202001211 .app-zx .pic{width:100px;}
#app202001211 .app-zx .btn{padding-left:38px}
#app202001211 .app-zx .btn  a{  transition:0.5s;display: block; width:150px;  line-height:44px;  background: #fff;  border: 1px solid #FF6C00;  border-radius: 26px;  text-align: center;   font-size: 16px;  font-weight: 300; color: #FF6C00;}
#app202001211 .app-zx .btn  a:hover{color:#fff; background:#FF6C00;}
#app202001211 .auto_1200{max-width:1200px; margin:auto}

.f20{font-size:16px}
.f24{font-size:20px}
.f28{font-size:24px}

.c333{ color:#333}
.lh30{line-height:30px}

#app202001211 .item_floor_1{background:#f1f2f6; padding:.3rem .3rem 0; margin-bottom:50px; overflow:hidden}
#app202001211 .item_floor_1 .box{ display:flex; flex-wrap:wrap; justify-content: space-between;}
#app202001211 .item_floor_1 .info{width:100%; text-align: justify; position:relative; z-index:2}
#app202001211 .item_floor_1 .tips{font-size:12px; line-height:2; padding:5% 0;}
#app202001211 .item_floor_1 .photo{width:100%;}
#app202001211 .item_floor_1 .photo img{ width:150%; margin-left:-25%;}

#app202001211 .item_floor_2{ padding:.3rem;}
#app202001211 .item_floor_2 .item{ display:flex; flex-wrap:wrap;}
#app202001211 .item_floor_2 .info{ width:100%;}
#app202001211 .item_floor_2 .tit {line-height:44px; margin-bottom:.2rem;}
#app202001211 .item_floor_2 .tit .more{ transition:0.5s;float:right; display:block; width:150px; line-height:2.5;  background: #fff;  border: 1px solid #FF6C00;  border-radius: 26px;  text-align: center;   font-size: 16px;  font-weight: 300; color: #FF6C00;}
#app202001211 .item_floor_2 .tit .more:hover{color:#fff; background:#FF6C00;}
#app202001211 .item_floor_2 .desc p{padding-bottom:4%}
#app202001211 .item_floor_2 .pic{width:100%; text-align: center;}
#app202001211 .item_floor_2 .item:nth-child(even){padding-top:.5rem}

#app202001211 .item_floor_3{ padding:.3rem;}
#app202001211 .item_floor_3 .info_item{display:flex;justify-content:space-between;flex-wrap:wrap}
#app202001211 .item_floor_3 .item{width:49%;background:#f8f8f8; padding:.3rem .3rem 0 .3rem; margin:1% 0; display:flex; flex-wrap:wrap; align-items:center; align-content:space-between;}

#app202001211 .item_floor_3 .info{width:100%;padding-bottom:6%;}
#app202001211 .item_floor_3 .info p{font-size:14px; line-height:24px;}
#app202001211 .item_floor_3 .pic{width:100%;display:flex; justify-content: center; align-items: flex-end; overflow:hidden }
#app202001211 .item_floor_3 .pic img{transition:0.3s; max-width:100%; width:auto;}
#app202001211 .item_floor_3 .item:nth-child(1){width:100%; }
#app202001211 .item_floor_3 .item:nth-child(1) .info{width:100%;padding-left:5%; padding-bottom:3%;}
#app202001211 .item_floor_3 .item:nth-child(1) .pic{width:100%;}
#app202001211 .item_floor_3 .item:hover .pic img{ transform:scale(1.12);}

#app202001211 .item_floor_4{ padding:.3rem .3rem 8%;}
#app202001211 .item_floor_4 .info_item{ display:flex;justify-content: space-between;flex-wrap:wrap; text-align:center;}
#app202001211 .item_floor_4 .item{width:100%; padding-bottom:6%;}
#app202001211 .item_floor_4 .pic{overflow:hidden}
#app202001211 .item_floor_4 .pic img{transition:0.3s;}
#app202001211 .item_floor_4 .info{padding-top:5%; max-width:290px; margin:auto;}
#app202001211 .item_floor_4 .btn{text-align:center;padding-top:3%}
#app202001211 .item_floor_4 .btn  a{  transition:0.5s;display: block; margin:auto; width:150px;  line-height:44px;  background: #fff;  border: 1px solid #FF6C00;  border-radius: 26px;  text-align: center;   font-size: 16px;  font-weight: 300; color: #FF6C00;}
#app202001211 .item_floor_4 .btn  a:hover{color:#fff; background:#FF6C00;}
#app202001211 .item_floor_4 .item:hover .pic img{ transform:scale(1.12);}

#app202001211 .item_floor_5{ padding:.3rem .3rem 8%;}
#app202001211 .item_floor_5 .info_item{display:flex;flex-wrap:wrap; text-align:center;}
#app202001211 .item_floor_5 .item{width:49%;}
#app202001211 .item_floor_5 .item:not(:nth-child(2n+1)){margin-left:2%}
#app202001211 .item_floor_5 .pic{overflow:hidden}
#app202001211 .item_floor_5 .pic img{transition:0.3s;}
#app202001211 .item_floor_5 .info{ line-height:1.8; font-size:14px; padding:8% 0 10% 0}
#app202001211 .item_floor_5 .info p{padding:0; margin:0; color:#666666}
#app202001211 .item_floor_5 .item:hover .pic img{ transform:scale(1.12);}

#app202001211 .item_floor_6{ padding:.3rem;}
#app202001211 .item_floor_6 .info_item{display:flex; flex-wrap:wrap}
#app202001211 .item_floor_6 .item{width:48%; padding:2% 0; margin-bottom:2%;}
#app202001211 .item_floor_6 .item:not(:nth-child(2n+1)){margin-left:4%;}
#app202001211 .item_floor_6 .item p{font-size:14px; line-height:24px}

/* bottom-地址 */
.bottom-address{ background:#f7f7f7; padding:40px .3rem; position:relative; z-index:2;}
.bottom-address .left{ width:100%; float:left; text-align:center;}
.bottom-address .home-show{ display:none;}
.bottom-address .logo{ display:flex; justify-content:center; border-bottom:1px solid #e5e5e5; padding-bottom:30px;}
.bottom-address .logo img{ width:227px;}
.bottom-address .page-show aside{ padding:20px 0; font-size:18px; color:#ff6c00;}
.bottom-address .page-show aside b{ font-size:14px; color:#555;}
.bottom-address .page-show .ul{ display:flex; justify-content:center;}
.bottom-address .page-show li{ padding-bottom:25px;}
.bottom-address .page-show li p{ margin:10px 0 0 0; font-size:14px;}
.bottom-address .page-show li img{ width:114px;}
.bottom-address .home-show{ text-align:left;}
.bottom-address .home-show h5{ color:#000; margin:0;  padding:40px 0 15px 15px;}
.bottom-address .home-show ul{ position:relative; z-index:40;}
.bottom-address .home-show ol{ cursor:pointer; background: url(./bottom/select.png) no-repeat 93% center #efefef; padding-left:50px; line-height:48px; font-size:18px; color:#555;}
.bottom-address .home-show li{ display:none; border-top:1px solid #fff; position:absolute; left:0; width:100%; top:100%; background:#f5f5f5; z-index:100; padding:16px 0 36px 0;}
.bottom-address .home-show li a{ display:block; padding-left:50px; line-height:50px; transition:0.3s;}
.bottom-address .home-show li a:hover{ background:#ff6c00; color:#fff;}

.bottom-address .upgroup{ padding-top:15px; border-bottom:1px solid #efefef;}
.bottom-address .upgroup dt{ position:relative; min-height:43px; font-size:14px;  padding-left:72px; color:#808080; margin-bottom:25px;}
.bottom-address .upgroup dt a{ position:absolute; left:0; width:100%; height:100%; z-index:10; top:0;}
.bottom-address .upgroup dt:last-child{ margin-bottom:29px; padding-top:10px;}
.bottom-address .upgroup dt figure{ position:absolute; left:8px; top:0; background:#e5e5e5; border-radius:50%; width:43px; height:43px; overflow:hidden;}
.bottom-address .upgroup dt figure img{ display:block; width:100%; height:100%;}
.bottom-address .upgroup dt h6{ color:#555; padding-bottom:5px; font-weight:normal; margin:0;}

.bottom-address .wap-site{ margin-top:22px;}
.bottom-address .wap-site span{ display:inline-block; text-align:center;}
.bottom-address .wap-site dt img{ display:block; width:138px; height:138px;}
.bottom-address .wap-site dt aside{ padding:25px 0 50px 0; font-size:18px;}

.bottom-address .right-home{display:none;}
.bottom-address .right{ float:right; width:100%; position:relative;}
.bottom-address .right .line{ position:absolute; left:50%; width:1px; border-right:1px dashed #666; height:93%; margin-left:-1px;}
.bottom-address .right li{ float:left; display:none; width:46%;margin-right:8%; margin-bottom:10px; border-bottom:1px solid #e9e9e9; }
.bottom-address .right li div{ position:relative; background:url(./bottom/icon.png) no-repeat left 3px;padding-bottom:10px; padding-left:25px;}
.bottom-address .right li img{ position:absolute; right:0; width:60px; top:0;}
.bottom-address .right li img,
.bottom-address .right li p span,
.bottom-address .right li p.add{ display:none;}
.bottom-address .right-page li:nth-child(2n){ margin-right:0;}
.bottom-address .right li h6{ margin:0; font-weight:normal; color:#000; padding-bottom:6px;}
.bottom-address .right li p{ margin:0; font-size:14px;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}

.view-more aside{background:#f7f7f7; border-bottom:1px solid #e5e5e5; float:left; width:100%; height:51px; margin-top:-10px; position:relative; margin-bottom:30px;}
.view-more aside span{ color:#000; font-size:18px; position:absolute;background:#f7f7f7; width:154px; margin-left:-77px; left:50%; line-height:40px; bottom:-20px; text-align:center;}
.view-more a{ width:44px; height:44px; border:2px solid #d9d9d9; display:block; margin:0 auto; position:relative; clear:both; border-radius:50%; position:relative; transition:0.3s;}
.view-more a:hover{ border-color:#ff6c00; background:#ff6c00;}
.view-more a i,
.view-more a::after,
.view-more a::before{ position:absolute; width:6px; height:6px; border-radius:50%; background:#d9d9d9; left:50%; top:50%; margin:-3px 0 0 -3px; transition:0.3s;}
.view-more a::after,
.view-more a::before{ content:'';}
.view-more a::before{ margin-left:-12px;}
.view-more a::after{ margin-left:6px;}
.view-more a:hover i,
.view-more a:hover::after,
.view-more a:hover::before{background:#fff !important;}

.bottom-address .view-more{position:relative;z-index:3;background:#f7f7f7; }