﻿.inner-banner .title {
	opacity: 0
}

.inner-nav {
	display: none
}

.content {
	width: 100%;
	position: relative;
	background-color: white
}

.content .box {
	width: 73%;
	margin: 0 auto;
	padding-bottom: .6375rem
}

.content .box::after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	float: none;
	clear: both
}

.content .box .left {
	width: 7.875rem;
	float: left;
	position: relative
}

.content .box .left .left-box {
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .07);
	margin-top: -1.5975rem;
	position: relative
}

.content .box .left .left-box .content-box {
	padding-top: .525rem;
	margin-left: .72rem;
	margin-right: .72rem
}

.content .box .left .left-box .content-box .en {
	font-size: .18rem;
	line-height: .18rem;
	color: #eeeeee
}

.content .box .left .left-box .content-box .title {
	font-size: .315rem;
	font-weight: bold;
	line-height: .525rem;
	color: #000000;
	margin-top: .1125rem
}

.content .box .left .left-box .content-box .other {
	width: 100%;
	height: .375rem;
	background-color: #f7f7f7;
	margin-top: .3375rem
}

.content .box .left .left-box .content-box .other .time {
	font-size: .135rem;
	line-height: .375rem;
	color: #e84127;
	float: left;
	margin-left: .15rem
}

.content .box .left .left-box .content-box .other .Views {
	float: left;
	margin-left: .2775rem;
	line-height: .375rem;
	font-size: .12rem;
	color: #999999
}

.content .box .left .left-box .content-box .other .Views span {
	margin-left: .09rem;
	padding-left: .09rem;
	position: relative
}

.content .box .left .left-box .content-box .other .Views span::after {
	content: "";
	width: .0075rem;
	height: .105rem;
	position: absolute;
	left: 0;
	top: .03rem;
	background-color: #999999
}

.content .box .left .left-box .content-box .other .phone {
	float: right;
	font-size: .12rem;
	line-height: .375rem;
	color: #999999;
	margin-right: .2175rem;
	position: relative
}

.content .box .left .left-box .content-box .other .phone .img {
	width: 0;
	height: 0;
	background-color: white;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .2);
	position: absolute;
	top: 50px;
	left: 0;
	opacity: 0;
	transition: .2s
}

.content .box .left .left-box .content-box .other .phone .img canvas {
	width: calc(100% - 28px);
	margin: 0 auto;
	display: block;
	padding-top: 14px
}

.content .box .left .left-box .content-box .other .phone:hover .img {
	width: 148px;
	height: 148px;
	background-color: white;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .2);
	position: absolute;
	top: 50px;
	left: 0;
	opacity: 1
}

.content .box .left .left-box .content-box .other .adjustment {
	float: right;
	margin-right: .285rem;
	margin-top: .0625rem
}

.content .box .left .left-box .content-box .other .adjustment div {
	float: left;
	cursor: pointer;
	margin-left: .165rem;
	width: .25rem;
	height: .25rem;
	border-radius: 50%;
	font-size: .135rem;
	line-height: .25rem;
	font-weight: bold;
	color: #999999;
	text-align: center
}

.content .box .left .left-box .content-box .other .adjustment div.active {
	color: white;
	background-color: #e84127
}

.content .box .left .left-box .content-box .text {
	width: 100%;
	margin-top: .525rem
}

.content .box .left .left-box .content-box .text p {
	font-size: .15rem;
	line-height: 2;
	color: #010101;
	text-indent: 32px;
}

.content .box .left .left-box .content-box .text img {
	width: 100%;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-top: .2rem;
	margin-bottom: .2rem;
}

.content .box .left .prev {
	width: 100%;
	margin-top: .4275rem;
	background-color: #ffffff;
	transition: .5s
}

.content .box .left .prev a {
	width: 100%;
	height: .9rem;
}

.content .box .left .prev a .prev-left {
	font-size: .18rem;
	line-height: .45rem;
	color: #333333;
	float: left;
	margin-top: .225rem;
	margin-left: .375rem;
	padding-right: .285rem;
	border-right: solid .0075rem #c3c1c1;
	transition: .5s
}

.content .box .left .prev a .prev-right {
	margin-left: .285rem;
	margin-top: .225rem;
	float: left;
	width: calc(100% - 2rem)
}

