@charset "utf-8";
/* base css */
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
iframe,
a,
span,
img {
	margin: 0;
	padding: 0;
}

body,
input,
textarea,
select,
button,
table {
	font: 12px/1.25em 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

html {
	height: 100%;
	font-size: 0px;
}

body {

	height: auto;
	background-color: #f5f5f5;
	background-color: #fff;
	min-height: 100%;
	position: relative;
}

img,
iframe {
	border: none;
	display: inline-block;
}

a {
	text-decoration: none;
}

a,
input,
button,
iframe {
	outline: none;
	appearance: none;
	-moz-appearance: none;
}

::-moz-focus-inner {
	border: 0px;
}

ul,
ol {
	list-style: none;
}

em {
	/*font-style: normal;*/
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
	overflow: hidden;
}

.clearfix {
	zoom: 1;
}

.clear {
	clear: both;
}

label {
	word-break: break-word;
	white-space: nowrap;
}

/*********index  css*************/
.naver {
	padding: 20px 0;
	border-bottom: 1px solid #bebebe;
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	background-size: 100% 100%;
	z-index: 100;
}

@media (max-width: 768px) {
	.naver {
		padding: 10px 0;
	}
}

/*.naver:hover{
	padding-top: 17px;
	padding-bottom: 16px;
}*/

.naver .navDiv {
	width: 1200px;
	margin: 0 auto;
	-webkit-animation: tranlater .5s linear;
	-moz-animation: tranlater .5s linear;
	-ms-animation: tranlater .5s linear;
	-o-animation: tranlater .5s linear;
	animation: tranlater .5s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;

	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s linear .1s;
}

@media (max-width: 1200px) {
	.naver .navDiv {
		width: 992px;
	}
}

@media (max-width: 992px) {
	.naver .navDiv {
		width: 768px;
	}
}

@media (max-width: 768px) {
	.naver .navDiv {
		width: 576px;
	}
}

@media (max-width: 576px) {
	.naver .navDiv {
		width: 375px;
	}
}

.contacter1 h1 {
	text-align: center;
	margin: 30px auto;
}

.nav_right a {
	display: inline-block;
	text-align: center;
	color: #000;
	font-size: 20px;
	width: 145px;
}

@media (max-width: 1200px) {
	.nav_right a {
		width: 115px;
	}
}

@media (max-width: 992px) {
	.nav_right a {
		width: 86px;
	}
}

@media (max-width: 768px) {
	.nav_right a {
		width: 60px;
		font-size: 19px;
	}
}

@media (max-width: 576px) {
	.nav_right a {
		width: 33px;
		font-size: 15px;
	}
}

.nav_left.tranlater, .nav_right.tranlater {
	-webkit-animation: tranlater .5s linear;
	-moz-animation: tranlater .5s linear;
	-ms-animation: tranlater .5s linear;
	-o-animation: tranlater .5s linear;
	animation: tranlater .5s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.nav_left a {
	margin-right: 10px
}

.nav_right {
	text-align: right;
}

.nav_right a {
	margin-left: 10px;
	border: 2px solid transparent;
}

.nav_right a:hover, .nav_right a.active {
	position: relative;
	border: 2px solid #102341;
}

.nav_right a:hover:before, .nav_right a.active:before {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	bottom: -3px;
	right: 20px;
	left: 20px;
	border: 4px solid #fff;
	border-left: none;
	border-right: none;
}

.nav_right a:hover:after, .nav_right a.active:after {
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: -3px;
	left: -3px;
	border: 4px solid #fff;
	border-top: none;
	border-bottom: none;
}

@media (max-width: 768px) {
	.nav_right a:hover:before, .nav_right a.active:before {
		right: 5px;
		left: 5px;
	}

	.nav_right a:hover:after, .nav_right a.active:after {
		top: 3px;
		bottom: 3px;
	}
}

@media (max-width: 576px) {
	.nav_right a:hover:before, .nav_right a.active:before {

	}

	.nav_right a:hover:after, .nav_right a.active:after {

	}
}

.logo {
	position: relative;
	display: inline-block;
	margin: 8px 0 0 40px;
	width: 125px;
	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s linear .1s;
}

@media (max-width: 992px) {
	.logo {
		margin: 8px 0 0 10px;
	}
}

@media (max-width: 768px) {
	.logo {
		width: 75px;
		margin: 10px 0 0 5px;
	}
}

.logo img {
	width: 100%;
	vertical-align: top;
}

.logo.scaler {
	-webkit-animation: scaler .5s linear;
	-moz-animation: scaler .5s linear;
	-ms-animation: scaler 0.5s linear;
	-o-animation: scaler .5s linear;
	animation: scaler .5s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@media (max-width: 768px) {
	.logo.scaler {
		-webkit-animation: scaler1 .5s linear;
		-moz-animation: scaler1 .5s linear;
		-ms-animation: scaler1 0.5s linear;
		-o-animation: scaler1 .5s linear;
		animation: scaler1 .5s linear;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
	}
}

.nav_right {
	float: right;
	width: auto;
	height: 60px;
	line-height: 60px;
}

@media (max-width: 768px) {
	.nav_right {
		height: 50px;
		line-height: 50px;
	}
}

@-webkit-keyframes tranlater {
	0% {
		height: 60px;
		line-height: 60px;
	}
	100% {
		height: 40px;
		line-height: 40px;
	}
}

@-moz-keyframes tranlater {
	0% {
		height: 60px;
		line-height: 60px;
	}
	100% {
		height: 40px;
		line-height: 40px;
	}
}

@-ms-keyframes tranlater {
	0% {
		height: 60px;
		line-height: 60px;
	}
	100% {
		height: 40px;
		line-height: 40px;
	}
}

@-o-keyframes tranlater {
	0% {
		height: 60px;
		line-height: 60px;
	}
	100% {
		height: 40px;
		line-height: 40px;
	}
}

@keyframes tranlater {
	0% {
		height: 60px;
		line-height: 60px;
	}
	100% {
		height: 40px;
		line-height: 40px;
	}
}

@media (max-width: 576px) {
	@-webkit-keyframes tranlater {
		0% {
			height: 40px;
			line-height: 40px;
		}
		100% {
			height: 30px;
			line-height: 30px;
		}
	}

	@-moz-keyframes tranlater {
		0% {
			height: 40px;
			line-height: 40px;
		}
		100% {
			height: 30px;
			line-height: 30px;
		}
	}

	@-ms-keyframes tranlater {
		0% {
			height: 40px;
			line-height: 40px;
		}
		100% {
			height: 30px;
			line-height: 30px;
		}
	}

	@-o-keyframes tranlater {
		0% {
			height: 40px;
			line-height: 40px;
		}
		100% {
			height: 30px;
			line-height: 30px;
		}
	}

	@keyframes tranlater {
		0% {
			height: 40px;
			line-height: 40px;
		}
		100% {
			height: 30px;
			line-height: 30px;
		}
	}
}

@-webkit-keyframes scaler {
	0% {
		-webkit-transform: scale(1) translateY(0);
	}
	100% {
		-webkit-transform: scale(0.724) translateY(-18px);
	}
}

@-moz-keyframes scaler {
	0% {
		-moz-transform: scale(1) translateY(0);
	}
	100% {
		-moz-transform: scale(0.724) translateY(-18px);
	}
}

@-ms-keyframes scaler {
	0% {
		-ms-transform: scale(1) translateY(0);
	}
	100% {
		-ms-transform: scale(0.724) translateY(-18px);
	}
}

@-o-keyframes scaler {
	0% {
		-o-transform: scale(1) translateY(0);
	}
	100% {
		-o-transform: scale(0.724) translateY(-18px);
	}
}

@keyframes scaler {
	0% {
		transform: scale(1) translateY(0);
	}
	100% {
		transform: scale(0.724) translateY(-18px);
	}
}

@-webkit-keyframes scaler {
	0% {
		-webkit-transform: scale(1) translateY(0);
	}
	100% {
		-webkit-transform: scale(0.724) translateY(-18px);
	}
}

@-moz-keyframes scaler {
	0% {
		-moz-transform: scale(1) translateY(0);
	}
	100% {
		-moz-transform: scale(0.724) translateY(-18px);
	}
}

@-ms-keyframes scaler {
	0% {
		-ms-transform: scale(1) translateY(0);
	}
	100% {
		-ms-transform: scale(0.724) translateY(-18px);
	}
}

@-o-keyframes scaler {
	0% {
		-o-transform: scale(1) translateY(0);
	}
	100% {
		-o-transform: scale(0.724) translateY(-18px);
	}
}

@keyframes scaler {
	0% {
		transform: scale(1) translateY(0);
	}
	100% {
		transform: scale(0.724) translateY(-18px);
	}
}

/*宽度768改变动画*/

@-webkit-keyframes scaler1 {
	0% {
		-webkit-transform: scale(1) translateY(0);
	}
	100% {
		-webkit-transform: scale(0.8) translateY(-8px);
	}
}

@-moz-keyframes scaler1 {
	0% {
		-moz-transform: scale(1) translateY(0);
	}
	100% {
		-moz-transform: scale(0.8) translateY(-1px);
	}
}

@-ms-keyframes scaler1 {
	0% {
		-ms-transform: scale(1) translateY(0);
	}
	100% {
		-ms-transform: scale(0.8) translateY(-1px);
	}
}

@-o-keyframes scaler1 {
	0% {
		-o-transform: scale(1) translateY(0);
	}
	100% {
		-o-transform: scale(0.8) translateY(-1px);
	}
}

@keyframes scaler1 {
	0% {
		transform: scale(1) translateY(0);
	}
	100% {
		transform: scale(0.8) translateY(-8px);
	}
}

/*反向动画*/
.logo.scalerOpp {
	-webkit-animation: scalerOpp .5s linear;
	-moz-animation: scalerOpp .5s linear;
	-ms-animation: scalerOpp 0.5s linear;
	-o-animation: scalerOpp .5s linear;
	animation: scalerOpp .5s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.nav_left.tranlaterOpp, .nav_right.tranlaterOpp {
	-webkit-animation: tranlaterOpp .5s linear;
	-moz-animation: tranlaterOpp .5s linear;
	-ms-animation: tranlaterOpp .5s linear;
	-o-animation: tranlaterOpp .5s linear;
	animation: tranlaterOpp .5s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes scalerOpp {
	0% {
		-webkit-transform: scale(0.724) translateY(-18px);
	}
	100% {
		-webkit-transform: scale(1) translateY(0);
	}
}

@-moz-keyframes scalerOpp {
	0% {
		-moz-transform: scale(0.724) translateY(-18px);
	}
	100% {
		-moz-transform: scale(1) translateY(0);
	}
}

@-ms-keyframes scalerOpp {
	0% {

		-ms-transform: scale(0.724) translateY(-18px);
	}
	100% {
		-ms-transform: scale(1) translateY(0);
	}
}

@-o-keyframes scalerOpp {
	0% {

		-o-transform: scale(0.724) translateY(-18px);
	}
	100% {
		-o-transform: scale(1) translateY(0);
	}
}

@keyframes scalerOpp {
	0% {
		transform: scale(0.724) translateY(-18px);
	}
	100% {
		transform: scale(1) translateY(0);
	}
}

/*放大动画768*/
@-webkit-keyframes scalerOpp1 {
	0% {
		-webkit-transform: scale(0.724) translateY(-8px);
	}
	100% {
		-webkit-transform: scale(1) translateY(0);
	}
}

@-moz-keyframes scalerOpp1 {
	0% {
		-moz-transform: scale(0.724) translateY(-8px);
	}
	100% {
		-moz-transform: scale(1) translateY(0);
	}
}

@-ms-keyframes scalerOpp1 {
	0% {

		-ms-transform: scale(0.724) translateY(-8px);
	}
	100% {
		-ms-transform: scale(1) translateY(0);
	}
}

@-o-keyframes scalerOpp1 {
	0% {

		-o-transform: scale(0.724) translateY(-8px);
	}
	100% {
		-o-transform: scale(1) translateY(0);
	}
}

@keyframes scalerOpp1 {
	0% {
		transform: scale(0.724) translateY(-8px);
	}
	100% {
		transform: scale(1) translateY(0);
	}
}

/*---------------------------*/
@-webkit-keyframes tranlaterOpp {
	0% {
		height: 40px;
		line-height: 40px;
	}
	100% {
		height: 60px;
		line-height: 60px;
	}
}

@-moz-keyframes tranlaterOpp {
	0% {
		height: 40px;
		line-height: 40px;
	}
	100% {
		height: 60px;
		line-height: 60px;
	}
}

@-ms-keyframes tranlaterOpp {
	0% {
		height: 40px;
		line-height: 40px;
	}
	100% {
		height: 60px;
		line-height: 60px;
	}
}

@-o-keyframes tranlaterOpp {
	0% {
		height: 40px;
		line-height: 40px;
	}
	100% {
		height: 60px;
		line-height: 60px;
	}
}

@keyframes tranlaterOpp {
	0% {
		height: 40px;
		line-height: 40px;
	}
	100% {
		height: 60px;
		line-height: 60px;
	}
}

/*反向动画结束*/

@media (max-width: 768px) {
	@-webkit-keyframes tranlaterOpp {
		0% {
			height: 30px;
			line-height: 30px;
		}
		100% {
			height: 50px;
			line-height: 50px;
		}
	}

	@-moz-keyframes tranlaterOpp {
		0% {
			height: 30px;
			line-height: 30px;
		}
		100% {
			height: 50px;
			line-height: 50px;
		}
	}

	@-ms-keyframes tranlaterOpp {
		0% {
			height: 30px;
			line-height: 30px;
		}
		100% {
			height: 50px;
			line-height: 50px;
		}
	}

	@-o-keyframes tranlaterOpp {
		0% {
			height: 30px;
			line-height: 30px;
		}
		100% {
			height: 50px;
			line-height: 50px;
		}
	}

	@keyframes tranlaterOpp {
		0% {
			height: 30px;
			line-height: 30px;
		}
		100% {
			height: 50px;
			line-height: 50px;
		}
	}

}

.unitbox {
	width: 1000px;
	margin: 0 auto;
	/*padding-top: 100px;*/
}

@media (max-width: 1200px) {
	.unitbox {
		width: 940px;
	}
}

@media (max-width: 992px) {
	.unitbox {
		width: 735px;
	}
}

@media (max-width: 768px) {
	.unitbox {
		width: 500px;
	}
}

@media (max-width: 576px) {
	.unitbox {
		width: 375px;
	}
}
#indextwo{
	text-align: center;
}
#indextwo .img-title{
	margin-top: 65px;
}
@media (max-width: 576px) {
	#indextwo .img-title{
	margin-top: 10px;
}
}
.fourpagebox {
	width: 1000px;
	margin: 0 auto;
}

.indexOne {
	position: relative;
}

.uniter {
	position: relative;
	/*padding-top:5%;*/
	text-align: center;
	height: 68%;
}

.uniter img {
	width: 1000px;
	margin: 0 auto;
}

@media (max-width: 1200px) {
	.uniter img {
		width: 940px;
	}

	.uniter {
		height: 64%;
	}
}

@media (max-width: 992px) {
	.uniter img {
		width: 735px;
	}
}

@media (max-width: 768px) {
	.uniter img {
		width: 550px;
		margin-top: 20px;
	}
}

@media (max-width: 576px) {
	.uniter img {
		width: 375px;
		margin-top: 40px;
	}
}

.indexOne img {
	max-width: 100%;
	max-height: 100%;
}

.onePic {
	text-align: center;
}

.onePic img {
	max-height: 80%;
}

.navBtn {
	/*position: absolute;*/
	width: 100%;
	/*bottom: 50px;*/
	text-align: center;
	/*left: 0;*/
}

.navBtn a {
	display: none;
	background-color: #3b90ac;
	color: #fff;
	font-size: 24px;
	margin-left: 20px;
	margin-right: 20px;
	width: 255px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	box-shadow: 0 10px 100px 0px #3b90ac;
}

@media (max-width: 992px) {
	.navBtn {
		padding-top: 20px;
		margin-top: 32px;
	}

	.navBtn a {
		display: inline-block;
		background-color: #3b90ac;
		color: #fff;
		font-size: 20px;
		margin-left: 10px;
		margin-right: 10px;
		width: 200px;
		height: 40px;
		line-height: 40px;
		border-radius: 40px;
		box-shadow: 0 10px 50px 0px #3b90ac;
	}
}

@media (max-width: 768px) {
	.navBtn {
		padding-top: 20px;
	}

	.navBtn a {
		display: inline-block;
		background-color: #3b90ac;
		color: #fff;
		font-size: 14px;
		margin-left: 5px;
		margin-right: 5px;
		width: 110px;
		height: 30px;
		line-height: 30px;
		border-radius: 20px;
		box-shadow: 0 10px 25px 0px #3b90ac;
	}
}

.pagetwopic img {
	width: 800px;
}
@media (max-width: 768px) {
		.pagetwopic img {
		width: 576px;
	}
}
@media (max-width: 576px) {
		.pagetwopic img {
		width: 375px;
		margin-top: 50px;
	}
}
.fivepagepic {
	padding-top: 1%;
	position: relative;
	text-align: center;
	height: 80%;
	text-align: center;
}

.fivepagepic img {
	max-width: 100%;
	max-height: 100%;
}

.meetTitle {
	text-align: center;
	padding-top: 60px;
}

.meetbrief {
	text-align: center;
	font-size: 16px;
	color: #424242;
	line-height: 30px;
	padding-top: 35px;
	padding-bottom: 35px;
}

.twoPic {
	text-align: center;
}

.threepagebox {
	width: 1000px;
	margin: 0 auto;
}

@media (max-width: 1200px) {
	.threepagebox {
		width: 940px;
	}
}

@media (max-width: 992px) {
	.threepagebox {
		width: 735px;
	}
}

@media (max-width: 768px) {
	.threepagebox {
		width: 500px;
	}
}

@media (max-width: 576px) {
	.threepagebox {
		width: 375px;
	}
}

.indexThree {
	background: url(/images/indexthreebg.jpg) no-repeat center top;
	background-size: 100% 100%;
}

.threebox {
	width: 75%;
	height: 100%;
}

.threetitle {
	padding-top: 5% px;
	text-align: center;
}

.gusterLister {
	padding: 5% 40px;
	position: relative;
}

.arrowLeft {
	float: left;
	background: url(/images/icon_arrow_left.png) no-repeat center center;
	height: 224px;
	width: 50px;
	cursor: pointer;
}

.arrowRight {
	float: right;
	float: left;
	background: url(..images/icon_arrow_right.png) no-repeat center center;
	height: 224px;
	width: 50px;
	cursor: pointer;
}

.guesterBox {
	float: left;
	white-space: nowrap;
	overflow: hidden;
	width: 880px;
}

.gueater img {
	width: 248px;
	height: 300px;
}

@media (max-width: 576px) {
	.gueater img {
		width: 180px;
		height: 220px;
	}
}

.guestUnit {
	background: url(/images/squzre.jpg) no-repeat top left;
	padding-top: 14px;
	padding-left: 14px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	/*margin-left: 22px;*/
	/*margin-right: 22px;*/
	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s linear .1s;
	overflow: visible;
}

@media (max-width: 768px) {
	.guestUnit {
		padding-top: 4px;
		padding-left: 4px;

	}
}

.guestUnit img {
	width: 160px;
	height: 224px;
}

@media (max-width: 576px) {
	.guestUnit img {
		width: 140px;
		height: 200px;
	}
}

@media (max-width: 375px) {
	.guestUnit img {
		width: 160px;
		height: 224px;
	}
}

.guestUnit .briefer {
	position: absolute;
	bottom: 0px;
	/*left: 22px;*/
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: center;
	/*width: 160px;*/
	min-height: 55px;
	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s linear .1s;
}

@media (max-width: 768px) {
	.guestUnit .briefer {
		font-size: 14px;
		min-height: 30px;
	}
}

.briefer h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 3px;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	white-space: normal;
	/*overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;*/
	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s linear .1s;
}

@media (max-width: 768px) {
	.briefer h2 {
		font-size: 16px;
		font-weight: normal;
		line-height: 18px;
		padding-top: 4px;
		padding-bottom: 2px;
		padding-left: 5px;
		padding-right: 5px;

	}
}

.briefer p {
	font-size: 15.53px;
	line-height: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	white-space: normal;
	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s linear .1s;
}

@media (max-width: 576px) {
	.briefer p {
		font-size: 12px;
		line-height: 14px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 5px;

	}
}

.guestUnit .briefDetail {
	font-size: 14px;
	color: #fff;
	padding: 15px;
	white-space: normal;
	line-height: 23px;
	padding-top: 15px;
}

/*.guestUnit:hover{
	background: url(/images/squzre2.png) no-repeat top left;
}*/

/*.guestUnit:hover .briefer{
	position: absolute;
	top: 14px;
	background-color: rgba(0,0,0,0);
}*/

/*.guestUnit:hover .briefer h2{
	text-align: left;
	padding-top: 15px;
}*/

/*.guestUnit:hover .briefer p {
	text-align: left;
	line-height: 35px;
}*/

.fourTitle {
	text-align: center;
	/*padding-top: 140px;*/
}

.indexfour {
	position: relative;
}

.meetProcess {
	/*position: absolute;*/
	/*bottom: 150px;*/
	padding-top: 50px;
	text-align: center;
	width: 100%;
}

.meetProcess a {
	display: inline-block;
	background-color: #3b90ac;
	color: #fff;
	font-size: 24px;
	width: 255px;
	height: 48px;
	line-height: 48px;
	border-radius: 50px;
	box-shadow: 0 10px 100px 0px #3b90ac;
}

.picBox {
	padding-top: 30px;
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 250px;
}

@media (max-width: 1200px) {
	.picBox {
		width: 940px;
	}
}

@media (max-width: 992px) {
	.picBox {
		width: 735px;
	}
}

@media (max-width: 768px) {
	.picBox {
		width: 500px;
	}
}

@media (max-width: 576px) {
	.picBox {
		width: 375px;
		height: 220px;
	}
}

.picBox img {
	width: 220px;
	height: 195px;
}

.picBox .picunit1 {
	position: absolute;
	width: 220px;
	height: 195px;
	left: 31px;
	z-index: 50;
	/*transform: rotateX(10deg) translateZ(30px) scaleZ(0.9);*/
	/*-webkit-transform:rotateY(45deg);
	-moz-transform:rotateY(45deg);
	-ms-transform:rotateY(45deg);
	-o-transform:rotateY(45deg);
	transform:rotateY(45deg);*/

}

.picBox .picunit1 img, .picBox .picunit2 img, .picBox .picunit3 img, .picBox .picunit4 img, .picBox .picunit5 img {
	width: 220px;
	height: 195px;
	vertical-align: top;
	/*-webkit-transform: scaleZ(.25) rotateX(45deg);
   -moz-transform: scaleZ(.25) rotateX(45deg);
   -ms-transform: scaleZ(.25) rotateX(45deg);
   -o-transform: scaleZ(.25) rotateX(45deg);
   transform: scaleZ(.25) rotateX(45deg);*/

}

.picBox .picunit2 {
	position: absolute;
	width: 220px;
	height: 195px;
	left: 195px;
	z-index: 100;
}

.picBox .picunit3 {
	position: absolute;
	width: 220px;
	height: 195px;
	left: 390px;
	z-index: 200;
}

.picBox .picunit4 {
	position: absolute;
	width: 220px;
	height: 195px;
	left: 565px;
	z-index: 100;
}

.picBox .picunit5 {
	position: absolute;
	width: 220px;
	height: 195px;
	left: 730px;
	z-index: 50;
}

.picunit1:hover, .picunit2:hover, .picunit3:hover, .picunit4:hover, .picunit5:hover {
	/*box-shadow:0 3px 30px 0 rgba(0,0,0,0.7);*/
	cursor: pointer;
}

.picBox .picunit1, .picBox .picunit2, .picBox .picunit3, .picBox .picunit4, .picBox .picunit5 {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-ms-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.picBox .picunit1 p, .picBox .picunit2 p, .picBox .picunit3 p, .picBox .picunit4 p, .picBox .picunit5 p {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 59px;
	line-height: 59px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background-color: #481264;
	display: none;
}

.guestList {
	font-size: 0;
}

.gueater {
	width: 244px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 4px;
	margin: 0 3px;
	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s linear .1s;
	overflow: hidden;
}

@media (max-width: 1200px) {
	.gueater {
		width: 242px;
		/*height:150px;*/
	}
}

@media (max-width: 992px) {
	.gueater {
		width: 250px;
		/*height:150px;*/
		margin-left: 35px;
	}
}

@media (max-width: 576px) {
	.gueater {
		width: 181px;
		/*height:150px;*/
		margin-left: 3px;
	}
}

.gueater .guest_briefer {
	position: absolute;
	top: 200px;
	/*left: 22px;*/
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: center;
	height: 393px;
	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s linear .1s;
}

@media (max-width: 576px) {
	.gueater .guest_briefer {
		top: 130px
	}
}

.guest_briefer h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	padding: 10px 15px 0;
	padding-bottom: 3px;
	color: #fff;
	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s linear .1s;
	font-weight: normal;
}

@media (max-width: 576px) {
	.gueater .guest_briefer h2 {
		font-size: 16px;
		line-height: 14px;
	}
}

.guest_briefer p {
	font-size: 15px;
	line-height: 25px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s linear .1s;
}

@media (max-width: 576px) {
	.gueater .guest_briefer p {
		font-size: 14px;
		line-height: 20px;
	}
}

.gueater .briefDetail {
	font-size: 14px;
	color: #fff;
	padding: 15px;
	white-space: normal;
	line-height: 23px;
	padding-top: 45px;
	text-align: left;
}

.gueater:hover .guest_briefer h2 {
	padding-top: 45px;
	font-size: 24px;
	line-height: 80px;

}

@media (max-width: 576px) {
	.gueater:hover .guest_briefer h2 {
		padding-top: 30px;
		font-size: 20px;
		line-height: 40px;

	}
}

.gueater:hover .guest_briefer p {
	line-height: 40px;
}

.gueater:hover .guest_briefer p {

	line-height: 30px;

}

.gueater:hover .guest_briefer {
	top: 0px;
}

.logoimg {
	width: 201px;
	float: left;
}

.company_brief {
	margin: auto;
	width: 700px;
	font-size: 14px;
	line-height: 25px;
	color: #414141;
}
@media (max-width: 768px) {
	.company_brief {
		width: 500px;

	}
}
@media (max-width: 576px) {
	.company_brief {
		width: 375px;
		font-size: 15px;
		line-height: 30px;
	}
}

body.schedule {
	background: #fff url(/images/richengBg.jpg) no-repeat left top;
	background-size: 100% auto;
}

.agendaBox {
	padding-top: 40px;
	width: 1200px;
	margin: 0 auto;
}

@media (max-width: 1200px) {
	.agendaBox {
		width:992px;
	}
}
@media (max-width: 992px) {
	.agendaBox {
		width:768px;
	}
}
@media (max-width: 768px) {
	.agendaBox {
		width:576px;
	}
}
@media (max-width: 576px) {
	.agendaBox {
		width:375px;
	}
}

.agendaTitle {
	padding-bottom: 100px;
	text-align: center;
}

.agendaList {
	background: url("/images/agendabg.png?1") repeat-y 157px 5px;
	margin-bottom: 115px;
}
.agendaList h3 {
	position: relative;
	bottom:30px;
}

@media (max-width: 992px) {
	.agendaList h3 img{
		width:480px;
	}
	.agendaList {
		background: url("/images/agendabg.png?1") repeat-y 117px 5px;
		margin-bottom: 90px;
	}
}
.agenda_show {
	padding-left: 264px;
	padding-bottom: 75px;
}

@media (max-width: 992px) {
	.agenda_show {
		padding-left: 210px;
		padding-bottom: 75px;
	}
}
.show_unit {
	padding-top: 15px;
}

.agendaTime {
	width: 160px;
	float: left;
	padding-top: 22px;
	min-height: 60px
}

.agendaTime time {
	font-size: 20px;
	color: #0b436d;
	line-height: 40px;
}

.agendaTime p {
	font-size: 20px;
	color: #0b436d;
}
@media (max-width: 992px) {
	.agendaTime {
		width:130px;
	}
	.agendaTime time {
		font-size: 18px;
	}
}
.agendaImg {
	width: 100px;
	float: left;
}

.block-guester {
	width: 1000px;
	margin: 0 auto 20px;
	text-align: left;
}

@media (max-width: 1200px) {
	.block-guester {
		width: 992px;
	}
}

@media (max-width: 992px) {
	.block-guester {
		width: 768px;
	}
}

@media (max-width: 768px) {
	.block-guester {
		width: 576px;
	}
}

@media (max-width: 576px) {
	.block-guester {
		width: 375px;
	}
}

.guesterTltle {
	text-align: center;
}

.agendaImg img {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	border: 2px solid #490d64;
}

.agendaInfo {
	/* width: 660px; */
	float: left;
	font-size: 14px;
	color: #0b436d;
	line-height: 20px;
	position: relative;
	top: 10px;
}

.agendaInfo p {
	font-weight: bold;
}

.agendaInfo p.jober {
	font-weight: normal;
}

.agendaInfo p.word_brief {
	color: #000;
	font-weight: normal;
	display: none;
}

.agendaInfo h4 {
	/*font-weight: normal;*/
}

.show_texter {
	padding-left: 315px;
	font-size: 14px;
	color: #0b436d;
	padding-top: 15px;
	line-height: 25px;
	padding-bottom: 160px;
	width: 530px;
}

.show_texter p {
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 19px;
}

.agenda_infoshow {
	padding-left: 315px;
}

.infoshow_col {
	width: 275px;
}

.infoshow_col.righters {
	padding-right: 133px;
	float: right;
}

.agendainfoUnit {
	width: 275px;
	padding-top: 35px;
	padding-bottom: 10px;
}

.agendainfoUnit.righters {
	padding-right: 133px;
}

.agendainfoUnit h3 {
	font-size: 20px;
	color: #0b436d;
	/*font-weight: normal;*/
}

.agendainfoUnit img {
	float: right;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	border: 2px solid #0b436d;
	margin-left: 10px;
	margin-bottom: 10px;
}

.guest_word {
	padding-top: 15px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.guest_word p {
	font-weight: bold;
	color: #0b436d;
}

.guest_word p.jober {
	font-weight: normal;
	color: #0b436d;
}

.forFour {
	background: url(/images/agendabg2.jpg) no-repeat left bottom;
	padding-bottom: 160px;
}

.signPic {
	padding-top: 190px;
	width: 1200px;
	margin: 0 auto;
}

.signBox {

	background-color: rgba(243, 243, 243, 0.6);
	height: 300px;
	font-size: 18px;
	color: #0b436d;
	line-height: 50px;
}

.signBox .qrcodebox {
	width: 970px;
	margin: 0 auto;
	padding-left: 120px;
	padding-right: 110px;
	padding-top: 65px;
}

.signBox a {
	color: #0091f6;
}

.signBox img {
	float: right;
}

.brand_box {
	/*width: 1200px;*/
	margin: 0 auto;
}

.tab {
	border-bottom: 4px solid #0b436d;
}

.tab span {
	display: inline-block;
	width: 133px;
	font-size: 22px;
	color: #0b436d;
	line-height: 47px;
	text-align: right;
}

.tab a {
	display: inline-block;
	font-size: 22px;
	color: #0b436d;
	line-height: 47px;
	padding-right: 19px;
	padding-left: 19px;
}

.tab a.active {
	background-color: #0b436d;
	color: #fff;
}

.tabbox {
	padding-top: 44px;
}

.tabbox .units {
	width: 200px;
	height: 109px;
	background: url(/images/brand_icon.jpg) no-repeat 16px 31px;
	border: 2px solid #0b436d;
	padding-left: 73px;
	padding-top: 30px;
	padding-right: 5px;
	float: left;
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 19px;
}

.tabbox .units h3 {
	font-size: 24px;
	font-weight: normal;
	color: #0b436d;
	line-height: 35px;
	padding-bottom: 10px;
}

.tabbox .units p {
	font-size: 16px;
	color: #0b436d;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*width: 200px;*/
	overflow: hidden;
	padding-bottom: 12px;
}

.pagebox {
	text-align: center;
	padding-top: 80px;
	padding-bottom: 50px;
}

.pagebox a {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 24px;
	color: #0b436d;
	line-height: 32px;
	height: 32px;
	vertical-align: top;
}

.pagebox a.active {
	color: #fff;
	background-color: #0b436d;
}

.pagebox a.left {
	width: 32px;
	height: 32px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 10px;
	background: #0b436d url(/images/pageArrow.png) no-repeat center center;
}

.pagebox a.right {
	width: 32px;
	height: 32px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 10px;
	background: #0b436d url(/images/pageArrow-02.png) no-repeat center center;
}

.contactbox {
	background-color: rgba(243, 243, 243, 0.6);
	height: 525px;
}

.contacter {
	padding-top: 78px;
	width: 1200px;
	margin: 0 auto;
}

.contactList {
	padding-top: 45px;
}

.contactOne {
	width: 271px;
	float: left;
}

.contactOne.oneth {
	margin-left: 113px;
	margin-right: 95px;
}

.contactOne.twoth {
	margin-right: 95px;
}

.contactOne h4 {
	height: 51px;
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	line-height: 51px;
	text-align: center;
}

.contactOne .contactInfocon {
	padding-left: 1px;
	padding-right: 1px;

}

.contacter1 .contactInfocon {
	border-radius: 20px;
	margin-bottom: 40px;
	background-color: #fff;
	border: solid #D0D0D0;
	border-width: 0 1px 0 1px;
	width: 988px;
	min-height: 50px;
	overflow: hidden !important;
	/*border:1px solid;*/
}

.contactInfocon .contactInfoshow {
	text-align: center;
	padding-top: 50px;
}

.contactInfoshow p {
	padding-left: 11px;
	font-size: 16px;
	color: #414141;
	padding-bottom: 35px;
}

.surroundInfo {
	padding-top: 60px;
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 70px;
}

.surroundInfo h3 {
	padding-bottom: 35px;
}

.surroundInfo ul {
	padding-left: 115px;
}

.surroundInfo ul li {
	background: url(/images/icon_circle.jpg) no-repeat left center;
	font-size: 14px;
	color: #414141;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.page_pointer {
	position: fixed;
	right: 140px;
	top: 40%;
	width: 15px;
	z-index: 500;
}

@media (max-width: 1600px) {
	.page_pointer {
		right: 140px;
	}
}

@media (max-width: 1400px) {
	.page_pointer {
		right: 65px;
	}
}

@media (max-width: 1200px) {
	.page_pointer {
		right: 30px;
	}
}

@media (max-width: 992px) {
	.page_pointer {
		right: 30px;
	}
}

@media (max-width: 768px) {
	.page_pointer {
		display: none;
	}
}

.page_pointer span {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #ae82c5;
	margin-bottom: 20px;
}

.page_pointer span.active {
	background-color: #481264;
}

.fiveTitle {
	text-align: center;
	padding-top: 40px;
}

.unitbox {
	text-align: center;
}

.unitbox img {
	max-width: 100%;
	max-height: 100%;
}

.swiper-container-four {
	padding: 20px 0 !important;
}

.swiper-container-four .swiper-slide img {
	width: 100%;
	height: 100%;
}

@media (max-width: 576px) {
	.swiper-container-four .swiper-slide img {
		width: 80%;
	}
}

.ad_pic {
	width: 1000px;
	margin: 0 auto;
	margin-top: 30px
}

@media (max-width: 1200px) {
	.ad_pic {
		width: 940px;
	}
}

@media (max-width: 992px) {
	.ad_pic {
		width: 735px;
	}
}

@media (max-width: 768px) {
	.ad_pic {
		width: 500px;
	}
}

@media (max-width: 576px) {
	.ad_pic {
		width: 375px;

	}
}

.ad_pic img {
	margin: 1px 1px;
	border: none;
	width: 24%;
}

@media (max-width: 576px) {
	.ad_pic img {
		width: 30%;
	}
}

.agendaInfo {
	left: 100px;
}

@media (max-width: 992px) {
	.agendaInfo {
		left: 38px;
		width:360px;
	}

}
@media (max-width: 768px) {
	.agendaTime{
		padding-top: 0;
		min-height: 0;
	}
	.agendaInfo{
		width:345px;
		left:0;
		margin-bottom: 20px;
	}
	.agendaTime time{

		line-height: 24px;
	}

}

@media (max-width: 576px) {
	.agendaList h3 img{
		width:350px;
	}
	.agendaList{
		background: url(/images/agendabg.png?1) repeat-y 85px 5px;
	}
	.agendaList h3{
		bottom:25px;
	}
	.agenda_show{
		padding-left: 130px;
		padding-bottom: 40px;
	}
	.agendaInfo{
		width:220px;
	}
}
footer.footer {
	width: 100%;
	margin: auto;
	padding: 20px 0;
	border-top: 1px solid #000;

}

/*swiper*/

.threepagebox div.swiper-button-next {
	right: 0px;
}

.threepagebox div.swiper-button-prev {
	left: 0px;
}

.threepagebox .swiper-wrapper {
	transition-duration: 0ms;
	transform: translate3d(-1359px, 0px, 0px);
}

.threepagebox .swiper-slide {
	text-align: center;
}

#content {
	padding-top: 120px;
	width: 1000px;
	margin: auto;
}

@media (max-width: 1200px) {
	#content {
		width: 992px;
	}
}

