@charset "utf-8";
.el-page{position: relative; line-height: 31px; height: 33px; margin: 50px 0; text-align: center; font-size: 12px; clear:both}
.el-page a,.el-page span{color: #333;position: relative; display: inline-block; vertical-align: top; min-width: 33px; padding: 0 5px; border: 1px solid #e6e8e7; margin: 0 0 0 8px; text-align: center; border-radius: 3px; }
.el-page span.active,.el-page a:hover{ border-color: #7b0018; color: #7b0018;}
.newsList li {list-style: none;padding: 25px 0;border-bottom: 1px dashed #d5d5d5;}
.newsList li a {display: block;}
.newsImg {width: 28%;height: 220px;margin-right: 2.5%;float: left;max-width: 485px;overflow: hidden;}
.newsImg .imgBg {width: 100%;height: 100%;transition: all 0.5s linear;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.imgBg img {display: none;max-width: 100%;height: auto;border: none;vertical-align: middle;}
.newsRig {overflow: hidden;}
.newsTit {font-size: 18px;color: #333333;line-height: 150%;margin-top: 10px;transition: all 0.3s linear;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newsTime {font-size: 16px;line-height: 20px;color: #999999;}
.newsDes {margin: 10px 0 20px;font-size: 14px;color: #666666;line-height: 24px;height: 72px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.newsMore {width: 150px;line-height: 40px;font-size: 14px;color: #333333;position: relative;}
.newsMore span {position: relative;z-index: 1;display: block;text-align: center;}
.newsMore span:before, .newsMore span:after, .newsMore:after {display: block;content: "";position: absolute;left: 0;bottom: 0;}
.newsMore:after {width: 0;height: 100%;background: #7b0018;transition: all 0.3s linear;}
.newsMore span:before {width: 100%;height: 1px;background: #313131;}
.newsMore span:after {width: 0%;height: 1px;background: #7b0018;transition: all 0.3s linear;}
.newsList li a:hover .newsTit {color: #7b0018;}
.newsList li a:hover .newsMore span {color: #FFFFFF;}
.newsList li a:hover .newsMore:after {width: 100%;}
.newsList li a:hover .newsImg .imgBg {transform: scale(1.05) rotate(-1deg);}
.caseList li {padding: 0 15px;box-sizing: border-box;margin-bottom: 30px;width: 33.33333333%;float: left;}
.box3Link {display: block;height: 100%;position: relative;overflow: hidden;border: 1px solid #eee;}
.caseTop {position: relative;overflow: hidden;}
.caseTop img{height: 260px;margin: 0 auto}
.caseBot {padding: 0 15px;line-height: 50px;background: #FFFFFF;}
.caseTag {color: #999999;}
.pull-right {float: right!important;}
.caseTag span, .caseTag b {display: inline-block;vertical-align: baseline;font-weight: normal;padding: 0 0.1rem;transition: all 0.3s linear;}
.caseTit {font-size: 15px;line-height: 50px;overflow: hidden;color: #333333;padding-right: 15px;transition: all 0.3s linear;display: block;text-overflow: ellipsis;white-space: nowrap;}
.caseTag span i {display: inline-block;vertical-align: middle;}
.caseTag span i:before, .caseTag span i:after {display: block;content: "";width: 2px;height: 2px;margin: 3px 2px;background: #7b0018;transition: all 0.3s linear;}
.box3Link:hover .box3Hov img {
    transform: scale(0.95);
}
.box3Link:hover .caseTit {
    color: #7b0018;
}

.inrongOne {
	background: url(../img/inbg1.png) center no-repeat;
	background-size: cover;padding-top: 182px;padding-bottom: 100px;}

.inrongOne>.ron {
	width: 1310px;
	overflow: hidden;
}

.inrongOne .inbuTit {
	padding-bottom: 35px;
}

.inrongOne .left {
	position: relative;
	float: left;
	width: 336px;
	padding-left: 111px;
	box-sizing: border-box;
	overflow: hidden;
}

.inrongOne .left>div {
	float: left;
}

.inrongOne .left .wen {
	margin-top: 17px;
	width: 225px;
	height: 452px;
	overflow: hidden;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0.4px;
	color: #545454;
	opacity: 0.8;
	writing-mode: vertical-lr;
	writing-mode: tb-rl;
}

.inrongOne .left .lefta {
	position: absolute;
	z-index: 33;
	top: 0;
	left: 14px;
	width: 58px;
	height: 195px;
	background: url(../img/chakanBgShu.png) center no-repeat;
	background-size: cover;
	display: inline-block;
	font-family: SourceHanSansSC-Regular;
	font-size: 18.41px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 1.8px;
	color: #ffffff;
	writing-mode: vertical-lr;
	writing-mode: tb-rl;
	box-sizing: border-box;
	padding: 56px 5px;
	padding-bottom: 0;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.inrongOne .left .lefta:hover {
	color: #6e6e6e;
}

.inrongOne .right {
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 17px;
}

.inrongOne .right>div {
	float: right;
}

.inrongOne .right .inOneTit {
	width: 77px;
	height: 321px;
	box-sizing: border-box;
	padding: 10px 15px;
	background: url(../img/inOne1.png) center no-repeat;
	background-size: cover;
	font-family: SourceHanSansSC-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 47px;
	letter-spacing: 2px;
	color: #7b0018;
	text-align: center;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.inrongOne .right .imgBao {
	width: 684px;
	margin-right: 132px;
	height: 461px;
	background-color: #e5e5e5;
	position: relative;
}

.inrongOne .right .imgBao .img {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.inrongOne .right .imgBao .img img {
	max-width: none;
	width: auto;
	margin: 0 auto;
	height: 100%;
}

.inrongOne .right .zeWen {
	position: absolute;
	z-index: 333;
	bottom: 0;
	right: -133px;
	width: 133px;
	height: 321px;
	background-color: #7b0018;
	box-sizing: border-box;
	padding: 25px 18px;
}

.inrongOne .right .zeWen .zeWenRon {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 2px;
	border: solid 1px #ffffff;
	padding: 26px 12px;
	font-family: SourceHanSansSC-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 2px;
	color: #ffffff;
	text-align: left;
	writing-mode: vertical-lr;
	writing-mode: tb-rl;
}

.inrongOne .right .zeWen .zeWenRon p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*inrongOne*/

.inrongTwo {
	background: url(../img/inbg2.png) center no-repeat;
	background-size: cover;
	padding-top: 90px;
	padding-bottom: 100px;
}

.rong.inrongTwo>.ron {
	width: 1310px;
	font-size: 0;
	text-align: center;
	overflow: hidden;
}

.inrongTwo .inbuTit {
	margin-bottom: 40px;
}

.inTwoBao {
	overflow: hidden;
}

.inTwoA {
	float: left;
	width: 298px;
	margin-right: 39px;
	height: 440px;
	background-color: #f7f7f9;
	box-shadow: 0px 0px 16px 0px rgba(13, 13, 13, 0.45);
	box-sizing: border-box;
	padding: 15px;
}

.inTwoA:nth-child(4n) {
	margin-right: 0;
}

.inTwoA .img {
	width: 100%;
	height: 235px;
	overflow: hidden;
	position: relative;
}

.inTwoA .img .imgBao {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-content: center;
}

.inTwoA .img .imgBao img {
	max-width: none;
	height: 100%;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.inTwoA:hover .img .imgBao img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

@keyframes tiaodong {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
	50% {
		transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}

.inTwoA .img .imgspan {
	position: absolute;
	z-index: 333;
	bottom: 42px;
	left: 50%;
	margin-left: -9px;
	width: 18px;
	height: 23px;
	background: url(../img/inbannarJianS.png) center no-repeat;
	background-size: 100% auto;
	animation: tiaodong 4s linear infinite;
	-webkit-animation: tiaodong 4s linear infinite;
	-moz-animation: tiaodong 4s linear infinite;
	-ms-animation: tiaodong 4s linear infinite;
}

.inTwoA .wen {
	height: 165px;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 25px;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.7px;
	color: #ababac;
	text-align: center;
}

.inTwoA .wen .wenH3 {
	margin: 0 auto;
	margin-bottom: 17px;
	position: relative;
}

.inTwoA .wen .wenH3 h3 {
	width: 140px;
	margin: 0 auto;
	font-family: SourceHanSansSC-Regular;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 1.1px;
	color: #606060;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.inTwoA .wen .wenH3>.wenH {
	position: absolute;
	left: 5px;
	top: 13px;
	text-align: left;
	font-size: 0;
}

.inTwoA .wen .wenH3>.wenH.after {
	right: 5px;
	left: auto;
	text-align: right;
}

.inTwoA .wen .wenH3>.wenH .fakuai {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #000000;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.inTwoA .wen .wenH3>.wenH .xian {
	display: inline-block;
	width: 40px;
	margin-left: 6px;
	height: 1px;
	background-color: #000000;
	transform: translateY(-3px);
}

.inTwoA .wen .wenH3>.wenH.after .xian {
	margin-left: 0px;
	margin-right: 6px;
}

.inTwoA .wen p {
	height: 72px;
	overflow: hidden;
	box-sizing: border-box;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.7px;
	color: #606060;
	opacity: 0.5;
	text-align: center;
}


/*inrongTwo*/

.inrongThree {
	background-color: #FFFFFF;
	background-image: url(../img/inbg3.jpg);
	background-position-x: center;
	background-position-y: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-top: 90px;
	padding-bottom: 100px;
}

.rong.inrongThree>.ron {
	width: 1310px;
	position: relative;
	min-height: 600px;
}

.inrongThree .inbuTit {
	padding-bottom: 39px;
}

.inrongThree .intit {
	position: absolute;
	top: 193px;
	left: -142px;
}

.inThreeHis {
	padding-bottom: 42px;
	position: relative;
	box-sizing: border-box;
	height: 543px;
	overflow: hidden;
	margin-bottom: 50px;
}

.inThreeHis>.xian {
	position: absolute;
	top: 48px;
	left: 50%;
	width: 1px;
	height: 496px;
	background-color: #dedee0;
}

.inThreeA {
	position: relative;
	z-index: 333;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px 0;
	margin-bottom: 7px;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
	background-color: #7b0018;
	box-shadow: 0px 3px 11.4px 0.6px rgba(0, 103, 173, 0.35);
}

.inThreeA .imgBao {
	width: 50%;
	margin:10px 0;
	float: left;
	overflow: hidden;
}

.inThreeA .imgBao .dataI {
	float: right;
	width: 225px;
	box-sizing: border-box;
	padding-right: 60px;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
}

.inThreeA:nth-child(2n) .imgBao .dataI {
	transform: translateX(330px);
	-webkit-transform: translateX(330px);
	-moz-transform: translateX(330px);
	-o-transform: translateX(330px);
}

.inThreeA .imgBao .dataI h3 {
	font-family: SourceHanSansSC-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 1px;
	color: #545454;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
	color: #FFFFFF;
}

.inThreeA .imgBao .dataI p {
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #545454;
	box-sizing: border-box;
	padding-right: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
	color: #ffffff;
	text-align: left;
}

.inThreeA .imgBao .dataI span {
	display: block;
	width: 32px;
	height: 18px;
	margin-top: 17px;
	background: url(../img/inThreeJian.png) center no-repeat;
	background-size: cover;
	opacity: 0;
	overflow: hidden;
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
	
}
.inThreeA .imgBao:hover .dataI span{
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	opacity: 1;
}
.inThreeA .imgBao .img {
	float: right;
	width: 280px;
	height: 140px;
	overflow: hidden;
	opacity: 0;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
}

.inThreeA:nth-child(2n) .imgBao .img {
	transform: translateX(330px);
	-webkit-transform: translateX(330px);
	-moz-transform: translateX(330px);
	-o-transform: translateX(330px);
}

.inThreeA .imgBao .img img {
	max-height: 100%;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
}

.inThreeA .wenRon {
	float: left;
	width: 50%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	padding-left: 57px;
	padding-top: 11px;
	padding-right: 85px;
}

.inThreeA .wenRon .yuan {
	position: absolute;
	top: 38px;
	left: -4px;
	width: 8px;
	height: 8px;
	background-color: #bdbdbd;
	border-radius: 50%;
	opacity: 1;
}

.inThreeA:hover .wenRon .yuan {
	opacity: 0;
}

.inThreeA .wenRon .wen h3 {
	font-family: SourceHanSansSC-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0.5px;
	color: #545454;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 6px;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.inThreeA:hover .wenRon .wen h3 {
	color: #FFFFFF;
}

.inThreeA .wenRon .wen p {
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #545454;
	opacity: 0.8;
	text-align: left;
	height: 48px;
	overflow: hidden;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

/*.inThreeA:hover .wenRon .wen p {
	color: #FFFFFF;
}

.inThreeA:nth-child(2n+1) .imgBao {
	float: right;
	box-sizing: border-box;
	padding-right: 15px;
}

.inThreeA:nth-child(2n+1) .wenRon {
	float: right;
}

.inThreeA:nth-child(2n+1) .wenRon .yuan {
	right: -4px;
	left: auto;
}

.inThreeA:nth-child(2n+1) .imgBao .dataI p {
	padding-left: 0;
}*/

/*inrongThree*/

.inrongFour {
	background: url(../img/inbg4.png) center no-repeat;
	background-size: cover;
	padding-top: 90px;
	padding-bottom: 100px;
	overflow: hidden;
}

.rong.inrongFour>.ron {
	width: 1310px;
	position: relative;
	min-height: 420px;
}

.inrongFour .inbuTit {
	padding-bottom: 39px;
}

.inrongFour .intit {
	position: absolute;
	right: -52px;
	top: 62px;
}

.inFourBao {
	font-size: 0;
	text-align: center;
	padding-bottom: 59px;
}

.inFourA {
	display: inline-block;
	width: 306px;
	height: 285px;
	overflow: hidden;
	margin: 0 7px;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding-top: 5px;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.inFourA:hover {
	padding-top: 17px;
	background-color: #FFFFFF;
	box-shadow: 0px 3px 11.4px 0.6px rgba(92, 92, 92, 0.35);
}

.inFourA .img {
	width: 300px;
	margin: 0 auto;
	height: 200px;
	background-color: #ffffff;
	overflow: hidden;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.inFourA:hover .img {
	width: 249px;
	height: 176px;
	margin-bottom: 6px;
}

.inFourA .img img {
	max-height: 100%;
}

.inFourA .wen {
	width: 300px;
	margin: 0 auto;
	height: 73px;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box;
	padding-left: 24px;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.inFourA:hover .wen {
	border-color: transparent;
}

.inFourA .wen .left {
	float: left;
	width: 210px;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding-top: 13px;
}

.inFourA .wen .left h3 {
	font-family: SourceHanSansSC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0.8px;
	color: #3d3d3d;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.inFourA:hover .wen .left h3 {
	color: #7b0018;
}

.inFourA .wen .left p {
	font-family: SourceHanSansSC-Regular;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0.6px;
	color: #3d3d3d;
	opacity: 0.6;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.inFourA:hover .wen .left p {
	color: #7b0018;
}

.inFourA .wen .right {
	float: right;
	width: 40px;
	height: 100%;
	box-sizing: border-box;
	padding-top: 28px;
	overflow: hidden;
}

.inFourA .wen .right span {
	display: block;
	width: 100%;
	height: 20px;
	box-sizing: border-box;
	border-left: 1px solid transparent;
	background-image: url(../img/inFourJianHui.png);
	background-position-x: 6px;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: 12px auto;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.inFourA:hover .wen .right span {
	border-color: rgba(19,149,136,.3);
	background-image: url(../img/inFourJianLv.png);
	background-position-x: 12px;
}

/*inrongFour*/

.inrongFive {
	height: 478px;
	overflow: hidden;
	background-color: #FFFFFF;
}

/*index*/

.mapRong {
	height: 906px;
	overflow: hidden;
	font-family: "微软雅黑";
}

.mapRong p {
	margin-left: 5px;
	font-size: 14px;
}

.mapRong img {
	max-width: none;
	display: initial;
}

.mapConRong {
	margin-top: 90px;
	height: 0;
	overflow: hidden;
}

.inrongFive .mapConRong {
	margin-top: 0;
}

.inrongFive .mapRong {
	height: 100%;
}

/*map*/

.abRong {
	background-color: #f5f5f5;
	padding-bottom: 15px;
}

.abRong>.ron {
	position: relative;
	z-index: 3;
	top: -65px;
	background-color: #FFFFFF;
	padding-top: 65px;
	padding-bottom: 100px;
	border-radius: 5px;
	min-height: 300px;
}

@media only screen and (max-width: 1699px) {
	.abRong>.ron {
		padding-top: 80px;
		min-height: 0;
	}
}

.abBao {
	box-sizing: border-box;
	padding: 0 61px;
	overflow: hidden;
}

.abBao>div {
	overflow: hidden;
	padding-bottom: 100px;
}

.abBao>div:last-child {
	padding-bottom: 0;
}

.abTitle {
	width: 80px;
	float: left;
	overflow: hidden;
}

.abTitle h3 {
	float: left;
	font-family: SourceHanSansSC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.4px;
	color: #7b0018;
	text-transform: uppercase;
	writing-mode: vertical-lr;
    writing-mode: tb-rl;
    padding-right: 14px;
}

.abTitle p {
	float: left;
	font-family: SourceHanSansSC-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0.5px;
	color: #303030;
	writing-mode: vertical-lr;
    writing-mode: tb-rl;
    padding-left: 10px;
    border-left: 2px solid #303030;
}

.abBaoRightBody {
	float: right;
	width: 975px;
	height: auto;
	overflow: hidden;
}

.abBaoRight{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.abBaoRight .imgOne {
	
	height: auto;
	overflow: hidden;
}

.abBaoRight .imgOne .img {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.abBaoRight .imgOne .img img {
	max-height: 100%;
}

.abBaoRight .wenOne {
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0.4px;
	color: #525252;
	text-align: left;
}

#abTit1 .abBaoRight .imgOne {
	float: right;
	width: 324px;
}

#abTit1 .abBaoRight .imgOne .img {
	height: 220px;
	margin-bottom: 23px;
}

#abTit1 .abBaoRight .imgOne .img:last-child {
	margin-bottom: 0;
}

#abTit1 .abBaoRight .wenOne {
	float: left;
	padding-left: 30px;
	width: 575px;
}

#abTit2 .abBaoRight {
	margin-bottom: 37px;
}

#abTit2 .abBaoRight:last-child {
	margin-bottom: 0;
}

#abTit2 .abBaoRight:nth-child(2n) .imgOne {
	float: left;
	width: 437px;
}

#abTit2 .abBaoRight:nth-child(2n) .imgOne .img {
	height: 241px;
}

#abTit2 .abBaoRight:nth-child(2n) .wenOne {
	float: right;
	padding-right: 30px;
	width: 460px;
}

#abTit2 .abBaoRight:nth-child(2n+1) .imgOne {
	float: right;
	width: 437px;
}

#abTit2 .abBaoRight:nth-child(2n+1) .imgOne .img {
	height: 241px;
}

#abTit2 .abBaoRight:nth-child(2n+1) .wenOne {
	float: left;
	padding-left: 30px;
	width: 460px;
}

#abTit3 .abBaoRight {
	margin-bottom: 47px;
}

#abTit3 .abBaoRight:last-child {
	margin-bottom: 0;
}

#abTit3 .abBaoRight .wenOne {
	width: 575px;
}

#abTit3 .abBaoRight:nth-child(2n) .imgOne {
	float: right;
	width: 324px;
}

#abTit3 .abBaoRight:nth-child(2n) .imgOne .img {
	height: 220px;
}

#abTit3 .abBaoRight:nth-child(2n) .wenOne {
	float: left;
	padding-left: 30px;
}

#abTit3 .abBaoRight:nth-child(2n+1) .imgOne {
	float: left;
	width: 324px;
}

#abTit3 .abBaoRight:nth-child(2n+1) .imgOne .img {
	height: 243px;
}

#abTit3 .abBaoRight:nth-child(2n+1) .wenOne {
	float: right;
	padding-right: 30px;
}

.abBaoRight .imgTwo {
	float: left;
	width: 162px;
	height: 143px;
	overflow: hidden;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.abBaoRight .imgTwo img {
	max-height: 100%;
}

.abBaoRight .wenTwo {
	float: left;
	width: 162px;
	height: 143px;
	overflow: hidden;
	margin-top: 30px;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 30px;
	display: flex;
	align-items: center;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0.4px;
	color: #525252;
	text-align: left;
}

#abTit4 .abBaoRight {
	margin-bottom: 45px;
}

#abTit4 .abBaoRight:last-child {
	margin-bottom: 0;
}

#abTit4 .abBaoRight:nth-child(2n) .imgOne {
	float: right;
	width: 324px;
}

#abTit4 .abBaoRight:nth-child(2n) .imgOne .img {
	height: 220px;
}

#abTit4 .abBaoRight:nth-child(2n) .wenOne {
	float: left;
	padding-left: 30px;
	width: 575px;
}

#abTit4 .abBaoRight:nth-child(2n+1) .imgOne {
	float: left;
	width: 324px;
}

#abTit4 .abBaoRight:nth-child(2n+1) .imgOne .img {
	height: 243px;
}

#abTit4 .abBaoRight:nth-child(2n+1) .wenOne {
	float: right;
	padding-right: 30px;
	width: 575px;
}

.abBaoRight .wenThree {
	float: left;
	width: 358px;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0.4px;
	color: #525252;
	text-align: left;
}

.abBaoRight .imgThree {
	float: right;
	width: 600px;
}

.abBaoRight .imgThree .img {
	float: right;
	width: 284px;
	height: 213px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 27px;
}

.abBaoRight .imgThree .img:nth-child(2n+1) {
	margin-right: 0;
}

.abBaoRight .imgThree .img img {
	max-height: 100%;
}

/*about*/

.meRong {
	background-color: #f5f5f5;
	background-image: url(../img/storeBg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.meRong>.ron {
	position: relative;
	z-index: 3;
	top: -65px;
	background-color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 100px;
	border-radius: 5px;
	min-height: 300px;
}

@media only screen and (max-width: 1699px) {
	.meRong>.ron {
		padding-top: 94px;
		min-height: 0;
	}
}

.meBao{
	box-sizing: border-box;
	padding: 0 30px;
}

.meBaoTit {
	box-sizing: border-box;
	margin-right: 40px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #d4d4d4;
	margin-bottom: 20px;
}

.meBaoTit h3 {
	font-family: SourceHanSansSC-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0.5px;
	color: #cda433;
	text-align: left;
}

.meBaoRon {
	overflow: hidden;
	font-family: SourceHanSansSC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0.4px;
	color: #cda433;
	text-align: left;
}

/*member*/

.stoBao .meBaoTit {
	margin-bottom: 30px;
}

.stoBao .meBaoTit h3 {
	color: #404040;
}

.stoBaoRon {
	overflow: hidden;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0.4px;
	color: #404040;
	text-align: left;
	margin-bottom: 6px;
}

.storeA {
	float: left;
	width: 357px;
	margin-right: 34px;
	height: 120px;
	margin-bottom: 34px;
	background-color: #f4f4f4;
	overflow: hidden;
	box-sizing: border-box;
	padding: 17px 20px 17px 30px;
}

.storeA:nth-child(3n) {
	margin-right: 0;
}

.storeA .wen {
	float: left;
	width: calc(100% - 50px);
	height: 100%;
	overflow: hidden;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0.4px;
	color: #404040;
	text-align: left;
}

.storeA .wen p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.storeA .img {
	float: right;
	width: 24px;
	height: 100%;
	background: url(../img/stDinHui.png) center no-repeat;
	background-size: 100% auto;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.storeA:hover .img {
	background-image: url(../img/stDinLv.png);
}

/*store*/

.comRongOne {
	background-color: #f5f5f5;
	padding-top: 95px;
	padding-bottom: 50px;
}

.comTit h3 {
	font-family: SourceHanSansSC-Regular;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0.8px;
	color: #404040;
	text-align: center;
	margin-bottom: 20px;
}

.comTit.white h3 {
	color: #ffffff;
}

.comTit p {
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #404040;
	opacity: 0.8;
	text-align: center;
}

.comTit.white p {
	color: #ffffff;
}

.comRongOne .comTit {
	padding-bottom: 45px;
}

.comBaoOne {
	text-align: center;
}

.comBaoOneA {
	display: inline-block;
	width: 244px;
	margin: 0 35px;
	height: 340px;
	overflow: hidden;
	background-color: #ffffff;
	margin-bottom: 50px;
	box-sizing: border-box;
	padding: 17px;
}

.comBaoOneA .img {
	width: 100%;
	height: 151px;
	overflow: hidden;
}

.comBaoOneA .img img {
	max-height: 100%;
}

.comBaoOneA .wen {
	box-sizing: border-box;
	padding-top: 16px;
}

.comBaoOneA .wen h3 {
	font-family: SourceHanSansSC-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0.5px;
	color: #404040;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 5px;
}

.comBaoOneA .wen p {
	height: 72px;
	overflow: hidden;
	font-family: SourceHanSansSC-Regular;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.3px;
	color: #404040;
	opacity: 0.8;
	text-align: center;
}

.comRongTwo {
	background-color: #50b2f4;
	padding-top: 94px;
	padding-bottom: 50px;
}

.comRongTwo .comTit {
	padding-bottom: 48px;
}

.comBaoTwo {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

.comBaoTwoA {
	display: inline-block;
	margin: 0 25px;
	margin-bottom: 50px;
	width: 154px;
	height: 154px;
	border: solid 3px #ffffff;
	box-sizing: border-box;
	border-radius: 50%;
	padding-top: 30px;
}

.comBaoTwoA h3 {
	font-family: SourceHanSansSC-Regular;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0.8px;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.comBaoTwoA p {
	font-family: SourceHanSansSC-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.comRongThree {
	background-color: #f5f5f5;
	padding-top: 94px;
	padding-bottom: 51px;
}

.comRongThree .comTit {
	padding-bottom: 53px;
}

.comBaoThree {
	text-align: center;
	font-size: 0;
}

.comBaoThreeA {
	display: inline-block;
	width: 192px;
	margin: 0 25px;
	margin-bottom: 38px;
}

.comBaoThreeA .img {
	width: 152px;
	margin: 0 auto;
	height: 152px;
	background-color: #ffffff;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 12px;
}

.comBaoThreeA .img img {
	max-height: 100%;
}

.comBaoThreeA .wen {
	font-family: SourceHanSansSC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0.8px;
	color: #3d3d3d;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*company*/

.neRong {
	padding-top: 53px;
	padding-bottom: 69px;
}

.rong.neRong>.ron {
	width: 1270px;
}

.neTit {
	text-align: center;
	font-size: 0;
	padding-bottom: 27px;
}

.neTitA {
	display: inline-block;
}

.neTitA .wen {
	height: 35px;
	padding: 0 25px;
	font-family: SourceHanSansSC-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0.5px;
	color: #545454;
	text-align: center;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.neTitA:hover .wen {
	color: #FFFFFF;
	background-color: #7b0018;
}

.neTitA.active .wen {
	color: #FFFFFF;
	background-color: #7b0018;
}

.neTitA>span {
	opacity: 0;
	display: block;
	margin: 0 auto;
	width: 18px;
	height: 9px;
	background-image: url(../img/neSanLv.png);
	background-position-x: center;
	background-position-y: bottom;
	background-size: 100% auto;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.neTitA:hover>span {
	opacity: 1;
}

.neTitA.active>span {
	opacity: 1;
}

.neBao {
	overflow: hidden;
	padding-bottom: 35px;
}

.neBaoA {
	height: 210px;
	box-sizing: border-box;
	padding: 0 35px;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.neBaoA:hover {
	background-color: #7b0018;
}

.neBaoA .Aron {
	height: 100%;
	box-sizing: border-box;
	padding-top: 35px;
	padding-bottom: 34px;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.neBaoA:hover .Aron {
	border-color: #7b0018;
}

.neBaoA .Aron .img {
	float: left;
	width: 330px;
	margin-right: 19px;
	height: 140px;
	background-color: #bdbdbd;
	overflow: hidden;
}

.neBaoA .Aron .img img {
	width: 100%;
}

.neBaoA .Aron .wen {
	padding-top: 6px;
}

.neBaoA .Aron .wen h6 {
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #545454;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.neBaoA:hover .Aron .wen h6 {
	color: #FFFFFF;
}

.neBaoA .Aron .wen h6>span {
	font-family: SourceHanSansSC-Regular;
	font-size: 38px;
	margin-right: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 1px;
	color: #545454;
	text-align: left;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.neBaoA:hover .Aron .wen h6>span {
	color: #FFFFFF;
}

.neBaoA .Aron .wen h3 {
	margin-top: 4px;
	font-family: SourceHanSansSC-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: 0.5px;
	color: #545454;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.neBaoA:hover .Aron .wen h3 {
	color: #FFFFFF;
}

.neBaoA .Aron .wen p {
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #545454;
	opacity: 0.8;
	text-align: left;
	height: 48px;
	overflow: hidden;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.neBaoA:hover .Aron .wen p {
	color: #FFFFFF;
}

/*news*/

.nevRong {
	background-color: #FFFFFF;
	padding-top: 119px;
}

.nevTit {
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.nevTit h3 {
	font-family: SourceHanSansSC-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0.5px;
	color: #3d3d3d;
	text-align: center;
}

.nevTit h6 {
	font-family: SourceHanSansSC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0.4px;
	color: #c9c9c9;
	text-align: center;
}

.nevBao {
	padding: 20px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	font-family: SourceHanSansSC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0.4px;
	color: #5f5f5f;
	text-align: left;
}

.nevPage {
	padding: 30px 0;
	text-align: center;
	font-size: 0;
}

.nevPage .mulu {
	width: 50px;
	height: 36px;
	display: inline-block;
	font-family: SourceHanSansSC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0.4px;
	color: #aaaaaa;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.nevPage .left,
.nevPage .right {
	display: block;
	width: calc((100% - 90px) / 2);
	height: 36px;
	font-family: SourceHanSansSC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0.4px;
	color: #aaaaaa;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.nevPage .left {
	float: left;
	text-align: left;
}

.nevPage .right {
	float: right;
	text-align: right;
}

.nevPage .mulu:hover,
.nevPage .left:hover,
.nevPage .right:hover {
	color: #7b0018;
}

/*newsv*/

.joRong {
	background-color: #f5f5f5;
	background-image: none;
}

.joRong>.ron {
	padding-top: 40px;
	padding-bottom: 40px;
}

.joBao {
	box-sizing: border-box;
	padding: 0 30px;
	padding-bottom: 10px;
}

.joBao .meBaoTit {
	margin-right: 0;
	margin-bottom: 30px;
}

.joBao .meBaoTit h3 {
	color: #404040;
}

.joBaoRon {
	overflow: hidden;
}

.joBaoRonA {
	float: left;
	width: 555px;
	height: 240px;
	background-color: #f4f4f4;
	overflow: hidden;
	margin-right: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 10px 30px;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0.4px;
	color: #404040;
	text-align: left;
	cursor: inherit;
}

.joBaoRonA:nth-child(2n) {
	margin-right: 0;
}

.joBaoRonA h3 {
	font-family: SourceHanSansSC-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: 0.5px;
	color: #404040;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 5px;
	transition: all ease-out .3s 0s;
	-webkit-transition: all ease-out .3s 0s;
	-moz-transition: all ease-out .3s 0s;
	-o-transition: all ease-out .3s 0s;
}

.joBaoRonA:hover h3 {
	color: #7b0018;
}

.joBaoRonA>p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.joBaoRonA .jobWen {
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #404040;
	text-align: left;
	margin-bottom: 5px;
}

.joBaoRonA .jobWen h3 {
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #404040;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 0;
}

.joBaoRonA .jobWen p {
	max-height: 48px;
	overflow: hidden;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #404040;
	text-align: left;
}

/*join*/

.hoRong {
	padding-top: 0;
	padding-bottom: 69px;
}

.rong.neRong.hoRong>.ron {
	width: 1310px;
}

.hoBao {
	padding-top: 64px;
}

/*honour*/

.teRong {
	background-color: #f5f5f5;
	background-image: url(../img/tebg.jpg);
	background-position-x: center;
	background-position-y: 300px;
	background-repeat: no-repeat;
	background-size: auto 635px;
}

@media only screen and (min-width: 1921px) {
	.teRong {
		background-size: 100% auto;
	}
}

.teRong>.ron {
	padding-top: 80px;
}

.teBao {
	box-sizing: border-box;
    padding: 0 61px;
	overflow: hidden;
}

.teBaoRon {
	float: right;
	width: 976px;
	height: auto;
	overflow: hidden;
}

.teBaoRonA {
	float: left;
	width: 463px;
	margin-bottom: 50px;
	height: 294px;
	border-radius: 10px;
	border: solid 1px #dedede;
	box-sizing: border-box;
	padding: 30px 31px;
	overflow: hidden;
	position: relative;
	transition: all linear .3s 0s;
	-webkit-transition: all linear .3s 0s;
	-moz-transition: all linear .3s 0s;
	-o-transition: all linear .3s 0s;
}

.teBaoRonA:nth-child(2n) {
	float: right;
}

.teBaoRonA.active {
	width: 100%;
}

.teBaoRonA.active.block {
	height: auto;
}

.teBaoRonA.none {
	width: 0px;
	padding: 0;
	border: 0;
	margin: 0;
	transition: all linear 0.01s 0s;
	-webkit-transition: all linear 0.01s 0s;
	-moz-transition: all linear 0.01s 0s;
	-o-transition: all linear 0.01s 0s;
}

.teBaoRonA .img {
	float: left;
	width: 164px;
	margin-right: 31px;
	height: 232px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.teBaoRonA .img img {
	max-height: 100%;
	transition: all linear .3s 0s;
	-webkit-transition: all linear .3s 0s;
	-moz-transition: all linear .3s 0s;
	-o-transition: all linear .3s 0s;
}

.teBaoRonA.active.block .img img {
	max-height: none;
	width: 100%;
	height: auto;
}

.teBaoRonA .wen {
	height: auto;
	overflow: hidden;
}

.teBaoRonA .wen h3 {
	font-family: SourceHanSansSC-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0.5px;
	color: #2f2f2f;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-bottom: 7px;
	border-bottom: dashed 1px #d8d8d8;
	transition: all linear .3s 0s;
	-webkit-transition: all linear .3s 0s;
	-moz-transition: all linear .3s 0s;
	-o-transition: all linear .3s 0s;
}

.teBaoRonA.active.block .wen h3 {
	white-space: normal;
}

.teBaoRonA .wen h3>span {
	font-size: 15px;
	letter-spacing: 0.4px;
	color: #c2c2c2;
}

.teBaoRonA .wen .teAbout {
	padding: 8px 0;
	border-bottom: dashed 1px #d8d8d8;
}

.teBaoRonA .wen .teAbout p {
	font-family: SourceHanSansSC-Regular;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0.4px;
	color: #333;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all linear .3s 0s;
	-webkit-transition: all linear .3s 0s;
	-moz-transition: all linear .3s 0s;
	-o-transition: all linear .3s 0s;
}

.teBaoRonA.active.block .wen .teAbout p {
	white-space: normal;
}

.teBaoRonA .wen .teAbout p>span {
	display: block;
	float: left;
	width: 23px;
	margin-right: 10px;
	height: 35px;
	background: url(../img/te1.png) center no-repeat;
	background-size: 100% auto;
}

.teBaoRonA .wen .teAbout :nth-child(2)>span {
	background-image: url(../img/te2.png);
}

.teBaoRonA .wen .teRonBody {
	padding-top: 9px;
	margin-bottom: 9px;
	font-family: SourceHanSansSC-Regular;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #909090;
	text-align: left;
	max-height: 48px;
	overflow: hidden;
	transition: all linear .3s 0s;
	-webkit-transition: all linear .3s 0s;
	-moz-transition: all linear .3s 0s;
	-o-transition: all linear .3s 0s;
}

.teBaoRonA.active.block .wen .teRonBody {
	max-height: none;
}

.teBaoA {
	width: 192px;
	height: 36px;
	background-color: #7b0018;
	border-radius: 18px;
	font-family: SourceHanSansSC-Regular;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0.4px;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all linear .3s 0s;
	-webkit-transition: all linear .3s 0s;
	-moz-transition: all linear .3s 0s;
	-o-transition: all linear .3s 0s;
}

.teBaoA:hover {
	background-color: #7b0018;
}

.teBaoRonA.active .teBaoA {
	display: none;
}

.teBaoACha {
	opacity: 0;
	transition: all linear .3s 0s;
	-webkit-transition: all linear .3s 0s;
	-moz-transition: all linear .3s 0s;
	-o-transition: all linear .3s 0s;
}

.teBaoRonA.active .teBaoACha {
	opacity: 1;
	position: absolute;
	right: 32px;
	top: 21px;
	width: 27px;
	height: 26px;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
}

/*team*/