#share_backImg{display:block;width:0;height:0;}

/* 首页视频部分设置 */

#videoallIndex{

	display:block;

	width:100%;

}

.bannermosk{

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.1);

	position: absolute;

	top: 0;

	left: 0;

}

body.ie6 #videoallIndex,body.ie7 #videoallIndex,body.ie8 #videoallIndex{display:none;}

.bannerImg{display:none;}

body.ie6 .bannerImg,body.ie7 .bannerImg,body.ie8 .bannerImg{display:block;}

.banner{

	width: 100%;

	overflow: hidden;

	position: relative;

	background:#f5f5f5;

}

@media  screen and (max-width:768px) {

	#videoallIndex{display:none;}

	.bannerImg{display:block;}

	.banner{height:auto;}

}

.banner img{

	width: 100%;

	float: left;

}

.bannerInnerBox{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;left: 0;

	z-index: 10;
	background:rgba(0,0,0,0.5);
}

.bannerInner{

	width: 100%;

	height: auto;

	max-width: 1232px;

	min-width:320px;

	padding: 0 16px;

	margin: 0 auto;

}

.bannerInnerH2{

font-size: 60px;

letter-spacing: 6px;

color: #fff;

font-weight: 600;

text-shadow: 0 5px 5px rgba(0,0,0,0.2);

line-height: 1;

margin: 70px 0 27px;
}

.bannerInnerText{

	width: 690px;

	/*border-left: 4px solid #4d9ff6;*/

	padding-left: 24px;

	font-size:16px;

	color: #fff;

	position: relative;

}

.redBlank{

	width: 4px;

	height: 94%;

	background: #4d9ff6;

	position: absolute;

	top: 5px;

	left: 0;

}

.bannerInnerText p{

font-size: 14px;

line-height: 1.5;

letter-spacing: 0px;

margin-bottom: 18px;

text-shadow: 0 3px 5px rgba(0,0,0,0.4);
}

.bannerInnerBtn{

	width: auto;

	height: 40px;

	color: #fff;

	font-size: 16px;

	line-height: 40px;

	padding: 0 28px;

	float: left;

	margin-top: 8px;

	cursor: pointer;

	background: #e60010;

	border-radius: 30px;

	-ms-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

    -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

}

.bannerInnerBtn:hover{

	background: #d7171f;

}

.bannerInnerBtnAct{

	

}

.banner .bannerBtnArrow{

	width: 17px;

	vertical-align: middle;

	margin-left: 10px;

	margin-top: 13px;

	float: right

}

.bannerInnerBtnPc{

	display: block;

}

.bannerInnerBtnMbl{

	display: none;

}

@media  screen and (max-width:1282px) {

	.bannerInnerH2{

		font-size: 28px;

		margin: 65px 0 27px;

	}

	.bannerInnerText{

		padding-left: 24px;

		font-size:16px;

		color: #fff;

	}

	.bannerInnerText p{

		margin-bottom: 10px;

		text-shadow: 0 5px 5px rgba(0,0,0,0.2);

	}

	.bannerInnerBtn{

		width: auto;

		height: 40px;

		line-height: 40px;

		padding: 0 28px;

		margin-top: 8px;

		border-radius: 30px;

	}

}

@media  screen and (max-width:1080px) {

	.bannerInnerH2{

		font-size: 28px;

		margin: 55px 0 27px;

	}

	.bannerInnerText{

		padding-left: 24px;

		font-size:16px;

		color: #fff;

	}

	.bannerInnerText p{

		margin-bottom: 10px;

		text-shadow: 0 5px 5px rgba(0,0,0,0.2);

	}

	.bannerInnerBtn{

		width: auto;

		height: 40px;

		line-height: 40px;

		padding: 0 28px;

		margin-top: 8px;

		border-radius: 30px;

	}

	

}

@media  screen and (max-width:1000px) {

	.bannerInnerH2{

		font-size: 28px;

		margin: 40px 0 27px;

	}

	.bannerInnerText{

		padding-left: 24px;

		font-size:14px;

		color: #fff;

	}

	.bannerInnerText p{

		margin-bottom: 10px;

		text-shadow: 0 5px 5px rgba(0,0,0,0.2);

	}

	.bannerInnerBtn{

		width: auto;

		height: 35px;

		line-height: 35px;

		padding: 0 28px;

		margin-top: 8px;

		border-radius: 30px;

	}

}

.container{

	width: 100%;

	height: auto;

	margin: 0 auto;

}

.containerInnerBox{

	width: auto;

	max-width: 1232px;

	min-width: 320px;

	padding: 0 16px;

	height: auto;

	margin: 0 auto;

}

.padding0{

	padding: 0;

}

.containerH3{

/*font-family: "Microsoft YaHei UI Light";*/

line-height: 36px;

height: 40px;

font-size: 36px;

text-align: left;

color: #333;

font-weight: bold;

margin: 40px 0 30px;

border-left: 5px solid #4d9ff6;

padding: 0;

padding-left: 16px;

position: relative;
}

.containerH3isIE{

	line-height: 38px;

}


.containerH3w{

/*font-family: "Microsoft YaHei UI Light";*/

line-height: 36px;

height: 40px;

font-size: 36px;

text-align: left;

color: #fff;

font-weight: bold;

margin: 0px 0 30px;

border-left: 5px solid #4d9ff6;

padding: 0;

padding-left: 16px;

position: relative;
}




@media  screen and (max-width:1280px) {

	.containerH3{

		font-size: 32px;

		margin: 40px 0 30px;

	}

}



@media  screen and (max-width:820px) {

	.containerH3{

		font-size: 22px;

		margin: 30px 0 20px;

	}

}

.device {

  width: 100%;

  height: auto;

  margin: 0px auto;

  position: relative;

}

.padding016{

	overflow: hidden;

	padding: 0 16px;

}

.ie8 .padding016{

	padding-right: 20px;

}