.content .box .left .prev a .prev-right .title {
	font-size: .18rem;
	font-weight: bold;
	line-height: .18rem;
	color: #333333;
	transition: .5s;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.content .box .left .prev a .prev-right .time {
	font-size: .15rem;
	line-height: .15rem;
	color: #999999;
	margin-top: .15rem
}

.content .box .left .prev:hover {
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .07)
}

.content .box .left .prev:hover a .prev-left {
	color: #e84127
}

.content .box .left .prev:hover a .prev-right .title {
	color: #e84127
}

.content .box .left .next {
	width: 100%;
	margin-top: .15rem;
	background-color: #ffffff;
	transition: .5s
}

.content .box .left .next a {
	width: 100%;
	height: .9rem;
}

.content .box .left .next a .next-left {
	font-size: .18rem;
	line-height: .45rem;
	color: #333333;
	float: left;
	margin-top: .225rem;
	margin-left: .375rem;
	padding-right: .285rem;
	border-right: solid .0075rem #c3c1c1;
	transition: .5s
}

.content .box .left .next a .next-right {
	margin-left: .285rem;
	margin-top: .225rem;
	float: left;
	width: calc(100% - 2rem)
}

.content .box .left .next a .next-right .title {
	font-size: .18rem;
	font-weight: bold;
	line-height: .18rem;
	color: #333333;
	transition: .5s;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.content .box .left .next a .next-right .time {
	font-size: .15rem;
	line-height: .15rem;
	color: #999999;
	margin-top: .15rem
}

.content .box .left .next:hover {
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .07)
}

.content .box .left .next:hover a .next-left {
	color: #e84127
}

.content .box .left .next:hover a .next-right .title {
	color: #e84127
}

.content .box .right {
	width: 2.175rem;
	float: right;
	position: relative
}

.content .box .right .right-box {
	width: 2.175rem;
	position: absolute;
	top: 0;
	padding-top: .5rem
}

.content .box .right .right-box .h1 {
	font-size: .21rem;
	line-height: .21rem;
	color: #e84127;
	margin-top: .495rem
}

.content .box .right .right-box .list {
	margin-top: .2175rem;
	border-top: solid .0225rem #f0f0f0;
	padding-bottom: .315rem;
	border-bottom: solid .0225rem #e84127
}

.content .box .right .right-box .list .item {
	width: 100%;
	margin-top: .315rem
}

.content .box .right .right-box .list .item .img {
	display: block;
	width: 100%;
	height: 1.425rem;
	overflow: hidden
}

.content .box .right .right-box .list .item .img img {
	width: 100%;
	transition: 1s
}

.content .box .right .right-box .list .item .text {
	display: block;
	width: 100%;
	margin-top: .21rem
}

.content .box .right .right-box .list .item .text .time {
	font-size: .15rem;
	line-height: .15rem;
	color: #c3c3c3;
	transition: 1s
}

.content .box .right .right-box .list .item .text .title {
	font-size: .15rem;
	line-height: .24rem;
	color: #333333;
	transition: 1s;
	margin-top: .12rem
}

.content .box .right .right-box .list .item:hover .img img {
	transform: scale(1.1)
}

.content .box .right .right-box .list .item:hover .text .time {
	color: #e84127
}

.content .box .right .right-box .list .item:hover .text .title {
	color: #e84127
}

.content .box .right .right-box .share {
	width: .9rem;
	height: 1.59rem;
	background-color: #147dbd;
	margin-top: .27rem
}

.content .box .right .right-box .share .img {
	width: .3225rem;
	height: .3225rem;
	margin: 0 auto;
	padding-top: .27rem
}

.content .box .right .right-box .share .img img {
	width: 100%
}

.content .box .right .right-box .share .bdsharebuttonbox {
	width: .3225rem;
	height: .3225rem;
	margin: 0 auto;
	padding-top: .27rem
}

.content .box .right .right-box .share .bdsharebuttonbox a {
	display: block;
	width: 100%;
	height: 100%;
	background: #147dbd url(../images/icon_share.png) no-repeat center;
	background-size: 100%;
	text-align: initial;
	margin: 0;
	transition: none;
	-webkit-transition: none
}

.content .box .right .right-box .share .return1 {
	margin-top: .3075rem
}

.content .box .right .right-box .share .return1 a {
	padding-top: .255rem;
	padding-bottom: .255rem;
	width: 100%;
	display: block;
	text-align: center;
	font-size: .135rem;
	line-height: .135rem;
	letter-spacing: 0;
	color: #ffffff
}