@media (max-width: 992px) {
	#content {
		width: 768px;
	}
}

@media (max-width: 768px) {
	#content {
		width: 576px;
	}
}

@media (max-width: 576px) {
	#content {
		width: 375px;
	}
}

#content a {
	color: #102341;
}
.page-article {
	padding-bottom: 150px;	
}

.page-article, .page-article-show, .page-video, .page-video-show {
	padding-top: 120px;
}

.page-article .img-wrap{
	display: inline-block;
	width:102px;
	height:70px;
	overflow: hidden;
	margin-right: 20px;
}
.page-article h2 {
	font-size: 22px;
	text-align: center;
	margin: 40px 0;
}

.page-article .pictxt a {
	width: 170px;
	margin-right: 20px;

}

.page-article .pictxt img {
	height:70px;
	width:102px;
}

.page-article .pictxt {
	width: 800px;
	margin: 0 auto;
	padding: 10px;
	border-bottom: 1px solid #dedede;
}
.page-article .pictxt:last-child {
	border-bottom: none;
}
@media (max-width: 992px) {
	.page-article .pictxt {
		width: 750px;
	}
}
@media (max-width: 768px) {
	.page-article .pictxt {
		width: 540px;
	}
}
@media (max-width: 576px) {
	.page-article .pictxt {
		width: 350px;
	}
}