.swiper-hotPc{

  height: 370px;

  width: 100%;

}

.hotPc .containerInnerBox{

	padding: 0;

}

.hotPc .containerH3{

	

}

.hotImgArrow{

	vertical-align: middle;

}

.hotActivityLine{

	/*margin: 40px 0 0;*/

}

.hotActivity{

	width: 31.6%;

	height: auto;

	margin-left: 2.6%;

	float: left;

	position: relative;

	box-shadow: 0 3px 8px rgba(0,0,0,0.1);

	-webkit-transition: all .3s ease;

	   -moz-transition: all .3s ease;

	    -ms-transition: all .3s ease;

	     -o-transition: all .3s ease;

			transition: all .3s ease;

}

.hotActivitySwiper:hover{

	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);

	   -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2);

	    -ms-box-shadow: 0 4px 8px rgba(0,0,0,0.2);

	     -o-box-shadow: 0 4px 8px rgba(0,0,0,0.2);

			box-shadow: 0 4px 8px rgba(0,0,0,0.2); 

}

.hotActivitySwiper:hover .hotImg{

	transform: scale(1.2);

}

.hotAnimate:hover{

	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);

	   -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2);

	    -ms-box-shadow: 0 4px 8px rgba(0,0,0,0.2);

	     -o-box-shadow: 0 4px 8px rgba(0,0,0,0.2);

			box-shadow: 0 4px 8px rgba(0,0,0,0.2); 

}

.hotActivitySwiper{

	margin-right: 0;

	margin-left: 0;

	width: 100%;

	box-shadow: 0px 3px 8px rgba(0,0,0,0.1);

}

.ie8 .hotAnimate{

	border: 1px solid #e6e6e6;

}

.hotActivityInner{

	width: auto;

	margin-right: 20px;

	float: left;

}

.ie8 .hotActivityInner{

	border: 1px solid #e6e6e6;

}

.animateBox{

	width:100%;

	height: auto;

}

.beAnimate{

	width: 4000px;

	height: auto;

	position: absolute;

	top: 0;

	left: 0;

}	



/*.hotActivityInner*/

/*.addHover:hover{

	background: #f9f9f9;

}*/

.hotActivity:first-child{

	margin-left: 0;

}

.hotActivityImgBox{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	overflow: hidden;

}

.hotImg{

	width: 100%;

	float: left;

	-o-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}



.hotTag{

	min-width:100px;

	line-height: 1;

	width: 100%;

	font-weight: 400;

	letter-spacing: 1px;

	position: absolute;

	left: 0px;

	bottom: 0px;

	color:#fff;

	font-size: 22px;

	padding:15px 19px 15px 19px;

	overflow: hidden;

	text-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	background:rgba(0,0,0,0.36);

}

.hotTag p{

	-o-text-overflow:ellipsis; 

	-icab-text-overflow: ellipsis; 

	-khtml-text-overflow: ellipsis; 

	-moz-text-overflow: ellipsis; 

	-webkit-text-overflow: ellipsis; 

    overflow: hidden;

    white-space:nowrap;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

}

body ie8 .hotTag p{

	height: 22px;

}

.hotActivityBottom{

padding-top: 18px;

background: #fff;

height: 120px;
}

.hotActivityBottomAddHeight{

	height: 200px;

}

.hotP{

	font-size: 14px;

	color: #666;

	height: 70px;

	line-height: 24px;

	padding: 0 22px;

}

body.ie8 .hotTag>p{height: 52px;}

.hotA{

	line-height: 1;

	color: #242424;

	display: block;

	margin-top: 10px;

	position: absolute;

	bottom: 30px;

	right: 22px;

	font-size: 14px;

}



.hidden{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.maskBox{

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.2);

	position: absolute;

	bottom: 4px;

	left: 0;

	transform: all 0.3s;

}

.maskBoxAdd{

	

}

.maskBoxAct{

	background: rgba(0,0,0,0.2);

}

@media  screen and (max-width:1280px) {

	.hotTag{

		font-size: 16px;

	}

	.hotP{

		font-size: 14px;

		padding: 0 18px;

	}

	.hotA{

		font-size: 14px;

		bottom: 25px;

	}

	.hotActivityBottomAddHeight{

		height: 220px;

	}

	.swiper-hotPc{

	  height: 370px;

	}

}

@media  screen and (max-width:1000px) {

	.hotTag{

		font-size: 14px;

	}

	.hotP{

		font-size: 12px;

		padding: 0 14px;

	}

	.hotA{

		font-size: 12px;

		bottom: 15px;

	}

	.hotActivityBottomAddHeight{

		height: 230px;

	}

	.swiper-hotPc{

	  height: 350px;

	}

}

@media  screen and (max-width:850px) {

	.hotA{

		bottom: 10px;

	}

	.hotActivityBottomAddHeight{

		height: 240px;

	}

	.swiper-hotPc{

	  height: 330px

	}

}

.garyBg{

	background: #f5f5f5;

	min-width: 320px;

}

.resolveBox{

	padding: 50px;

}

.flexbox .resolveMakeBox{

	transition: all 0.3s;

	transition-timing-function: linear;

}

.flexbox .resolveMakeBox .resolve{

	transition: all 0.3s;

	transition-timing-function: linear;

}

.flexbox .resolveMakeBox .resolveDelay{

	transition: all 0.3s;

	transition-delay: 0.02s;

	transition-timing-function: linear;

}

.flexbox  .resolveDelay{

	transition: all 0.3s;

	transition-delay: 0.02s;

	transition-timing-function: linear;

}

.resolveMakeBox{

	width:1200px;

	height: 484px;

	max-width: 10000px;

	height: auto;

	overflow: hidden;

}

