@charset "UTF-8";
@media screen and (min-width: 720px) {
	html {
		font-size: 100px;
	}
}

@media screen and (max-width: 640px) and (min-width: 600px) {
	html {
		font-size: 88.89px;
	}
}

@media screen and (max-width: 600px) and (min-width: 414px) {
	html {
		font-size: 83.33px;
	}
}

@media screen and (max-width: 414px) and (min-width: 412px) {
	html {
		font-size: 57.5px;
	}
}

@media screen and (max-width: 412px) and (min-width: 384px) {
	html {
		font-size: 57.22px;
	}
}

@media screen and (max-width: 384px) and (min-width: 375px) {
	html {
		font-size: 53.33px;
	}
}

@media screen and (max-width: 375px) and (min-width: 360px) {
	html {
		font-size: 52.08px;
	}
}

@media screen and (max-width: 360px) and (min-width: 320px) {
	html {
		font-size: 50px;
	}
}

@media screen and (max-width: 320px) {
	html {
		font-size: 44.44px;
	}
}

@font-face {
	font-family: impact;
	src: url('../font/impact.ttf'), url('../font/impact.eot'), url('../font/impact.otf'), url('../font/impact.woff');
}

html,
body {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
}

html {
	max-width: 800px;
	min-width: 320px;
	margin: 0 auto;
}

@font-face {
	font-family: TypeLand;
	src: url('../font/TypeLand.ttf'), url('../font/TypeLand.eot');
	/* IE9+ */
}

body {
	position: relative;
	margin: 0;
	width: 100%;
	max-width: 800px;
	min-width: 320px;
}