.page-article .txtbody {
	display: inline-block;
	width: 600px;
	vertical-align: top;
}

@media (max-width: 992px) {
	.page-article .pictxt a {
		width: 150px;
	}

	.page-article .pictxt img {
		width: 150px;
	}

	.page-article .txtbody {
		width: 560px;
		padding-top: 0px;
	}
	.page-article .pictxt a {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.page-article .pictxt a {
		width: 120px;
	}

	.page-article .pictxt img {
		width: 120px;
	}

	.page-article .txtbody {
		width: 405px;
	}

	.page-article .pictxt a {
		margin-right: 10px;
	}
}

@media (max-width: 576px) {
	.page-article .pictxt a {
		width: 120px;
	}

	.page-article .pictxt img {
		width: 120px;
	}

	.page-article .txtbody {
		width: 212px;
		padding-top: 10px;
	}

	.page-article .txtbody span {
		display: none;
	}

	.page-article .pictxt a {
		margin-right: 10px;
		font-weight: 400;
	}
}

.page-article .navigation {
	text-align: center;
}

.pagination {
	text-align: center;
}

.pagination li {
	display: inline-block;
	font-size: 14px;
	padding: 5px;
	/*box-sizing: border-box;*/
}

.pagination li > a, .pagination li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.pagination a:hover:not(.active) {
	background-color: #ddd;
}

.pagination li.active > span, .pagination .active > a {
	border: none;
	color: #000;
}

.pagination li.disabled > span, .pagination .disabled > a {
	color: #000;
	border: none;
	display: none;

}

/*资讯详情页*/
.page-article-show h2 {
	font-size: 22px;
	line-height: 35px;
	text-align: center;
	margin: 40px 0;
}
@media (max-width: 576px) {
	.page-article-show h2 {
		font-size: 18px;
		line-height: 30px;
	}
	.page-article-show h2{
		margin:24px 0;
	}
}

.page-article-show img{
	width:425px;
}
@media (max-width: 425px) {
	.page-article-show img{
		width:100%;
	}
}
.page-article-show{
	font-size:15px;
	line-height: 25px;
}
.page-article-show #plshare li {
	display: inline-block;
}