.resolveLine{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.resolve{

	/*width: 21.25%;*/

	width: auto;

	overflow: hidden;

	height: 100%;

	position: relative;

	float: left;

	cursor: pointer;

}

.resolveAdd{

	width: 21.667%;

}

.resolveAct{

	width: 35%;

	padding-right: 150px;

}

.resolveAct .resolveAlertBox{

	width: 150px;

	display: block;

}

.resolveAlertBox{

	width: 140px;

	height: 100%;

	background: #3e3e3f;

	float: left;

	position: absolute;

	top: 0;

	right: 0;

	z-index: 2;

	overflow: hidden;

	border-bottom: 4px solid #4d9ff6;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	-webkit-align-items: center;

	justify-content: center;

	-webkit-justify-content: center;

}

.ie8 .resolveAlertBox{

	padding: 64px 0 14px;

}

.ie9 .resolveAlertBox{

	padding: 64px 0 14px;

}

.resolveInner{

	width: 100%;

	/*height: 500px;*/

	height: auto;

	overflow: hidden;

	float: left;

	border-bottom: 4px solid #4d9ff6;

}

.resolveInnerBox{

	width: 100%;

	overflow: hidden;

	position: relative;

	z-index: 10;

	float: left;

	/*float: left;*/

}

.resolveAlertInnerBox{

	width: 100%;

}

.moreIcon{

	

}

.resolveImg{

	width: 100%;

	height: 100%;

	float: left;

}

.resolveOutBox{

	width: 100%;

	height: auto;

	background: url(../images/resoveBg.jpg) no-repeat;

	background-size: cover;

	overflow: hidden;

}

.resolveColor{

	width: 100%;

	height: 100%;

	background: #d11a2e;

	position: absolute;

	top: 0;

	z-index: 2;

	display: none;

}

.resolveText{

width: 100%;

height: auto;

position: absolute;

top: 298px;

padding-left: 10px;

padding-right: 20px;

z-index: 30;

font-size: 0;

text-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.resolveH2{

	color: #fff;

	font-size: 38px;

	font-weight: 400;

	line-height: 1;

	text-align: right;

}

.resolveTextInnerBox{

	padding-right: 10px;

	border-right: 4px solid #4d9ff6;

	margin: 22px 0 30px;


}

.resolveH3{

	color: #4d9ff6;

	font-size: 16px;

	font-weight: 400;

	line-height: 1;

	text-align: right;

	margin-bottom: 10px;

}

.resolveP{

	color: #fff;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.2;

	text-align: right;

}

.resolveMore{

	width: 170px;

	height: 48px;

	line-height: 48px;

	background: #fff;

	position: absolute;

	right: 0;bottom: 0;

	color: #757575;

	font-size: 16px;

	text-indent: 2em;

	font-weight: 700;

	cursor: pointer;

}

.moreIcon{

	float: right;

	width: 36px;

	position: absolute;

	bottom: 30px;

	right: 20px;

}

.resolveAlert{

	line-height: 1;

	padding: 10px 10px 10px 12px;

	cursor: pointer;

}

.resolveAlert:hover{

	background: #4d9ff6;

}

.moreArrow{

	vertical-align: top;

	margin-top: 2px;

	margin-left: 25px;

	margin-right: 18px;

} 

.moreA{

	color: #fff;

	font-size: 14px;

	line-height:1.5;

	font-weight: 400;

}
.moreA:hover{

	color: #fff;

	

}
.section5 .item p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}
.section7 {
    padding: 60px 0 0;
    background: #f5f5f5;
}
@media screen and (max-width:1280px ) {

	.resolveH2{

		font-size: 26px;

	}

	.resolveH3{

		font-size: 14px;

	}

	.resolveP{

		font-size: 14px;

	}

	.moreA{

		font-size: 12px;

	}

	.resolveInner{

		height: 420px;

	}

	.resolveAlert{

		padding: 12px 0 12px 20%;

	}

	.resolveText{

		padding-right: 32px;

		top: 250px;

	}

	.resolveAct{

		padding-right: 150px;

	}

	.resolveAct .resolveAlertBox{

		width: 150px;

	}

}

@media screen and (max-width:1100px ) {

	.resolveH2{

		font-size: 22px;

	}

	.resolveH3{

		font-size: 12px;

	}

	.resolveP{

		font-size: 12px;

	}

	.moreA{

		font-size: 12px;

	}

	.resolveAct{

		padding-right: 120px;

	}

	.resolveAct .resolveAlertBox{

		width: 120px;

	}

	.resolveText{

		top: 195px;

	}

	.lastContainer_3 .resolveH3 {

	    font-size: 18px;

	}

}

@media screen and (max-width:1000px ) {

	.resolveText{

		top: 140px;

	}

}

@media screen and (max-width:900px ) {

	.lastContainer_3 .resolveH3 {

	    font-size: 16px;

	}

	.resolveH2{

		font-size: 18px;

	}

	.resolveInner{

		height: 331px;

	}

	.resolveAlert{

		padding: 8px 0 8px 20%;

	}

	.resolveText{

		padding-right: 28px;

		top: 110px;

	}

	.resolveAct{

		padding-right: 100px;

	}

	.resolveAct .resolveAlertBox{

		width: 100px;

	}

}

@media screen and (max-width:800px ) {

	.resolveText{

		top: 80px;

	}

	.resolveAlert{

		padding: 6px 0 6px 20%;

	}

	.resolveText{

		padding-right: 22px;

	}

}

.bestTitle{

	font-size: 30px;

	color: #333;

	font-weight: 400;

	text-align: center;

	line-height: 1;

	margin-bottom: 15px;

}

.bestContentOut{

	width: 100%;

	float: left;

}

.bestContent{

	width: 196px;

	height: 196px;

	margin: 30px auto 22px;

	border: 1px solid #e6e6e6;

	border-radius: 100px;

}

.bestContentTitle{

	font-size: 40px;

	color: #333;

	line-height: 1;

	text-align: center;

	font-weight: 400;

}

.peopleIcon{

	width: 70px;

	display: block;

	margin: 40px auto 12px;

}

.bestContentTitle em{

	font-style: normal;

	font-size: 23px;

}

.bestContentP{

font-size: 14px;

line-height: 24px;

color: #666;

padding: 0 30px;

text-align: center;
}

.bestContentA{

	line-height: 1;

	color: #333;

	text-align: center;

	display: block;

	margin-top: 12px;

	width: 100%;

	margin-bottom: 45px;

}

a.bestContentA:hover{

	color: #d11a2e;

}

.addHover{

/* min-height: 435px; */

box-shadow: 0 0 0 rgba(0,0,0,0);

padding-bottom: 50px;
}

.tableChooseBox{

	margin-top: 20px;

	margin-left: -16px;

	margin-right: -16px;

}

.hotH2{

color: #333;

margin-bottom: 7px;

font-size: 24px;

width: 100%;

-o-text-overflow:ellipsis;

-icab-text-overflow: ellipsis;

-khtml-text-overflow: ellipsis;

-moz-text-overflow: ellipsis;

-webkit-text-overflow: ellipsis;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

-webkit-box-orient: vertical;
}



@media screen and (max-width:1280px ) {

	.bestTitle{

		font-size: 30px;

	}

	.bestContentP{

		font-size: 14px;

	}

	.bestContentA{

		font-size: 14px;

	}

	.tableChooseBox{

		margin-top: 52px;

	}

	.hotH2{

		font-size: 20px;

	}	

}

@media screen and (max-width:1120px ) {

	.bestTitle{

		font-size: 24px;

	}

	.bestContentP{

		font-size: 12px;

	}

	.bestContentA{

		font-size: 12px;

	}

	.tableChooseBox{

		margin-top: 42px;

	}

	.hotH2{

		font-size: 16px;

	}	

}

@media screen and (max-width:900px ) {

	

}

@media screen and (max-width:800px ) {

	

}

.chooseItem{

width: 10.8%;

position: relative;

float: left;

box-sizing: content-box;

border-right: 1px dotted #cecece;

cursor: pointer;
}

.tableIcon{

	height: auto;

	display: block;

	margin: 0 auto 10px;

}

.tableChooseP{

	font-size: 14px;

	color: #666;

	line-height: 1;

	text-align: center;

}

.personBg{

	width: 100%;

	min-width: 1280px;

}

.personBox{

	width: 800px;

	height: 100%;

	margin: 0 auto;

	position: absolute;

	top: 0px;

	left: 50%;

	margin-left: -400px;

	color: #fff;

}

.personBox h2{

	font-size: 52px;

	font-weight: 400;

	text-align: center;

	line-height: 1;

	margin-top: 90px;

}

.personBox h3{

	font-size: 30px;

	/*font-weight: 400;*/

	text-align: center;

	line-height: 1;

	margin-top: 38px;

}

.personBox p{

	font-size: 20px;

	text-align: center;

	line-height: 1;

	margin-top: 16px;

}

.personBox a{

	display: block;

	width: 205px;

	height: 52px;

	text-align: center;

	line-height: 52px;

	margin: 50px auto 0;

	background: #4d9ff6;

	font-size: 16px;

	color: #fff;

	border-radius: 30px;

	-ms-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

	-o-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

}

.container_center{

	width: 100%;

	min-width: 1280px;

}

.container_left{

	width: 50%;

	height: 635px;

	float: left;

	position: relative;

}

.container_right{

	width: 50%;

	height: 635px;

	float: left;

	overflow: hidden;

	position: relative;

}



.addColor{

	background: #f5f8fa;

	position: relative;

}

.containerTitle{

	font-size: 52px;

	line-height: 1;

	margin-top: 152px;

	margin-bottom: 35px;

	font-weight: 400;

}

.containerText{

	font-size: 22px;

	color: #000;

	line-height: 36px;

}



.chooseBannerBoxAdd{

	left: 0;

	right: auto;

	border-radius: 0px;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}

.containerAddBg{

	margin-top: 50px;

	min-height: 300px;

	padding: 60px 0;

	background: url(../images/addLastFooterBg.jpg) no-repeat;

	background-size:cover ;

}

.lastContainer_3 {

	width: 33.2%;

	border-right:1px solid #e1e6e9 ;

	float: left;

	cursor: pointer;

}

.lastContainer_3 .resolveInner{

	border-bottom: 0;

	position: relative;

	overflow: hidden;

	display: flex;

	align-items: center;

	justify-content: center;

}

.lastContainer_3 .resolveImg{

	width: 100%;

	height: auto;

	-webkit-transition:transform 0.5s ;

	transition: transform 0.5s;

}

.lastContainer_3 .moreIcon{

	width: 36px;












	position: absolute;

	bottom: 30px;

	right: 25px;

	z-index: 100;

}

.lastContainer_3 .resolveText{

	bottom: 30px;

	padding-right: 0;

	padding-left: 30px;

}

.lastContainer_3 .resolveH2{

	text-align: left;

	font-size: 26px;

}

.lastContainer_3 .resolveTextInnerBox{

	margin: 22px 0 0;

	border-right: 0;

	border-left:4px solid #4d9ff6;

	padding-right: 0;

	padding-left: 10px;

}

.lastContainer_3 .resolveH3{


	text-align: left;


	font-size: 28px;

	color: #4d9ff6;

	font-weight: 400;

}

.lastContainer_3 .resolveP{

	text-align: left;

	font-size: 14px;

	line-height: 24px;

}

.lastContainer_3 .resolveText{

	padding-right: 30px;

}

.lastContainer_3:hover .resolveImg{

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

}

.resolveInnerMask{

	width: 100%;

	height: 60%;

	position: absolute;

	left: 0;

	bottom:0;

	/*background: linear-gradient(to bottom, rgba(0,0,0,0.02), rgba(0,0,0,0.6)); /* 标准的语法 */

	z-index: 10;

}

.lastContainer_3 div.heightAuto{

	height: auto;

}

@media screen and (max-width:1280px ) {

	.lastContainer_3 .resolveH2{

		font-size: 20px;

	}

	.lastContainer_3 .resolveH3{

		font-size: 22px;

	}

	.lastContainer_3 .resolveP{

		font-size: 14px;

	}	

}

@media screen and (max-width:1120px ) {

	.lastContainer_3 .resolveH2{

		font-size: 18px;

	}

	.lastContainer_3 .resolveH3{

		font-size: 20px;

	}

	.lastContainer_3 .resolveP{

		font-size: 12px;

	}

}

@media screen and (max-width:900px ) {

	.lastContainer_3 .resolveH2{

		font-size: 18px;

	}

	.lastContainer_3 .resolveH3{

		font-size: 20px;

	}

	.lastContainer_3 .resolveP{

		font-size: 12px;

		line-height: 16px;

	}

}

@media screen and (max-width:800px ) {

	

}

.pdTop10{

	padding-top: 10px;

}

.lookAll{

	font-size: 14px;

	line-height: 34px;

	float: right;

	vertical-align: middle;

	cursor: pointer;

}

.ie8 .lookAll{

	margin-right: -3px;

}

.lookIcon{

	vertical-align: middle;

	margin-top: -2px;

}

.lookArrowLeft{

	float: left;

	margin-right: 10px;

	width: 28px;

	height: 28px;

	border-radius: 100px;

	border: 1px solid #b0b0b0;

	position: relative;

	background: url(../images/lookArrow.png) no-repeat;

	background-position:45% 50%;

}

.lookArrowLeftHover{

	border: 0;

	background: #4d9ff6 url(../images/lookArrowHover.png) no-repeat;

	background-position:45% 50%;

}

.lookArrowRight{

	float: left;

	width: 28px;

	height: 28px;

	border-radius: 100px;

	border: 1px solid #b0b0b0;

	position: relative;

	background: url(../images/lookArrowRight.png) no-repeat;

	background-position:55% 50%;

}

.lookArrowRightHover{

	border: 0;

	background: #4d9ff6 url(../images/lookArrowRightHover.png) no-repeat;

	background-position:55% 50%;

}

.lookArrow{

	width: 8px;

	height: 15px;

	font-size: 14px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -4px;

	margin-top: -7.5px;

}

.lookArrowRight .lookArrow{

	transform: rotate(180deg);

}

.lookAllAddHover{

	color: #333;

}



/*.bannerMbl{

	display: none;

	overflow: hidden;

}*/

.hotMbl{

	display: none;

}

.jieMbl{

	display: none;

}

.hangMbl{

	display: none;

}

.xiaMbl{

	display: none;

}

.hangMbl .hotActivity{

	width: 100%;

}

.hangMbl .hotActivityInner{

	padding: 0;

	margin: 0;

}



@media screen and (max-width:768px ) {

	/*.bannerPc{

		display: none;

	}

	.bannerMbl{

		display: block;

	}*/

	.hotPc{

		display: none;

	}

	.hotMbl{

		display: block;

	}

	.jiePc{

		display: none;

	}

	.jieMbl{

		display: block;

	}

	.hangPc{

		display: none;

	}

	.hangMbl{

		display: block;

	}

	

	.xiaPc{

		margin-top: 0px;

		padding: 8px 0 20px;

	}

	.lastContainer_3{


		width: 100%;



		margin-top: 12px;

		border: 0;

	}

	.lastContainer_3 .moreIcon{

		width: 28px;

	}

	.lastContainer_3 .resolveTextInnerBox{

		margin: 16px 0 14px;

	    border-right: 0;

	    border-left: 1px solid #4d9ff6;

	    padding-right: 0;

	    padding-left: 10px;

	}

	.lastContainer_3 .resolveH2{

		font-size: 16px;

	}

	.lastContainer_3 .resolveH3{

		font-size: 19px;

		margin-bottom: 8px;

	}

	.lastContainer_3 .resolveP{

		line-height: 20px;


	}


	.lastContainer_3 .resolveText{

		bottom: 56px;

		top: auto;

	}

	.lastContainer_3 .resolveInner{

		height: auto;

	}

	.xiaPc .containerInnerBox{

		padding: 0 11px;

	}

	

}

.bannerMbl .bannerInnerH2{

	font-size: 21px;

	margin: 30px 0 15px 0;

	text-shadow: 0 0 4px rgba(13,4,8,0.48);

}

.bannerMbl .bannerInnerText{

	padding-left: 10px;

	font-size: 12px;

	border-left: 0;

	position: relative;

}

.bannerMbl .bannerInnerText:before{

	content: "";

	display: block;

	width: 2px;

	height: 90%;

	position: absolute;

	top: 4px;

	left: 0;

	background: #4d9ff6;

}

.bannerMbl .bannerInnerBtn{

	color: #fff;

	height: 25px;

	line-height: 25px;

	padding: 0 15px;

	font-size: 12px;

	margin-top: 13px;

}

.bannerMbl .bannerInnerBtn .bannerBtnArrow{

	width: 6px;

    vertical-align: middle;

    margin-left: 6px;

    margin-top: 7px;

    float: right;

}

.bannerMbl .bannerInnerText p{

	line-height: 1.5;

	margin-bottom: 0;

	text-shadow: 0 0 4px rgba(13,4,8,0.48);

}

@media screen and (max-width:414px) {

	.bannerInner{

		padding: 0 35px;

	}

	.bannerInnerH2{

		font-size: 28px;

	}

	.bannerInnerText p{

		font-size: 14px;	

	}

	.bannerInnerBtn{

		height: 30px;

		line-height: 30px;

		padding: 0 15px;

		font-size: 14px;

	}

	.bannerInnerBtn .bannerBtnArrow {

	    margin-top: 10px;

	}

}

@media screen and (max-width:413px) {

	.bannerInnerH2{

		font-size: 26px;

	}

}

@media screen and (max-width:400px) {

	.bannerInnerH2{

		font-size: 24px;

	}

}

@media screen and (max-width:375px) {

	.bannerInner{

		padding: 0 25px;

	}

	.bannerInnerH2{

		font-size: 24px;

	}

	.bannerInnerText p{

		font-size: 13px;	

	}

}

@media screen and (max-width:350px) {

	.bannerInner{

		padding: 0 20px;

	}

	.bannerInnerH2{

		font-size: 22px;

	}

	.bannerInnerText p{

		font-size: 12px;	

	}

	.bannerInnerBtn{

		height: 25px;

		line-height: 25px;

		padding: 0 15px;

		font-size: 12px;

	}

}

@media screen and (max-width:320px) {

	.bannerInner{

		padding: 0 20px;

	}

	.bannerInnerH2{

		font-size: 22px;

	}

	.bannerInnerText p{

		font-size: 12px;	

	}

	.bannerInnerBtn{

		height: 25px;

		line-height: 25px;

		padding: 0 15px;

		font-size: 12px;

	}

	.bannerInnerBtn .bannerBtnArrow {

	    margin-top: 7px;

	}

}



.containerH3Mbl{

/*font-family: "Microsoft YaHei UI Light";*/

line-height: 2;

font-size: 25px;

text-align: center;

color: #000000;

font-weight: 600;

margin: 19px 0 25px;

position: relative;
}

.containerH3Mbl:before{

	content: "";

	display: block;

	width: 30px;

	height: 3px;

	background: #4d9ff6;

	position: absolute;

	left: 50%;

	margin-left: -15px;

	bottom: -7px;

}

.swiper-hotMbl{

  height: auto;

  width: 100%;

}

.hotMbl .containerInnerBox{

	padding: 0;

}

.hotMbl .hotActivityInner{

	padding: 0 11px;

}

.hotMbl .hotActivitySwiper{

box-shadow: 0 2px 4px rgba(0,0,0,0.1);

width: 46%;

margin: 0 2%;
}

.hotMbl .hotTag{

	padding: 11px;

	font-size: 14px;

}

.hotMbl .hotImg:hover{

	transform: scale(1);

	-ms-transform: scale(1); 

	-webkit-transform: scale(1); 

}

.hotMbl .hotA{

	bottom: 20px;

}

@media screen and (max-width:414px) {

	.hotMbl .hotTag {

	    padding: 6px;

		text-align:center;
	    font-size: 16px;

	}

	.containerH3Mbl:before{

		bottom: -10px;

	}

}

@media screen and (max-width:375px) {

	.containerH3Mbl:before{

		bottom: -9px;

	}

}

@media screen and (max-width:350px) {


	.containerH3Mbl:before{

		bottom: -8px;

	}

}

@media screen and (max-width:320px) {

	.containerH3Mbl:before{

		bottom: -7px;

	}

}

.quMbl .hotActivity{

	width: 100%;

	box-shadow: 0 2px 4px rgba(0,0,0,0.1);

}

.quMbl .hotActivityInner{

	padding:0 11px;

	margin: 0;

}






.quMbl .containerInnerBox{

	padding: 0;

}

.quMbl .hotActivityBottomAddHeight{

	height: auto;

	padding-bottom: 30px;

}

.quMbl .hotActivityBottom{

	padding-top: 10px;

}

.quMbl .hotH2{

	font-size: 16px;

	margin-bottom: 10px;

}

.quMbl .hotP{

	line-height: 20px;

}

.swiper-quMbl{

	/*height: 430px;*/

}

.quMbl .swiper-container{

	overflow: inherit;

}

.paginationBox{

width: 100%;

height: 45px;

display: flex;

display: -webkit-flex;

align-items: center;

-webkit-align-items: center;

justify-content: center;

-webkit-justify-content: center;
}

.paginationBox{

	

}

.halfChangeAll{

	width: 49.15%;

	float: left;

	margin-right: 1.7%;

}

.tendencyBox{

	width: 100%;

	cursor: pointer;

}

.serversConImg{overflow:hidden}
.videoBack{

	transition:transform  0.5s;

	-webkit-transition:transform  0.5s;

}

.secondWrapBox:hover .videoBack{

	transform: scale(1.2);

	-ms-transform: scale(1.2); 

	-webkit-transform: scale(1.2); 

}

.tendencyImg{

	transition:transform  0.5s;

	-webkit-transition:transform  0.5s;

}

.tendencyInner:hover .tendencyImg{

	transform: scale(1.2);

	-ms-transform: scale(1.2); 

	-webkit-transform: scale(1.2); 

}

.tendencyInner{

	width: 100%;

	position: relative;

	overflow: hidden;

}

.tendencyOut{

	width: 100%;

}

.tendencyImg{

	width: 100%;

	height: 100%;

	float: left;

}

.tendencyText{

position: absolute;

width: 100%;

bottom: 26px;

left: 0;

text-shadow: 0 2px 2px rgba(0,0,0,0.4);
}

.tendencyText .hotH2{

color: #fff;

font-size: 22px;

height: 24px;

padding: 0 40px;

/* text-shadow: 0 5px 5px rgba(0,0,0,0.2); */
}

.tendencyText .hotP{

	color: #fff;

	font-size: 14px;

	line-height: 22px;

	padding: 0 40px;

}



.tendencyOut {

	display: none;

	float: left;

	box-shadow:0px 3px 8px rgba(0,0,0,0.1) ;

}

.tendencyOut .hotH2{

padding: 0 11px;

font-size: 20px;

margin: 12px 0 8px;

line-height: 2;

font-weight: bold;
}

.tendencyOut .hotP{

min-height: auto;

padding: 0 11px 0;

margin-bottom: 10px;

font-size: 14px;

line-height: 26px;
}

@media screen and (max-width:900px ) {

	.tendencyText{

		bottom: 10px;

	}

	.tendencyText .hotH2{

		font-size: 18px;

		margin-bottom: 6px;

	}

	.tendencyText .hotP{

		font-size: 12px;

		line-height: 18px;

	}

}







.halfChangeAllAdd{

	margin: 0;

}

.tendencyBoxAdd{

	margin-top: 17px;

}

.overfolow{

	overflow: hidden;

}

.swiper-pagination-switch {

  display: inline-block;

  width: 5px;

  height: 5px;

  border-radius: 100px;

  background: #d5d5d5;

  margin-right: 5px;

}

.swiper-visible-switch {

  background: #aaa;

}

.swiper-active-switch {

  background: #e60213;

}

.hotMbl .device{

	padding-bottom: 0px;

}

.hotMbl .swiper-container{

	overflow: inherit;

}

.hotMbl .hotActivityBottom{

padding-top: 10px;

height: 154px;

color: #666666;
}

.hotMbl .hotP{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
min-height: auto;

line-height: 26px;

font-size: 14px;

padding: 0 12px;
}

.hotMbl .hotImgArrow{

	width: 14px;

	position: relative;

	top: -2px;

} 

@media screen and (max-width:414px) {

	

}

@media screen and (max-width:375px) {

	

}

@media screen and (max-width:350px) {

	

}

.jieMbl .containerInnerBox{

	overflow: hidden;

	padding: 0;

	padding-left: 11px;

	padding-right: 3px;

}

.jieMbl .containerH3Mbl{

	color: #fff;

}

.jieMbl .resolve{

	width: 50%;

	padding-right: 8px;

	margin-bottom: 8px;

}

.jieMbl .resolveInner{

	border-bottom: 0;

	height: auto;

}

.jieMbl .resolveP{

	font-size: 10px;

	padding-left: 6px;

	line-height: 1.4;

}

.jieMbl .resolveImg{

	width: 100%;

	height: auto;

}

.jieMbl .resolveH2{

	font-size: 17px;

}

.jieMbl .resolveText{

	padding-left: 0;

	padding-right:10px;

	bottom: 0;

	top: 90px;

}

.jieMbl .moreIcon{

	position: absolute;

	right: 10px;

	bottom: 15px;

	width: 18px;

}

.jieMbl .resolveTextInnerBox{

	margin:0;

	margin-top: 10px;

	padding-right: 5px;

	border-right: 1px solid #4d9ff6;

}

.jieMbl .resolveH3{

	font-size: 10px;

	margin-bottom: 5px;


	padding-left: 6px;

}

.jieMbl .resolveOutBox{

	background: url(../images/resoveMblBg.jpg);

	background-size: cover;

}

.jieMbl .maskBox{

	bottom: 0;

}

@media screen and (max-width:414px) {

	.jieMbl .moreIcon{

		position: absolute;

		right: 10px;

		bottom: 15px;

		width: 26px;

	}

	.jieMbl .resolveText {

	    padding-left: 0;

	    padding-right: 10px;

	    bottom: 0;

	    top: 130px;

	}

	.jieMbl .resolveH2{

		font-size: 22px;

	}

	.jieMbl .resolveH3 {

	    font-size: 14px;

	    margin-bottom: 5px;

	}

	.jieMbl .resolveP {

	    font-size: 14px;

	}

}

@media screen and (max-width:375px) {

	.jieMbl .moreIcon{

		position: absolute;

		right: 10px;

		bottom: 15px;

		width: 26px;

	}

	.jieMbl .resolveText {

	    padding-left: 0;

	    padding-right: 10px;

	    bottom: 0;

	    top: 110px;

	}

	.jieMbl .resolveH2{

		font-size: 20px;

	}

	.jieMbl .resolveH3 {

	    font-size: 14px;

	    margin-bottom: 5px;

	}

	.jieMbl .resolveP {

	    font-size: 14px;

	}

}

@media screen and (max-width:350px) {

	.jieMbl .moreIcon{

		position: absolute;

		right: 10px;

		bottom: 15px;

		width: 26px;

	}

	.jieMbl .resolveText {

	    padding-left: 0;

	    padding-right: 10px;

	    bottom: 0;

	    top: 100px;

	}

	.jieMbl .resolveH2{

		font-size: 18px;

	}

	.jieMbl .resolveH3 {

	    font-size: 12px;

	    margin-bottom: 5px;

	}

	.jieMbl .resolveP {

	    font-size: 12px;

	}

}

@media screen and (max-width:320px) {

	.jieMbl .moreIcon{

	    position: absolute;

	    right: 10px;

	    bottom: 15px;

	    width: 18px;

	}

	.jieMbl .resolveText {

	    padding-left: 0;

	    padding-right: 10px;

	    bottom: 0;

	    top: 100px;

	}

	.jieMbl .resolveH2{

		font-size: 17px;

	}

	.jieMbl .resolveH3 {

	    font-size: 12px;

	    margin-bottom: 5px;

	}

	.jieMbl .resolveP {

	    font-size: 12px;

	}

}

.swiper-hangMbl{

	padding-bottom: 0px;

}

.swiper-hangMbl .paginationBox{

	bottom: 12px;

}

.hangMbl .bestContentTitle{

	color: #4d9ff6;

	font-size: 30px;

}

.hangMbl .bestContentTitle em{

	font-size: 17px;

}

.hangMbl .bestTitle{

	color: #4d9ff6;

}

.hangMbl .bestContent{

	margin: 0 auto 15px;

	width: 146px;

    height: 146px;

}

.hangMbl .peopleIcon{

	width: auto;

	height: 40px;

	margin: 32px auto 9px;

}

.hangMbl .bestTitle{

	font-size: 18px;

	font-weight: 400;

}

.hangMbl .bestContentP{

	font-size: 13px;

	line-height: 20px;

}

.hangMbl .bestContentA:hover{

	color: #333;

}

.hangMbl .hotActivityLine{

	margin: 0;

}

.hangMbl .containerInnerBox{

	padding: 0;

}

.hangMbl .tableChooseBox{

	padding: 15px 4px 15px 11px;

	background: #f5f5f5;

}

.hangMbl .chooseItem{

	width: 18.5%;

	background: #fff;

	border: 0;

	padding: 12px 0;

	margin-right: 1.5%;

	margin-bottom: 6px;

}

.hangMbl .tableIcon{

	height: 23px;

}

.hangMbl .tableChooseP{


	font-size: 12px;


}

.quMbl .paginationBox{

	bottom: -24px;	

}

@media screen and (max-width: 414px) {

	.lastContainer_3 .resolveText{

		bottom: 56px;

		top: auto;

	}

	.lastContainer_3 .resolveText{

		bottom: 56px;

		top: auto;

	}

	.lastContainer_3 .resolveH2{

		font-size: 22px;

	}

	.lastContainer_3 .resolveH3{

		font-size: 24px;

	}

	.lastContainer_3 .resolveP{

		font-size: 16px;

	}

}

@media screen and (max-width: 375px) {

	.lastContainer_3 .resolveText{

		bottom: 56px;

		top: auto;

	}

	.lastContainer_3 .resolveText{

		bottom: 56px;

		top: auto;

	}

	.lastContainer_3 .resolveH2{

		font-size: 20px;

	}

	.lastContainer_3 .resolveH3{

		font-size: 22px;

	}

	.lastContainer_3 .resolveP{


		font-size: 14px;


	}

}

@media screen and (max-width: 320px) {

	.lastContainer_3 .resolveText{

		bottom: 56px;

		top: auto;

	}

	.lastContainer_3 .resolveText{

		bottom: 56px;

		top: auto;

	}

	.lastContainer_3 .resolveH2{

		font-size: 16px;

	}

	.lastContainer_3 .resolveH3{

		font-size: 19px;

	}

	.lastContainer_3 .resolveP{

		font-size: 13px;

	}

}



.xiaMbl .lastContainer_3 .resolveImg{

	/*position: absolute;

	bottom: 0;*/

}

.pd16Change{

	padding: 0 11px;

}

@media screen and (min-width:320px ) {

	.swiper-hotMbl{

	  height: auto;

	  width: 100%;

	}

	.swiper-hangMbl{

		padding-bottom: 0px;

	}

	.containerH3:before{

		bottom: -7px;

	}

}

@media screen and (min-width:350px ) {

	.containerH3:before{

		bottom: -8px;

	}

}

@media screen and (min-width:375px ) {

	.swiper-hotMbl{

	  height: auto;

	  width: 100%;

	}

	.swiper-quMbl{

		/*height: 475px;*/

	}

	.containerH3:before{

		bottom: -9px;

	}

	

}

@media screen and (min-width:414px ) {

	.swiper-hotMbl{

	  height: auto;

	  width: 100%;

	}

	.swiper-quMbl{

		/*height: 465px;*/

	}

	.quMbl .hotActivityBottomAddHeight {

	    /*height: 140px;*/

	}

	.containerH3:before{

		bottom: -10px;

	}

}

@media screen and (min-width:560px ) {

	.swiper-hotMbl{

	  	height: auto;

	  	width: 100%;

	}

	.swiper-quMbl {

	    height: auto;

	}

}



@media screen and (max-width:768px ) {

	.headMbl .headMblChooseC br{

		display:none;

	}

	.tendencyText{

		display: none;

	}

	.tendencyOut{

		display: block;

	}

	.halfChangeAll{

width: 100%;

margin-bottom: 20px;

}

	.halfChangeAllAdd{

margin-bottom: 20px;

}

	.tendencyBoxAdd{

margin-top: 20px;

}

	.containerH3{

/*font-family: "Microsoft YaHei UI Light";*/

line-height: 2;

height: auto;

font-size: 25px;

text-align: center;

color: #3c3c3c;

font-weight: 600;

margin: 0px 0 26px;

border: 0;

padding: 0;

position: relative;

}

	.containerH3:before{

		content: "";

		display: block;

		width: 30px;

		height: 3px;

		background: #4d9ff6;

		position: absolute;

		left: 50%;

		margin-left: -15px;

		bottom: -7px;

	}

	.lookAll{

		display: none;

	}

	.tendencyInner:hover .tendencyImg{

		transform: scale(1);

		-ms-transform: scale(1); 

		-webkit-transform: scale(1); 

	}

	.lastContainer_3:hover .resolveImg{

		transform: scale(1);

		-webkit-transform: scale(1);

	}

	.chooseItem {

	    width: 18.5%;

	    background: #fff;

	    border: 0;

	    padding: 12px 0;

	    margin-right: 1.5%;

	    margin-bottom: 6px;

	}

	.hangPc .hotActivityLine {

	    margin: 0;

	}

	.tableChooseBox {

	    padding: 15px 4px 15px 11px;

	    background: #f5f5f5;

	    margin: 0;

	}

	.tableIcon{

		height: 23px;

	}

	.pd16Change{

		padding: 0;

	}

	.bestContentA{

		margin-top: 10px;

		margin-bottom: 0;

	}

	.tableChooseP{

		font-size: 12px;	

	}

	.bannerInnerBtnPc{

		display: none;

	}

	.bannerInnerBtnMbl{

		display: block;

	}


	.bannerInnerText{

		width: 100%;

		padding-left: 12px;

	}

	.bannerInnerH2{

		margin: 30px 0 15px;

	}

	.bannerInnerText p {

	    letter-spacing: 0px;

	    font-size: 14px;

	}

}

.quPc{margin-bottom: 40px;}
.hotPc1{    background: #f5f5f5;
    padding: 0px 0 50px 0;}
.section5 .title {
    font-size: 36px;
    line-height: 36px;
    font-weight: 600;
}
.zhichiplub{width: 46%;float:left;margin: 0 2% 4% 2%;}
.heightAuto{height:auto!important;}
.rosion_hotPc .hotActivity{width:23%;margin-left:1%;margin-right:1%;}