@media screen and (max-width:1020px) {
	.content .box {
		width: 90%
	}

	.content .box .right {
		display: none
	}

	.content .box .left .left-box .share {
		display: none
	}

	.content .box .left {
		width: 100%
	}

	.content .box .left .left-box .content-box {
		padding-top: .525rem;
		margin-left: .3rem;
		margin-right: .3rem
	}

	.content .box .left .left-box .content-box .en {
		font-size: .25rem;
		line-height: .25rem
	}

	.content .box .left .left-box .content-box .title {
		font-size: .42rem;
		line-height: .6rem;
		margin-top: .2rem
	}

	.content .box .left .left-box .content-box .other {
		height: .5rem
	}

	.content .box .left .left-box .content-box .other .time {
		font-size: .25rem;
		line-height: .5rem
	}

	.content .box .left .left-box .content-box .other .Views {
		line-height: .5rem;
		font-size: .25rem
	}

	.content .box .left .left-box .content-box .other .Views span::after {
		content: "";
		width: .0075rem;
		height: .25rem
	}

	.content .box .left .left-box .content-box .other .phone {
		display: none
	}

	.content .box .left .left-box .content-box .other .adjustment {
		float: right;
		margin-right: .285rem;
		line-height: .5rem;
		font-size: .25rem;
		font-weight: bold;
		color: #999999
	}

	.content .box .left .left-box .content-box .other .adjustment div {
		float: left;
		cursor: pointer;
		margin-left: .165rem;
		width: .4rem;
		height: .4rem;
		border-radius: 50%;
		font-size: .2rem;
		line-height: .4rem;
		font-weight: bold;
		color: #999999;
		text-align: center
	}

	.content .box .left .left-box .content-box .other .adjustment div.active {
		color: white;
		background-color: #e84127
	}

	.content .box .left .left-box .content-box .other .adjustment .add img {
		width: .1rem;
		vertical-align: top;
		margin-top: .13rem
	}

	.content .box .left .left-box .content-box .other .adjustment .reduce img {
		width: .1rem;
		vertical-align: top;
		margin-top: .13rem
	}

	.content .box .left .left-box .content-box .other .adjustment .reduce {
		float: left;
		margin-left: .3rem
	}

	.content .box .left .left-box .content-box .text p {
		font-size: .25rem;
		line-height: 1.8
	}

	.content .box .left .prev {
		box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .07)
	}

	.content .box .left .prev a {
		height: 1.2rem
	}

	.content .box .left .prev a .prev-left {
		font-size: .25rem;
		line-height: .65rem;
		color: #333333;
		float: left;
		margin-top: .275rem;
		margin-left: .375rem;
		padding-right: .285rem;
		border-right: solid .0075rem #c3c1c1;
		transition: .5s
	}

	.content .box .left .prev a .prev-right {
		margin-left: .285rem;
		margin-top: .275rem;
		float: left;
		width: calc(100% - 2rem)
	}

	.content .box .left .prev a .prev-right .title {
		font-size: .25rem;
		font-weight: bold;
		line-height: .3rem;
		color: #333333;
		transition: .5s
	}

	.content .box .left .prev a .prev-right .time {
		font-size: .25rem;
		line-height: .25rem;
		color: #999999;
		margin-top: .15rem
	}

	.content .box .left .next {
		box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .07);
		margin-top: .3rem
	}

	.content .box .left .next a {
		height: 1.2rem
	}

	.content .box .left .next a .next-left {
		font-size: .25rem;
		line-height: .65rem;
		color: #333333;
		float: left;
		margin-top: .275rem;
		margin-left: .375rem;
		padding-right: .285rem;
		border-right: solid .0075rem #c3c1c1;
		transition: .5s
	}

	.content .box .left .next a .next-right {
		margin-left: .285rem;
		margin-top: .275rem;
		float: left;
		width: calc(100% - 2rem)
	}

	.content .box .left .next a .next-right .title {
		font-size: .25rem;
		font-weight: bold;
		line-height: .3rem;
		color: #333333;
		transition: .5s
	}

	.content .box .left .next a .next-right .time {
		font-size: .25rem;
		line-height: .25rem;
		color: #999999;
		margin-top: .15rem
	}
}