.page-article-show #plshare {
	border-bottom: 1px dashed #000;
}

.page-article-show .title-box {
	margin-bottom: 20px;
}

.page-video h2 {
	font-size: 22px;
	text-align: center;
	margin: 40px 0;
}

.page-video {
	width: 1000px;
	margin: auto;
}

.page-video .block-video {
	text-align: left;
	font-size: 0;
	margin-bottom:20px;
}

.page-video .video-wraper {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 246px;
	border: none;
	margin: 5px 2px;
	font-size: 14px;
	overflow: hidden;
}

@media (max-width: 1200px) {
	.page-video .video-wraper {
		width: 244px;
	}
}

@media (max-width: 992px) {
	.page-video .video-wraper {
		width: 252px;
	}
}

@media (max-width: 768px) {
	.page-video .video-wraper {
		margin: 5px 18px;
	}
}

@media (max-width: 576px) {
	.page-video .video-wraper {
		margin: 5px 2px;
		width: 183px;
		font-size: 12px;
	}
}

.page-video .video-title {
	width: 100%;
	position: absolute;
	background: rgba(16, 35, 65, 0.5);
	padding-top: 10px;
	height: 140px;
	top: 105px;
	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s cubic-bezier(.69,.14,.98,.82) .1s;

}

.page-video .video-title > a {
	text-align: left;
	display: block;
	padding: 0 5px;
}