a {
	color: #000;
	outline: none;
	display: block;
	text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd,
form,
img,
p {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

li {
	list-style: none;
}

img {
	max-width: 100%;
	border: none;
}

.container {
	max-width: 800px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
	overflow: hidden;
	visibility: visible;
}

.span-img {
	display: inline-block;
	overflow: hidden;
}


/*头部*/

.header {
	height: 1rem;
	padding: 0 0.3rem 0 0.2rem;
	overflow: hidden;
}

.header .logo .span-img {
	width: 3.5rem;
	height: 1rem;
	display: table-cell;
	vertical-align: middle;
}

.header .slogan {
	font-size: 0.22rem;
	color: #8d8d8d;
	margin-top: 0.4rem;
	letter-spacing: 0.05rem;
}

.header .tel {
	font-family: TypeLand;
	font-size: 0.26rem;
	font-weight: bold;
	margin-top: 0.4rem;
	padding-left: 0.4rem;
	color: #f97000;
	background: url(../img/header-tel.png) no-repeat left center;
	background-size: 0.29rem;
}


/*轮播*/

.carousel .swiper-pagination {
	bottom: 0.2rem;
}

.carousel .swiper-pagination-bullet {
	width: 0.14rem;
	height: 0.14rem;
	background: rgba(255, 255, 255, 0.5);
	opacity: 1;
}

.carousel .swiper-pagination-bullet-active {
	background-color: #fa7e1a;
}


/*主体导航*/

.nav-list {
	margin-top: 0.4rem;
}

.nav-list .li {
	margin-bottom: 0.4rem;
	text-align: center;
}

.nav-list .li .span-img {
	margin-bottom: 0.05rem;
}

.nav-list .li h3 {
	font-size: 0.26rem;
}

.index-body {
	padding: 0 0.25rem;
	background-color: #eee;
}

.media {
	margin: 0;
}

.media .top {
	height: 0.8rem;
	margin: 0.3rem 0 0.25rem 0;
	text-align: center;
	background-size: contain;
}

.media .top .box {
	display: inline-block;
	line-height: 0.8rem;
	overflow: hidden;
}

.media .top h2 {
	font-size: 0.32rem;
	font-weight: bold;
	color: #fff;
	float: left;
	line-height: 0.8rem;
}

.media .top span {
	font-size: 28px;
	color: #fff;
	margin: 0 0.15rem;
	float: left;
}

.media .top p {
	font-size: 0.28rem;
	color: rgba(255, 255, 255, 0.6);
	float: left;
}

.media .body-list {
	margin-bottom: 0.15rem;
}

.media .body-list .row {
	margin: 0 -0.15rem;
}

.media .body-list .li {
	margin-bottom: 0.15rem;
	padding: 0 0.15rem;
}

.media .body-list .li a {
	display: block;
	background-color: #fff;
	border: 1px solid #eee;
}

.media .body-list .li .span-img {
	padding: 0.13rem;
}

.media .body-list .li h3 {
	font-size: 0.22rem;
	color: #3a3a3a;
	margin-bottom: 0.15rem;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.media .bottom {
	margin-bottom: 0.1rem;
	overflow: hidden;
}

.media .bottom .row {
	margin: 0 -0.11rem;
}

.media .bottom .li {
	height: 0.55rem;
	margin-bottom: 0.2rem;
	padding: 0 0.11rem;
	line-height: 0.53rem;
	text-align: center;
}

.media .bottom a {
	font-size: 0.24rem;
	color: #615f5f;
	border: 1px solid #d2d2d2;
}

.media .bottom a.active {
	color: #fff;
	background-color: #f97000;
	border: 1px solid #f97000;
}

.media .more {
	font-size: 0.2rem;
	line-height: 0.64rem;
	text-align: center;
	border: 1px solid #d2d2d2;
	background-color: #fff;
}

.media .more a {
	color: rgba(0, 0, 0, 0.6);
}

.news {
	border-top: 0.2rem solid #eee;
}

.news .top {
	height: 0.95rem;
	text-align: center;
}

.news .top .title {
	display: inline-block;
	line-height: 0.95rem;
}

.news .top .title h2 {
	font-size: 0.32rem;
	font-weight: bold;
	color: #fa8938;
	margin-right: 0.1rem;
	float: left;
	line-height: 0.95rem;
}

.news .top .title span {
	font-size: 0.28rem;
	color: rgba(0, 0, 0, 0.6);
	float: left;
}

.news .news-list {
	padding: 0 0.25rem;
}

.news .news-list .li {
	margin: 0 0 0.25rem 0;
	padding: 0.1rem 0.1rem 0 0.1rem;
	background-color: #fff;
	border: 1px solid #e4e4e4;
}

.news .news-list .img {
	padding: 0;
}
.news .news-list .img .span-img {
	height: 1.5rem;
}
.news .news-list .infor {
	margin-top: 0.15rem;
}

.news .news-list .infor h3 {
	font-size: 0.23rem;
	color: #242425;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news .news-list .infor .time {
	font-family: "黑体";
	font-size: 0.22rem;
	color: #3e3e3e;
	margin: 0.05rem 0;
	padding-left: 0.3rem;
	display: block;
	background: url(../img/index-news-time.png) no-repeat 0 center;
	background-size: 0.22rem;
}

.news .news-list .infor p {
	font-size: 0.19rem;
	color: #999;
	line-height: 0.34rem;
}

.news .more {
	font-size: 0.2rem;
	margin: 0.25rem;
	line-height: 0.64rem;
	text-align: center;
	border: 1px solid #e4e4e4;
	background-color: #fff;
}

.news .more a {
	color: rgba(0, 0, 0, 0.6);
}


/*底部*/

.footer {
	width: 100%;
	max-width: 800px;
	height: 1.3rem;
	background-color: #fa7e1a;
	position: fixed;
	bottom: 0;
	z-index: 9;
}

.footer ul li {
	width: 20%;
	height: 1.3rem;
	padding-top: 0.2rem;
	float: left;
	text-align: center;
	background: url(../img/footer-li-bg.png) no-repeat right;
	background-size: contain;
}

.footer ul li:last-child {
	background: none;
}

.footer ul li .span-img {
	width: 0.5rem;
	height: 0.5rem;
}

.footer ul li h3 {
	font-size: 0.26rem;
	color: #fff;
	margin-top: 0.05rem;
}

.footer .mobile-nav {
	width: 100%;
	padding: 0 0.2rem 0.2rem 0.2rem;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 1.3rem;
	display: none;
}

.footer .mobile-nav li {
	font-size: 0.24rem;
	color: #fff;
	line-height: 0.5rem;
	text-align: center;
}

.footer .mobile-nav li a {
	color: #fff;
}

.footer .mobile-nav li {
	position: relative;
	border: none !important;
}

.footer .mobile-nav li:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	z-index: 1;
	background-color: white;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: ReturnToNormal;
	animation-name: ReturnToNormal;
}

.footer .go-top {
	width: 0.5rem;
	height: 0.5rem;
	position: fixed;
	bottom: 20%;
	right: 0.1rem;
	background: url(../img/topback.png) no-repeat;
	background-size: 0.5rem;
	display: none;
}

@keyframes ReturnToNormal {
	0% {
		-webkit-transform: scale(0.1, 1);
		-ms-transform: scale(0.1, 1);
		transform: scale(0.1, 1);
	}
	100% {
		-webkit-transform: scaleX(1, 1);
		-ms-transform: scale(1, 1);
		transform: scaleX(1, 1);
	}
}


/*导航标题*/

.nav-title {
	height: 0.8rem;
	background-color: #f97000;
	position: relative;
}

.nav-title .back {
	width: 0.25rem;
	height: 0.8rem;
	position: absolute;
	left: 0.25rem;
	background: url(../img/back.png) no-repeat center;
	background-size: contain;
}

.nav-title h1 {
	font-size: 0.28rem;
	color: #fff;
	line-height: 0.8rem;
	text-align: center;
}

.nav-title .search {
	width: 0.5rem;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0.2rem;
}

.nav-title .search a {
	width: 0.5rem;
	height: 100%;
	background: url(../img/top-search.png) no-repeat center;
	background-size: 0.3rem 0.3rem;
}

.nav-title .share {
	width: 0.5rem;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0.2rem;
}

.nav-title .share a {
	width: 0.5rem;
	height: 100%;
	background: url(../img/share.png) no-repeat center;
	background-size: 0.27rem;
}


/*登录*/

.login .form {
	padding-bottom: 330px;
	text-align: center;
	background-color: #f2f4f7;
}

.login .form input {
	font-family: "黑体";
	font-size: 0.24rem;
	width: 100%;
	color: #a0a0a0;
	padding-left: 0.15rem;
	border: 0;
	outline: none;
	line-height: 1.15rem;
	border-bottom: 1px solid #ebebeb;
}

.login .form .box {
	padding: 0 0.2rem;
	background-color: #fff;
}

.login .form input[type='submit'] {
	font-size: 0.3rem;
	width: 6.6rem;
	height: 0.8rem;
	color: #fff;
	margin-top: 0.4rem;
	padding: 0;
	border-radius: 0.1rem;
	line-height: 0.8rem;
	background-color: #f97000;
}

.login .form .new-box {
	padding: 0.4rem;
}

.login .form .new-box .fl {
	font-size: 0.24rem;
	color: #515151;
}

.login .form .forget {
	font-size: 0.24rem;
	/*width: 6.6rem;*/
	color: #515151;
	/*margin: 0.4rem auto 0 auto;*/
	/*

	display: block;

	text-align: right;*/
}

.login .form :-moz-placeholder {
	color: #a0a0a0;
}

.login .form ::-moz-placeholder {
	color: #a0a0a0;
}

.login .form input:-ms-input-placeholder {
	color: #a0a0a0;
}

.login .form input::-webkit-input-placeholder {
	color: #a0a0a0;
}


/*注册*/

.register .form {
	padding: 0.25rem 0 6.8rem 0;
	text-align: center;
	background-color: #f2f4f7;
}

.register .form li {
	position: relative;
}

.register .form input[type="text"],
.register .form input[type="password"] {
	font-family: "黑体";
	font-size: 0.24rem;
	width: 100%;
	color: #a0a0a0;
	padding-left: 0.15rem;
	border: 0;
	outline: none;
	line-height: 1.15rem;
	border-bottom: 1px solid #ebebeb;
}


/*.register .form input[type="button"] {

	font-size: 0.24rem;

	width: 2.1rem;

	line-height: 0.8rem;

	color: #fda544;

	border: 0;

	border-left: 1px solid #ebebeb;

	outline: none;

	position: absolute;

	top: 0.17rem;

	right: 0;

	background-color: transparent;

}*/

.register .form .box {
	padding: 0 0.2rem;
	background-color: #fff;
}

.register .form input[type='button'] {
	font-size: 0.3rem;
	width: 6.6rem;
	height: 0.8rem;
	color: #fff;
	margin-top: 0.4rem;
	padding: 0;
	border: 0;
	outline: none;
	border-radius: 0.1rem;
	line-height: 0.8rem;
	background-color: #f97000;
}

.register .form .forget {
	font-size: 0.24rem;
	width: 6.6rem;
	color: #515151;
	margin: 0.4rem auto 0 auto;
	display: block;
	text-align: right;
}

.register .form :-moz-placeholder {
	color: #a0a0a0;
}

.register .form ::-moz-placeholder {
	color: #a0a0a0;
}

.register .form input:-ms-input-placeholder {
	color: #a0a0a0;
}

.register .form input::-webkit-input-placeholder {
	color: #a0a0a0;
}

.register .form p {
	font-size: 0.24rem;
	color: #515151;
	margin: 0.35rem 0 0 0.7rem;
	text-align: left;
}

.register .form p span {
	color: #fcc655;
}


/*个人中心*/

.personal-center {}

.personal-center .center {
	padding-bottom: 5rem;
	background-color: #f2f4f7;
}

.personal-center .center .per-infor {
	font-family: "黑体";
	height: 1.8rem;
	background-color: #f97000;
	border-top: 1px solid #cb5c02;
	overflow: hidden;
}

.personal-center .center .per-infor .portrait {
	margin: 0.25rem 0 0 0.25rem;
}

.personal-center .center .per-infor .portrait .span-img {
	width: 1.2rem;
	height: 1.2rem;
}

.personal-center .center .per-infor .nickname {
	font-size: 0.24rem;
	color: #fff;
	margin: 0.45rem 0 0 0.2rem;
}

.personal-center .center .per-infor .nickname .name {
	margin-bottom: 0.05rem;
}

.personal-center .center .per-infor .nickname .two li {
	float: left;
	margin-right: 0.05rem;
}

.personal-center .center .per-infor .nickname .two li span {
	width: 0.39rem;
	height: 0.39rem;
	display: block;
}

.personal-center .center .right {
	margin: 0.65rem 0.35rem 0 0;
	color: #fff;
}

.personal-center .center .right span {
	font-size: 0.22rem;
}

.personal-center .center .right p {
	font-size: 0.31rem;
}

.personal-center .center .center-list li {
	font-size: 0.24rem;
	height: 0.8rem;
	line-height: 0.8rem;
	color: #343434;
	margin-bottom: 0.04rem;
	padding-left: 0.25rem;
	background: url(../img/personal-center-center-list.png) #fff no-repeat center right 0.2rem;
}

.personal-center .vip {
	margin-bottom: 0.5rem;
	padding: 0 0.25rem;
}

.personal-center .vip .warn {
	margin-top: 0.2rem;
	padding: 0.3rem 0.15rem;
	border: 1px solid #fbe4e4;
	background-color: #fff2f3;
}

.personal-center .vip .warn h3 {
	font-size: 0.2rem;
	color: #d30505;
	margin-bottom: 0.25rem;
	padding-left: 0.3rem;
	background: url(../img/vip-warn.png) no-repeat;
	background-size: contain;
}

.personal-center .vip .warn p {
	font-size: 0.18rem;
	color: #6b5353;
	line-height: 0.3rem;
}

.personal-center .vip .warn p strong {
	color: #df0304;
}

.personal-center .vip .form {
	margin-top: 0.45rem;
}

.personal-center .vip .form label {
	font-size: 0.2rem;
	font-weight: normal;
	color: #666;
}

.personal-center .vip .form .name {
	margin: 0 0 0.35rem 0.7rem;
}

.personal-center .vip .form .name input {
	font-size: 0.16rem;
	width: 4.1rem;
	height: 0.6rem;
	padding-left: 0.2rem;
	outline: none;
	border: 1px solid #c3c3c3;
}

.personal-center .vip .form .img {
	position: relative;
}

.personal-center .vip .form .img .box {
	margin: 0.45rem 0;
	position: relative;
}

.personal-center .vip .form .img input {
	width: 1.97rem;
	height: 1.31rem;
	margin-left: 1.7rem;
	opacity: 0;
}

.personal-center .vip .form .img img {
	width: 1.97rem;
	height: 1.31rem;
	position: absolute;
	top: 0;
	left: 1.7rem;
	z-index: -1;
}

.personal-center .vip .form .img .sample {
	width: 2rem;
	position: absolute;
	top: 0;
	left: 2.2rem;
}

.personal-center .vip .form .sub input {
	font-size: 0.24rem;
	color: #fff;
	width: 100%;
	height: 0.63rem;
	border: 1px solid #efeeee;
	background-color: #e96ecb;
}

.personal-center .safe {
	padding-bottom: 0.4rem;
	background-color: #f2f4f7;
}

.personal-center .safe li {
	height: 3.45rem;
	padding-top: 0.6rem;
	text-align: center;
	margin-bottom: 0.05rem;
	background-color: #fff;
}

.personal-center .safe li .span-img {
	width: 1.45rem;
	height: 1.45rem;
}

.personal-center .safe li p {
	font-size: 0.25rem;
	color: #929292;
	margin-bottom: 0.2rem;
}

.personal-center .safe li .btn {
	font-size: 0.2rem;
	width: 1.55rem;
	height: 0.5rem;
	color: #f97000;
	padding: 0;
	line-height: 0.5rem;
	border: 1px solid #f97000;
}

.personal-center .exchange {
	padding-top: 0.4rem;
	background-color: #f2f4f7;
}

.personal-center .exchange li {
	margin-bottom: 0.1rem;
	padding: 0.2rem 0.35rem 0.3rem 0.35rem;
	background-color: #fff;
	overflow: hidden;
}

.personal-center .exchange li .title {
	font-size: 0.24rem;
	color: #2d2d2c;
	margin-bottom: 0.25rem;
	padding-bottom: 0.15rem;
	border-bottom: 1px solid #e5e5e5;
}

.personal-center .exchange li .img {
	width: 1.6rem;
	height: 1.5rem;
	border: 1px solid #eee;
}

.personal-center .exchange li .img .span-img {
	width: 1.6rem;
	height: 1.5rem;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.personal-center .exchange li .infor {
	margin: 0.25rem 0 0 0.2rem;
}

.personal-center .exchange li .infor h3 {
	font-size: 0.24rem;
	color: #2d2d2c;
	margin-bottom: 0.2rem;
}

.personal-center .exchange li .infor span {
	font-size: 0.24rem;
	color: #ff6000;
}

.personal-center .unbundled {
	padding: 0.25rem 0.25rem 9rem 0.25rem;
	background-color: #f2f4f7;
}

.personal-center .unbundled .form div {
	position: relative;
}

.personal-center .unbundled label {
	font-size: 0.24rem;
	font-weight: normal;
	color: #707070;
	position: absolute;
	top: 0.2rem;
	left: 0.15rem;
}

.personal-center .unbundled input {
	font-size: 0.2rem;
	width: 100%;
	height: 0.72rem;
	color: #686868;
	padding-left: 1rem;
	border: 1px solid #e8e7e7;
	outline: none;
}

.personal-center .unbundled .tel input {
	border-bottom: 0;
}

.personal-center .unbundled input[type="button"] {
	width: 1.25rem;
	height: 0.44rem;
	color: #fff;
	padding: 0 0 0 0.1rem;
	position: absolute;
	top: 0.13rem;
	right: 0.1rem;
	background-color: #e96e6e;
	border-radius: 0.05rem;
}

.personal-center .unbundled .sub input {
	font-size: 0.24rem;
	color: #fff;
	margin-top: 0.45rem;
	padding: 0;
	background-color: #f97000;
}

.personal-center .order {
	padding-top: 0.17rem;
	background-color: #f2f4f7;
}

.personal-center .order .order-list .row {
	margin: 0.05rem 0;
}

.personal-center .order .order-list li {
	margin-bottom: 0.1rem;
	padding: 0.25rem;
	background-color: #fff;
}

.personal-center .order .order-list div {
	padding: 0;
}

.personal-center .order .order-list .top h3 {
	font-size: 0.22rem;
	color: #484848;
}

.personal-center .order .order-list .top .time {
	font-size: 0.2rem;
	color: #646464;
}

.personal-center .order .order-list .bottom {
	font-size: 0.22rem;
	color: #646464;
}

.personal-center .integral {}

.personal-center .integral .top {
	height: 2rem;
	color: #fff;
	padding-top: 0.6rem;
	text-align: center;
	background-color: #f97000;
}

.personal-center .integral .top h3 {
	font-size: 0.44rem;
	margin-bottom: 0.05rem;
}

.personal-center .integral .top p {
	font-size: 0.22rem;
	color: #f8d3ef;
}

.personal-center .integral .content {
	padding: 0 0.2rem;
}

.personal-center .integral .content .title {
	font-size: 0.28rem;
	height: 0.75rem;
	line-height: 0.75rem;
	color: #3f3f3f;
	border-bottom: 1px solid #eeecea;
}

.personal-center .integral .content p {
	font-size: 0.2rem;
	color: #898989;
	margin: 0.4rem 0;
	line-height: 0.32rem;
	text-indent: 1em;
}

.personal-center .infor {
	padding: 0.2rem;
}

.personal-center .infor .form .input-li {
	height: 0.9rem;
	padding: 0 0.05rem;
	line-height: 0.9rem;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #e9eae9;
}

.personal-center .infor .form label {
	font-size: 0.24rem;
	font-weight: normal;
	color: #707070;
}

.personal-center .infor .form input {
	font-size: 0.16rem;
	width: 80%;
	height: 0.4rem;
	line-height: 0.4rem;
	color: #666;
	border: 0;
	outline: none;
}

.personal-center .infor .form .portrait input {
	width: 0.72rem;
	height: 0.72rem;
	float: right;
	opacity: 0;
}

.personal-center .infor .form .portrait span {
	width: 0.72rem;
	height: 0.72rem;
	display: block;
	border-radius: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.personal-center .infor .form .portrait span img {
	margin-bottom: 0.2rem;
}

.personal-center .infor .form .sub {
	margin-top: 0.45rem;
}

.personal-center .infor .form .sub input {
	font-size: 0.24rem;
	width: 100%;
	height: 0.64rem;
	color: #fff;
	border: 1px solid #efeeee;
	background-color: #e96ecb;
}

.personal-center .pass {
	padding: 0.2rem 0.2rem 7rem 0.2rem;
	background-color: #f2f4f7;
}

.personal-center .pass .input-li {
	height: 0.75rem;
	padding-left: 0.15rem;
	line-height: 0.75rem;
	border: 1px solid #e8e7e7;
	border-top: 0;
	background-color: #fff;
}

.personal-center .pass .input-li:first-child {
	border: 1px solid #e8e7e7;
}

.personal-center .pass .input-li label {
	font-size: 0.24rem;
	font-weight: normal;
	color: #707070;
}

.personal-center .pass .input-li input {
	font-size: 0.2rem;
	width: 80%;
	color: #8e8e8e;
	height: 0.35rem;
	margin-left: 0.05rem;
	border: 0;
	outline: none;
}

.personal-center .pass .sub input {
	font-size: 0.24rem;
	width: 100%;
	height: 0.63rem;
	color: #fff;
	margin-top: 0.3rem;
	background-color: #f97000;
	border: 0;
	outline: none;
}


/*关于我们*/

.about .list-top {
	height: 0.65rem;
	/*margin-right: px;*/
	position: relative;
}

.about .list-top li {
	margin-top: 0.2rem;
	line-height: 0.24rem;
	text-align: center;
	border-right: 0.02rem solid #404040;
}

.about .list-top .swiper-slide:last-child li {
	border: 0;
}

.about .list-top li a {
	font-size: 0.24rem;
	color: #404040;
	display: block;
}

.about .list-top .swiper-slide-prev li {
	border: 0
}

.about .list-top .swiper-slide-next+.swiper-slide+.swiper-slide li {
	border: 0
}

.about .about-body {
	padding: 0.15rem;
	border-top: 0.18rem solid #f2f4f7;
}

.about .about-body .img {
	margin-bottom: 0.35rem;
}

.about .about-body .content p {
	font-size: 0.2rem;
	color: #8f8f8f;
	margin-bottom: 0.3rem;
	text-indent: 2em;
}

.about .about-body .content p strong {
	color: #333;
	line-height: 0.36rem;
}

.about .about-body .content p span {
	color: #fb0000;
}

.about .about-body .content h4 {
	font-size: 0.2rem;
	font-weight: bold;
	color: #0a0a0a;
	text-indent: 2em;
}


/*会员权益*/

.rights .list-top {
	padding-bottom: 0.2rem;
	position: relative;
}

.rights .list-top .swiper-slide li {
	margin-top: 0.2rem;
	line-height: 0.24rem;
	text-align: center;
	border-right: 0.02rem solid #404040;
}

.rights .list-top .swiper-slide li a {
	font-size: 0.24rem;
	color: #404040;
	display: inline-block;
	position: relative;
}

.rights .list-top .swiper-slide li a:before {
	content: '';
	width: 0.13rem;
	height: 0.08rem;
	background: url(../img/rights-list-top.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: -0.2rem;
}

.rights .list-top .swiper-slide li.on a {
	color: #f97000;
}

.rights .list-top li.on a:before {
	background: url(../img/rights-list-top-on.png) no-repeat;
	background-size: contain;
}

.rights .list-top .swiper-slide-next li {
	border: 0;
}

.rights .list-top .dropdown {
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 0.68rem;
	z-index: 99;
}

.rights .list-top .dropdown .list {
	padding: 0 0.2rem 0.2rem 0.2rem;
	display: none;
}

.rights .list-top .dropdown li {
	font-size: 0.25rem;
	line-height: 0.8rem;
	border-bottom: 1px solid #ebebeb;
}

.rights .list-top .dropdown li a {
	color: #6e6e6e;
}

.rights .list-top .dropdown li.active a {
	color: #f97000;
	background: url(../img/ok.png) no-repeat center right;
	background-size: 0.26rem 0.18rem;
}

.rights .rights-body {
	background-color: #f2f4f7;
}

.rights .rights-body .body-list .container {
	padding: 0.3rem;
}

.rights .rights-body .body-list .row {
	margin: 0 -0.1rem;
}

.rights .rights-body .body-list li {
	margin-bottom: 0.2rem;
	padding: 0 0.1rem;
}

.rights .rights-body .body-list .box {
	padding: 0.25rem 0;
	background-color: #fff;
	text-align: center;
}

.rights .rights-body .body-list .img-thumbnail {
	width: 2.5rem;
	height: 2.5rem;
	border: 0;
}

.rights .rights-body .body-list .infor {
	padding: 0.23rem;
	text-align: left;
}

.rights .rights-body .body-list .infor h3 {
	font-size: 0.24rem;
}

.rights .rights-body .body-list .infor p {
	font-size: 0.22rem;
	color: #8c8c8c;
}

.rights .rights-body .body-list .infor p span {
	font-size: 0.24rem;
	color: #f45900;
}

.rights-detail .img {
	border-bottom: 1px solid #ebebeb;
}

.rights-detail .img .swiper-slide {
	padding: 0.6rem;
}

.rights-detail .img img {
	margin: 0 auto;
	display: block;
}

.rights-detail .img .swiper-pagination .swiper-pagination-bullet {
	width: 0.1rem;
	height: 0.1rem;
	margin: 0 0.1rem;
	background-color: #ececee;
	opacity: 1;
}

.rights-detail .img .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #8b8b8b;
}

.rights-detail .infor {
	padding: 0.2rem;
	overflow: hidden;
}

.rights-detail .infor h2 {
	font-size: 0.3rem;
	margin: 0.3rem 0;
	padding: 0 15px;
}

.rights-detail .infor .row {
	font-size: 0.22rem;
	color: #a9a9a9;
	line-height: 0.26rem;
	text-align: right;
}

.rights-detail .infor .row div:first-child {
	text-align: left;
}

.rights-detail .infor .row span {
	font-size: 0.29rem;
	color: #ffa800;
}

.rights-detail .detail {
	padding-bottom: 0.5rem;
	border-top: 0.3rem solid #f2f4f7;
}

.rights-detail .detail .top {
	height: 0.8rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
}

.rights-detail .detail .top h3 {
	font-size: 0.3rem;
	display: inline-block;
	line-height: 0.77rem;
	border-bottom: 2px solid #f97000;
}

.rights-detail .detail .body {
	padding: 0 0.2rem;
}

.rights-detail .detail .body img {
	margin: 0 auto;
	display: block;
}

.rights-detail .bottom {
	font-size: 0.3rem;
	height: 1rem;
	color: #fff;
	line-height: 1rem;
	background-color: #f97000;
}

.rights-detail .bottom a {
	color: #fff;
	text-align: center;
}

.solve .solve-list {
	padding: 0.25rem 0.1rem;
}

.solve li {
	padding: 0 0.1rem;
}

.solve li h3 {
	font-size: 0.24rem;
	color: #404040;
	margin: 0.2rem 0;
	text-align: center;
}


/*客户案例*/

.case .list-top {
	height: 0.65rem;
	padding: 0 0.2rem;
	position: relative;
}

.case .list-top li {
	margin-top: 0.2rem;
	line-height: 0.24rem;
	text-align: center;
	border-right: 0.02rem solid #404040;
}

.case .list-top .swiper-slide:last-child li {
	border: 0;
}

.case .list-top li a {
	font-size: 0.24rem;
	color: #404040;
	display: block;
}

.case .list-top .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide li {
	border: 0;
}

.case .list-top .swiper-slide-prev li {
	border: 0
}

.case .case-body {
	padding: 0.35rem 0.1rem;
	background-color: #f2f4f7;
}

.case .case-list {
	margin-bottom: 0.35rem;
}

.case .case-list li {
	margin-bottom: 0.25rem;
	padding: 0 0.15rem;
	text-align: center;
}

.case .case-list li a {
	padding: 0.15rem 0.18rem;
	border: 1px solid #dadbdb;
	background-color: #fff;
	box-shadow: inset 0 0 0.05rem #dadbdb;
}

.case .case-list .img-thumbnail {
	height: 1.4rem;
	margin: 0 auto;
	border: 0;
}

.case .case-list .img-thumbnail img {
	width: 100%;
	height: 100%;
}

.case .case-list li h3 {
	font-size: 0.22rem;
	color: #949494;
	margin-top: 0.1rem;
}

.case .case-list li.active a {
	border: 1px solid #12ebed;
	box-shadow: inset 0 0 0.05rem #12ebed;
}


/*媒体信息详情*/

.media-detail .img {
	border-bottom: 1px solid #ebebeb;
}

.media-detail .img .swiper-slide {
	padding: 0.6rem;
}

.media-detail .img img {
	margin: 0 auto;
	display: block;
}

.media-detail .img .swiper-pagination .swiper-pagination-bullet {
	width: 0.1rem;
	height: 0.1rem;
	margin: 0 0.1rem;
	background-color: #ececee;
	opacity: 1;
}

.media-detail .img .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #8b8b8b;
}

.media-detail .infor {
	padding: 0 0 0.3rem 0.2rem;
}

.media-detail .infor h2 {
	font-size: 0.26rem;
	margin: 0.3rem 0 0.1rem 0;
}

.media-detail .infor .row {
	font-size: 0.22rem;
	color: #898887;
	margin: 0.15rem -0.2rem;
	line-height: 0.24rem;
}

.media-detail .infor .row div {
	padding: 0 0.2rem;
}

.media-detail .infor .row span {
	font-size: 0.25rem;
	color: #272727;
}

.media-detail .infor .row .col-xs-4 {
	line-height: 0.24rem;
	border-right: 3px solid #c1c1c1;
}

.media-detail .infor .row .col-xs-8 {
	text-align: center;
}

.media-detail .infor p {
	font-size: 0.23rem;
	color: #666666;
	line-height: 0.42rem;
}

.media-detail .infor p span {
	font-size: 0.22rem;
	color: #898887;
}

.media-detail .detail {
	border-top: 0.15rem solid #f2f4f7;
}

.media-detail .detail .top-list {
	padding: 0 0.35rem;
	line-height: 0.8rem;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}

.media-detail .detail .top-list li {
	font-size: 0.26rem;
	width: 25%;
	color: #2e2e2e;
	float: left;
	text-align: center;
}

.media-detail .detail .top-list li a {
	display: inline-block;
	line-height: 0.75rem;
}

.media-detail .detail .top-list li.active a {
	color: #f97000;
	border-bottom: 2px solid #f97000;
}

.media-detail .detail .content .con-list {
	display: none;
}

.media-detail .detail .content .con-list:first-child {
	display: block;
}

.media-detail .detail .content {
	padding: 0.4rem 0.25rem;
}

.media-detail .detail .content p {
	font-size: 0.22rem;
	color: #666;
	line-height: 0.54rem;
	overflow: hidden;
}

.media-detail .detail .content span {
	font-size: 0.2rem;
	color: #7f7d7d;
	margin-right: 0.25rem;
	float: left;
}

.media-detail .detail .content p i {
	font-size: 0.22rem;
	font-style: normal;
	width: 6.2rem;
	color: #666;
	line-height: 0.54rem;
	float: left;
}


/*品牌设计*/

.brand .list-top {
	height: 0.65rem;
	padding: 0 0.3rem;
	position: relative;
}

.brand .list-top li {
	margin-top: 0.2rem;
	line-height: 0.24rem;
	text-align: center;
	border-right: 0.02rem solid #404040;
}

.brand .list-top .swiper-slide:last-child li {
	border: 0;
}

.brand .list-top li a {
	font-size: 0.24rem;
	color: #404040;
	display: block;
}

.brand .list-top .swiper-slide-prev li {
	border: 0
}

.brand .list-top .swiper-slide-next+.swiper-slide+.swiper-slide li {
	border: 0
}

.brand .brand-body {
	padding: 0.3rem 0.3rem 1rem 0.3rem;
	background-color: #f2f4f7;
}

.brand .brand-body h2 {
	font-size: 0.26rem;
	color: #111111;
	margin: 0.3rem 0.4rem;
}



.brand .brand-body img {
	margin: 0 auto;
}


/*忘记密码*/

.forget .form {
	border-top: 0.3rem solid #f2f4f7;
}

.forget .form .box {
	padding: 0 0.25rem;
	background-color: #fff;
}

.forget .form .input-list {
	height: 1.15rem;
	line-height: 1.1rem;
	border-bottom: 1px solid #ebebeb;
}

.forget .form .input-list input {
	font-size: 0.24rem;
	width: 100%;
	color: #a0a0a0;
	border: 0;
	outline: none;
}

.forget .form .code input[type="text"] {
	width: 70%;
	float: left;
}

.forget .form .code input[type="button"] {
	width: 30%;
	color: #fda544;
	float: left;
	margin-top: 0.17rem;
	line-height: 0.8rem;
	border-left: 1px solid #ebebeb;
	background-color: transparent;
}

.forget .form .sub {
	padding: 0.45rem 0 5rem 0;
	background-color: #f2f4f7;
}

.forget .form .sub input {
	font-size: 0.3rem;
	width: 6.6rem;
	height: 0.78rem;
	color: #fff;
	margin: 0 auto;
	border: 0;
	outline: none;
	display: block;
	border-radius: 0.1rem;
	background-color: #f97000;
}

.forget .form :-moz-placeholder {
	color: #a0a0a0;
}

.forget .form ::-moz-placeholder {
	color: #a0a0a0;
}

.forget .form input:-ms-input-placeholder {
	color: #a0a0a0;
}

.forget .form input::-webkit-input-placeholder {
	color: #a0a0a0;
}


/*项目列表*/

.project .list-top {
	height: 0.7rem;
	padding-bottom: 0.2rem;
	position: relative;
}

.project .list-top .swiper-slide li {
	margin-top: 0.2rem;
	line-height: 0.24rem;
	text-align: center;
	border-right: 0.02rem solid #404040;
}

.project .list-top .swiper-slide li a {
	font-size: 0.24rem;
	color: #404040;
	display: inline-block;
	position: relative;
}

.project .list-top .swiper-slide li a:before {
	content: '';
	width: 0.13rem;
	height: 0.08rem;
	background: url(../img/rights-list-top.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: -0.2rem;
}

.project .list-top .swiper-slide li.on a {
	color: #f97000;
}

.project .list-top .swiper-slide li.on a:before {
	background: url(../img/rights-list-top-on.png) no-repeat;
	background-size: contain;
}

.project .list-top .swiper-slide-prev li {
	border: 0
}

.project .list-top .swiper-slide-next li {
	border: 0;
}

.project .list-top .dropdown {
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 0.68rem;
	z-index: 99;
}

.project .list-top .dropdown .list {
	padding: 0 0.2rem 0.2rem 0.2rem;
	display: none;
}

.project .list-top .dropdown li {
	font-size: 0.25rem;
	line-height: 0.8rem;
	border-bottom: 1px solid #ebebeb;
}

.project .list-top .dropdown li a {
	color: #6e6e6e;
}

.project .list-top .dropdown li.active a {
	color: #f97000;
	background: url(../img/ok.png) no-repeat center right;
	background-size: 0.26rem 0.18rem;
}

.project .project-body {
	padding: 0.25rem 0.15rem;
	background-color: #f2f4f7;
}

.project .project-body .body-list {
	margin-bottom: 0.45rem;
}

.project .project-body .body-list li {
	margin-bottom: 0.2rem;
	padding: 0 0.1rem;
}

.project .project-body .body-list li a {
	padding: 0.15rem;
	background-color: #fff;
}

.project .project-body .body-list li a .img-thumbnail {
	border: 0;
}

.project .project-body .body-list li a h3 {
	font-size: 0.21rem;
	color: #3a3a3a;
	padding: 0 0.1rem;
	line-height: 0.3rem;
}

.project-search .form {
	padding: 0.3rem 0.25rem;
	background-color: #f2f4f7;
}

.project-search .form form {
	position: relative;
}

.project-search .form input {
	font-size: 0.22rem;
	width: 100%;
	height: 0.58rem;
	color: #c6c6c6;
	padding: 0 0.4rem 0 0.1rem;
	outline: none;
	border: 1px solid #d2d2d2;
}

.project-search .form input[type="submit"] {
	width: 0.27rem;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	outline: none;
	background: url(../img/project-search.png) no-repeat center;
	background-size: 0.27rem 0.27rem;
}

.project-search .form :-moz-placeholder {
	color: #c6c6c6;
}

.project-search .form ::-moz-placeholder {
	color: #c6c6c6;
}

.project-search .form input:-ms-input-placeholder {
	color: #c6c6c6;
}

.project-search .form input::-webkit-input-placeholder {
	color: #c6c6c6;
}

.project-search .point {
	font-size: 0.22rem;
	color: #c6c6c6;
	margin: 0.7rem 0;
	text-align: center;
}


/*新闻中心*/

.news .list-top {
	height: 0.65rem;
	position: relative;
}

.news .list-top li {
	margin-top: 0.2rem;
	line-height: 0.24rem;
	text-align: center;
	border-right: 0.02rem solid #404040;
}

.news .list-top .swiper-slide:last-child li {
	border: 0;
}

.news .list-top li a {
	font-size: 0.24rem;
	color: #404040;
	display: block;
}

.news .list-top li.on a {
	color: #f97000;
}

.news .list-top .swiper-slide-prev li {
	border: 0
}

.news .list-top .swiper-slide-next+.swiper-slide li {
	border: 0
}

.news .news-body {
	padding: 0.25rem 0.3rem;
	background-color: #f2f4f7;
}

.news .body-list {
	margin-bottom: 0.3rem;
}

.news .body-list li.headline {
	padding: 0.07rem;
}

.news .body-list li.headline .span-img {
	padding: 0;
}

.news .body-list li.headline .infor {
	padding: 0.2rem 0 0 0.17rem;
	float: left;
}

.news .body-list li.headline .infor p {
	width: 4.15rem;
}

.news .body-list li {
	margin-bottom: 0.2rem;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;
}

.news .body-list li .infor {
	padding: 0.2rem 0.3rem;
}

.news .body-list li .infor h3 {
	font-size: 0.24rem;
	color: #4c4b4b;
}

.news .body-list li .infor .time {
	font-size: 0.22rem;
	color: #171717;
	padding-left: 0.3rem;
	line-height: 0.4rem;
	background: url(../img/news-time.png) no-repeat center left;
	background-size: 0.22rem;
}

.news .body-list li .infor p {
	font-size: 0.19rem;
	color: #828282;
}


/*新闻详情*/

.news-detail {
	padding-bottom: 0.9rem;
}

.news-detail .title {
	margin-top: 0.5rem;
	text-align: center;
}

.news-detail .title h2 {
	font-size: 0.23rem;
	color: #292929;
	margin-bottom: 0.3rem;
}

.news-detail .title .time-num {
	font-size: 0.17rem;
	color: #999;
	margin: 0 0.45rem;
	line-height: 0.45rem;
	background-color: #f3f3f3;
}

.news-detail .content {
	padding: 0 0.25rem 1.7rem 0.25rem;
}


/*.news-detail .content img {

	margin: 0.45rem 0;

}*/


/*.news-detail .content h3 {

	font-size: 0.2rem;

	color: #777;

	margin-bottom: 0.5rem;

	padding-left: 0.25rem;

}

.news-detail .content p {

	font-size: 0.2rem;

	color: #777;

	margin-bottom: 0.5rem;

	text-indent: 3em;

}*/

.news-detail .prev-next {
	padding: 0 0.07rem;
}

.news-detail .prev-next ul {
	padding-top: 0.35rem;
	border-top: 1px solid #e5e5e5;
}

.news-detail .prev-next li {
	font-size: 0.2rem;
}

.news-detail .prev-next li span {
	font-size: 0.22rem;
	color: #f97000;
	display: inline-block;
}

.news-detail .prev-next li a {
	color: #171717;
	display: inline-block;
}


/*异业联盟*/

.union {
	padding: 0.25rem;
	background-color: #f2f4f7;
}

.union .union-list {
	margin-bottom: 0.5rem;
}

.union .union-list .img-thumbnail {
	border: 0;
}

.union .union-list .row {
	margin: 0 0 0.2rem 0;
	padding: 0.12rem;
	background-color: #fff;
	border: 1px solid #eee;
}

.union .union-list .img {
	padding: 0 0.05rem 0 0;
}

.union .union-list .infor {
	padding: 0 0 0 0.05rem;
}

.union .union-list .infor h3 {
	font-size: 0.23rem;
	color: #3f3f3f;
	margin: 0.05rem 0;
}

.union .union-list .infor p {
	font-size: 0.19rem;
	color: #999;
	line-height: 0.3rem;
}

.union .union-list .infor .time {
	font-size: 0.19rem;
	color: #6c6b6c;
	padding-left: 0.2rem;
	background: url(../img/union-time.png) no-repeat left center;
}

.pagination {
	font-size: 14px;
	width: 100%;
	margin: 25px 0;
	text-align: center;
}

.pagination .page_list a {
	width: 29px;
	height: 29px;
	margin: 0 6px;
	line-height: 29px;
	border-radius: 100%;
	display: inline-block;
}

.pagination .page a {
	color: #626161;
	display: block;
	transition: all 0s;
	-moz-transition: all 0s;
	/* Firefox 4 */
	-webkit-transition: all 0s;
	/* Safari 和 Chrome */
	-o-transition: all 0s;
	/* Opera */
}

.pagination .page:hover {
	background-color: #f97000;
}

.pagination .page:hover a {
	color: #fff;
}

.pagination .on {
	color: #fff;
	background-color: #f97000;
}

.pagination .next {
	margin-left: 10px;
	display: inline-block;
}

.pagination .next a {
	color: #1b1919;
}

.outdoor .top {
	background-color: #5eb1ff;
}

.outdoor .bottom a.active {
	background-color: #5eb1ff;
	border: 1px solid #5eb1ff;
}

.outdoor .bottom a:hover {
	color: #fff;
	background-color: #5eb1ff;
	border: 1px solid #5eb1ff;
}

.terminal .top {
	background-color: #fa8f2b;
}

.terminal .bottom a.active {
	background-color: #fa8f2b;
	border: 1px solid #fa8f2b;
}

.terminal .bottom a:hover {
	color: #fff;
	background-color: #fa8f2b;
	border: 1px solid #fa8f2b;
}

.traffic .top {
	background-color: #21caa9;
}

.traffic .bottom a.active {
	background-color: #21caa9;
	border: 1px solid #21caa9;
}

.traffic .bottom a:hover {
	color: #fff;
	background-color: #21caa9;
	border: 1px solid #21caa9;
}

.colligate .top {
	background-color: #f57071;
}

.colligate .bottom a.active {
	background-color: #f57071;
	border: 1px solid #f57071;
}

.colligate .bottom a:hover {
	color: #fff;
	background-color: #f57071;
	border: 1px solid #f57071;
}

.advantage {
	border-top: 0.3rem solid #eee;
	background: url(../img/advantage-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

.advantage .top {
	padding-top: 0.4rem;
	text-align: center;
}

.advantage .top .box {
	display: inline-block;
}

.advantage .top .box h2 {
	font-size: 0.32rem;
	font-weight: bold;
	color: #fff;
	float: left;
}

.advantage .top .box h2 i {
	font-style: normal;
	color: #fa7e1a;
}

.advantage .top .box span {
	font-size: 0.28rem;
	color: #fff;
	margin: 0 0.1rem;
	float: left;
}

.advantage .top .box p {
	font-size: 0.28rem;
	color: rgba(255, 255, 255, 0.6);
	float: left;
}

.advantage .advan-list {
	margin-top: 0.9rem;
}

.advantage .advan-list li .box {
	width: 2.9rem;
	display: inline-block;
}

.advantage .advan-list .num {
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 auto 0.4rem auto;
	position: relative;
	text-align: center;
	background: url(../img/advan-list-li-num.png) no-repeat;
	background-size: 1.6rem;
}

.advantage .advan-list .num .small {
	font-family: arial;
	font-size: 0.22rem;
	color: rgba(255, 255, 255, 0.6);
	position: absolute;
	top: 0.3rem;
	right: -0.45rem;
}

.advantage .advan-list li .num h3 {
	font-family: impact;
	overflow: hidden;
	position: relative;
	top: 30%;
}

.advantage .advan-list li .num h3 i {
	font-style: normal;
	font-size: 0.34rem;
	color: #fff;
	float: left;
	position: absolute;
	bottom: 0;
	right: 0.1rem;
}

.advantage .advan-list li .num p svg {
	display: none;
}

.advantage .advan-list li .num p .circles-integer {
	font-size: 0.52rem;
	font-weight: bold;
	color: #fff;
}

.advantage .advan-list li .num p .circles-text {
	font-size: 0.52rem!important;
	height: auto!important;
	position: relative!important;
	line-height: normal!important;
}

.advantage .advan-list .bottom {
	text-align: center;
}

.advantage .advan-list .bottom .title {
	display: inline-block;
}

.advantage .advan-list .bottom img {
	width: 0.29rem;
	height: 0.26rem;
	margin-right: 0.1rem;
	float: left;
}

.advantage .advan-list .bottom h4 {
	font-size: 0.26rem;
	max-width: 2rem;
	color: #f6f6f6;
	float: left;
}

.advantage .advan-list .bottom p {
	font-family: arial;
	font-size: 0.2rem;
	color: rgba(255, 255, 255, 0.3);
}

.advantage .advan-list .swiper-container {
	padding-bottom: 1.3rem;
}

.advantage .advan-list .swiper-pagination {
	bottom: 0.6rem;
}

.advantage .advan-list .swiper-pagination .swiper-pagination-bullet {
	width: 0.45rem;
	height: 0.04rem;
	background-color: #fff;
	opacity: 1;
	border-radius: 0;
}

.advantage .advan-list .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fa7e1a;
}

.index-case {
	border-top: 0.2rem solid #eee;
	border-bottom: 1px solid #e0e0e0;
	background-color: #fff;
}

.index-case .top {
	height: 0.95rem;
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #e4e4e4;
}

.index-case .top .title {
	display: inline-block;
	line-height: 0.95rem;
}

.index-case .top .title h2 {
	font-size: 0.32rem;
	font-weight: bold;
	color: #fa8938;
	margin-right: 0.1rem;
	float: left;
	line-height: 0.95rem;
}

.index-case .top .title span {
	font-size: 0.28rem;
	color: rgba(0, 0, 0, 0.6);
	float: left;
}

.index-case .case-list .swiper-container {
	padding-bottom: 0.55rem;
}

.index-case .case-list .swiper-slide {
	padding: 0.25rem 0.2rem;
}

.index-case .case-list .swiper-pagination {
	bottom: 0.25rem;
}

.index-case .case-list .swiper-pagination .swiper-pagination-bullet {
	width: 0.15rem;
	height: 0.15rem;
	margin: 0 10px;
	border: 1px solid #fa7e1a;
	background-color: transparent;
	opacity: 1;
}

.index-case .case-list .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fa7e1a;
}

.index-case .case-list li {
	width: 33.33%;
	height: 1.25rem;
	padding: 0.07rem;
	float: left;
}

.index-case .case-list li .box {
	width: 33.33%;
	height: 1.05rem;
	border: 1px solid #e4e4e4;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.index-case .case-list li .box img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
/*	webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 0.4;*/
}

/*.index-case .case-list li:hover .box img {
	webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}*/