@media (max-width: 576px) {
	.page-video .video-title {
		top: 66px;

	}

}

.page-video .video-title a span {
	color: #fff;
}

.page-video .video-title p {
	vertical-align: middle;
	font-size: 40px;
}

.video-wraper:hover .video-title {
	padding-top: 20px;
}

.page-video .video-title p i {
	font-size: 40px;
	line-height: 80px;
	color: #fff;
}

@media (max-width: 576px) {
	.page-video .video-title p i {
		line-height: 50px;
	}

	.video-wraper:hover .video-title {
		padding-top: 10px;
	}

	#content {
		padding-top: 80px;
	}
}

.video-wraper:hover .video-title {
	top: 0px;
	-webkit-transition: all .5s linear .1s;
	-o-transition: all .5s linear .1s;
	-moz-transition: all .5s linear .1s;
	transition: all .5s cubic-bezier(0.18,0.89,0.52,1) .1s;
}

.page-video .video-wraper img {
	width: 100%;
	height:140px;
}

@media (max-width: 576px) {
	.page-video .video-wraper img {

		height: 105px;
	}
}
.page-video-show h2 {
	font-size: 22px;
	text-align: center;
	margin: 40px 0;
}

.page-video-show .block-video {
	/*width:1000px;*/
	/*margin-top:42px;*/
}

.page-video-show .video-box {
	height: 530px;
	width: 900px;
	display: inline-block;
	vertical-align: top;
	margin-top: 42px;
}

.page-video-show#content {
	width: 1100px;
}

.page-video-show .recommend {
	display: inline-block;
	width: 196px;
}

.page-video-show .recommend li {
	display: inline-block;
	margin: 7px 2px;
	vertical-align: top;
}

.page-video-show .recommend li img {
	width: 194px;
}

.page-video-show .introduce {
	font-size: 16px;
}

.page-video-show .recommend li p {
	width: 194px;
	font-size: 14px;
}
@media (max-width: 1200px) {
	.page-video-show .video-box{
		width: 850px;
		height:510px;
	}
	.page-video-show#content {
		width: 992px;
	}
	.page-video-show .recommend {
		width: 138px;
	}
	.page-video-show .recommend li img {
		width: 166px;
	}
	.page-video-show .recommend li p {
		width: 166px;
	}

}
@media (max-width: 992px) {
	.page-video-show .video-box{
		width: 768px;
		height:470px;
	}
	.page-video-show#content {
		width: 768px;
	}
	.page-video-show .recommend {
		width: 768px;
	}
	.page-video-show .recommend li img {
		width: 185px;
	}
	.page-video-show .recommend li p {
		width: 185px;
	}
}
@media (max-width: 768px) {
	.page-video-show .video-box{
		width: 576px;
		height:430px;
	}
	.page-video-show#content {
		width: 576px;
	}
	.page-video-show .recommend {
		width: 576px;
	}
	.page-video-show .recommend li{
		margin:7px 13px;
	}
	.page-video-show .recommend li img {
		width: 260px;
	}

	.page-video-show .recommend li p {
		width: 260px;
		font-size:16px;
	}
}

@media (max-width: 576px) {
	.page-video-show .video-box{
		width: 375px;
		height:330px;
	}
	.page-video-show#content {
		width: 375px;
	}
	.page-video-show .recommend {
		width: 375px;
	}
	.page-video-show .recommend li{
		margin:7px 2px;
	}
	.page-video-show .recommend li img {
		width: 181px;
	}

	.page-video-show .recommend li p {
		width: 181px;
		font-size:14px;
	}
	.page-video-show .video-box{
		margin-top: 18px;
	}
	.page-video-show h2{
		font-size: 20px;
	}
	.page-video-show .introduce{
		font-size:14px;
	}
}
.page-video-show h3 {
	font-size: 20px;
	padding: 10px 0;
}